From e3d24c07165354ac8c28ef75acefc521b5402bd3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Robert=20Schn=C3=BCll?= <mail@robertschnuell.de>
Date: Sat, 22 Oct 2022 23:29:37 +0200
Subject: [PATCH 001/714] initial working wip

includes already some basic functions to display infos as well as some parts of the create substructure including the feature of matrix stores templates
---
 next.config.js                         |   3 +
 pages/{explore.js => explore/index.js} |  33 ++++-
 pages/explore/infoOverlay.js           |  93 ++++++++++++++
 pages/explore/moderateOverlay.js       | 162 +++++++++++++++++++++++++
 4 files changed, 287 insertions(+), 4 deletions(-)
 rename pages/{explore.js => explore/index.js} (73%)
 create mode 100644 pages/explore/infoOverlay.js
 create mode 100644 pages/explore/moderateOverlay.js

diff --git a/next.config.js b/next.config.js
index 3c748d79..e928a953 100644
--- a/next.config.js
+++ b/next.config.js
@@ -18,6 +18,9 @@ module.exports = {
             },
         },
         contextRootSpaceRoomId: '!gzsKJXOMipzIxsoqYk:dev.medienhaus.udk-berlin.de',
+        templates: {
+            context: '!DKzCQzwwAaeXIVkLRh:dev.medienhaus.udk-berlin.de',
+        },
         account: {
             allowAddingNewEmails: true,
         },
diff --git a/pages/explore.js b/pages/explore/index.js
similarity index 73%
rename from pages/explore.js
rename to pages/explore/index.js
index fa50d5c3..e3ead07b 100644
--- a/pages/explore.js
+++ b/pages/explore/index.js
@@ -3,19 +3,31 @@ import styled from 'styled-components';
 import getConfig from 'next/config';
 import { useTranslation } from 'react-i18next';
 
-import ContextMultiLevelSelect from '../components/ContextMultiLevelSelect';
-import { useAuth } from '../lib/Auth';
+import ContextMultiLevelSelect from '../../components/ContextMultiLevelSelect';
+import { useAuth } from '../../lib/Auth';
+import ModerateOverlay from './moderateOverlay';
+import InfoOverlay from './infoOverlay';
 
 const ExploreSection = styled.div`
   & > * + * {
     margin-top: var(--margin);
   }
-
   & > select + select {
     margin-top: calc(var(--margin) * 0.65);
   }
 `;
 
+const ActionsSection = styled.div`
+  &  {
+    margin-bottom: var(--margin);
+  }
+
+  & > button {
+    margin-bottom: var(--margin);
+    margin-top: var(--margin);
+  }
+`;
+
 export default function Explore() {
     const auth = useAuth();
     const { t } = useTranslation('explore');
@@ -23,6 +35,8 @@ export default function Explore() {
     const [activeContexts, setActiveContexts] = useState([getConfig().publicRuntimeConfig.contextRootSpaceRoomId]);
     const [contents, setContents] = useState(null);
 
+    const [showActions,setShowActions] = useState({modify:false,infos:false});
+
     useEffect(() => {
         const fetchContents = async () => {
             const contents = [];
@@ -51,6 +65,8 @@ export default function Explore() {
     return (
         <>
             <h1>/explore</h1>
+            <p>{activeContexts[activeContexts.length - 1]}</p>
+ 
             <ExploreSection>
                 <ContextMultiLevelSelect onChange={setActiveContexts} activeContexts={activeContexts} />
                 { (contents && contents.length > 0) ? (
@@ -71,6 +87,15 @@ export default function Explore() {
                     <p>- { t('There are no contents for this context') } -</p>
                 ) }
             </ExploreSection>
+
+            <ActionsSection>
+                <button onClick= {() => {setShowActions({ ...showActions, infos: !showActions.infos })} } > 🏷️</button>
+                {showActions.infos && <InfoOverlay currentId={activeContexts[activeContexts.length - 1]}  />}
+
+                <button onClick= {() => {setShowActions({ ...showActions, modify: !showActions.modify })} } > ⚙️</button>
+                {showActions.modify && <ModerateOverlay currentId={activeContexts[activeContexts.length - 1]}  />}
+
+            </ActionsSection>
         </>
     );
-}
+}
\ No newline at end of file
diff --git a/pages/explore/infoOverlay.js b/pages/explore/infoOverlay.js
new file mode 100644
index 00000000..c7147070
--- /dev/null
+++ b/pages/explore/infoOverlay.js
@@ -0,0 +1,93 @@
+import React, { useCallback, useEffect, useState } from 'react';
+import styled from 'styled-components';
+import getConfig from 'next/config';
+import _ from 'lodash';
+
+import { useAuth } from '../../lib/Auth';
+import { useMatrix } from '../../lib/Matrix';
+
+
+
+
+const InfoOverlay = ({currentId }) => {
+
+    const auth = useAuth();
+    const matrix = auth.getAuthenticationProvider('matrix')
+    const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
+
+
+    useEffect(() => { 
+        getStateEvents(currentId)
+
+    }, [currentId]);
+
+
+    const [stateEventInformation,setStateEventInformation] = useState({})
+
+
+    async function getStateEvents(roomId) { // gets the stateevents of the room
+        const stateEvents = await matrixClient.roomState(roomId).catch((e) => {  })
+        const metaEvent = _.find(stateEvents,{ type: 'dev.medienhaus.meta' })?.content
+        const nameEvent = _.find(stateEvents,{ type: 'm.room.name' })?.content
+        const joinRulesEvent = _.find(stateEvents,{ type: 'dev.medienhaus.meta' })?.content
+        const memberEvent = _.find(stateEvents,{ type: 'm.room.member' })?.content
+        const topicEvent = _.find(stateEvents,{ type: 'm.room.topic' })?.content
+
+        const initial = {name: nameEvent?.name, topic: topicEvent?.content}
+        const meta = {template: metaEvent?.template, type : metaEvent?.type, application: metaEvent?.application}
+
+        const stateInformations = {initial : initial, meta : meta}
+
+        setStateEventInformation({ ...stateEventInformation, meta: stateInformations.meta,initial: stateInformations.initial })
+
+
+    }
+
+
+
+    return (
+        <>
+            <p>Name:{stateEventInformation?.initial?.name}</p>
+            <p>Topic:{stateEventInformation?.initial?.topic}</p>
+            <details>
+                <summary>more</summary>
+                <p>Id: <span>{currentId}</span></p>
+                <details>
+                    <summary>meta</summary>
+                    <dl>
+                        <dt>Type</dt>
+                            <dd>{stateEventInformation?.meta?.type}</dd>
+                        <dt>Template</dt>
+                            <dd>{stateEventInformation?.meta?.template}</dd>
+                        <dt>Application</dt>
+                            <dd>{stateEventInformation?.meta?.type}</dd>
+                    </dl>
+                </details>
+                <details>
+                    <summary>Institutions</summary>
+                </details>
+                <details>
+                    <summary>Members</summary>
+                </details>
+                <details>
+                    <summary>Referenced</summary>
+                </details>
+                <dl>
+                        <dt>Join Rules</dt>
+                            <dd>{stateEventInformation?.join}</dd>
+                        <dt>Visibility</dt>
+                            <dd>{stateEventInformation?.visibilty}</dd>
+                    </dl>
+            </details>
+            
+
+            <button>⭐</button>
+            <button>Join</button>
+
+
+        </>
+        
+    );
+};
+
+export default InfoOverlay;
diff --git a/pages/explore/moderateOverlay.js b/pages/explore/moderateOverlay.js
new file mode 100644
index 00000000..c3c12abe
--- /dev/null
+++ b/pages/explore/moderateOverlay.js
@@ -0,0 +1,162 @@
+import React, { useCallback, useEffect, useState } from 'react';
+import styled from 'styled-components';
+import getConfig from 'next/config';
+import _ from 'lodash';
+
+import { useAuth } from '../../lib/Auth';
+import { useMatrix } from '../../lib/Matrix';
+
+const ModifySection = styled.details`
+    &  {
+        margin-bottom: var(--margin);
+    }
+`;
+
+const CreateSubstructureSection = styled.details`
+    &  {
+        margin-bottom: var(--margin);
+    }
+`;
+
+
+
+const ModerateOverlay = ({currentId }) => {
+    const auth = useAuth();
+    const matrix = auth.getAuthenticationProvider('matrix')
+    const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
+
+
+    // Logics for the functions of the 'CreateSubstructureSection'
+    // includes some basic input validation and dynamic form adjustments for the template selection
+
+    const [contextTemplates, setContextTemplates] = useState([]);
+
+    const [generateNewTemplate,setGenerateNewTemplate] = useState(false)
+
+    const [createNew,setCreateNew] = useState({name:"",template:"",parent:"",interfaceError:""}) //stores all nessesarry user input from the form
+
+    async function getTemplatesOfContexts(roomId) { // gets the templates from the 
+        if(contextTemplates.length > 0) return
+        const metaEvent = await auth.getAuthenticationProvider('matrix').getMatrixClient().getStateEvent(roomId, 'dev.medienhaus.meta').catch(() => {});
+        if((metaEvent?.template !== 'templates')) return
+        console.log(metaEvent)
+        const roomContent = await (matrix.fetchRoomMessages(roomId,5));
+        const templates = _.uniq(roomContent?.chunk.map(entry => entry?.content?.body)).filter(e =>  e);
+        setContextTemplates(templates)
+    }
+
+
+
+
+
+    useEffect(() => { // basic input validation for the input fields to create a new substructure
+    
+        if (createNew.name === "" || createNew?.name.length < 4) {
+            createNew.interfaceError = "name too short" 
+            return;
+        } else {
+            createNew.interfaceError = "";
+        }
+           
+        if (createNew.template === "" || createNew?.template.length < 4) {
+            createNew.interfaceError = "template name too short"
+            return;
+        }  else {
+            createNew.interfaceError = "";
+        }  
+
+    }, [createNew]);
+
+    const createContext = (e) => {
+        e.preventDefault();
+        if(currentId.length > 10 && currentId.charAt(0) === '!' && currentId.includes(':')) { //just some really really basic check if it could be an matrix id
+            setCreateNew({ ...createNew, parent: currentId });
+            console.log("created")
+        } else {
+            createNew.interfaceError = "something went wrong with the selected matrix Id, please reload"
+        }
+
+    }
+
+    const createNewChangeHandle = (e) => {
+        if(e.target.name === "template" && e.target.value === "_createNew") {//check if dropdown is selected for new to modify form
+            e.target.value  === '_createNew'? setGenerateNewTemplate(true) : setGenerateNewTemplate(false)
+            setCreateNew({ ...createNew, template: "" })
+            return;
+        } 
+        if(e.target.name === "newTemplate") {
+            setCreateNew({ ...createNew, template: e.target.value });
+        } else {
+            setCreateNew({ ...createNew, [e.target.name]: e.target.value }); //this is the regular way if no errors occured before
+        }
+    };
+
+    return (
+        <>
+            <ModifySection>
+                <summary>Modify</summary>
+                <input placeholder="id"></input>
+                <input placeholder="name"></input>
+                <input placeholder="topic"></input>
+                <details>
+                    <summary>members</summary>
+                </details>
+                <details>
+                        <summary>advanced</summary>
+                        <select>
+                            <option value="" disabled selected>visibilty</option> 
+                        </select>
+                        <select>
+                            <option value="" disabled selected>join rules</option> 
+                        </select>
+                        <select>
+                            <option value="" disabled selected>member participation presets</option> 
+                        </select>
+                </details>
+                <details>
+                    <summary>danger zone</summary>
+                    <button>delete</button>
+                </details>
+                
+            </ModifySection>
+            <CreateSubstructureSection onClick={() => getTemplatesOfContexts(getConfig().publicRuntimeConfig.templates.context)}> {/* will only load the templates after expanding this view to prevent unnecessary network traffic */}
+                <summary>create Substructure</summary>
+                <form onSubmit={createContext}>
+                    <input name="name" value={createNew.name} onChange={createNewChangeHandle}  required placeholder="name"></input>
+                    <select name="template" onChange={createNewChangeHandle}>
+                        <option value="" disabled selected>Template</option>  
+                        {contextTemplates.map( (template,key  ) =>  { {/* cycle through all of the collective specified templates stored in a matrix room */}
+                            return  <option key={key} value={template}>
+                            { template }      
+                        </option>
+                        })}
+                    <option  value="_createNew">create new…</option> {/* static element for users to create a new template */}
+                    </select>
+                    {generateNewTemplate && <input name="newTemplate" value={createNew.template} onChange={createNewChangeHandle} required placeholder='…'></input> }{/* this input is only generated if the dropwdown was selected 'create new…' */}
+
+
+                    <details>
+                        <summary>advanced</summary>
+                        <select>
+                            <option value="" disabled selected>visibilty</option> 
+                        </select>
+                        <select>
+                            <option value="" disabled selected>join rules</option> 
+                        </select>
+                        <select>
+                            <option value="" disabled selected>member participation presets</option> 
+                        </select>
+                    </details>
+                    
+                    {createNew.interfaceError && <p>‼️ {createNew.interfaceError}</p>} {/* Showing the current Error to the user if some input validation failed */}
+                    <button disabled={createNew.interfaceError} type='submit'>create</button>
+                </form>
+            </CreateSubstructureSection>
+
+
+        </>
+        
+    );
+};
+
+export default ModerateOverlay;

From 02abea652ba1ab9cdeddecaa265600c77f46bebe Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Robert=20Schn=C3=BCll?= <mail@robertschnuell.de>
Date: Sun, 23 Oct 2022 01:34:25 +0200
Subject: [PATCH 002/714] adding members to info

---
 pages/explore/infoOverlay.js | 36 ++++++++++++++++++++++++++++--------
 1 file changed, 28 insertions(+), 8 deletions(-)

diff --git a/pages/explore/infoOverlay.js b/pages/explore/infoOverlay.js
index c7147070..91752613 100644
--- a/pages/explore/infoOverlay.js
+++ b/pages/explore/infoOverlay.js
@@ -30,15 +30,24 @@ const InfoOverlay = ({currentId }) => {
         const metaEvent = _.find(stateEvents,{ type: 'dev.medienhaus.meta' })?.content
         const nameEvent = _.find(stateEvents,{ type: 'm.room.name' })?.content
         const joinRulesEvent = _.find(stateEvents,{ type: 'dev.medienhaus.meta' })?.content
-        const memberEvent = _.find(stateEvents,{ type: 'm.room.member' })?.content
+        const memberEvent = _.filter(stateEvents,{ type: 'm.room.member' })
         const topicEvent = _.find(stateEvents,{ type: 'm.room.topic' })?.content
 
-        const initial = {name: nameEvent?.name, topic: topicEvent?.content}
-        const meta = {template: metaEvent?.template, type : metaEvent?.type, application: metaEvent?.application}
+        const members = _.omitBy(_.map(memberEvent,member => {
+            if(member?.content.membership === 'join'){
+                return {id:member?.sender,displaname:member?.content?.displayname}
+            }
+        }), _.isNil)
+        const institutions = _.omitBy(_.map(members, member => member?.id.split(':')[1]), _.isNil)
 
-        const stateInformations = {initial : initial, meta : meta}
 
-        setStateEventInformation({ ...stateEventInformation, meta: stateInformations.meta,initial: stateInformations.initial })
+        const initial = {name: nameEvent?.name, topic: topicEvent?.content,members:members}
+        const custom = {template: metaEvent?.template, type : metaEvent?.type, application: metaEvent?.application}
+
+        const stateInformations = {initial : initial, custom : custom}
+
+        setStateEventInformation({ ...stateEventInformation, custom: stateInformations.custom, initial: stateInformations.initial })
+
 
 
     }
@@ -56,18 +65,29 @@ const InfoOverlay = ({currentId }) => {
                     <summary>meta</summary>
                     <dl>
                         <dt>Type</dt>
-                            <dd>{stateEventInformation?.meta?.type}</dd>
+                            <dd>{stateEventInformation?.custom?.type}</dd>
                         <dt>Template</dt>
-                            <dd>{stateEventInformation?.meta?.template}</dd>
+                            <dd>{stateEventInformation?.custom?.template}</dd>
                         <dt>Application</dt>
-                            <dd>{stateEventInformation?.meta?.type}</dd>
+                            <dd>{stateEventInformation?.custom?.type}</dd>
                     </dl>
                 </details>
                 <details>
                     <summary>Institutions</summary>
+                    <p>{stateEventInformation?.custom?.institutions}</p>
                 </details>
                 <details>
                     <summary>Members</summary>
+                    <ul>
+                    {_.map(stateEventInformation?.initial?.members, (member) =>  { 
+                        return  <details>
+                            <summary>{member?.displaname}</summary>
+                            <p><a href={ `#${member?.id}` }>send dm</a></p>
+                            <p><a href={ `#${member?.id}` }>invite to…</a></p>
+                            </details>
+                    })
+                    }
+                    </ul>
                 </details>
                 <details>
                     <summary>Referenced</summary>

From a1c38e1ca6c0d7470d916362d8e6bd2adfdef2ac Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Robert=20Schn=C3=BCll?= <mail@robertschnuell.de>
Date: Sun, 23 Oct 2022 19:16:31 +0200
Subject: [PATCH 003/714] restructure and rename to actions

---
 pages/explore/actions.js         |  47 +++++++++++
 pages/explore/addOverlay.js      |  51 ++++++++++++
 pages/explore/index.js           |  28 ++-----
 pages/explore/infoOverlay.js     | 132 +++++++++++++++---------------
 pages/explore/moderateOverlay.js | 133 ++++++++++++++-----------------
 5 files changed, 232 insertions(+), 159 deletions(-)
 create mode 100644 pages/explore/actions.js
 create mode 100644 pages/explore/addOverlay.js

diff --git a/pages/explore/actions.js b/pages/explore/actions.js
new file mode 100644
index 00000000..c7868229
--- /dev/null
+++ b/pages/explore/actions.js
@@ -0,0 +1,47 @@
+import React, { useCallback, useEffect, useState } from 'react';
+import styled from 'styled-components';
+import getConfig from 'next/config';
+import _ from 'lodash';
+
+import { useAuth } from '../../lib/Auth';
+import { useMatrix } from '../../lib/Matrix';
+import ModerateOverlay from './moderateOverlay';
+import InfoOverlay from './infoOverlay';
+import AddOverlay from './addOverlay';
+
+
+const ActionsSection = styled.div`
+  &  {
+    margin-bottom: var(--margin);
+  }
+
+  & > button {
+    margin-bottom: var(--margin);
+    margin-top: var(--margin);
+  }
+`;
+
+const Actions = ({ activeContexts }) => {
+    const auth = useAuth();
+    const matrix = auth.getAuthenticationProvider('matrix');
+    const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
+
+    const [showActions, setShowActions] = useState({ modify: false, infos: false, add: false });
+
+    return (
+        <ActionsSection>
+            <button onClick={() => {setShowActions({ ...showActions, infos: !showActions.infos });}}> 🏷️</button>
+            { showActions.infos && <InfoOverlay currentId={activeContexts[activeContexts.length - 1]} /> }
+
+            <button onClick={() => {setShowActions({ ...showActions, add: !showActions.add });}}> ➕</button>
+            { showActions.add && <AddOverlay currentId={activeContexts[activeContexts.length - 1]} /> }
+
+            <button onClick={() => {setShowActions({ ...showActions, modify: !showActions.modify });}}> ⚙️</button>
+            { showActions.modify && <ModerateOverlay currentId={activeContexts[activeContexts.length - 1]} /> }
+
+        </ActionsSection>
+
+    );
+};
+
+export default Actions;
diff --git a/pages/explore/addOverlay.js b/pages/explore/addOverlay.js
new file mode 100644
index 00000000..fa343003
--- /dev/null
+++ b/pages/explore/addOverlay.js
@@ -0,0 +1,51 @@
+import React, { useCallback, useEffect, useState } from 'react';
+import styled from 'styled-components';
+import getConfig from 'next/config';
+import _ from 'lodash';
+
+import { useAuth } from '../../lib/Auth';
+import { useMatrix } from '../../lib/Matrix';
+
+const ModSection = styled.details`
+    &  {
+        margin-bottom: var(--margin);
+    }
+    & > button {
+        margin-bottom: var(--margin);
+    }
+`;
+
+const UserSection = styled.details`
+    &  {
+        margin-bottom: var(--margin);
+    }
+
+    & > button {
+        margin-bottom: var(--margin);
+    }
+`;
+
+const AddOverlay = ({ currentId }) => {
+    const auth = useAuth();
+    const matrix = auth.getAuthenticationProvider('matrix');
+    const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
+
+    return (
+        <>
+            <UserSection>
+                <summary>User Section</summary>
+                <button>⭐</button>
+                <button>Join</button>
+            </UserSection>
+            <ModSection>
+                <summary>Mod Section</summary>
+                <button>create new substructure</button>
+                <button>add existing reference</button>
+            </ModSection>
+
+        </>
+
+    );
+};
+
+export default AddOverlay;
diff --git a/pages/explore/index.js b/pages/explore/index.js
index e3ead07b..77da66c6 100644
--- a/pages/explore/index.js
+++ b/pages/explore/index.js
@@ -7,6 +7,8 @@ import ContextMultiLevelSelect from '../../components/ContextMultiLevelSelect';
 import { useAuth } from '../../lib/Auth';
 import ModerateOverlay from './moderateOverlay';
 import InfoOverlay from './infoOverlay';
+import AddOverlay from './addOverlay';
+import Actions from './actions'
 
 const ExploreSection = styled.div`
   & > * + * {
@@ -17,16 +19,7 @@ const ExploreSection = styled.div`
   }
 `;
 
-const ActionsSection = styled.div`
-  &  {
-    margin-bottom: var(--margin);
-  }
 
-  & > button {
-    margin-bottom: var(--margin);
-    margin-top: var(--margin);
-  }
-`;
 
 export default function Explore() {
     const auth = useAuth();
@@ -35,7 +28,6 @@ export default function Explore() {
     const [activeContexts, setActiveContexts] = useState([getConfig().publicRuntimeConfig.contextRootSpaceRoomId]);
     const [contents, setContents] = useState(null);
 
-    const [showActions,setShowActions] = useState({modify:false,infos:false});
 
     useEffect(() => {
         const fetchContents = async () => {
@@ -65,8 +57,8 @@ export default function Explore() {
     return (
         <>
             <h1>/explore</h1>
-            <p>{activeContexts[activeContexts.length - 1]}</p>
- 
+            <p>{ activeContexts[activeContexts.length - 1] }</p>
+
             <ExploreSection>
                 <ContextMultiLevelSelect onChange={setActiveContexts} activeContexts={activeContexts} />
                 { (contents && contents.length > 0) ? (
@@ -88,14 +80,10 @@ export default function Explore() {
                 ) }
             </ExploreSection>
 
-            <ActionsSection>
-                <button onClick= {() => {setShowActions({ ...showActions, infos: !showActions.infos })} } > 🏷️</button>
-                {showActions.infos && <InfoOverlay currentId={activeContexts[activeContexts.length - 1]}  />}
-
-                <button onClick= {() => {setShowActions({ ...showActions, modify: !showActions.modify })} } > ⚙️</button>
-                {showActions.modify && <ModerateOverlay currentId={activeContexts[activeContexts.length - 1]}  />}
+            
+                    <Actions activeContexts={activeContexts}></Actions>
 
-            </ActionsSection>
+        
         </>
     );
-}
\ No newline at end of file
+}
diff --git a/pages/explore/infoOverlay.js b/pages/explore/infoOverlay.js
index 91752613..81db4adc 100644
--- a/pages/explore/infoOverlay.js
+++ b/pages/explore/infoOverlay.js
@@ -6,107 +6,105 @@ import _ from 'lodash';
 import { useAuth } from '../../lib/Auth';
 import { useMatrix } from '../../lib/Matrix';
 
-
-
-
-const InfoOverlay = ({currentId }) => {
-
+const InfoOverlay = ({ currentId }) => {
     const auth = useAuth();
-    const matrix = auth.getAuthenticationProvider('matrix')
+    const matrix = auth.getAuthenticationProvider('matrix');
     const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
 
-
-    useEffect(() => { 
-        getStateEvents(currentId)
-
+    useEffect(() => {
+        getStateEvents(currentId);
     }, [currentId]);
 
-
-    const [stateEventInformation,setStateEventInformation] = useState({})
-
+    const [stateEventInformation, setStateEventInformation] = useState({});
 
     async function getStateEvents(roomId) { // gets the stateevents of the room
-        const stateEvents = await matrixClient.roomState(roomId).catch((e) => {  })
-        const metaEvent = _.find(stateEvents,{ type: 'dev.medienhaus.meta' })?.content
-        const nameEvent = _.find(stateEvents,{ type: 'm.room.name' })?.content
-        const joinRulesEvent = _.find(stateEvents,{ type: 'dev.medienhaus.meta' })?.content
-        const memberEvent = _.filter(stateEvents,{ type: 'm.room.member' })
-        const topicEvent = _.find(stateEvents,{ type: 'm.room.topic' })?.content
-
-        const members = _.omitBy(_.map(memberEvent,member => {
-            if(member?.content.membership === 'join'){
-                return {id:member?.sender,displaname:member?.content?.displayname}
-            }
-        }), _.isNil)
-        const institutions = _.omitBy(_.map(members, member => member?.id.split(':')[1]), _.isNil)
-
-
-        const initial = {name: nameEvent?.name, topic: topicEvent?.content,members:members}
-        const custom = {template: metaEvent?.template, type : metaEvent?.type, application: metaEvent?.application}
-
-        const stateInformations = {initial : initial, custom : custom}
-
-        setStateEventInformation({ ...stateEventInformation, custom: stateInformations.custom, initial: stateInformations.initial })
-
-
-
+        const stateEvents = await matrixClient.roomState(roomId).catch((e) => { });
+        const metaEvent = _.find(stateEvents, { type: 'dev.medienhaus.meta' })?.content;
+        const nameEvent = _.find(stateEvents, { type: 'm.room.name' })?.content;
+        const joinRulesEvent = _.find(stateEvents, { type: 'dev.medienhaus.meta' })?.content;
+        const memberEvent = _.filter(stateEvents, { type: 'm.room.member' });
+        const topicEvent = _.find(stateEvents, { type: 'm.room.topic' })?.content;
+
+        const members = _.filter(
+            _.map(memberEvent, member => {
+                return { id: member?.sender, displaname: member?.content?.displayname };
+            }),
+            el => !_.isNull(el)); //filter out empty ones
+
+        const institutions = _.uniq(_.map(members, member => member?.id.split(':')[1]));
+
+        console.log(stateEvents);
+
+        const initial = { name: nameEvent?.name,
+            topic: topicEvent?.content,
+            members: members,
+        };
+        const custom = {
+            template: metaEvent?.template,
+            type: metaEvent?.type,
+            application: metaEvent?.application,
+            institutions: institutions,
+        };
+
+        const stateInformations = { initial: initial, custom: custom };
+
+        setStateEventInformation({ ...stateEventInformation, custom: stateInformations.custom, initial: stateInformations.initial });
     }
 
-
-
     return (
         <>
-            <p>Name:{stateEventInformation?.initial?.name}</p>
-            <p>Topic:{stateEventInformation?.initial?.topic}</p>
+            <p>Name:{ stateEventInformation?.initial?.name }</p>
+            <p>Topic:{ stateEventInformation?.initial?.topic }</p>
             <details>
                 <summary>more</summary>
-                <p>Id: <span>{currentId}</span></p>
+                <p>Id: <span>{ currentId }</span></p>
                 <details>
                     <summary>meta</summary>
                     <dl>
+                        <dt>Application</dt>
+                        <dd>{ stateEventInformation?.custom?.type }</dd>
                         <dt>Type</dt>
-                            <dd>{stateEventInformation?.custom?.type}</dd>
+                        <dd>{ stateEventInformation?.custom?.type }</dd>
                         <dt>Template</dt>
-                            <dd>{stateEventInformation?.custom?.template}</dd>
-                        <dt>Application</dt>
-                            <dd>{stateEventInformation?.custom?.type}</dd>
+                        <dd>{ stateEventInformation?.custom?.template }</dd>
                     </dl>
                 </details>
                 <details>
                     <summary>Institutions</summary>
-                    <p>{stateEventInformation?.custom?.institutions}</p>
+                    <ul>
+                        { _.map(stateEventInformation?.custom?.institutions, institution => {
+                            return <li>{ institution }</li>;
+                        }) }
+                    </ul>
+
                 </details>
                 <details>
                     <summary>Members</summary>
                     <ul>
-                    {_.map(stateEventInformation?.initial?.members, (member) =>  { 
-                        return  <details>
-                            <summary>{member?.displaname}</summary>
-                            <p><a href={ `#${member?.id}` }>send dm</a></p>
-                            <p><a href={ `#${member?.id}` }>invite to…</a></p>
-                            </details>
-                    })
-                    }
+                        { _.map(stateEventInformation?.initial?.members, (member) => {
+                            return <li>
+                                <details>
+                                    <summary>{ member?.displaname ? member?.displaname : member?.id.split(':')[0].substring(1) }</summary> { /* If Displayname is not set fallback to user id  */ }
+                                    <p><a href={`#${member?.id}`}>send dm</a></p>
+                                    <p><a href={`#${member?.id}`}>invite to…</a></p>
+                                </details>
+                            </li>;
+                        })
+                        }
                     </ul>
                 </details>
                 <details>
                     <summary>Referenced</summary>
                 </details>
                 <dl>
-                        <dt>Join Rules</dt>
-                            <dd>{stateEventInformation?.join}</dd>
-                        <dt>Visibility</dt>
-                            <dd>{stateEventInformation?.visibilty}</dd>
-                    </dl>
+                    <dt>Join Rules</dt>
+                    <dd>{ stateEventInformation?.join }</dd>
+                    <dt>Visibility</dt>
+                    <dd>{ stateEventInformation?.visibilty }</dd>
+                </dl>
             </details>
-            
-
-            <button>⭐</button>
-            <button>Join</button>
-
-
         </>
-        
+
     );
 };
 
diff --git a/pages/explore/moderateOverlay.js b/pages/explore/moderateOverlay.js
index c3c12abe..9a9cc7c3 100644
--- a/pages/explore/moderateOverlay.js
+++ b/pages/explore/moderateOverlay.js
@@ -18,73 +18,63 @@ const CreateSubstructureSection = styled.details`
     }
 `;
 
-
-
-const ModerateOverlay = ({currentId }) => {
+const ModerateOverlay = ({ currentId }) => {
     const auth = useAuth();
-    const matrix = auth.getAuthenticationProvider('matrix')
+    const matrix = auth.getAuthenticationProvider('matrix');
     const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
 
-
     // Logics for the functions of the 'CreateSubstructureSection'
     // includes some basic input validation and dynamic form adjustments for the template selection
 
     const [contextTemplates, setContextTemplates] = useState([]);
 
-    const [generateNewTemplate,setGenerateNewTemplate] = useState(false)
+    const [generateNewTemplate, setGenerateNewTemplate] = useState(false);
 
-    const [createNew,setCreateNew] = useState({name:"",template:"",parent:"",interfaceError:""}) //stores all nessesarry user input from the form
+    const [createNew, setCreateNew] = useState({ name: '', template: '', parent: '', interfaceError: '' }); //stores all nessesarry user input from the form
 
-    async function getTemplatesOfContexts(roomId) { // gets the templates from the 
-        if(contextTemplates.length > 0) return
+    async function getTemplatesOfContexts(roomId) { // gets the templates from the
+        if (contextTemplates.length > 0) return;
         const metaEvent = await auth.getAuthenticationProvider('matrix').getMatrixClient().getStateEvent(roomId, 'dev.medienhaus.meta').catch(() => {});
-        if((metaEvent?.template !== 'templates')) return
-        console.log(metaEvent)
-        const roomContent = await (matrix.fetchRoomMessages(roomId,5));
-        const templates = _.uniq(roomContent?.chunk.map(entry => entry?.content?.body)).filter(e =>  e);
-        setContextTemplates(templates)
+        if ((metaEvent?.template !== 'templates')) return;
+        console.log(metaEvent);
+        const roomContent = await (matrix.fetchRoomMessages(roomId, 5));
+        const templates = _.uniq(roomContent?.chunk.map(entry => entry?.content?.body)).filter(e => e);
+        setContextTemplates(templates);
     }
 
-
-
-
-
     useEffect(() => { // basic input validation for the input fields to create a new substructure
-    
-        if (createNew.name === "" || createNew?.name.length < 4) {
-            createNew.interfaceError = "name too short" 
+        if (createNew.name === '' || createNew?.name.length < 4) {
+            createNew.interfaceError = 'name too short';
             return;
         } else {
-            createNew.interfaceError = "";
+            createNew.interfaceError = '';
         }
-           
-        if (createNew.template === "" || createNew?.template.length < 4) {
-            createNew.interfaceError = "template name too short"
-            return;
-        }  else {
-            createNew.interfaceError = "";
-        }  
 
+        if (createNew.template === '' || createNew?.template.length < 4) {
+            createNew.interfaceError = 'template name too short';
+            return;
+        } else {
+            createNew.interfaceError = '';
+        }
     }, [createNew]);
 
     const createContext = (e) => {
         e.preventDefault();
-        if(currentId.length > 10 && currentId.charAt(0) === '!' && currentId.includes(':')) { //just some really really basic check if it could be an matrix id
+        if (currentId.length > 10 && currentId.charAt(0) === '!' && currentId.includes(':')) { //just some really really basic check if it could be an matrix id
             setCreateNew({ ...createNew, parent: currentId });
-            console.log("created")
+            console.log('created');
         } else {
-            createNew.interfaceError = "something went wrong with the selected matrix Id, please reload"
+            createNew.interfaceError = 'something went wrong with the selected matrix Id, please reload';
         }
-
-    }
+    };
 
     const createNewChangeHandle = (e) => {
-        if(e.target.name === "template" && e.target.value === "_createNew") {//check if dropdown is selected for new to modify form
-            e.target.value  === '_createNew'? setGenerateNewTemplate(true) : setGenerateNewTemplate(false)
-            setCreateNew({ ...createNew, template: "" })
+        if (e.target.name === 'template' && e.target.value === '_createNew') {//check if dropdown is selected for new to modify form
+            e.target.value === '_createNew'? setGenerateNewTemplate(true) : setGenerateNewTemplate(false);
+            setCreateNew({ ...createNew, template: '' });
             return;
-        } 
-        if(e.target.name === "newTemplate") {
+        }
+        if (e.target.name === 'newTemplate') {
             setCreateNew({ ...createNew, template: e.target.value });
         } else {
             setCreateNew({ ...createNew, [e.target.name]: e.target.value }); //this is the regular way if no errors occured before
@@ -95,67 +85,66 @@ const ModerateOverlay = ({currentId }) => {
         <>
             <ModifySection>
                 <summary>Modify</summary>
-                <input placeholder="id"></input>
-                <input placeholder="name"></input>
-                <input placeholder="topic"></input>
+                <input placeholder="id" />
+                <input placeholder="name" />
+                <input placeholder="topic" />
                 <details>
                     <summary>members</summary>
                 </details>
                 <details>
-                        <summary>advanced</summary>
-                        <select>
-                            <option value="" disabled selected>visibilty</option> 
-                        </select>
-                        <select>
-                            <option value="" disabled selected>join rules</option> 
-                        </select>
-                        <select>
-                            <option value="" disabled selected>member participation presets</option> 
-                        </select>
+                    <summary>advanced</summary>
+                    <select>
+                        <option value="" disabled selected>visibilty</option>
+                    </select>
+                    <select>
+                        <option value="" disabled selected>join rules</option>
+                    </select>
+                    <select>
+                        <option value="" disabled selected>member participation presets</option>
+                    </select>
                 </details>
                 <details>
                     <summary>danger zone</summary>
                     <button>delete</button>
                 </details>
-                
+
             </ModifySection>
-            <CreateSubstructureSection onClick={() => getTemplatesOfContexts(getConfig().publicRuntimeConfig.templates.context)}> {/* will only load the templates after expanding this view to prevent unnecessary network traffic */}
+            <CreateSubstructureSection onClick={() => getTemplatesOfContexts(getConfig().publicRuntimeConfig.templates.context)}> { /* will only load the templates after expanding this view to prevent unnecessary network traffic */ }
                 <summary>create Substructure</summary>
                 <form onSubmit={createContext}>
-                    <input name="name" value={createNew.name} onChange={createNewChangeHandle}  required placeholder="name"></input>
+                    <input name="name" value={createNew.name} onChange={createNewChangeHandle} required placeholder="name" />
                     <select name="template" onChange={createNewChangeHandle}>
-                        <option value="" disabled selected>Template</option>  
-                        {contextTemplates.map( (template,key  ) =>  { {/* cycle through all of the collective specified templates stored in a matrix room */}
-                            return  <option key={key} value={template}>
-                            { template }      
-                        </option>
-                        })}
-                    <option  value="_createNew">create new…</option> {/* static element for users to create a new template */}
+                        <option value="" disabled selected>Template</option>
+                        { contextTemplates.map((template, key) => {
+                            {/* cycle through all of the collective specified templates stored in a matrix room */}
+                            return <option key={key} value={template}>
+                                { template }
+                            </option>;
+                        }) }
+                        <option value="_createNew">create new…</option> { /* static element for users to create a new template */ }
                     </select>
-                    {generateNewTemplate && <input name="newTemplate" value={createNew.template} onChange={createNewChangeHandle} required placeholder='…'></input> }{/* this input is only generated if the dropwdown was selected 'create new…' */}
-
+                    { generateNewTemplate && <input name="newTemplate" value={createNew.template} onChange={createNewChangeHandle} required placeholder="…" /> }{ /* this input is only generated if the dropwdown was selected 'create new…' */ }
 
                     <details>
                         <summary>advanced</summary>
                         <select>
-                            <option value="" disabled selected>visibilty</option> 
+                            <option value="" disabled selected>visibilty</option>
                         </select>
                         <select>
-                            <option value="" disabled selected>join rules</option> 
+                            <option value="" disabled selected>join rules</option>
                         </select>
                         <select>
-                            <option value="" disabled selected>member participation presets</option> 
+                            <option value="" disabled selected>member participation presets</option>
                         </select>
                     </details>
-                    
-                    {createNew.interfaceError && <p>‼️ {createNew.interfaceError}</p>} {/* Showing the current Error to the user if some input validation failed */}
-                    <button disabled={createNew.interfaceError} type='submit'>create</button>
+
+                    { createNew.interfaceError && <p>‼️ { createNew.interfaceError }</p> } { /* Showing the current Error to the user if some input validation failed */ }
+                    <button disabled={createNew.interfaceError} type="submit">create</button>
                 </form>
             </CreateSubstructureSection>
 
-
         </>
-        
+
     );
 };
 

From 33c995fbdf9ad28203b5799b641933a001fe0b9b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Robert=20Schn=C3=BCll?= <mail@robertschnuell.de>
Date: Sun, 23 Oct 2022 20:10:24 +0200
Subject: [PATCH 004/714] restructuring buttons

---
 pages/explore/actions.js                      | 59 +++++++++++++++----
 pages/explore/{addOverlay.js => addAction.js} |  4 +-
 pages/explore/index.js                        | 16 ++---
 .../explore/{infoOverlay.js => infoAction.js} | 37 +++++++-----
 .../{moderateOverlay.js => settingsAction.js} |  4 +-
 5 files changed, 77 insertions(+), 43 deletions(-)
 rename pages/explore/{addOverlay.js => addAction.js} (94%)
 rename pages/explore/{infoOverlay.js => infoAction.js} (83%)
 rename pages/explore/{moderateOverlay.js => settingsAction.js} (98%)

diff --git a/pages/explore/actions.js b/pages/explore/actions.js
index c7868229..868c257d 100644
--- a/pages/explore/actions.js
+++ b/pages/explore/actions.js
@@ -5,39 +5,72 @@ import _ from 'lodash';
 
 import { useAuth } from '../../lib/Auth';
 import { useMatrix } from '../../lib/Matrix';
-import ModerateOverlay from './moderateOverlay';
-import InfoOverlay from './infoOverlay';
-import AddOverlay from './addOverlay';
+import SettingsAction from './settingsAction';
+import InfoAction from './infoAction';
+import AddAction from './addAction';
 
-
-const ActionsSection = styled.div`
+const ActionsSection = styled.details`
   &  {
     margin-bottom: var(--margin);
+
   }
 
-  & > button {
+  & > div > button {
     margin-bottom: var(--margin);
     margin-top: var(--margin);
+    margin-right: var(--margin);
+    width: 50px;
+
+  }
+
+`;
+
+const ButtonsSection = styled.div`
+  &  {
+    margin-bottom: var(--margin);
+
   }
 `;
 
-const Actions = ({ activeContexts }) => {
+const MenuSection = styled.div`
+  &  {
+    margin-bottom: var(--margin);
+
+  }
+`;
+
+const Actions = ({ currentId }) => {
     const auth = useAuth();
     const matrix = auth.getAuthenticationProvider('matrix');
     const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
 
     const [showActions, setShowActions] = useState({ modify: false, infos: false, add: false });
 
+    const [stateEvents, setStateEvents] = useState();
+
+    useEffect(() => {
+        getStateEvents(currentId);
+    }, [currentId]);
+
+    async function getStateEvents(roomId) { // gets the stateevents of the room
+        setStateEvents(await matrixClient.roomState(roomId).catch((e) => { }));
+    }
+
     return (
         <ActionsSection>
-            <button onClick={() => {setShowActions({ ...showActions, infos: !showActions.infos });}}> 🏷️</button>
-            { showActions.infos && <InfoOverlay currentId={activeContexts[activeContexts.length - 1]} /> }
+            <summary onClick={() => getStateEvents(currentId)}>…</summary>
 
-            <button onClick={() => {setShowActions({ ...showActions, add: !showActions.add });}}> ➕</button>
-            { showActions.add && <AddOverlay currentId={activeContexts[activeContexts.length - 1]} /> }
+            <ButtonsSection>
+                <button onClick={() => {setShowActions({ ...showActions, infos: !showActions.infos, add: false, settings: false });}}> 🏷️</button>
+                <button onClick={() => {setShowActions({ ...showActions, add: !showActions.add, infos: false, settings: false });}}> ➕</button>
+                <button onClick={() => {setShowActions({ ...showActions, settings: !showActions.settings, info: false, add: false });}}> ⚙️</button>
+            </ButtonsSection>
 
-            <button onClick={() => {setShowActions({ ...showActions, modify: !showActions.modify });}}> ⚙️</button>
-            { showActions.modify && <ModerateOverlay currentId={activeContexts[activeContexts.length - 1]} /> }
+            <MenuSection>
+                { showActions.infos && <InfoAction currentId={currentId} stateEvents={stateEvents} /> }
+                { showActions.add && <AddAction currentId={currentId} /> }
+                { showActions.settings && <SettingsAction currentId={currentId} /> }
+            </MenuSection>
 
         </ActionsSection>
 
diff --git a/pages/explore/addOverlay.js b/pages/explore/addAction.js
similarity index 94%
rename from pages/explore/addOverlay.js
rename to pages/explore/addAction.js
index fa343003..6a5926c1 100644
--- a/pages/explore/addOverlay.js
+++ b/pages/explore/addAction.js
@@ -25,7 +25,7 @@ const UserSection = styled.details`
     }
 `;
 
-const AddOverlay = ({ currentId }) => {
+const AddAction = ({ currentId }) => {
     const auth = useAuth();
     const matrix = auth.getAuthenticationProvider('matrix');
     const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
@@ -48,4 +48,4 @@ const AddOverlay = ({ currentId }) => {
     );
 };
 
-export default AddOverlay;
+export default AddAction;
diff --git a/pages/explore/index.js b/pages/explore/index.js
index 77da66c6..048925ee 100644
--- a/pages/explore/index.js
+++ b/pages/explore/index.js
@@ -5,10 +5,7 @@ import { useTranslation } from 'react-i18next';
 
 import ContextMultiLevelSelect from '../../components/ContextMultiLevelSelect';
 import { useAuth } from '../../lib/Auth';
-import ModerateOverlay from './moderateOverlay';
-import InfoOverlay from './infoOverlay';
-import AddOverlay from './addOverlay';
-import Actions from './actions'
+import Actions from './actions';
 
 const ExploreSection = styled.div`
   & > * + * {
@@ -19,8 +16,6 @@ const ExploreSection = styled.div`
   }
 `;
 
-
-
 export default function Explore() {
     const auth = useAuth();
     const { t } = useTranslation('explore');
@@ -28,7 +23,6 @@ export default function Explore() {
     const [activeContexts, setActiveContexts] = useState([getConfig().publicRuntimeConfig.contextRootSpaceRoomId]);
     const [contents, setContents] = useState(null);
 
-
     useEffect(() => {
         const fetchContents = async () => {
             const contents = [];
@@ -64,8 +58,8 @@ export default function Explore() {
                 { (contents && contents.length > 0) ? (
                     <div>
                         <ol>
-                            { contents.map((content) => (
-                                <li>
+                            { contents.map((content, key) => (
+                                <li key={key}>
                                     { content.name }
                                     <small>
                                         { content.type && (<> (type: <code>{ content.type }</code>)</>) }
@@ -80,10 +74,8 @@ export default function Explore() {
                 ) }
             </ExploreSection>
 
-            
-                    <Actions activeContexts={activeContexts}></Actions>
+            <Actions currentId={activeContexts[activeContexts.length - 1]} />
 
-        
         </>
     );
 }
diff --git a/pages/explore/infoOverlay.js b/pages/explore/infoAction.js
similarity index 83%
rename from pages/explore/infoOverlay.js
rename to pages/explore/infoAction.js
index 81db4adc..774c1d78 100644
--- a/pages/explore/infoOverlay.js
+++ b/pages/explore/infoAction.js
@@ -6,19 +6,28 @@ import _ from 'lodash';
 import { useAuth } from '../../lib/Auth';
 import { useMatrix } from '../../lib/Matrix';
 
-const InfoOverlay = ({ currentId }) => {
+
+const InfoSection = styled.div`
+  &  {
+    margin-bottom: var(--margin);
+
+  }
+
+ 
+`;
+
+const InfoAction = ({ currentId, stateEvents }) => {
     const auth = useAuth();
     const matrix = auth.getAuthenticationProvider('matrix');
     const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
 
     useEffect(() => {
-        getStateEvents(currentId);
-    }, [currentId]);
+        processStateEvents(stateEvents);
+    }, [stateEvents]);
 
     const [stateEventInformation, setStateEventInformation] = useState({});
 
-    async function getStateEvents(roomId) { // gets the stateevents of the room
-        const stateEvents = await matrixClient.roomState(roomId).catch((e) => { });
+    async function processStateEvents(stateEvents) { // gets the stateevents of the room
         const metaEvent = _.find(stateEvents, { type: 'dev.medienhaus.meta' })?.content;
         const nameEvent = _.find(stateEvents, { type: 'm.room.name' })?.content;
         const joinRulesEvent = _.find(stateEvents, { type: 'dev.medienhaus.meta' })?.content;
@@ -52,9 +61,9 @@ const InfoOverlay = ({ currentId }) => {
     }
 
     return (
-        <>
-            <p>Name:{ stateEventInformation?.initial?.name }</p>
-            <p>Topic:{ stateEventInformation?.initial?.topic }</p>
+        <InfoSection>
+            { stateEventInformation?.initial?.name ? <p>Name:{ stateEventInformation?.initial?.name }</p> : <></> }
+            { stateEventInformation?.initial?.topic ? <p>Topic:{ stateEventInformation?.initial?.topic }</p> : <></> }
             <details>
                 <summary>more</summary>
                 <p>Id: <span>{ currentId }</span></p>
@@ -72,8 +81,8 @@ const InfoOverlay = ({ currentId }) => {
                 <details>
                     <summary>Institutions</summary>
                     <ul>
-                        { _.map(stateEventInformation?.custom?.institutions, institution => {
-                            return <li>{ institution }</li>;
+                        { _.map(stateEventInformation?.custom?.institutions, (institution, key) => {
+                            return <li key={key}>{ institution }</li>;
                         }) }
                     </ul>
 
@@ -81,8 +90,8 @@ const InfoOverlay = ({ currentId }) => {
                 <details>
                     <summary>Members</summary>
                     <ul>
-                        { _.map(stateEventInformation?.initial?.members, (member) => {
-                            return <li>
+                        { _.map(stateEventInformation?.initial?.members, (member, key) => {
+                            return <li key={key}>
                                 <details>
                                     <summary>{ member?.displaname ? member?.displaname : member?.id.split(':')[0].substring(1) }</summary> { /* If Displayname is not set fallback to user id  */ }
                                     <p><a href={`#${member?.id}`}>send dm</a></p>
@@ -103,9 +112,9 @@ const InfoOverlay = ({ currentId }) => {
                     <dd>{ stateEventInformation?.visibilty }</dd>
                 </dl>
             </details>
-        </>
+        </InfoSection>
 
     );
 };
 
-export default InfoOverlay;
+export default InfoAction;
diff --git a/pages/explore/moderateOverlay.js b/pages/explore/settingsAction.js
similarity index 98%
rename from pages/explore/moderateOverlay.js
rename to pages/explore/settingsAction.js
index 9a9cc7c3..aad1baf6 100644
--- a/pages/explore/moderateOverlay.js
+++ b/pages/explore/settingsAction.js
@@ -18,7 +18,7 @@ const CreateSubstructureSection = styled.details`
     }
 `;
 
-const ModerateOverlay = ({ currentId }) => {
+const SettingsAction = ({ currentId }) => {
     const auth = useAuth();
     const matrix = auth.getAuthenticationProvider('matrix');
     const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
@@ -148,4 +148,4 @@ const ModerateOverlay = ({ currentId }) => {
     );
 };
 
-export default ModerateOverlay;
+export default SettingsAction;

From 7cbe49ad8e1f537fd236c6946c995a7ee4b0f1d0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Robert=20Schn=C3=BCll?= <mail@robertschnuell.de>
Date: Sun, 23 Oct 2022 20:53:53 +0200
Subject: [PATCH 005/714] checking for mod rights

---
 pages/explore/actions.js    | 13 ++++++++++---
 pages/explore/addAction.js  | 20 +++++++++----------
 pages/explore/infoAction.js | 38 ++++++++++++++++++++++++-------------
 3 files changed, 45 insertions(+), 26 deletions(-)

diff --git a/pages/explore/actions.js b/pages/explore/actions.js
index 868c257d..aea0b511 100644
--- a/pages/explore/actions.js
+++ b/pages/explore/actions.js
@@ -48,12 +48,19 @@ const Actions = ({ currentId }) => {
 
     const [stateEvents, setStateEvents] = useState();
 
+    const [userInfos, setUserInfos] = useState({}); //stores information about the curren User
+
     useEffect(() => {
         getStateEvents(currentId);
     }, [currentId]);
 
     async function getStateEvents(roomId) { // gets the stateevents of the room
-        setStateEvents(await matrixClient.roomState(roomId).catch((e) => { }));
+        const events = await matrixClient.roomState(roomId).catch((e) => { });
+        setStateEvents(events);
+        const userId = matrixClient?.credentials?.userId;
+        const powerLevelsEvent = _.find(events, { type: 'm.room.power_levels' })?.content;
+        const modRights = powerLevelsEvent?.users[userId] >= 50; //check if the current user got is listed with a custom power level if true and >= 50 (mod default) mod flag is set true
+        setUserInfos({ ...userInfos, id: userId, mod: modRights });
     }
 
     return (
@@ -63,12 +70,12 @@ const Actions = ({ currentId }) => {
             <ButtonsSection>
                 <button onClick={() => {setShowActions({ ...showActions, infos: !showActions.infos, add: false, settings: false });}}> 🏷️</button>
                 <button onClick={() => {setShowActions({ ...showActions, add: !showActions.add, infos: false, settings: false });}}> ➕</button>
-                <button onClick={() => {setShowActions({ ...showActions, settings: !showActions.settings, info: false, add: false });}}> ⚙️</button>
+                <button disabled={!userInfos.mod} onClick={() => {setShowActions({ ...showActions, settings: !showActions.settings, infos: false, add: false });}}> ⚙️</button>
             </ButtonsSection>
 
             <MenuSection>
                 { showActions.infos && <InfoAction currentId={currentId} stateEvents={stateEvents} /> }
-                { showActions.add && <AddAction currentId={currentId} /> }
+                { showActions.add && <AddAction userInfos={userInfos} currentId={currentId} /> }
                 { showActions.settings && <SettingsAction currentId={currentId} /> }
             </MenuSection>
 
diff --git a/pages/explore/addAction.js b/pages/explore/addAction.js
index 6a5926c1..530372f8 100644
--- a/pages/explore/addAction.js
+++ b/pages/explore/addAction.js
@@ -6,7 +6,7 @@ import _ from 'lodash';
 import { useAuth } from '../../lib/Auth';
 import { useMatrix } from '../../lib/Matrix';
 
-const ModSection = styled.details`
+const ModSection = styled.div`
     &  {
         margin-bottom: var(--margin);
     }
@@ -15,7 +15,7 @@ const ModSection = styled.details`
     }
 `;
 
-const UserSection = styled.details`
+const UserSection = styled.div`
     &  {
         margin-bottom: var(--margin);
     }
@@ -25,7 +25,7 @@ const UserSection = styled.details`
     }
 `;
 
-const AddAction = ({ currentId }) => {
+const AddAction = ({ currentId, userInfos }) => {
     const auth = useAuth();
     const matrix = auth.getAuthenticationProvider('matrix');
     const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
@@ -33,16 +33,16 @@ const AddAction = ({ currentId }) => {
     return (
         <>
             <UserSection>
-                <summary>User Section</summary>
                 <button>⭐</button>
                 <button>Join</button>
             </UserSection>
-            <ModSection>
-                <summary>Mod Section</summary>
-                <button>create new substructure</button>
-                <button>add existing reference</button>
-            </ModSection>
-
+            { userInfos?.mod? //if no mod rights are granted for this current Id this section will not be displayed
+                <ModSection>
+                    <button>create new substructure</button>
+                    <button>add existing reference</button>
+                </ModSection>
+                : <></>
+            }
         </>
 
     );
diff --git a/pages/explore/infoAction.js b/pages/explore/infoAction.js
index 774c1d78..f97024a0 100644
--- a/pages/explore/infoAction.js
+++ b/pages/explore/infoAction.js
@@ -6,7 +6,6 @@ import _ from 'lodash';
 import { useAuth } from '../../lib/Auth';
 import { useMatrix } from '../../lib/Matrix';
 
-
 const InfoSection = styled.div`
   &  {
     margin-bottom: var(--margin);
@@ -34,15 +33,13 @@ const InfoAction = ({ currentId, stateEvents }) => {
         const memberEvent = _.filter(stateEvents, { type: 'm.room.member' });
         const topicEvent = _.find(stateEvents, { type: 'm.room.topic' })?.content;
 
-        const members = _.filter(
+        const members = _.compact( //filter out empty ones
             _.map(memberEvent, member => {
+                if (member?.content?.membership === 'leave') return; //check if the latest event was an leave, so the user is not a member anymore at this point
                 return { id: member?.sender, displaname: member?.content?.displayname };
-            }),
-            el => !_.isNull(el)); //filter out empty ones
-
-        const institutions = _.uniq(_.map(members, member => member?.id.split(':')[1]));
+            }));
 
-        console.log(stateEvents);
+        const institutions = _.uniq(_.map(members, member => member?.id.split(':')[1])); //show only the tld's of the homeservers. '_.uniq' filters out duplicates
 
         const initial = { name: nameEvent?.name,
             topic: topicEvent?.content,
@@ -64,6 +61,26 @@ const InfoAction = ({ currentId, stateEvents }) => {
         <InfoSection>
             { stateEventInformation?.initial?.name ? <p>Name:{ stateEventInformation?.initial?.name }</p> : <></> }
             { stateEventInformation?.initial?.topic ? <p>Topic:{ stateEventInformation?.initial?.topic }</p> : <></> }
+            <dl>
+                { stateEventInformation?.initial?.name ? <>
+                    <dt>Name</dt>
+                    <dd>{ stateEventInformation?.initial?.name }</dd>
+                </>
+                    : <></> }
+                { stateEventInformation?.initial?.topic ? <>
+                    <dt>Topic</dt>
+                    <dd>{ stateEventInformation?.initial?.topic }</dd>
+                </>
+                    : <></> }
+                <>
+                    <dt>Join Rules</dt>
+                    <dd>{ stateEventInformation?.join }</dd>
+                </>
+                <>
+                    <dt>Visibility</dt>
+                    <dd>{ stateEventInformation?.visibilty }</dd>
+                </>
+            </dl>
             <details>
                 <summary>more</summary>
                 <p>Id: <span>{ currentId }</span></p>
@@ -105,12 +122,7 @@ const InfoAction = ({ currentId, stateEvents }) => {
                 <details>
                     <summary>Referenced</summary>
                 </details>
-                <dl>
-                    <dt>Join Rules</dt>
-                    <dd>{ stateEventInformation?.join }</dd>
-                    <dt>Visibility</dt>
-                    <dd>{ stateEventInformation?.visibilty }</dd>
-                </dl>
+
             </details>
         </InfoSection>
 

From c14286d7c6ed07c5cc4debdf6481d93e74540259 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Robert=20Schn=C3=BCll?= <mail@robertschnuell.de>
Date: Sun, 23 Oct 2022 21:25:52 +0200
Subject: [PATCH 006/714] adding additional information in infoAction

---
 pages/explore/actions.js    |  6 ++--
 pages/explore/infoAction.js | 61 +++++++++++++++++++++++++++++--------
 2 files changed, 51 insertions(+), 16 deletions(-)

diff --git a/pages/explore/actions.js b/pages/explore/actions.js
index aea0b511..c66aee64 100644
--- a/pages/explore/actions.js
+++ b/pages/explore/actions.js
@@ -48,7 +48,7 @@ const Actions = ({ currentId }) => {
 
     const [stateEvents, setStateEvents] = useState();
 
-    const [userInfos, setUserInfos] = useState({}); //stores information about the curren User
+    const [userInfos, setUserInfos] = useState({mod:false}); //stores information about the curren User
 
     useEffect(() => {
         getStateEvents(currentId);
@@ -66,7 +66,6 @@ const Actions = ({ currentId }) => {
     return (
         <ActionsSection>
             <summary onClick={() => getStateEvents(currentId)}>…</summary>
-
             <ButtonsSection>
                 <button onClick={() => {setShowActions({ ...showActions, infos: !showActions.infos, add: false, settings: false });}}> 🏷️</button>
                 <button onClick={() => {setShowActions({ ...showActions, add: !showActions.add, infos: false, settings: false });}}> ➕</button>
@@ -74,13 +73,12 @@ const Actions = ({ currentId }) => {
             </ButtonsSection>
 
             <MenuSection>
-                { showActions.infos && <InfoAction currentId={currentId} stateEvents={stateEvents} /> }
+                { showActions.infos && <InfoAction userInfos={userInfos} currentId={currentId} stateEvents={stateEvents} /> }
                 { showActions.add && <AddAction userInfos={userInfos} currentId={currentId} /> }
                 { showActions.settings && <SettingsAction currentId={currentId} /> }
             </MenuSection>
 
         </ActionsSection>
-
     );
 };
 
diff --git a/pages/explore/infoAction.js b/pages/explore/infoAction.js
index f97024a0..0173953a 100644
--- a/pages/explore/infoAction.js
+++ b/pages/explore/infoAction.js
@@ -14,8 +14,14 @@ const InfoSection = styled.div`
 
  
 `;
-
-const InfoAction = ({ currentId, stateEvents }) => {
+/*
+* @TODO:
+* - adding routes for user interaction more -> members -> username
+* - searching for referenced in sync cached rooms (fast)
+* - searching for referenced in root tree (slow)
+*/
+
+const InfoAction = ({ currentId, stateEvents, userInfos }) => {
     const auth = useAuth();
     const matrix = auth.getAuthenticationProvider('matrix');
     const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
@@ -29,10 +35,13 @@ const InfoAction = ({ currentId, stateEvents }) => {
     async function processStateEvents(stateEvents) { // gets the stateevents of the room
         const metaEvent = _.find(stateEvents, { type: 'dev.medienhaus.meta' })?.content;
         const nameEvent = _.find(stateEvents, { type: 'm.room.name' })?.content;
-        const joinRulesEvent = _.find(stateEvents, { type: 'dev.medienhaus.meta' })?.content;
+        const joinRulesEvent = _.find(stateEvents, { type: 'm.room.join_rules' })?.content;
+        const historyVisibilityEvent = _.find(stateEvents, { type: 'm.room.history_visibility' })?.content;
         const memberEvent = _.filter(stateEvents, { type: 'm.room.member' });
         const topicEvent = _.find(stateEvents, { type: 'm.room.topic' })?.content;
 
+        console.log(joinRulesEvent);
+
         const members = _.compact( //filter out empty ones
             _.map(memberEvent, member => {
                 if (member?.content?.membership === 'leave') return; //check if the latest event was an leave, so the user is not a member anymore at this point
@@ -44,6 +53,8 @@ const InfoAction = ({ currentId, stateEvents }) => {
         const initial = { name: nameEvent?.name,
             topic: topicEvent?.content,
             members: members,
+            join: joinRulesEvent?.join_rule,
+            visibility: historyVisibilityEvent?.history_visibility
         };
         const custom = {
             template: metaEvent?.template,
@@ -59,8 +70,6 @@ const InfoAction = ({ currentId, stateEvents }) => {
 
     return (
         <InfoSection>
-            { stateEventInformation?.initial?.name ? <p>Name:{ stateEventInformation?.initial?.name }</p> : <></> }
-            { stateEventInformation?.initial?.topic ? <p>Topic:{ stateEventInformation?.initial?.topic }</p> : <></> }
             <dl>
                 { stateEventInformation?.initial?.name ? <>
                     <dt>Name</dt>
@@ -74,11 +83,37 @@ const InfoAction = ({ currentId, stateEvents }) => {
                     : <></> }
                 <>
                     <dt>Join Rules</dt>
-                    <dd>{ stateEventInformation?.join }</dd>
+                    <dd>      { (() => {
+                        switch (stateEventInformation?.initial?.join) {
+                            case 'public':
+                                return <>🌐</>;
+                            case 'restricted': // is the case if is member is also member of a different specified room (aka spacemember function in element)
+                                return <>🔐</>;
+                            case 'knock':
+                                return <>🚪</>;
+                            case 'invite':
+                                return <>🔒</>;
+                            default:
+                                return <></>;
+                        }
+                    })() }</dd>
                 </>
                 <>
                     <dt>Visibility</dt>
-                    <dd>{ stateEventInformation?.visibilty }</dd>
+                    <dd>      { (() => {
+                        switch (stateEventInformation?.initial?.visibility) {
+                            case 'world_readable':
+                                return <>🌐</>;
+                            case 'shared': 
+                                return <>📖</>;
+                            case 'joined':
+                                return <>🔐</>;
+                            case 'invited':
+                                return <>🔒</>;
+                            default:
+                                return <></>;
+                        }
+                    })() }</dd>
                 </>
             </dl>
             <details>
@@ -109,11 +144,13 @@ const InfoAction = ({ currentId, stateEvents }) => {
                     <ul>
                         { _.map(stateEventInformation?.initial?.members, (member, key) => {
                             return <li key={key}>
-                                <details>
-                                    <summary>{ member?.displaname ? member?.displaname : member?.id.split(':')[0].substring(1) }</summary> { /* If Displayname is not set fallback to user id  */ }
-                                    <p><a href={`#${member?.id}`}>send dm</a></p>
-                                    <p><a href={`#${member?.id}`}>invite to…</a></p>
-                                </details>
+                                { member?.id === userInfos?.id? <>{ member?.displaname ? member?.displaname : member?.id.split(':')[0].substring(1) }</> : //checks if the user is the logged in user, to disable interaction
+                                    <details>
+                                        <summary>{ member?.displaname ? member?.displaname : member?.id.split(':')[0].substring(1) }</summary> { /* If Displayname is not set fallback to user id  */ }
+                                        <p><a href={`#${member?.id}`}>send dm</a></p>
+                                        <p><a href={`#${member?.id}`}>invite to…</a></p>
+                                    </details>
+                                }
                             </li>;
                         })
                         }

From dcbb6f7014703ab599173a26eef5eb8c7e802f65 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Robert=20Schn=C3=BCll?= <mail@robertschnuell.de>
Date: Sun, 23 Oct 2022 21:31:51 +0200
Subject: [PATCH 007/714] cleaning up and documenting

---
 pages/explore/infoAction.js | 23 +++++++++++++----------
 1 file changed, 13 insertions(+), 10 deletions(-)

diff --git a/pages/explore/infoAction.js b/pages/explore/infoAction.js
index 0173953a..e2f834bd 100644
--- a/pages/explore/infoAction.js
+++ b/pages/explore/infoAction.js
@@ -14,6 +14,7 @@ const InfoSection = styled.div`
 
  
 `;
+
 /*
 * @TODO:
 * - adding routes for user interaction more -> members -> username
@@ -26,12 +27,15 @@ const InfoAction = ({ currentId, stateEvents, userInfos }) => {
     const matrix = auth.getAuthenticationProvider('matrix');
     const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
 
+    //States
+    const [stateEventInformation, setStateEventInformation] = useState({});
+
+    //Effects
     useEffect(() => {
         processStateEvents(stateEvents);
     }, [stateEvents]);
 
-    const [stateEventInformation, setStateEventInformation] = useState({});
-
+    //Functions
     async function processStateEvents(stateEvents) { // gets the stateevents of the room
         const metaEvent = _.find(stateEvents, { type: 'dev.medienhaus.meta' })?.content;
         const nameEvent = _.find(stateEvents, { type: 'm.room.name' })?.content;
@@ -40,8 +44,6 @@ const InfoAction = ({ currentId, stateEvents, userInfos }) => {
         const memberEvent = _.filter(stateEvents, { type: 'm.room.member' });
         const topicEvent = _.find(stateEvents, { type: 'm.room.topic' })?.content;
 
-        console.log(joinRulesEvent);
-
         const members = _.compact( //filter out empty ones
             _.map(memberEvent, member => {
                 if (member?.content?.membership === 'leave') return; //check if the latest event was an leave, so the user is not a member anymore at this point
@@ -50,13 +52,14 @@ const InfoAction = ({ currentId, stateEvents, userInfos }) => {
 
         const institutions = _.uniq(_.map(members, member => member?.id.split(':')[1])); //show only the tld's of the homeservers. '_.uniq' filters out duplicates
 
-        const initial = { name: nameEvent?.name,
+        const initial = { //contains only extracted data from stateEvents which are mentioned in the  matrix specs
+            name: nameEvent?.name,
             topic: topicEvent?.content,
             members: members,
             join: joinRulesEvent?.join_rule,
-            visibility: historyVisibilityEvent?.history_visibility
+            visibility: historyVisibilityEvent?.history_visibility,
         };
-        const custom = {
+        const custom = { //contains only data extracted from custom stateEvents
             template: metaEvent?.template,
             type: metaEvent?.type,
             application: metaEvent?.application,
@@ -64,8 +67,7 @@ const InfoAction = ({ currentId, stateEvents, userInfos }) => {
         };
 
         const stateInformations = { initial: initial, custom: custom };
-
-        setStateEventInformation({ ...stateEventInformation, custom: stateInformations.custom, initial: stateInformations.initial });
+        setStateEventInformation({ ...stateEventInformation, custom: stateInformations.custom, initial: stateInformations.initial }); // applying the structured data to the observable State
     }
 
     return (
@@ -104,7 +106,7 @@ const InfoAction = ({ currentId, stateEvents, userInfos }) => {
                         switch (stateEventInformation?.initial?.visibility) {
                             case 'world_readable':
                                 return <>🌐</>;
-                            case 'shared': 
+                            case 'shared':
                                 return <>📖</>;
                             case 'joined':
                                 return <>🔐</>;
@@ -158,6 +160,7 @@ const InfoAction = ({ currentId, stateEvents, userInfos }) => {
                 </details>
                 <details>
                     <summary>Referenced</summary>
+                    …
                 </details>
 
             </details>

From 66cff9a0d38b67ed3db7d48d15e6347f2ed55938 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Robert=20Schn=C3=BCll?= <mail@robertschnuell.de>
Date: Mon, 24 Oct 2022 02:13:53 +0200
Subject: [PATCH 008/714] adding kick function to moderate action

---
 pages/explore/actions.js        |   2 +-
 pages/explore/infoAction.js     |   4 +-
 pages/explore/settingsAction.js | 113 +++++++++++++++++++++++++++++---
 3 files changed, 106 insertions(+), 13 deletions(-)

diff --git a/pages/explore/actions.js b/pages/explore/actions.js
index c66aee64..60cf2a87 100644
--- a/pages/explore/actions.js
+++ b/pages/explore/actions.js
@@ -75,7 +75,7 @@ const Actions = ({ currentId }) => {
             <MenuSection>
                 { showActions.infos && <InfoAction userInfos={userInfos} currentId={currentId} stateEvents={stateEvents} /> }
                 { showActions.add && <AddAction userInfos={userInfos} currentId={currentId} /> }
-                { showActions.settings && <SettingsAction currentId={currentId} /> }
+                { showActions.settings && <SettingsAction userInfos={userInfos} stateEvents={stateEvents} currentId={currentId} /> }
             </MenuSection>
 
         </ActionsSection>
diff --git a/pages/explore/infoAction.js b/pages/explore/infoAction.js
index e2f834bd..46a212ca 100644
--- a/pages/explore/infoAction.js
+++ b/pages/explore/infoAction.js
@@ -36,7 +36,7 @@ const InfoAction = ({ currentId, stateEvents, userInfos }) => {
     }, [stateEvents]);
 
     //Functions
-    async function processStateEvents(stateEvents) { // gets the stateevents of the room
+    function processStateEvents(stateEvents) { // gets the stateevents of the room
         const metaEvent = _.find(stateEvents, { type: 'dev.medienhaus.meta' })?.content;
         const nameEvent = _.find(stateEvents, { type: 'm.room.name' })?.content;
         const joinRulesEvent = _.find(stateEvents, { type: 'm.room.join_rules' })?.content;
@@ -146,7 +146,7 @@ const InfoAction = ({ currentId, stateEvents, userInfos }) => {
                     <ul>
                         { _.map(stateEventInformation?.initial?.members, (member, key) => {
                             return <li key={key}>
-                                { member?.id === userInfos?.id? <>{ member?.displaname ? member?.displaname : member?.id.split(':')[0].substring(1) }</> : //checks if the user is the logged in user, to disable interaction
+                                { member?.id === userInfos?.id? <>{ member?.displaname ? member?.displaname : member?.id.split(':')[0].substring(1) } (you)</> : //checks if the user is the logged in user, to disable interaction
                                     <details>
                                         <summary>{ member?.displaname ? member?.displaname : member?.id.split(':')[0].substring(1) }</summary> { /* If Displayname is not set fallback to user id  */ }
                                         <p><a href={`#${member?.id}`}>send dm</a></p>
diff --git a/pages/explore/settingsAction.js b/pages/explore/settingsAction.js
index aad1baf6..23602e8a 100644
--- a/pages/explore/settingsAction.js
+++ b/pages/explore/settingsAction.js
@@ -7,18 +7,39 @@ import { useAuth } from '../../lib/Auth';
 import { useMatrix } from '../../lib/Matrix';
 
 const ModifySection = styled.details`
-    &  {
-        margin-bottom: var(--margin);
-    }
+  & {
+    margin-bottom: var(--margin);
+  }
 `;
 
 const CreateSubstructureSection = styled.details`
-    &  {
-        margin-bottom: var(--margin);
-    }
+  & {
+    margin-bottom: var(--margin);
+  }
+`;
+
+const MemberSection = styled.ul`
+  & {
+    margin-bottom: var(--margin);
+  }
+
+  & button {
+    width: 50px;
+  }
+`;
+
+const KickDialog = styled.div`
+  & {
+    margin-bottom: var(--margin);
+  }
 `;
 
-const SettingsAction = ({ currentId }) => {
+/*
+* @TODO:
+* - connecting stateEvents with Sync, so if a member got kicked the State will chance automatically
+*/
+
+const SettingsAction = ({ currentId, stateEvents, userInfos }) => {
     const auth = useAuth();
     const matrix = auth.getAuthenticationProvider('matrix');
     const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
@@ -81,15 +102,87 @@ const SettingsAction = ({ currentId }) => {
         }
     };
 
+    const [stateEventInformation, setStateEventInformation] = useState({});
+
+    useEffect(() => {
+        populateInterface(stateEvents);
+    }, [stateEvents]);
+
+    function populateInterface() {
+        const nameEvent = _.find(stateEvents, { type: 'm.room.name' })?.content;
+        const topicEvent = _.find(stateEvents, { type: 'm.room.topic' })?.content;
+        const memberEvent = _.filter(stateEvents, { type: 'm.room.member' });
+
+        const members = _.compact( //filter out empty ones
+            _.map(memberEvent, member => {
+                if (member?.content?.membership === 'leave') return; //check if the latest event was an leave, so the user is not a member anymore at this point
+                return { id: member?.sender, displaname: member?.content?.displayname };
+            }));
+
+        const initial = { //contains only extracted data from stateEvents which are mentioned in the  matrix specs
+            name: nameEvent?.name,
+            topic: topicEvent?.content,
+            members: members,
+        };
+
+        const stateInformations = { initial: initial };
+        setStateEventInformation({ ...stateEventInformation, custom: stateInformations.custom, initial: stateInformations.initial }); // applying the structured data to the observable State
+    }
+
+    const onSave = async (e) => {
+        console.log(e?.target?.name + ':' + e?.target?.value);
+        if (e?.target?.name === 'roomName' && e?.target?.value ==! e?.target?.value) {
+            console.log('bing');
+        } else {
+            console.log('bong');
+        }
+    };
+
+    const [memberKickCandidate, setMemberKickCandidate] = useState();
+
+    const kickUser = async (userId, verfify) => {
+        if (verfify && memberKickCandidate) {
+            await matrixClient.kick(currentId, userId).catch(e => {console.log(e);});
+            console.log(userId + ' kicked!');
+            setMemberKickCandidate('');
+        }
+
+        setMemberKickCandidate(userId);
+    };
+
     return (
         <>
             <ModifySection>
                 <summary>Modify</summary>
-                <input placeholder="id" />
-                <input placeholder="name" />
-                <input placeholder="topic" />
+                <input disabled value={currentId} />
+                <input placeholder="name_" name="roomName" value={stateEventInformation?.initial?.name} onBlur={onSave} />
+                <input placeholder="topic" name="topic" value={stateEventInformation?.initial?.topic} onBlur={onSave} />
                 <details>
                     <summary>members</summary>
+                    <MemberSection>
+                        { _.map(stateEventInformation?.initial?.members, (member, key) => {
+                            return <li key={key}>
+                                { member?.id === userInfos?.id? <>{ member?.displaname ? member?.displaname : member?.id.split(':')[0].substring(1) } (you)</> :
+                                    <>
+                                        <details>
+                                            <summary>{ member?.displaname ? member?.displaname : member?.id.split(':')[0].substring(1) }</summary> { /* If Displayname is not set fallback to user id  */ }
+                                            <p><a href={`#${member?.id}`}>send dm</a></p>
+                                            <p><a href={`#${member?.id}`}>invite to…</a></p>
+                                        </details>
+                                        <KickDialog>
+                                            { memberKickCandidate !== member?.id ? <button onClick={() => kickUser(member?.id)}>❌</button> :
+                                                <>
+                                                    <button onClick={() => kickUser(member?.id, true)}>sure?</button>
+                                                    <button onClick={() => kickUser('')}>abort!</button>
+                                                </>
+                                            }
+                                        </KickDialog>
+                                    </>
+                                }
+                            </li>;
+                        })
+                        }
+                    </MemberSection>
                 </details>
                 <details>
                     <summary>advanced</summary>

From 405f443a5fc8b49539e84ec1dd002d32984015d8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Robert=20Schn=C3=BCll?= <mail@robertschnuell.de>
Date: Tue, 25 Oct 2022 17:37:05 +0200
Subject: [PATCH 009/714] rewrite infoAction

---
 pages/explore/actions.js    | 126 ++++++++++++++++++++++++++++++++----
 pages/explore/infoAction.js | 100 ++++++++++------------------
 2 files changed, 150 insertions(+), 76 deletions(-)

diff --git a/pages/explore/actions.js b/pages/explore/actions.js
index 60cf2a87..ba08c844 100644
--- a/pages/explore/actions.js
+++ b/pages/explore/actions.js
@@ -48,24 +48,101 @@ const Actions = ({ currentId }) => {
 
     const [stateEvents, setStateEvents] = useState();
 
-    const [userInfos, setUserInfos] = useState({mod:false}); //stores information about the curren User
+    const [userInfos, setUserInfos] = useState({ mod: false }); //stores information about the curren User
 
     useEffect(() => {
-        getStateEvents(currentId);
+        fetchCoreInformations();
     }, [currentId]);
 
-    async function getStateEvents(roomId) { // gets the stateevents of the room
-        const events = await matrixClient.roomState(roomId).catch((e) => { });
-        setStateEvents(events);
+
+    /*
+    * ROOM DATA STORAGE
+    * ------------------
+    * states which holds all nessesarry informations about the room as single source of truth for all subcomponents.
+    * this can be populated seperatatly to by user interactions and will not preload all informations at the beginnning
+    * this approach was chosen instead of just getting all stateEvents of the room for performance reason as it contains a stateEvent for each user,
+    * which will increase the requested pauload with a couple of thousends a lot.
+    * sadly as react evolves into this weird directions, the declaration of the variables, needs to be implemented like this, as been done by a 5 year old.
+    */
+
+    const [roomName, setRoomName] = useState();
+    const [roomTopic, setRoomTopic] = useState();
+    const [roomJoin, setRoomJoin] = useState();
+    const [roomPowerLevels, setRoomPowerLevels] = useState();
+    const [roomMembers, setRoomMembers] = useState({ list: [], institutions: [] });
+    const [roomHistoryVisibility, setRoomHistoryVisibility] = useState();
+    const [roomMeta, setMetaRoom] = useState({ type: '', template: '', application: [] });
+
+    // fetch functions to get room specific informations from the current Id
+    const fetchBasic = async () => {
+        const topicEvent = await matrixClient.getStateEvent(
+            currentId,
+            'm.room.topic',
+        ).catch(() => {});
+        const nameEvent = await matrixClient.getStateEvent(
+            currentId,
+            'm.room.name',
+        ).catch(() => {});
+        setRoomName(nameEvent?.name);
+        setRoomTopic(topicEvent?.topic);
+    };
+    const fetchMembers = async () => {
+        const joinedMembers = await matrixClient.getJoinedRoomMembers(currentId).catch(() => {});
+        const members = { };
+        members.list = _.map(joinedMembers?.joined, (member, key) => {
+            return {
+                id: key,
+                displayname: member?.display_name,
+            };
+        });
+        members.institutions = _.uniq(_.map(members.list, member => member?.id.split(':')[1]));
+        console.log(members);
+        setRoomMembers(members);
+    };
+    const fetchJoinRule = async () => {
+        const joinRulesEvent = await matrixClient.getStateEvent(
+            currentId,
+            'm.room.join_rules',
+        ).catch(() => {});
+        setRoomJoin(joinRulesEvent?.join_rule);
+    };
+    const fetchHistoryVisibility = async () => {
+        const historyVisibilityEvent = await matrixClient.getStateEvent(
+            currentId,
+            'm.room.history_visibility',
+        ).catch(() => {});
+        setRoomHistoryVisibility(historyVisibilityEvent?.history_visibility);
+    };
+    const fetchPowerLevels = async () => {
         const userId = matrixClient?.credentials?.userId;
-        const powerLevelsEvent = _.find(events, { type: 'm.room.power_levels' })?.content;
+        const powerLevelsEvent = await matrixClient.getStateEvent(
+            currentId,
+            'm.room.power_levels',
+        ).catch(() => {});
         const modRights = powerLevelsEvent?.users[userId] >= 50; //check if the current user got is listed with a custom power level if true and >= 50 (mod default) mod flag is set true
         setUserInfos({ ...userInfos, id: userId, mod: modRights });
-    }
+        setRoomPowerLevels(powerLevelsEvent?.content);
+    };
+
+    // Custom State Events
+    const fetchMeta = async () => {
+        const metaEvent = await matrixClient.getStateEvent(
+            currentId,
+            'dev.medienhaus.meta',
+        ).catch(() => {});
+        setMetaRoom(metaEvent);
+    };
+    const fetchCoreInformations = async () => {
+        await fetchBasic();
+        await fetchJoinRule();
+        await fetchHistoryVisibility();
+        await fetchPowerLevels();
+    };
 
     return (
         <ActionsSection>
-            <summary onClick={() => getStateEvents(currentId)}>…</summary>
+            <button onClick={fetchPowerLevels}>bing</button>
+            <summary>…</summary>
             <ButtonsSection>
                 <button onClick={() => {setShowActions({ ...showActions, infos: !showActions.infos, add: false, settings: false });}}> 🏷️</button>
                 <button onClick={() => {setShowActions({ ...showActions, add: !showActions.add, infos: false, settings: false });}}> ➕</button>
@@ -73,9 +150,36 @@ const Actions = ({ currentId }) => {
             </ButtonsSection>
 
             <MenuSection>
-                { showActions.infos && <InfoAction userInfos={userInfos} currentId={currentId} stateEvents={stateEvents} /> }
-                { showActions.add && <AddAction userInfos={userInfos} currentId={currentId} /> }
-                { showActions.settings && <SettingsAction userInfos={userInfos} stateEvents={stateEvents} currentId={currentId} /> }
+                { showActions.infos &&
+                <InfoAction
+                    userInfos={userInfos}
+                    currentId={currentId}
+                    members={roomMembers}
+                    name={roomName}
+                    topic={roomTopic}
+                    join={roomJoin}
+                    historyVisibility={roomHistoryVisibility}
+                    meta={roomMeta}
+                    getMembers={fetchMembers}
+                    getMeta={fetchMeta}
+                /> }
+                { showActions.add && <AddAction
+                    userInfos={userInfos}
+                    currentId={currentId}
+                /> }
+                { showActions.settings &&
+                <SettingsAction
+                    userInfos={userInfos}
+                    onMemberChange={fetchMembers}
+                    currentId={currentId}
+                    name={roomName}
+                    topic={roomTopic}
+                    join={roomJoin}
+                    members={roomMembers}
+                    getMembers={fetchMembers}
+                    historyVisibility={roomHistoryVisibility}
+                    powerLevels={roomPowerLevels}
+                /> }
             </MenuSection>
 
         </ActionsSection>
diff --git a/pages/explore/infoAction.js b/pages/explore/infoAction.js
index 46a212ca..845308e4 100644
--- a/pages/explore/infoAction.js
+++ b/pages/explore/infoAction.js
@@ -22,71 +22,35 @@ const InfoSection = styled.div`
 * - searching for referenced in root tree (slow)
 */
 
-const InfoAction = ({ currentId, stateEvents, userInfos }) => {
-    const auth = useAuth();
-    const matrix = auth.getAuthenticationProvider('matrix');
-    const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
-
-    //States
-    const [stateEventInformation, setStateEventInformation] = useState({});
-
-    //Effects
-    useEffect(() => {
-        processStateEvents(stateEvents);
-    }, [stateEvents]);
-
-    //Functions
-    function processStateEvents(stateEvents) { // gets the stateevents of the room
-        const metaEvent = _.find(stateEvents, { type: 'dev.medienhaus.meta' })?.content;
-        const nameEvent = _.find(stateEvents, { type: 'm.room.name' })?.content;
-        const joinRulesEvent = _.find(stateEvents, { type: 'm.room.join_rules' })?.content;
-        const historyVisibilityEvent = _.find(stateEvents, { type: 'm.room.history_visibility' })?.content;
-        const memberEvent = _.filter(stateEvents, { type: 'm.room.member' });
-        const topicEvent = _.find(stateEvents, { type: 'm.room.topic' })?.content;
-
-        const members = _.compact( //filter out empty ones
-            _.map(memberEvent, member => {
-                if (member?.content?.membership === 'leave') return; //check if the latest event was an leave, so the user is not a member anymore at this point
-                return { id: member?.sender, displaname: member?.content?.displayname };
-            }));
-
-        const institutions = _.uniq(_.map(members, member => member?.id.split(':')[1])); //show only the tld's of the homeservers. '_.uniq' filters out duplicates
-
-        const initial = { //contains only extracted data from stateEvents which are mentioned in the  matrix specs
-            name: nameEvent?.name,
-            topic: topicEvent?.content,
-            members: members,
-            join: joinRulesEvent?.join_rule,
-            visibility: historyVisibilityEvent?.history_visibility,
-        };
-        const custom = { //contains only data extracted from custom stateEvents
-            template: metaEvent?.template,
-            type: metaEvent?.type,
-            application: metaEvent?.application,
-            institutions: institutions,
-        };
-
-        const stateInformations = { initial: initial, custom: custom };
-        setStateEventInformation({ ...stateEventInformation, custom: stateInformations.custom, initial: stateInformations.initial }); // applying the structured data to the observable State
-    }
-
+const InfoAction = ({
+    currentId,
+    userInfos,
+    members,
+    name,
+    topic,
+    join,
+    historyVisibility,
+    meta,
+    getMembers,
+    getMeta,
+}) => {
     return (
         <InfoSection>
             <dl>
-                { stateEventInformation?.initial?.name ? <>
+                { name ? <>
                     <dt>Name</dt>
-                    <dd>{ stateEventInformation?.initial?.name }</dd>
+                    <dd>{ name }</dd>
                 </>
                     : <></> }
-                { stateEventInformation?.initial?.topic ? <>
+                { topic ? <>
                     <dt>Topic</dt>
-                    <dd>{ stateEventInformation?.initial?.topic }</dd>
+                    <dd>{ topic }</dd>
                 </>
                     : <></> }
                 <>
                     <dt>Join Rules</dt>
                     <dd>      { (() => {
-                        switch (stateEventInformation?.initial?.join) {
+                        switch (join) {
                             case 'public':
                                 return <>🌐</>;
                             case 'restricted': // is the case if is member is also member of a different specified room (aka spacemember function in element)
@@ -103,7 +67,7 @@ const InfoAction = ({ currentId, stateEvents, userInfos }) => {
                 <>
                     <dt>Visibility</dt>
                     <dd>      { (() => {
-                        switch (stateEventInformation?.initial?.visibility) {
+                        switch (historyVisibility) {
                             case 'world_readable':
                                 return <>🌐</>;
                             case 'shared':
@@ -121,36 +85,42 @@ const InfoAction = ({ currentId, stateEvents, userInfos }) => {
             <details>
                 <summary>more</summary>
                 <p>Id: <span>{ currentId }</span></p>
-                <details>
+                <details onClick={getMeta}>
                     <summary>meta</summary>
                     <dl>
-                        <dt>Application</dt>
-                        <dd>{ stateEventInformation?.custom?.type }</dd>
+                        { meta?.application ?
+                            <>
+                                <dt>Application</dt>
+                                <dd>{ meta?.application }</dd>
+                            </>
+                            : <></>
+                        }
                         <dt>Type</dt>
-                        <dd>{ stateEventInformation?.custom?.type }</dd>
+                        <dd>{ meta?.type }</dd>
                         <dt>Template</dt>
-                        <dd>{ stateEventInformation?.custom?.template }</dd>
+                        <dd>{ meta?.template }</dd>
                     </dl>
                 </details>
-                <details>
+                <details onClick={members?.list?.length > 0 ? undefined : getMembers}>
                     <summary>Institutions</summary>
                     <ul>
-                        { _.map(stateEventInformation?.custom?.institutions, (institution, key) => {
+                        { _.map(members?.institutions, (institution, key) => {
                             return <li key={key}>{ institution }</li>;
                         }) }
                     </ul>
 
                 </details>
-                <details>
+                <details onClick={members?.list?.length > 0 ? undefined : getMembers}>
                     <summary>Members</summary>
                     <ul>
-                        { _.map(stateEventInformation?.initial?.members, (member, key) => {
+                        { _.map(members?.list, (member, key) => {
                             return <li key={key}>
-                                { member?.id === userInfos?.id? <>{ member?.displaname ? member?.displaname : member?.id.split(':')[0].substring(1) } (you)</> : //checks if the user is the logged in user, to disable interaction
+                                { member?.id === userInfos?.id? <>{ member?.displayname ? member?.displayname : member?.id.split(':')[0].substring(1) } (you)</> : //checks if the user is the logged in user, to disable interaction
                                     <details>
-                                        <summary>{ member?.displaname ? member?.displaname : member?.id.split(':')[0].substring(1) }</summary> { /* If Displayname is not set fallback to user id  */ }
+                                        <summary>{ member?.displayname ? member?.displayname : member?.id.split(':')[0].substring(1) }</summary> { /* If Displayname is not set fallback to user id  */ }
                                         <p><a href={`#${member?.id}`}>send dm</a></p>
                                         <p><a href={`#${member?.id}`}>invite to…</a></p>
+                                        <p>contextualize…</p>
                                     </details>
                                 }
                             </li>;

From 04976623ece0546338502fabc850e40b89b9fb56 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Robert=20Schn=C3=BCll?= <mail@robertschnuell.de>
Date: Wed, 26 Oct 2022 01:02:09 +0200
Subject: [PATCH 010/714] adding remove action placeholder

---
 pages/explore/actions.js      | 92 +++++++++++++++++++++++------------
 pages/explore/removeAction.js | 45 +++++++++++++++++
 2 files changed, 105 insertions(+), 32 deletions(-)
 create mode 100644 pages/explore/removeAction.js

diff --git a/pages/explore/actions.js b/pages/explore/actions.js
index ba08c844..fe5cb111 100644
--- a/pages/explore/actions.js
+++ b/pages/explore/actions.js
@@ -8,11 +8,21 @@ import { useMatrix } from '../../lib/Matrix';
 import SettingsAction from './settingsAction';
 import InfoAction from './infoAction';
 import AddAction from './addAction';
+import RemoveAction from './removeAction';
 
 const ActionsSection = styled.details`
   &  {
     margin-bottom: var(--margin);
-
+    
+  }
+  & > summary {
+    background-color: var(--color-fg);
+    color: var(--color-bg);
+    width: 50px;
+    height: 35px;
+    list-style: none;
+    text-align: center;
+    font-weight:bold;
   }
 
   & > div > button {
@@ -54,39 +64,41 @@ const Actions = ({ currentId }) => {
         fetchCoreInformations();
     }, [currentId]);
 
-
-    /*
+    /**
     * ROOM DATA STORAGE
     * ------------------
     * states which holds all nessesarry informations about the room as single source of truth for all subcomponents.
     * this can be populated seperatatly to by user interactions and will not preload all informations at the beginnning
     * this approach was chosen instead of just getting all stateEvents of the room for performance reason as it contains a stateEvent for each user,
     * which will increase the requested pauload with a couple of thousends a lot.
-    * sadly as react evolves into this weird directions, the declaration of the variables, needs to be implemented like this, as been done by a 5 year old.
+    * sadly as react evolves into this weird directions, the declaration of the variables needed to be implemented like this;
+    * in an non nested way, feels like written by a 5 year old.
     */
 
     const [roomName, setRoomName] = useState();
     const [roomTopic, setRoomTopic] = useState();
-    const [roomJoin, setRoomJoin] = useState();
+    const [roomJoinRule, setRoomJoinRule] = useState();
     const [roomPowerLevels, setRoomPowerLevels] = useState();
     const [roomMembers, setRoomMembers] = useState({ list: [], institutions: [] });
     const [roomHistoryVisibility, setRoomHistoryVisibility] = useState();
     const [roomMeta, setMetaRoom] = useState({ type: '', template: '', application: [] });
 
     // fetch functions to get room specific informations from the current Id
-    const fetchBasic = async () => {
-        const topicEvent = await matrixClient.getStateEvent(
-            currentId,
-            'm.room.topic',
-        ).catch(() => {});
+    const fetchRoomName = async () => {
         const nameEvent = await matrixClient.getStateEvent(
             currentId,
             'm.room.name',
         ).catch(() => {});
         setRoomName(nameEvent?.name);
+    };
+    const fetchRoomTopic = async () => {
+        const topicEvent = await matrixClient.getStateEvent(
+            currentId,
+            'm.room.topic',
+        ).catch(() => {});
         setRoomTopic(topicEvent?.topic);
     };
-    const fetchMembers = async () => {
+    const fetchRoomMembers = async () => {
         const joinedMembers = await matrixClient.getJoinedRoomMembers(currentId).catch(() => {});
         const members = { };
         members.list = _.map(joinedMembers?.joined, (member, key) => {
@@ -96,24 +108,23 @@ const Actions = ({ currentId }) => {
             };
         });
         members.institutions = _.uniq(_.map(members.list, member => member?.id.split(':')[1]));
-        console.log(members);
         setRoomMembers(members);
     };
-    const fetchJoinRule = async () => {
+    const fetchRoomJoinRule = async () => {
         const joinRulesEvent = await matrixClient.getStateEvent(
             currentId,
             'm.room.join_rules',
         ).catch(() => {});
-        setRoomJoin(joinRulesEvent?.join_rule);
+        setRoomJoinRule(joinRulesEvent?.join_rule);
     };
-    const fetchHistoryVisibility = async () => {
+    const fetchRoomHistoryVisibility = async () => {
         const historyVisibilityEvent = await matrixClient.getStateEvent(
             currentId,
             'm.room.history_visibility',
         ).catch(() => {});
         setRoomHistoryVisibility(historyVisibilityEvent?.history_visibility);
     };
-    const fetchPowerLevels = async () => {
+    const fetchRoomPowerLevels = async () => {
         const userId = matrixClient?.credentials?.userId;
         const powerLevelsEvent = await matrixClient.getStateEvent(
             currentId,
@@ -125,7 +136,7 @@ const Actions = ({ currentId }) => {
     };
 
     // Custom State Events
-    const fetchMeta = async () => {
+    const fetchRoomMeta = async () => {
         const metaEvent = await matrixClient.getStateEvent(
             currentId,
             'dev.medienhaus.meta',
@@ -133,20 +144,22 @@ const Actions = ({ currentId }) => {
         setMetaRoom(metaEvent);
     };
     const fetchCoreInformations = async () => {
-        await fetchBasic();
-        await fetchJoinRule();
-        await fetchHistoryVisibility();
-        await fetchPowerLevels();
+        await fetchRoomName();
+        await fetchRoomTopic();
+        await fetchRoomJoinRule();
+        await fetchRoomHistoryVisibility();
+        await fetchRoomPowerLevels();
     };
 
     return (
         <ActionsSection>
-            <button onClick={fetchPowerLevels}>bing</button>
             <summary>…</summary>
             <ButtonsSection>
-                <button onClick={() => {setShowActions({ ...showActions, infos: !showActions.infos, add: false, settings: false });}}> 🏷️</button>
-                <button onClick={() => {setShowActions({ ...showActions, add: !showActions.add, infos: false, settings: false });}}> ➕</button>
-                <button disabled={!userInfos.mod} onClick={() => {setShowActions({ ...showActions, settings: !showActions.settings, infos: false, add: false });}}> ⚙️</button>
+                <button onClick={() => {setShowActions({ ...showActions, infos: !showActions.infos, add: false, settings: false, remove: false });}}> 🏷️</button>
+                <button onClick={() => {setShowActions({ ...showActions, add: !showActions.add, infos: false, settings: false, remove: false });}}> 📥</button>
+                <button disabled={!userInfos.mod} onClick={() => {setShowActions({ ...showActions, settings: !showActions.settings, infos: false, add: false, remove: true });}}> 📤</button>
+                <button disabled={!userInfos.mod} onClick={() => {setShowActions({ ...showActions, settings: !showActions.settings, infos: false, add: false, remove: false });}}> ⚙️</button>
+
             </ButtonsSection>
 
             <MenuSection>
@@ -157,28 +170,43 @@ const Actions = ({ currentId }) => {
                     members={roomMembers}
                     name={roomName}
                     topic={roomTopic}
-                    join={roomJoin}
+                    join={roomJoinRule}
                     historyVisibility={roomHistoryVisibility}
                     meta={roomMeta}
-                    getMembers={fetchMembers}
-                    getMeta={fetchMeta}
+                    getMembers={fetchRoomMembers}
+                    getMeta={fetchRoomMeta}
                 /> }
                 { showActions.add && <AddAction
                     userInfos={userInfos}
                     currentId={currentId}
                 /> }
+                { showActions.remove && <RemoveAction
+                    userInfos={userInfos}
+                    currentId={currentId}
+                /> }
                 { showActions.settings &&
                 <SettingsAction
                     userInfos={userInfos}
-                    onMemberChange={fetchMembers}
+                    onMemberChange={fetchRoomMembers}
                     currentId={currentId}
                     name={roomName}
+                    setName={setRoomName}
+                    refreshName={fetchRoomName}
                     topic={roomTopic}
-                    join={roomJoin}
-                    members={roomMembers}
-                    getMembers={fetchMembers}
+                    setTopic={setRoomTopic}
+                    refreshTopic={fetchRoomTopic}
+                    join={roomJoinRule}
+                    setJoin={setRoomJoinRule}
+                    refreshJoin={fetchRoomJoinRule}
                     historyVisibility={roomHistoryVisibility}
+                    setHistoryVisibility={setRoomHistoryVisibility}
+                    refreshHistoryVisibility={fetchRoomHistoryVisibility}
                     powerLevels={roomPowerLevels}
+                    setPowerLevels={setRoomPowerLevels}
+                    refreshPowerLevels={fetchRoomPowerLevels}
+                    members={roomMembers}
+                    setMembers={setRoomMembers}
+                    refreshMembers={fetchRoomMembers}
                 /> }
             </MenuSection>
 
diff --git a/pages/explore/removeAction.js b/pages/explore/removeAction.js
new file mode 100644
index 00000000..3d72c25e
--- /dev/null
+++ b/pages/explore/removeAction.js
@@ -0,0 +1,45 @@
+import React, { useCallback, useEffect, useState } from 'react';
+import styled from 'styled-components';
+import getConfig from 'next/config';
+import _ from 'lodash';
+
+import { useAuth } from '../../lib/Auth';
+import { useMatrix } from '../../lib/Matrix';
+
+
+import CreateContext from './createContext';
+import TemplateSelect from './templateSelect';
+
+const ModSection = styled.div`
+    &  {
+        margin-bottom: var(--margin);
+    }
+    & > button {
+        margin-bottom: var(--margin);
+    }
+`;
+
+const UserSection = styled.div`
+    &  {
+        margin-bottom: var(--margin);
+    }
+
+    & > button {
+        margin-bottom: var(--margin);
+    }
+`;
+
+const RemoveAction = ({ currentId, parentId, userInfos }) => {
+    const auth = useAuth();
+    const matrix = auth.getAuthenticationProvider('matrix');
+    const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
+
+    return (
+        <>
+            <p>hello :)</p>
+        </>
+
+    );
+};
+
+export default RemoveAction;

From e5119a99c669e0e5d505cbeacceeb4b842dc04cd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Robert=20Schn=C3=BCll?= <mail@robertschnuell.de>
Date: Wed, 26 Oct 2022 01:02:39 +0200
Subject: [PATCH 011/714] outsourcing the presets to an own file

---
 pages/explore/settingPresets.js | 119 ++++++++++++++
 pages/explore/settingsAction.js | 266 +++++++++++++-------------------
 2 files changed, 225 insertions(+), 160 deletions(-)
 create mode 100644 pages/explore/settingPresets.js

diff --git a/pages/explore/settingPresets.js b/pages/explore/settingPresets.js
new file mode 100644
index 00000000..31f0827f
--- /dev/null
+++ b/pages/explore/settingPresets.js
@@ -0,0 +1,119 @@
+// eslint-disable-next-line no-undef
+module.exports = {
+    name: {
+        allowedCharacter: 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789_-',
+        min: 1,
+        max: 100,
+    },
+    topic: {
+        allowedCharacter: 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789_-',
+        min: 1,
+        max: 100,
+    },
+    allowedJoinRules: [
+        {
+            name: 'public',
+            display: '🌐',
+            description: 'public to everyone to join',
+        },
+        {
+            name: 'restricted',
+            display: '🔐',
+            description: 'member is also member of a different specified room (aka spacemember function in element)',
+        },
+        {
+            name: 'knock',
+            display: '🚪',
+            description: 'people can request to join, you have the chance to accept or reject those requests. after acceptens the requested user will get an invite.',
+        },
+        {
+            name: 'invite',
+            display: '🔒',
+            description: 'only people you invite can join',
+        },
+    ],
+    allowedHistoryVisibility: [
+        {
+            name: 'world_readable',
+            display: '🌐',
+            description: 'some description',
+        },
+        {
+            name: 'shared',
+            display: '📖',
+            description: 'some description',
+        },
+        {
+            name: 'joined',
+            display: '🔐',
+            description: 'some description',
+        },
+        {
+            name: 'invited',
+            display: '🔒',
+            description: 'some description',
+        },
+    ],
+    allowedPowerLevelPresets: [
+        {
+            name: 'public',
+            display: '🌐',
+            description: 'public (default); all members can add content.',
+            powerLevels: {
+                'users_default': 0,
+                'events': {
+                    'm.room.avatar': 50,
+                    'm.room.canonical_alias': 50,
+                    'm.room.encryption': 100,
+                    'm.room.history_visibility': 100,
+                    'm.room.name': 50,
+                    'm.room.power_levels': 50,
+                    'm.room.server_acl': 100,
+                    'm.room.tombstone': 100,
+                    'm.space.child': 0,
+                    'm.room.topic': 50,
+                    'm.room.pinned_events': 50,
+                    'm.reaction': 50,
+                    'dev.medienhaus.meta': 100,
+                },
+                'events_default': 50,
+                'state_default': 50,
+                'ban': 50,
+                'kick': 50,
+                'redact': 50,
+                'invite': 50,
+                'historical': 100,
+            },
+        },
+        {
+            name: 'announce',
+            display: '📣',
+            description: 'announce; read only. only moderators and admins can add things.',
+            powerLevels: {
+                'users_default': 0,
+                'events': {
+                    'm.room.avatar': 50,
+                    'm.room.canonical_alias': 50,
+                    'm.room.encryption': 100,
+                    'm.room.history_visibility': 100,
+                    'm.room.name': 50,
+                    'm.room.power_levels': 50,
+                    'm.room.server_acl': 100,
+                    'm.room.tombstone': 100,
+                    'm.space.child': 0,
+                    'm.room.topic': 50,
+                    'm.room.pinned_events': 50,
+                    'm.reaction': 50,
+                    'dev.medienhaus.meta': 100,
+                },
+                'events_default': 50,
+                'state_default': 50,
+                'ban': 50,
+                'kick': 50,
+                'redact': 50,
+                'invite': 50,
+                'historical': 100,
+            },
+        },
+    ],
+};
diff --git a/pages/explore/settingsAction.js b/pages/explore/settingsAction.js
index 23602e8a..ba8accc2 100644
--- a/pages/explore/settingsAction.js
+++ b/pages/explore/settingsAction.js
@@ -1,19 +1,19 @@
-import React, { useCallback, useEffect, useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import styled from 'styled-components';
-import getConfig from 'next/config';
 import _ from 'lodash';
 
+import TemplateSelect from './templateSelect';
+import UserHandle from './userHandle';
 import { useAuth } from '../../lib/Auth';
 import { useMatrix } from '../../lib/Matrix';
+import settingsPresets from './settingPresets';
 
-const ModifySection = styled.details`
+const SettingsSection = styled.div`
   & {
     margin-bottom: var(--margin);
   }
-`;
 
-const CreateSubstructureSection = styled.details`
-  & {
+  &  input, select {
     margin-bottom: var(--margin);
   }
 `;
@@ -34,108 +34,72 @@ const KickDialog = styled.div`
   }
 `;
 
-/*
-* @TODO:
-* - connecting stateEvents with Sync, so if a member got kicked the State will chance automatically
+/**
+ * @TODO:
+ * - connecting stateEvents with Sync, so if a member got kicked the State will chance automatically without an additional call.
+*/
+
+/**
+ * COMPONENT 'SettingsAction'
+ * Not all parameters will be explained in detail as the functionallity is quite redundant based on a simmilar naming scheme
+ * @param {String} currentId — the Id of the current observed Room
+ * @param {Object} userInfos — contains the informations about the current loggedIn User
+ * @param {String} name – x
+ * @param {function} setName – x
+ * @param {async function} refreshName – x
+ * …
+ * setMembers is not given as the interaction with the matrix server is all been done in this compontent itself for the members
 */
 
-const SettingsAction = ({ currentId, stateEvents, userInfos }) => {
+const SettingsAction = ({
+    currentId,
+    onInfoChange,
+    userInfos,
+    name,
+    setName,
+    refreshName,
+    topic,
+    setTopic,
+    refreshTopic,
+    join,
+    setJoin,
+    refreshJoin,
+    historyVisibility,
+    sethistoryVisibility,
+    refreshHistoryVisibility,
+    powerLevels,
+    setPowerLevels,
+    refreshPowerLevels,
+    members,
+    refreshMembers,
+}) => {
     const auth = useAuth();
-    const matrix = auth.getAuthenticationProvider('matrix');
     const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
 
-    // Logics for the functions of the 'CreateSubstructureSection'
-    // includes some basic input validation and dynamic form adjustments for the template selection
-
-    const [contextTemplates, setContextTemplates] = useState([]);
-
-    const [generateNewTemplate, setGenerateNewTemplate] = useState(false);
-
-    const [createNew, setCreateNew] = useState({ name: '', template: '', parent: '', interfaceError: '' }); //stores all nessesarry user input from the form
-
-    async function getTemplatesOfContexts(roomId) { // gets the templates from the
-        if (contextTemplates.length > 0) return;
-        const metaEvent = await auth.getAuthenticationProvider('matrix').getMatrixClient().getStateEvent(roomId, 'dev.medienhaus.meta').catch(() => {});
-        if ((metaEvent?.template !== 'templates')) return;
-        console.log(metaEvent);
-        const roomContent = await (matrix.fetchRoomMessages(roomId, 5));
-        const templates = _.uniq(roomContent?.chunk.map(entry => entry?.content?.body)).filter(e => e);
-        setContextTemplates(templates);
-    }
-
-    useEffect(() => { // basic input validation for the input fields to create a new substructure
-        if (createNew.name === '' || createNew?.name.length < 4) {
-            createNew.interfaceError = 'name too short';
-            return;
-        } else {
-            createNew.interfaceError = '';
-        }
-
-        if (createNew.template === '' || createNew?.template.length < 4) {
-            createNew.interfaceError = 'template name too short';
-            return;
-        } else {
-            createNew.interfaceError = '';
-        }
-    }, [createNew]);
-
-    const createContext = (e) => {
-        e.preventDefault();
-        if (currentId.length > 10 && currentId.charAt(0) === '!' && currentId.includes(':')) { //just some really really basic check if it could be an matrix id
-            setCreateNew({ ...createNew, parent: currentId });
-            console.log('created');
-        } else {
-            createNew.interfaceError = 'something went wrong with the selected matrix Id, please reload';
-        }
-    };
-
-    const createNewChangeHandle = (e) => {
-        if (e.target.name === 'template' && e.target.value === '_createNew') {//check if dropdown is selected for new to modify form
-            e.target.value === '_createNew'? setGenerateNewTemplate(true) : setGenerateNewTemplate(false);
-            setCreateNew({ ...createNew, template: '' });
-            return;
-        }
-        if (e.target.name === 'newTemplate') {
-            setCreateNew({ ...createNew, template: e.target.value });
-        } else {
-            setCreateNew({ ...createNew, [e.target.name]: e.target.value }); //this is the regular way if no errors occured before
-        }
+    /**
+    * OnSave Functions
+    * For all OnSaveCalled to the matrix server it doesn't matter if the content has not changed and the call is still executed
+    * as matrix will return the same event_id without creating a new one if the content
+    * of the Call is identical with the last event_id content.
+    * So therefore no additional client side checking is absolutly nessesarry if the content has changed at all.
+    */
+
+    const onTopicSave = async () => {
+        if (topic?.length < 1) return;
+        const contentToSend = ''+topic;
+        const call = await matrixClient.setRoomTopic(currentId, contentToSend);
+        console.log(call);
+        if (!call?.event_id) return;//show error and return
+        await refreshName(); //refresh with the data from the server side to double ckeck as a verfication if not yet another user changed it in the meantime
+        if (contentToSend !== topic) return; //show error that somethign changed in the meantime
     };
 
-    const [stateEventInformation, setStateEventInformation] = useState({});
-
-    useEffect(() => {
-        populateInterface(stateEvents);
-    }, [stateEvents]);
-
-    function populateInterface() {
-        const nameEvent = _.find(stateEvents, { type: 'm.room.name' })?.content;
-        const topicEvent = _.find(stateEvents, { type: 'm.room.topic' })?.content;
-        const memberEvent = _.filter(stateEvents, { type: 'm.room.member' });
-
-        const members = _.compact( //filter out empty ones
-            _.map(memberEvent, member => {
-                if (member?.content?.membership === 'leave') return; //check if the latest event was an leave, so the user is not a member anymore at this point
-                return { id: member?.sender, displaname: member?.content?.displayname };
-            }));
-
-        const initial = { //contains only extracted data from stateEvents which are mentioned in the  matrix specs
-            name: nameEvent?.name,
-            topic: topicEvent?.content,
-            members: members,
-        };
-
-        const stateInformations = { initial: initial };
-        setStateEventInformation({ ...stateEventInformation, custom: stateInformations.custom, initial: stateInformations.initial }); // applying the structured data to the observable State
-    }
-
-    const onSave = async (e) => {
-        console.log(e?.target?.name + ':' + e?.target?.value);
-        if (e?.target?.name === 'roomName' && e?.target?.value ==! e?.target?.value) {
-            console.log('bing');
-        } else {
-            console.log('bong');
-        }
+    const onNameSave = async () => {
+        if (topic?.length < 1) return;
+        const call = await matrixClient.setRoomTopic(currentId, topic);
+        console.log(call);
+        if (!call?.event_id) return;//show error and return
+        await refreshName();
     };
 
     const [memberKickCandidate, setMemberKickCandidate] = useState();
@@ -145,6 +109,7 @@ const SettingsAction = ({ currentId, stateEvents, userInfos }) => {
             await matrixClient.kick(currentId, userId).catch(e => {console.log(e);});
             console.log(userId + ' kicked!');
             setMemberKickCandidate('');
+            //onInfoChange()
         }
 
         setMemberKickCandidate(userId);
@@ -152,25 +117,51 @@ const SettingsAction = ({ currentId, stateEvents, userInfos }) => {
 
     return (
         <>
-            <ModifySection>
-                <summary>Modify</summary>
-                <input disabled value={currentId} />
-                <input placeholder="name_" name="roomName" value={stateEventInformation?.initial?.name} onBlur={onSave} />
-                <input placeholder="topic" name="topic" value={stateEventInformation?.initial?.topic} onBlur={onSave} />
+            <SettingsSection>
+                <input type="text" disabled value={currentId} />
+                <input type="text" placeholder="name" onChange={(e) => {setName(e.target.value);}} name="name" value={name} onBlur={onNameSave} />
+                <input type="text" placeholder="topic" onChange={(e) => {setTopic(e.target.value);}} name="topic" value={topic} onBlur={onTopicSave} />
                 <details>
+                    <summary>advanced</summary>
+                    <select>
+                        <option value="" disabled selected>visibilty</option>
+                        { _.map(settingsPresets?.allowedHistoryVisibility, option => {
+                            return <option value={option?.name}>{ option?.display } — { option?.description }</option>;
+                        }) }
+                    </select>
+                    <select>
+                        <option value="" disabled selected>join rules</option>
+                        { _.map(settingsPresets?.allowedJoinRules, option => {
+                            return <option value={option?.name}>{ option?.display } — { option?.description }</option>;
+                        }) }
+                    </select>
+                    <select>
+                        <option value="" disabled selected>member participation presets</option>
+                        { _.map(settingsPresets?.allowedPowerLevelPresets, option => {
+                            return <option value={option?.name}>{ option?.display } — { option?.description }</option>;
+                        }) }
+                    </select>
+                </details>
+                <details onClick={members?.list?.length > 0 ? undefined : refreshMembers}>
                     <summary>members</summary>
                     <MemberSection>
-                        { _.map(stateEventInformation?.initial?.members, (member, key) => {
+                        { _.map(members?.list, (member, key) => {
                             return <li key={key}>
-                                { member?.id === userInfos?.id? <>{ member?.displaname ? member?.displaname : member?.id.split(':')[0].substring(1) } (you)</> :
+                                { member?.id === userInfos?.id ?
+                                    <>
+                                        {
+                                            member?.displayname ?
+                                                member?.displayname :
+                                                member?.id.split(':')[0].substring(1)
+                                        } (you)
+                                    </>
+                                    :
                                     <>
-                                        <details>
-                                            <summary>{ member?.displaname ? member?.displaname : member?.id.split(':')[0].substring(1) }</summary> { /* If Displayname is not set fallback to user id  */ }
-                                            <p><a href={`#${member?.id}`}>send dm</a></p>
-                                            <p><a href={`#${member?.id}`}>invite to…</a></p>
-                                        </details>
+                                        <UserHandle userId={member} />
                                         <KickDialog>
-                                            { memberKickCandidate !== member?.id ? <button onClick={() => kickUser(member?.id)}>❌</button> :
+                                            { memberKickCandidate !== member?.id ?
+                                                <button onClick={() => kickUser(member?.id)}>❌</button>
+                                                :
                                                 <>
                                                     <button onClick={() => kickUser(member?.id, true)}>sure?</button>
                                                     <button onClick={() => kickUser('')}>abort!</button>
@@ -184,57 +175,12 @@ const SettingsAction = ({ currentId, stateEvents, userInfos }) => {
                         }
                     </MemberSection>
                 </details>
-                <details>
-                    <summary>advanced</summary>
-                    <select>
-                        <option value="" disabled selected>visibilty</option>
-                    </select>
-                    <select>
-                        <option value="" disabled selected>join rules</option>
-                    </select>
-                    <select>
-                        <option value="" disabled selected>member participation presets</option>
-                    </select>
-                </details>
                 <details>
                     <summary>danger zone</summary>
                     <button>delete</button>
                 </details>
 
-            </ModifySection>
-            <CreateSubstructureSection onClick={() => getTemplatesOfContexts(getConfig().publicRuntimeConfig.templates.context)}> { /* will only load the templates after expanding this view to prevent unnecessary network traffic */ }
-                <summary>create Substructure</summary>
-                <form onSubmit={createContext}>
-                    <input name="name" value={createNew.name} onChange={createNewChangeHandle} required placeholder="name" />
-                    <select name="template" onChange={createNewChangeHandle}>
-                        <option value="" disabled selected>Template</option>
-                        { contextTemplates.map((template, key) => {
-                            {/* cycle through all of the collective specified templates stored in a matrix room */}
-                            return <option key={key} value={template}>
-                                { template }
-                            </option>;
-                        }) }
-                        <option value="_createNew">create new…</option> { /* static element for users to create a new template */ }
-                    </select>
-                    { generateNewTemplate && <input name="newTemplate" value={createNew.template} onChange={createNewChangeHandle} required placeholder="…" /> }{ /* this input is only generated if the dropwdown was selected 'create new…' */ }
-
-                    <details>
-                        <summary>advanced</summary>
-                        <select>
-                            <option value="" disabled selected>visibilty</option>
-                        </select>
-                        <select>
-                            <option value="" disabled selected>join rules</option>
-                        </select>
-                        <select>
-                            <option value="" disabled selected>member participation presets</option>
-                        </select>
-                    </details>
-
-                    { createNew.interfaceError && <p>‼️ { createNew.interfaceError }</p> } { /* Showing the current Error to the user if some input validation failed */ }
-                    <button disabled={createNew.interfaceError} type="submit">create</button>
-                </form>
-            </CreateSubstructureSection>
+            </SettingsSection>
 
         </>
 

From fbae761664bb531423a6c45e139a9ce9373de433 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Robert=20Schn=C3=BCll?= <mail@robertschnuell.de>
Date: Wed, 26 Oct 2022 01:03:17 +0200
Subject: [PATCH 012/714] outsourcing template select and user handeling

---
 pages/explore/addAction.js      |  4 ++
 pages/explore/createContext.js  | 74 +++++++++++++++++++++++++++++++++
 pages/explore/infoAction.js     | 17 ++++----
 pages/explore/templateSelect.js | 63 ++++++++++++++++++++++++++++
 pages/explore/userHandle.js     | 27 ++++++++++++
 5 files changed, 178 insertions(+), 7 deletions(-)
 create mode 100644 pages/explore/createContext.js
 create mode 100644 pages/explore/templateSelect.js
 create mode 100644 pages/explore/userHandle.js

diff --git a/pages/explore/addAction.js b/pages/explore/addAction.js
index 530372f8..5ce6f5c1 100644
--- a/pages/explore/addAction.js
+++ b/pages/explore/addAction.js
@@ -6,6 +6,10 @@ import _ from 'lodash';
 import { useAuth } from '../../lib/Auth';
 import { useMatrix } from '../../lib/Matrix';
 
+
+import CreateContext from './createContext';
+import TemplateSelect from './templateSelect';
+
 const ModSection = styled.div`
     &  {
         margin-bottom: var(--margin);
diff --git a/pages/explore/createContext.js b/pages/explore/createContext.js
new file mode 100644
index 00000000..ff0e98bd
--- /dev/null
+++ b/pages/explore/createContext.js
@@ -0,0 +1,74 @@
+import React, { useCallback, useEffect, useState } from 'react';
+import styled from 'styled-components';
+import getConfig from 'next/config';
+import _ from 'lodash';
+
+import { useAuth } from '../../lib/Auth';
+import { useMatrix } from '../../lib/Matrix';
+
+const CreateSubstructureSection = styled.details`
+  & {
+    margin-bottom: var(--margin);
+  }
+`;
+
+const CreateContext = ({ currentId }) => {
+    const auth = useAuth();
+    const matrix = auth.getAuthenticationProvider('matrix');
+    const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
+
+
+    useEffect(() => { // basic input validation for the input fields to create a new substructure
+        if (createNew.name === '' || createNew?.name.length < 4) {
+            createNew.interfaceError = 'name too short';
+            return;
+        } else {
+            createNew.interfaceError = '';
+        }
+
+        if (createNew.template === '' || createNew?.template.length < 4) {
+            createNew.interfaceError = 'template name too short';
+            return;
+        } else {
+            createNew.interfaceError = '';
+        }
+    }, [createNew]);
+
+    const createContext = (e) => {
+        e.preventDefault();
+        if (currentId.length > 10 && currentId.charAt(0) === '!' && currentId.includes(':')) { //just some really really basic check if it could be an matrix id
+            setCreateNew({ ...createNew, parent: currentId });
+            console.log('created');
+        } else {
+            createNew.interfaceError = 'something went wrong with the selected matrix Id, please reload';
+        }
+    };
+
+    return (
+        <CreateSubstructureSection onClick={() => getTemplatesOfContexts(getConfig().publicRuntimeConfig.templates.context)}> { /* will only load the templates after expanding this view to prevent unnecessary network traffic */ }
+            <summary>create Substructure</summary>
+            <form onSubmit={createContext}>
+                <input type="text" name="name" value={createNew.name} onChange={createNewChangeHandle} required placeholder="name" />
+
+                <details>
+                    <summary>advanced</summary>
+                    <select>
+                        <option value="" disabled selected>visibilty</option>
+                    </select>
+                    <select>
+                        <option value="" disabled selected>join rules</option>
+                    </select>
+                    <select>
+                        <option value="" disabled selected>member participation presets</option>
+                    </select>
+                </details>
+
+                { createNew.interfaceError && <p>‼️ { createNew.interfaceError }</p> } { /* Showing the current Error to the user if some input validation failed */ }
+                <button disabled={createNew.interfaceError} type="submit">create</button>
+            </form>
+        </CreateSubstructureSection>
+
+    );
+};
+
+export default CreateContext;
diff --git a/pages/explore/infoAction.js b/pages/explore/infoAction.js
index 845308e4..89779f49 100644
--- a/pages/explore/infoAction.js
+++ b/pages/explore/infoAction.js
@@ -5,6 +5,7 @@ import _ from 'lodash';
 
 import { useAuth } from '../../lib/Auth';
 import { useMatrix } from '../../lib/Matrix';
+import UserHandle from './userHandle';
 
 const InfoSection = styled.div`
   &  {
@@ -115,13 +116,15 @@ const InfoAction = ({
                     <ul>
                         { _.map(members?.list, (member, key) => {
                             return <li key={key}>
-                                { member?.id === userInfos?.id? <>{ member?.displayname ? member?.displayname : member?.id.split(':')[0].substring(1) } (you)</> : //checks if the user is the logged in user, to disable interaction
-                                    <details>
-                                        <summary>{ member?.displayname ? member?.displayname : member?.id.split(':')[0].substring(1) }</summary> { /* If Displayname is not set fallback to user id  */ }
-                                        <p><a href={`#${member?.id}`}>send dm</a></p>
-                                        <p><a href={`#${member?.id}`}>invite to…</a></p>
-                                        <p>contextualize…</p>
-                                    </details>
+                                { member?.id === userInfos?.id ? //checks if the user is the logged in user, to disable interaction
+                                    <>
+                                        {
+                                            member?.displayname ?
+                                                member?.displayname :
+                                                member?.id.split(':')[0].substring(1)
+                                        } (you)
+                                    </> : 
+                                    <UserHandle userId={member} />
                                 }
                             </li>;
                         })
diff --git a/pages/explore/templateSelect.js b/pages/explore/templateSelect.js
new file mode 100644
index 00000000..4c1af312
--- /dev/null
+++ b/pages/explore/templateSelect.js
@@ -0,0 +1,63 @@
+import React, { useCallback, useEffect, useState } from 'react';
+import styled from 'styled-components';
+import getConfig from 'next/config';
+import _ from 'lodash';
+
+import { useAuth } from '../../lib/Auth';
+import { useMatrix } from '../../lib/Matrix';
+
+const TemplateSelect = ({ currentId }) => {
+    const auth = useAuth();
+    const matrix = auth.getAuthenticationProvider('matrix');
+    const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
+
+    const [createNew, setCreateNew] = useState({ name: '', template: '', parent: '', interfaceError: '' }); //stores all nessesarry user input from the form
+    const [generateNewTemplate, setGenerateNewTemplate] = useState(false);
+
+    // Logics for the functions of the 'CreateSubstructureSection'
+    // includes some basic input validation and dynamic form adjustments for the template selection
+
+    const [contextTemplates, setContextTemplates] = useState([]);
+
+    async function getTemplatesOfContexts(roomId) { // gets the templates from the
+        if (contextTemplates.length > 0) return;
+        const metaEvent = await auth.getAuthenticationProvider('matrix').getMatrixClient().getStateEvent(roomId, 'dev.medienhaus.meta').catch(() => {});
+        if ((metaEvent?.template !== 'templates')) return;
+        console.log(metaEvent);
+        const roomContent = await (matrix.fetchRoomMessages(roomId, 5));
+        const templates = _.uniq(roomContent?.chunk.map(entry => entry?.content?.body)).filter(e => e);
+        setContextTemplates(templates);
+    }
+
+    const createNewChangeHandle = (e) => {
+        if (e.target.name === 'template' && e.target.value === '_createNew') {//check if dropdown is selected for new to modify form
+            e.target.value === '_createNew'? setGenerateNewTemplate(true) : setGenerateNewTemplate(false);
+            setCreateNew({ ...createNew, template: '' });
+            return;
+        }
+        if (e.target.name === 'newTemplate') {
+            setCreateNew({ ...createNew, template: e.target.value });
+        } else {
+            setCreateNew({ ...createNew, [e.target.name]: e.target.value }); //this is the regular way if no errors occured before
+        }
+    };
+
+    return (
+        <>
+            <select name="template" onChange={createNewChangeHandle}>
+                <option value="" disabled selected>Template</option>
+                { contextTemplates.map((template, key) => {
+                    {/* cycle through all of the collective specified templates stored in a matrix room */}
+                    return <option key={key} value={template}>
+                        { template }
+                    </option>;
+                }) }
+                <option value="_createNew">create new…</option> { /* static element for users to create a new template */ }
+            </select>
+            { generateNewTemplate && <input type="text" name="newTemplate" value={createNew.template} onChange={createNewChangeHandle} required placeholder="…" /> }{ /* this input is only generated if the dropwdown was selected 'create new…' */ }
+        </>
+
+    );
+};
+
+export default TemplateSelect;
diff --git a/pages/explore/userHandle.js b/pages/explore/userHandle.js
new file mode 100644
index 00000000..d5457de9
--- /dev/null
+++ b/pages/explore/userHandle.js
@@ -0,0 +1,27 @@
+import React, { useCallback, useEffect, useState } from 'react';
+import styled from 'styled-components';
+
+const User = styled.div`
+    &  {
+        margin-bottom: var(--margin);
+    }
+    & > button {
+        margin-bottom: var(--margin);
+    }
+`;
+
+const UserHandle = ({ userId }) => {
+
+    return (
+        <User>
+            <details>
+                <summary>{ userId?.displayname ? userId?.displayname : userId?.id.split(':')[0].substring(1) }</summary> { /* If Displayname is not set fallback to user id  */ }
+                <p><a href={`#${userId?.id}`}>send dm</a></p>
+                <p><a href={`#${userId?.id}`}>invite to…</a></p>
+                <p><a href={`#${userId?.id}`}>contextualize…</a></p>
+            </details>
+        </User>
+    );
+};
+
+export default UserHandle;

From cf4cc42a9883c9cf986a576074e8580b68ef3bb9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Robert=20Schn=C3=BCll?= <mail@robertschnuell.de>
Date: Wed, 26 Oct 2022 18:18:15 +0200
Subject: [PATCH 013/714] adding remove action

---
 pages/explore/actions.js        | 155 ++++++++++++++++++++++++++------
 pages/explore/index.js          |   6 +-
 pages/explore/infoAction.js     |  10 +--
 pages/explore/removeAction.js   |  72 ++++++++++++---
 pages/explore/settingPresets.js |   1 +
 5 files changed, 198 insertions(+), 46 deletions(-)

diff --git a/pages/explore/actions.js b/pages/explore/actions.js
index fe5cb111..e48de1c0 100644
--- a/pages/explore/actions.js
+++ b/pages/explore/actions.js
@@ -49,23 +49,79 @@ const MenuSection = styled.div`
   }
 `;
 
-const Actions = ({ currentId }) => {
+/**
+ * ACTIONS COMPONENT
+ * ------------------
+ *
+ * @param {String} currentId — the Id of the current observed Room
+ * @param {String} parentId — the Id of the parent of the currently observed Room
+ * @param {function} popActiveContexts – deletes the latest Element of the Contexts Multi Level Select Stack. Needed for the remove action.
+ *
+*/
+
+const Actions = ({ currentId, parentId, popActiveContexts }) => {
+    /**
+    * MATRIX
+    * ------------------
+    * @TODO
+    * - adding functionallity of updates of the sync call. to update cached states in this component which are changed in the meantime of this session by another user.
+    *   this would needs to pipe all nessesary sync informations for the currently observed id into the current room data storage (volatile).
+    *   in addition to keeping track also of some specific state events of previously observed id's into the cached roomdata, for example the powerlevel's.
+    */
+
     const auth = useAuth();
     const matrix = auth.getAuthenticationProvider('matrix');
     const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
 
-    const [showActions, setShowActions] = useState({ modify: false, infos: false, add: false });
+    /**
+    * GENERIC STATES
+    * ------------------
+    *
+    */
 
-    const [stateEvents, setStateEvents] = useState();
+    const [showActions, setShowActions] = useState();
+    const [userInfos, setUserInfos] = useState(); //stores information about the curren User
 
-    const [userInfos, setUserInfos] = useState({ mod: false }); //stores information about the curren User
+    const [userCurrentIdMod, setUserCurrentIdMod] = useState(false);
+    const [userParentIdMod, setParentIdMod] = useState(false);
+
+    /**
+    * EFFECTS
+    * ------------------
+    * observing if the currentId or the parentId changed. Both observed states are  parameters of this action component given by the instantiating parent compontent.
+    *  currentId:   If the currentId changed some core informations about the currently observed Id will be collected.
+    *  parentId:    If the parentId changed the nessesary collected information of the Id are already been stored in a cache.
+    *               This function will therefore just check if the user has the rights to remove the current observed Id from the parents to enables/disables this action in the render.
+    */
 
     useEffect(() => {
-        fetchCoreInformations();
+        fetchRoomName();
+        fetchRoomTopic();
+        fetchRoomJoinRule();
+        fetchRoomHistoryVisibility();
+        fetchRoomPowerLevels();
     }, [currentId]);
 
+    useEffect(() => {
+        if (parentId) {
+            const parentPowerLevel = cachedRoomPowerLevels?.[parentId]?.powerLevels;
+            if (!parentPowerLevel) {
+                /** if a parentId exists but there is no cached record of the PowerLevel no parentMod rights are accesible to check and therefor set it to false.
+                * @TODO
+                * - could become a problem in the future if the ContextMulitLevelSelect Component will have the ability to start not from the root of the tree, so therefore the parent Events are not cached.
+                */
+                setParentIdMod(false);
+                return;
+            }
+            setParentIdMod(parentPowerLevel?.users[userInfos?.id] >= 50);
+        }
+    }, [parentId]);
+
+    useEffect(() => {
+        console.log(userInfos?.id);
+    }, [userParentIdMod]);
     /**
-    * ROOM DATA STORAGE
+    * CURRENT ROOM DATA STORAGE (VOLATILE)
     * ------------------
     * states which holds all nessesarry informations about the room as single source of truth for all subcomponents.
     * this can be populated seperatatly to by user interactions and will not preload all informations at the beginnning
@@ -83,13 +139,35 @@ const Actions = ({ currentId }) => {
     const [roomHistoryVisibility, setRoomHistoryVisibility] = useState();
     const [roomMeta, setMetaRoom] = useState({ type: '', template: '', application: [] });
 
-    // fetch functions to get room specific informations from the current Id
+    /**
+    * ALL ROOM DATA STORAGE (SESSION NON VOLATILE)
+    * ------------------
+    * the following states keeps a cached copy of some specific state events  which are already requested from the matrix server to use them later in an different usecase again to prevent the need for an additional call.
+    * The current usecase for which this is needed is to check the interactions with a parent id to remove spaces from an  previously viewed id.
+    *
+    * @TODO
+    * - still needs to be discussed how to deal with edgecases like: an additional user renames an space or changes the power levels in the meantime.
+    *   could be prevented if data from a sync is piped in this storage as well to keep them always up to date.
+    */
+
+    const [cachedRoomNames, setCachedRoomNames] = useState({});
+    const [cachedRoomPowerLevels, setCachedRoomPowerLevels] = useState({});
+
+    /**
+    * FETCH FUNCTIONS
+    * ------------------
+    * fetch functions to get room specific informations from the current Id
+    */
+
     const fetchRoomName = async () => {
         const nameEvent = await matrixClient.getStateEvent(
             currentId,
             'm.room.name',
         ).catch(() => {});
         setRoomName(nameEvent?.name);
+
+        // send also to the sessions non volatile state storage
+        setCachedRoomNames({ ...cachedRoomNames, [currentId]: { name: nameEvent?.name } });
     };
     const fetchRoomTopic = async () => {
         const topicEvent = await matrixClient.getStateEvent(
@@ -130,12 +208,14 @@ const Actions = ({ currentId }) => {
             currentId,
             'm.room.power_levels',
         ).catch(() => {});
-        const modRights = powerLevelsEvent?.users[userId] >= 50; //check if the current user got is listed with a custom power level if true and >= 50 (mod default) mod flag is set true
-        setUserInfos({ ...userInfos, id: userId, mod: modRights });
-        setRoomPowerLevels(powerLevelsEvent?.content);
+        setUserCurrentIdMod(powerLevelsEvent?.users[userId] >= 50);  //check if the current user got is listed with a custom power level if true and >= 50 (mod default) mod flag is set true
+        setRoomPowerLevels(powerLevelsEvent);
+        setUserInfos({ ...userInfos, id: userId });
+
+        // send also to the sessions non volatile state storage
+        setCachedRoomPowerLevels({ ...cachedRoomPowerLevels, [currentId]: { powerLevels: powerLevelsEvent } });
     };
 
-    // Custom State Events
     const fetchRoomMeta = async () => {
         const metaEvent = await matrixClient.getStateEvent(
             currentId,
@@ -143,27 +223,40 @@ const Actions = ({ currentId }) => {
         ).catch(() => {});
         setMetaRoom(metaEvent);
     };
-    const fetchCoreInformations = async () => {
-        await fetchRoomName();
-        await fetchRoomTopic();
-        await fetchRoomJoinRule();
-        await fetchRoomHistoryVisibility();
-        await fetchRoomPowerLevels();
-    };
+
+    /**
+    * RENDER
+    * ------------------
+    *
+    *                   | 'ButtonSection'
+    * 'ActionSection'->
+    *                   | 'MenuSection' --->| 'InfoAction'
+    *                                   --->| 'AddAction'
+    *                                   --->| 'RemoveAction'
+    *                                   --->| 'SettingsAction'
+    *
+    * 'ActionSection'   acts as an wrapper all of the possible functions
+    * 'ButtonSection'   contains the possible actions which the user can execute, not allowed functiosn for the currently observed Id are disabled.
+    *                   for now the following functions are accessable:
+    *                       'info' -> read rights required
+    *                       'add' -> mod rights mostly required
+    *                       'remove' -> mod rights of the parentId required
+    *                       'settings' -> mod/admin rights required
+    * 'MenuSection'     contains the actual user interfaces for the specific action
+    */
 
     return (
         <ActionsSection>
             <summary>…</summary>
             <ButtonsSection>
-                <button onClick={() => {setShowActions({ ...showActions, infos: !showActions.infos, add: false, settings: false, remove: false });}}> 🏷️</button>
-                <button onClick={() => {setShowActions({ ...showActions, add: !showActions.add, infos: false, settings: false, remove: false });}}> 📥</button>
-                <button disabled={!userInfos.mod} onClick={() => {setShowActions({ ...showActions, settings: !showActions.settings, infos: false, add: false, remove: true });}}> 📤</button>
-                <button disabled={!userInfos.mod} onClick={() => {setShowActions({ ...showActions, settings: !showActions.settings, infos: false, add: false, remove: false });}}> ⚙️</button>
-
+                <button onClick={() => {setShowActions(() => showActions === 'info' ? '' : 'info');}}> 🏷️</button>
+                <button onClick={() => {setShowActions(() => showActions === 'add' ? '' : 'add');}}> 📥</button>
+                <button disabled={!userParentIdMod} onClick={() => {setShowActions(() => showActions === 'remove' ? '' : 'remove');}}> 📤</button>
+                <button disabled={!userCurrentIdMod} onClick={() => {setShowActions(() => showActions === 'settings' ? '' : 'settings');}}> ⚙️</button>
             </ButtonsSection>
 
             <MenuSection>
-                { showActions.infos &&
+                { showActions === 'info' && //checks if this action got active via a button user input before rendering this component.
                 <InfoAction
                     userInfos={userInfos}
                     currentId={currentId}
@@ -176,15 +269,23 @@ const Actions = ({ currentId }) => {
                     getMembers={fetchRoomMembers}
                     getMeta={fetchRoomMeta}
                 /> }
-                { showActions.add && <AddAction
+                { showActions === 'add' &&
+                <AddAction
                     userInfos={userInfos}
                     currentId={currentId}
                 /> }
-                { showActions.remove && <RemoveAction
+                { showActions === 'remove' &&
+                <RemoveAction
                     userInfos={userInfos}
                     currentId={currentId}
+                    parentId={parentId}
+                    setShowActions={setShowActions}
+                    showActions={showActions}
+                    name={roomName}
+                    activeAction={showActions}
+                    popActiveContexts={popActiveContexts}
                 /> }
-                { showActions.settings &&
+                { showActions === 'settings' &&
                 <SettingsAction
                     userInfos={userInfos}
                     onMemberChange={fetchRoomMembers}
diff --git a/pages/explore/index.js b/pages/explore/index.js
index 048925ee..3d19f5a5 100644
--- a/pages/explore/index.js
+++ b/pages/explore/index.js
@@ -74,7 +74,11 @@ export default function Explore() {
                 ) }
             </ExploreSection>
 
-            <Actions currentId={activeContexts[activeContexts.length - 1]} />
+            <Actions
+                currentId={activeContexts[activeContexts.length - 1]}
+                parentId={activeContexts?.length >= 2 ? activeContexts[activeContexts.length - 2] : undefined}
+                popActiveContexts={() => {activeContexts.pop();}}
+            />
 
         </>
     );
diff --git a/pages/explore/infoAction.js b/pages/explore/infoAction.js
index 89779f49..c14bc318 100644
--- a/pages/explore/infoAction.js
+++ b/pages/explore/infoAction.js
@@ -16,11 +16,11 @@ const InfoSection = styled.div`
  
 `;
 
-/*
-* @TODO:
-* - adding routes for user interaction more -> members -> username
-* - searching for referenced in sync cached rooms (fast)
-* - searching for referenced in root tree (slow)
+/**
+ * @TODO:
+ * - adding routes for user interaction more -> members -> username
+ * - searching for referenced in sync cached rooms (fast)
+ * - searching for referenced in root tree (slow)
 */
 
 const InfoAction = ({
diff --git a/pages/explore/removeAction.js b/pages/explore/removeAction.js
index 3d72c25e..0adc5640 100644
--- a/pages/explore/removeAction.js
+++ b/pages/explore/removeAction.js
@@ -5,38 +5,84 @@ import _ from 'lodash';
 
 import { useAuth } from '../../lib/Auth';
 import { useMatrix } from '../../lib/Matrix';
-
-
 import CreateContext from './createContext';
 import TemplateSelect from './templateSelect';
 
-const ModSection = styled.div`
+const RemoveSection = styled.div`
     &  {
         margin-bottom: var(--margin);
     }
     & > button {
         margin-bottom: var(--margin);
-    }
-`;
-
-const UserSection = styled.div`
-    &  {
-        margin-bottom: var(--margin);
+        margin-right: var(--margin);
+        width:150px;
     }
 
-    & > button {
-        margin-bottom: var(--margin);
+    &  span:first-of-type {
+        background-color: var(--color-hi);
     }
 `;
 
-const RemoveAction = ({ currentId, parentId, userInfos }) => {
+/**
+ * COMPONENT 'RemoveAction'
+ *
+ * @TODO
+ *  - the ContextMultiLevelSelect does not updates completly fine after a remove action is successfully executed. Needs an refresh of the childElements for the Select list.
+ *
+ *
+ * @param {String} currentId — the Id of the current observed Room
+ * @param {String} parentId — x
+ * @param {String} name – x
+ * @param {function} activeAction – x
+ * @param {function} setShowActions – x
+*/
+
+const RemoveAction = ({
+    currentId,
+    parentId,
+    parentPowerLevel,
+    name,
+    activeAction,
+    setShowActions,
+    popActiveContexts,
+}) => {
     const auth = useAuth();
     const matrix = auth.getAuthenticationProvider('matrix');
     const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
 
+    const [parentName, setParentName] = useState();
+
+    const removeChildFromParent = async () => {
+        const call = await matrix.removeSpaceChild(parentId, currentId);
+        if (call?.event_id) { //if an event_id is provided as an response the call were accepted and the currentId removed from the parentId as a m.room.spaceChild
+            setShowActions('');
+            popActiveContexts();
+        }
+    };
+
+    useEffect(() => {
+        if (activeAction === 'remove') {
+            fetchParentName();
+        }
+    }, [activeAction, parentId]);
+
+    const fetchParentName = async () => {
+        const nameEvent = await matrixClient.getStateEvent(
+            parentId,
+            'm.room.name',
+        ).catch(() => {});
+        setParentName(nameEvent?.name);
+    };
+
     return (
         <>
-            <p>hello :)</p>
+            { (parentName && name) &&
+        (<RemoveSection>
+            <p>are you sure you want to remove this? <span>"{ name }"</span> from <span>"{ parentName }"</span> </p>
+            <button onClick={removeChildFromParent}>yes</button>
+            <button onClick={() => {setShowActions('');}}>abort!</button>
+        </RemoveSection>)
+            }
         </>
 
     );
diff --git a/pages/explore/settingPresets.js b/pages/explore/settingPresets.js
index 31f0827f..15cfea73 100644
--- a/pages/explore/settingPresets.js
+++ b/pages/explore/settingPresets.js
@@ -1,3 +1,4 @@
+import { useTranslation } from 'react-i18next';
 // eslint-disable-next-line no-undef
 module.exports = {
     name: {

From a4d39e017216fea99a7ac9fd909934e395cebf79 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Robert=20Schn=C3=BCll?= <mail@robertschnuell.de>
Date: Thu, 27 Oct 2022 00:23:33 +0200
Subject: [PATCH 014/714] add 'addExistingContext' to add Action

---
 pages/explore/AddExistingContext.js | 111 ++++++++++++++++++++++++++++
 pages/explore/actions.js            |  14 ++--
 pages/explore/addAction.js          |  19 +++--
 3 files changed, 132 insertions(+), 12 deletions(-)
 create mode 100644 pages/explore/AddExistingContext.js

diff --git a/pages/explore/AddExistingContext.js b/pages/explore/AddExistingContext.js
new file mode 100644
index 00000000..53313831
--- /dev/null
+++ b/pages/explore/AddExistingContext.js
@@ -0,0 +1,111 @@
+import React, { useCallback, useEffect, useState } from 'react';
+import styled from 'styled-components';
+import getConfig from 'next/config';
+import _ from 'lodash';
+
+import { useAuth } from '../../lib/Auth';
+import { useMatrix } from '../../lib/Matrix';
+import ContextMultiLevelSelect from '../../components/ContextMultiLevelSelect';
+
+const AddContextDialog = styled.div`
+    & > * + * {
+        margin-top: var(--margin);
+    }
+    & > select + select {
+        margin-top: calc(var(--margin) * 0.65);
+    }
+    & span {
+        background-color: var(--color-me);
+    }
+`;
+
+/**
+ * 'ADD EXISTING CONTEXT' COMPONENT
+ * ------------------
+ *
+ * @param {String} parentId — x
+ * @param {String} parentName — x
+ * @param {function} setShowActions – x
+ *
+ * @TODO
+ *  - for now an not nessesary call is executed to get the name of the selected Id to add to the parent context. This information already exisits in the 'ContextMultiLevelSelect' Component,
+ *    but this would need an modification of this component to get this information. Something to implement in the future.
+ *
+*/
+
+const AddExistingContext = ({ parentId, parentName, setShowActions }) => {
+    const auth = useAuth();
+    const matrix = auth.getAuthenticationProvider('matrix');
+    const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
+
+    const [activeContexts, setActiveContexts] = useState([getConfig().publicRuntimeConfig.contextRootSpaceRoomId]);
+
+    const [selectedContextName, setSelectedContextName] = useState();
+
+    const [addAllowed, setAddAllowed] = useState();
+
+    const [errorMessage, setErrorMessage] = useState();
+
+    // originated from explore index
+    useEffect(() => {
+        const fetchContents = async () => {
+            const roomHierarchy = await auth.getAuthenticationProvider('matrix').getMatrixClient().getRoomHierarchy(activeContexts[activeContexts.length - 1], undefined, 1);
+            // Remove the first entry, which is the context itself
+            roomHierarchy.rooms.shift();
+            // Ignore `m.space.child` events that are empty
+        };
+        if (activeContexts) fetchContents();
+        fetchRoomName();
+    }, [activeContexts, auth]);
+
+    const fetchRoomName = async () => {
+        const nameEvent = await matrixClient.getStateEvent(
+            activeContexts[activeContexts.length - 1],
+            'm.room.name',
+        ).catch(() => {});
+        setSelectedContextName(nameEvent?.name);
+        if (parentId && activeContexts[activeContexts.length - 1]) {
+            setErrorMessage(undefined);
+            setAddAllowed(true);
+        } else {
+            setErrorMessage('At least one of the context is not selected properly');
+            setAddAllowed(false);
+        }
+        if (parentId && activeContexts[activeContexts.length - 1] && parentId !== activeContexts[activeContexts.length - 1]) {
+            setErrorMessage(undefined);
+            setAddAllowed(true);
+        } else {
+            setErrorMessage('Not possible to add the same context to itself');
+            setAddAllowed(false);
+        }
+    };
+
+    const addContextToParent = async () => {
+        const call = await matrix.addSpaceChild(parentId, activeContexts[activeContexts.length - 1]);
+        if (call?.event_id) {
+            // call worked as expected Dialog can be closed.
+            cleanUp();
+        } else {
+            setErrorMessage(`matrix server refused to add ${selectedContextName} (${activeContexts[activeContexts.length - 1]}) as a child to ${parentId} (${parentId})`);
+        }
+    };
+
+    // resetting all states back to start for a fresh new interaction.
+    const cleanUp = () => {
+        setActiveContexts([getConfig().publicRuntimeConfig.contextRootSpaceRoomId]);
+        setErrorMessage(undefined);
+        setShowActions('');
+    };
+
+    return (
+        <AddContextDialog>
+            <ContextMultiLevelSelect onChange={setActiveContexts} activeContexts={activeContexts} />
+            <p> you are about to add "<span>{ selectedContextName }</span>" to "<span>{ parentName }</span>"</p>
+            <button disabled={!addAllowed} onClick={addContextToParent}>add</button>
+            <button onClick={cleanUp}>abort</button>
+            { errorMessage && <pre>‼️ { errorMessage }</pre> }
+        </AddContextDialog>
+    );
+};
+
+export default AddExistingContext;
diff --git a/pages/explore/actions.js b/pages/explore/actions.js
index e48de1c0..ddc353bd 100644
--- a/pages/explore/actions.js
+++ b/pages/explore/actions.js
@@ -54,7 +54,7 @@ const MenuSection = styled.div`
  * ------------------
  *
  * @param {String} currentId — the Id of the current observed Room
- * @param {String} parentId — the Id of the parent of the currently observed Room
+ * @param {String} parentId — the Id of the parent of the currently observed Room. Matrix background: parentId lists currentId as an m.space.child stateevent. currentId got no information about the parentId.
  * @param {function} popActiveContexts – deletes the latest Element of the Contexts Multi Level Select Stack. Needed for the remove action.
  *
 */
@@ -117,9 +117,6 @@ const Actions = ({ currentId, parentId, popActiveContexts }) => {
         }
     }, [parentId]);
 
-    useEffect(() => {
-        console.log(userInfos?.id);
-    }, [userParentIdMod]);
     /**
     * CURRENT ROOM DATA STORAGE (VOLATILE)
     * ------------------
@@ -127,8 +124,8 @@ const Actions = ({ currentId, parentId, popActiveContexts }) => {
     * this can be populated seperatatly to by user interactions and will not preload all informations at the beginnning
     * this approach was chosen instead of just getting all stateEvents of the room for performance reason as it contains a stateEvent for each user,
     * which will increase the requested pauload with a couple of thousends a lot.
-    * sadly as react evolves into this weird directions, the declaration of the variables needed to be implemented like this;
-    * in an non nested way, feels like written by a 5 year old.
+    * sadly as react evolves into this weird directions, the declaration of the variables needed to be implemented like this:
+    * not in a nested way; feels like written by a 5 year old.
     */
 
     const [roomName, setRoomName] = useState();
@@ -186,6 +183,8 @@ const Actions = ({ currentId, parentId, popActiveContexts }) => {
             };
         });
         members.institutions = _.uniq(_.map(members.list, member => member?.id.split(':')[1]));
+        //  insitutions just holds the names of the matrix homeservers which the joined members orignated from.
+        //  will become more relevant in the future if federatable networks will be implemented. for now its just an non interactive list of strings
         setRoomMembers(members);
     };
     const fetchRoomJoinRule = async () => {
@@ -273,6 +272,9 @@ const Actions = ({ currentId, parentId, popActiveContexts }) => {
                 <AddAction
                     userInfos={userInfos}
                     currentId={currentId}
+                    mod={userCurrentIdMod}
+                    currentName={roomName}
+                    setShowActions={setShowActions}
                 /> }
                 { showActions === 'remove' &&
                 <RemoveAction
diff --git a/pages/explore/addAction.js b/pages/explore/addAction.js
index 5ce6f5c1..884fbfb7 100644
--- a/pages/explore/addAction.js
+++ b/pages/explore/addAction.js
@@ -5,10 +5,9 @@ import _ from 'lodash';
 
 import { useAuth } from '../../lib/Auth';
 import { useMatrix } from '../../lib/Matrix';
-
-
 import CreateContext from './createContext';
 import TemplateSelect from './templateSelect';
+import AddExistingContext from './AddExistingContext';
 
 const ModSection = styled.div`
     &  {
@@ -29,7 +28,7 @@ const UserSection = styled.div`
     }
 `;
 
-const AddAction = ({ currentId, userInfos }) => {
+const AddAction = ({ currentId, userInfos, mod, currentName,setShowActions }) => {
     const auth = useAuth();
     const matrix = auth.getAuthenticationProvider('matrix');
     const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
@@ -40,10 +39,18 @@ const AddAction = ({ currentId, userInfos }) => {
                 <button>⭐</button>
                 <button>Join</button>
             </UserSection>
-            { userInfos?.mod? //if no mod rights are granted for this current Id this section will not be displayed
+            { mod? //if no mod rights are granted for this current Id this section will not be displayed
                 <ModSection>
-                    <button>create new substructure</button>
-                    <button>add existing reference</button>
+                    <details>
+                        <summary>create new substructure</summary>
+                        <CreateContext />
+                    </details>
+
+                    <details>
+                        <summary>add existing context from root</summary>
+                        <AddExistingContext parentId={currentId} parentName={currentName} setShowActions={setShowActions} />
+                    </details>
+
                 </ModSection>
                 : <></>
             }

From 4cb44fc691f3963ba06a3b58285420a065020e8f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Robert=20Schn=C3=BCll?= <mail@robertschnuell.de>
Date: Thu, 27 Oct 2022 12:39:43 +0200
Subject: [PATCH 015/714] css linter fixes

---
 pages/explore/AddExistingContext.js | 20 ++++++-----
 pages/explore/actions.js            | 25 ++++++--------
 pages/explore/addAction.js          | 40 ++++++++++++++--------
 pages/explore/createContext.js      | 52 ++---------------------------
 pages/explore/index.js              |  1 +
 pages/explore/infoAction.js         |  4 +--
 pages/explore/removeAction.js       | 23 +++++++------
 pages/explore/settingsAction.js     |  3 +-
 pages/explore/userHandle.js         | 13 ++++----
 9 files changed, 75 insertions(+), 106 deletions(-)

diff --git a/pages/explore/AddExistingContext.js b/pages/explore/AddExistingContext.js
index 53313831..33a902c0 100644
--- a/pages/explore/AddExistingContext.js
+++ b/pages/explore/AddExistingContext.js
@@ -8,15 +8,17 @@ import { useMatrix } from '../../lib/Matrix';
 import ContextMultiLevelSelect from '../../components/ContextMultiLevelSelect';
 
 const AddContextDialog = styled.div`
-    & > * + * {
-        margin-top: var(--margin);
-    }
-    & > select + select {
-        margin-top: calc(var(--margin) * 0.65);
-    }
-    & span {
-        background-color: var(--color-me);
-    }
+  & > * + * {
+    margin-top: var(--margin);
+  }
+
+  & > select + select {
+    margin-top: calc(var(--margin) * 0.65);
+  }
+
+  & span {
+    background-color: var(--color-me);
+  }
 `;
 
 /**
diff --git a/pages/explore/actions.js b/pages/explore/actions.js
index ddc353bd..4038caec 100644
--- a/pages/explore/actions.js
+++ b/pages/explore/actions.js
@@ -11,41 +11,38 @@ import AddAction from './addAction';
 import RemoveAction from './removeAction';
 
 const ActionsSection = styled.details`
-  &  {
+  & {
     margin-bottom: var(--margin);
-    
   }
+
   & > summary {
-    background-color: var(--color-fg);
-    color: var(--color-bg);
     width: 50px;
     height: 35px;
-    list-style: none;
+    font-weight: bold;
+    color: var(--color-bg);
     text-align: center;
-    font-weight:bold;
+    list-style: none;
+    background-color: var(--color-fg);
   }
 
   & > div > button {
-    margin-bottom: var(--margin);
+    width: 50px;
     margin-top: var(--margin);
     margin-right: var(--margin);
-    width: 50px;
-
+    margin-bottom: var(--margin);
   }
 
 `;
 
 const ButtonsSection = styled.div`
-  &  {
+  & {
     margin-bottom: var(--margin);
-
   }
 `;
 
 const MenuSection = styled.div`
-  &  {
+  & {
     margin-bottom: var(--margin);
-
   }
 `;
 
@@ -183,7 +180,7 @@ const Actions = ({ currentId, parentId, popActiveContexts }) => {
             };
         });
         members.institutions = _.uniq(_.map(members.list, member => member?.id.split(':')[1]));
-        //  insitutions just holds the names of the matrix homeservers which the joined members orignated from.
+        //  institutions just holds the names of the matrix homeservers which the joined members orignated from.
         //  will become more relevant in the future if federatable networks will be implemented. for now its just an non interactive list of strings
         setRoomMembers(members);
     };
diff --git a/pages/explore/addAction.js b/pages/explore/addAction.js
index 884fbfb7..2f45e94e 100644
--- a/pages/explore/addAction.js
+++ b/pages/explore/addAction.js
@@ -10,25 +10,39 @@ import TemplateSelect from './templateSelect';
 import AddExistingContext from './AddExistingContext';
 
 const ModSection = styled.div`
-    &  {
-        margin-bottom: var(--margin);
-    }
-    & > button {
-        margin-bottom: var(--margin);
-    }
+  & {
+    margin-bottom: var(--margin);
+  }
+
+  & > button {
+    margin-bottom: var(--margin);
+  }
 `;
 
 const UserSection = styled.div`
-    &  {
-        margin-bottom: var(--margin);
-    }
+  & {
+    margin-bottom: var(--margin);
+  }
 
-    & > button {
-        margin-bottom: var(--margin);
-    }
+  & > button {
+    margin-bottom: var(--margin);
+  }
 `;
 
-const AddAction = ({ currentId, userInfos, mod, currentName,setShowActions }) => {
+/**
+ * ACTIONS COMPONENT
+ * ------------------
+ *
+ * @param {String} currentId — the Id of the current observed Room
+ * @param {String} parentId — the Id of the parent of the currently observed Room. Matrix background: parentId lists currentId as an m.space.child stateevent. currentId got no information about the parentId.
+ * @param {function} popActiveContexts – deletes the latest Element of the Contexts Multi Level Select Stack. Needed for the remove action.
+ *
+ * @TODO
+ * - add item function with integration of existing application spaces, like write.
+ * - add joined contexts
+*/
+
+const AddAction = ({ currentId, userInfos, mod, currentName, setShowActions }) => {
     const auth = useAuth();
     const matrix = auth.getAuthenticationProvider('matrix');
     const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
diff --git a/pages/explore/createContext.js b/pages/explore/createContext.js
index ff0e98bd..1c7476e4 100644
--- a/pages/explore/createContext.js
+++ b/pages/explore/createContext.js
@@ -17,56 +17,10 @@ const CreateContext = ({ currentId }) => {
     const matrix = auth.getAuthenticationProvider('matrix');
     const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
 
-
-    useEffect(() => { // basic input validation for the input fields to create a new substructure
-        if (createNew.name === '' || createNew?.name.length < 4) {
-            createNew.interfaceError = 'name too short';
-            return;
-        } else {
-            createNew.interfaceError = '';
-        }
-
-        if (createNew.template === '' || createNew?.template.length < 4) {
-            createNew.interfaceError = 'template name too short';
-            return;
-        } else {
-            createNew.interfaceError = '';
-        }
-    }, [createNew]);
-
-    const createContext = (e) => {
-        e.preventDefault();
-        if (currentId.length > 10 && currentId.charAt(0) === '!' && currentId.includes(':')) { //just some really really basic check if it could be an matrix id
-            setCreateNew({ ...createNew, parent: currentId });
-            console.log('created');
-        } else {
-            createNew.interfaceError = 'something went wrong with the selected matrix Id, please reload';
-        }
-    };
-
     return (
-        <CreateSubstructureSection onClick={() => getTemplatesOfContexts(getConfig().publicRuntimeConfig.templates.context)}> { /* will only load the templates after expanding this view to prevent unnecessary network traffic */ }
-            <summary>create Substructure</summary>
-            <form onSubmit={createContext}>
-                <input type="text" name="name" value={createNew.name} onChange={createNewChangeHandle} required placeholder="name" />
-
-                <details>
-                    <summary>advanced</summary>
-                    <select>
-                        <option value="" disabled selected>visibilty</option>
-                    </select>
-                    <select>
-                        <option value="" disabled selected>join rules</option>
-                    </select>
-                    <select>
-                        <option value="" disabled selected>member participation presets</option>
-                    </select>
-                </details>
-
-                { createNew.interfaceError && <p>‼️ { createNew.interfaceError }</p> } { /* Showing the current Error to the user if some input validation failed */ }
-                <button disabled={createNew.interfaceError} type="submit">create</button>
-            </form>
-        </CreateSubstructureSection>
+        <>
+       hello :)
+        </>
 
     );
 };
diff --git a/pages/explore/index.js b/pages/explore/index.js
index 3d19f5a5..9fbbc206 100644
--- a/pages/explore/index.js
+++ b/pages/explore/index.js
@@ -11,6 +11,7 @@ const ExploreSection = styled.div`
   & > * + * {
     margin-top: var(--margin);
   }
+
   & > select + select {
     margin-top: calc(var(--margin) * 0.65);
   }
diff --git a/pages/explore/infoAction.js b/pages/explore/infoAction.js
index c14bc318..94152bdd 100644
--- a/pages/explore/infoAction.js
+++ b/pages/explore/infoAction.js
@@ -8,12 +8,10 @@ import { useMatrix } from '../../lib/Matrix';
 import UserHandle from './userHandle';
 
 const InfoSection = styled.div`
-  &  {
+  & {
     margin-bottom: var(--margin);
-
   }
 
- 
 `;
 
 /**
diff --git a/pages/explore/removeAction.js b/pages/explore/removeAction.js
index 0adc5640..cf048688 100644
--- a/pages/explore/removeAction.js
+++ b/pages/explore/removeAction.js
@@ -9,18 +9,19 @@ import CreateContext from './createContext';
 import TemplateSelect from './templateSelect';
 
 const RemoveSection = styled.div`
-    &  {
-        margin-bottom: var(--margin);
-    }
-    & > button {
-        margin-bottom: var(--margin);
-        margin-right: var(--margin);
-        width:150px;
-    }
+  & {
+    margin-bottom: var(--margin);
+  }
 
-    &  span:first-of-type {
-        background-color: var(--color-hi);
-    }
+  & > button {
+    width: 150px;
+    margin-right: var(--margin);
+    margin-bottom: var(--margin);
+  }
+
+  & span:first-of-type {
+    background-color: var(--color-hi);
+  }
 `;
 
 /**
diff --git a/pages/explore/settingsAction.js b/pages/explore/settingsAction.js
index ba8accc2..32647a51 100644
--- a/pages/explore/settingsAction.js
+++ b/pages/explore/settingsAction.js
@@ -13,7 +13,8 @@ const SettingsSection = styled.div`
     margin-bottom: var(--margin);
   }
 
-  &  input, select {
+  & input,
+  select {
     margin-bottom: var(--margin);
   }
 `;
diff --git a/pages/explore/userHandle.js b/pages/explore/userHandle.js
index d5457de9..29b82a72 100644
--- a/pages/explore/userHandle.js
+++ b/pages/explore/userHandle.js
@@ -2,12 +2,13 @@ import React, { useCallback, useEffect, useState } from 'react';
 import styled from 'styled-components';
 
 const User = styled.div`
-    &  {
-        margin-bottom: var(--margin);
-    }
-    & > button {
-        margin-bottom: var(--margin);
-    }
+  & {
+    margin-bottom: var(--margin);
+  }
+
+  & > button {
+    margin-bottom: var(--margin);
+  }
 `;
 
 const UserHandle = ({ userId }) => {

From 2db8322f6df068dc026f1c1d0c09373c18dd01e3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Robert=20Schn=C3=BCll?= <mail@robertschnuell.de>
Date: Thu, 27 Oct 2022 12:51:14 +0200
Subject: [PATCH 016/714] Update userHandle.js

---
 pages/explore/userHandle.js | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/pages/explore/userHandle.js b/pages/explore/userHandle.js
index 29b82a72..47c5d167 100644
--- a/pages/explore/userHandle.js
+++ b/pages/explore/userHandle.js
@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect, useState } from 'react';
+import React from 'react';
 import styled from 'styled-components';
 
 const User = styled.div`
@@ -11,15 +11,28 @@ const User = styled.div`
   }
 `;
 
-const UserHandle = ({ userId }) => {
+/**
+ * UserHandle COMPONENT
+ * ------------------
+ *
+ * @param {String} userId — the Id of the current observed Room
+ *
+ * @TODO
+ * - adding user interaction: sending dm. url parameter scheme for /chat needs to be ready before implementing this to forward to that url after sending an invite.
+ * - adding user interaction: invite to… context, but also to application items, needs further disucssion before specify the requirements for an implementation.
+ * - adding user interaction: contextualize…. this should show contexts, items and so on which the current loggedIn user as well as the observed user are both part of.
+*/
 
+const UserHandle = ({ userId }) => {
     return (
         <User>
             <details>
                 <summary>{ userId?.displayname ? userId?.displayname : userId?.id.split(':')[0].substring(1) }</summary> { /* If Displayname is not set fallback to user id  */ }
+                { /*
                 <p><a href={`#${userId?.id}`}>send dm</a></p>
                 <p><a href={`#${userId?.id}`}>invite to…</a></p>
                 <p><a href={`#${userId?.id}`}>contextualize…</a></p>
+                */ }
             </details>
         </User>
     );

From 6e67d7d4f9aeced200047a21bdcd3d17c934759b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Robert=20Schn=C3=BCll?= <mail@robertschnuell.de>
Date: Thu, 27 Oct 2022 13:02:30 +0200
Subject: [PATCH 017/714] restructuring folders

---
 pages/explore/{addAction.js => actions/AddAction.js} | 10 +++++-----
 .../explore/{infoAction.js => actions/InfoAction.js} |  6 +++---
 .../{removeAction.js => actions/RemoveAction.js}     |  8 ++++----
 .../{settingsAction.js => actions/SettingsAction.js} |  8 ++++----
 pages/explore/{actions.js => actions/index.js}       | 12 ++++++------
 pages/explore/{ => actions}/settingPresets.js        |  0
 pages/explore/userHandle.js                          |  2 ++
 7 files changed, 24 insertions(+), 22 deletions(-)
 rename pages/explore/{addAction.js => actions/AddAction.js} (89%)
 rename pages/explore/{infoAction.js => actions/InfoAction.js} (97%)
 rename pages/explore/{removeAction.js => actions/RemoveAction.js} (92%)
 rename pages/explore/{settingsAction.js => actions/SettingsAction.js} (97%)
 rename pages/explore/{actions.js => actions/index.js} (98%)
 rename pages/explore/{ => actions}/settingPresets.js (100%)

diff --git a/pages/explore/addAction.js b/pages/explore/actions/AddAction.js
similarity index 89%
rename from pages/explore/addAction.js
rename to pages/explore/actions/AddAction.js
index 2f45e94e..5bfc4529 100644
--- a/pages/explore/addAction.js
+++ b/pages/explore/actions/AddAction.js
@@ -3,11 +3,11 @@ import styled from 'styled-components';
 import getConfig from 'next/config';
 import _ from 'lodash';
 
-import { useAuth } from '../../lib/Auth';
-import { useMatrix } from '../../lib/Matrix';
-import CreateContext from './createContext';
-import TemplateSelect from './templateSelect';
-import AddExistingContext from './AddExistingContext';
+import { useAuth } from '../../../lib/Auth';
+import { useMatrix } from '../../../lib/Matrix';
+import CreateContext from '../CreateContext';
+import TemplateSelect from '../TemplateSelect';
+import AddExistingContext from '../AddExistingContext';
 
 const ModSection = styled.div`
   & {
diff --git a/pages/explore/infoAction.js b/pages/explore/actions/InfoAction.js
similarity index 97%
rename from pages/explore/infoAction.js
rename to pages/explore/actions/InfoAction.js
index 94152bdd..f27441e8 100644
--- a/pages/explore/infoAction.js
+++ b/pages/explore/actions/InfoAction.js
@@ -3,9 +3,9 @@ import styled from 'styled-components';
 import getConfig from 'next/config';
 import _ from 'lodash';
 
-import { useAuth } from '../../lib/Auth';
-import { useMatrix } from '../../lib/Matrix';
-import UserHandle from './userHandle';
+import { useAuth } from '../../../lib/Auth';
+import { useMatrix } from '../../../lib/Matrix';
+import UserHandle from '../UserHandle';
 
 const InfoSection = styled.div`
   & {
diff --git a/pages/explore/removeAction.js b/pages/explore/actions/RemoveAction.js
similarity index 92%
rename from pages/explore/removeAction.js
rename to pages/explore/actions/RemoveAction.js
index cf048688..0cc93b4a 100644
--- a/pages/explore/removeAction.js
+++ b/pages/explore/actions/RemoveAction.js
@@ -3,10 +3,10 @@ import styled from 'styled-components';
 import getConfig from 'next/config';
 import _ from 'lodash';
 
-import { useAuth } from '../../lib/Auth';
-import { useMatrix } from '../../lib/Matrix';
-import CreateContext from './createContext';
-import TemplateSelect from './templateSelect';
+import { useAuth } from '../../../lib/Auth';
+import { useMatrix } from '../../../lib/Matrix';
+import CreateContext from '../CreateContext';
+import TemplateSelect from '../TemplateSelect';
 
 const RemoveSection = styled.div`
   & {
diff --git a/pages/explore/settingsAction.js b/pages/explore/actions/SettingsAction.js
similarity index 97%
rename from pages/explore/settingsAction.js
rename to pages/explore/actions/SettingsAction.js
index 32647a51..b7341603 100644
--- a/pages/explore/settingsAction.js
+++ b/pages/explore/actions/SettingsAction.js
@@ -2,10 +2,10 @@ import React, { useEffect, useState } from 'react';
 import styled from 'styled-components';
 import _ from 'lodash';
 
-import TemplateSelect from './templateSelect';
-import UserHandle from './userHandle';
-import { useAuth } from '../../lib/Auth';
-import { useMatrix } from '../../lib/Matrix';
+import TemplateSelect from '../TemplateSelect';
+import UserHandle from '../UserHandle';
+import { useAuth } from '../../../lib/Auth';
+import { useMatrix } from '../../../lib/Matrix';
 import settingsPresets from './settingPresets';
 
 const SettingsSection = styled.div`
diff --git a/pages/explore/actions.js b/pages/explore/actions/index.js
similarity index 98%
rename from pages/explore/actions.js
rename to pages/explore/actions/index.js
index 4038caec..03089517 100644
--- a/pages/explore/actions.js
+++ b/pages/explore/actions/index.js
@@ -3,12 +3,12 @@ import styled from 'styled-components';
 import getConfig from 'next/config';
 import _ from 'lodash';
 
-import { useAuth } from '../../lib/Auth';
-import { useMatrix } from '../../lib/Matrix';
-import SettingsAction from './settingsAction';
-import InfoAction from './infoAction';
-import AddAction from './addAction';
-import RemoveAction from './removeAction';
+import { useAuth } from '../../../lib/Auth';
+import { useMatrix } from '../../../lib/Matrix';
+import SettingsAction from './SettingsAction';
+import InfoAction from './InfoAction';
+import AddAction from './AddAction';
+import RemoveAction from './RemoveAction';
 
 const ActionsSection = styled.details`
   & {
diff --git a/pages/explore/settingPresets.js b/pages/explore/actions/settingPresets.js
similarity index 100%
rename from pages/explore/settingPresets.js
rename to pages/explore/actions/settingPresets.js
diff --git a/pages/explore/userHandle.js b/pages/explore/userHandle.js
index 47c5d167..307e8e83 100644
--- a/pages/explore/userHandle.js
+++ b/pages/explore/userHandle.js
@@ -14,6 +14,8 @@ const User = styled.div`
 /**
  * UserHandle COMPONENT
  * ------------------
+ * This Component should be uses as an global Component for optional user interaction.
+ * It should be used through the whole space application each time a username/ userId is rendered.
  *
  * @param {String} userId — the Id of the current observed Room
  *

From 44e955ad84bde6293479c27c19a2a8e41030fd55 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Robert=20Schn=C3=BCll?= <mail@robertschnuell.de>
Date: Mon, 31 Oct 2022 16:57:42 +0100
Subject: [PATCH 018/714] adding templateSelect component

---
 pages/explore/AdvancedRoomOptions.js          |  57 +++++++
 pages/explore/actions/AddAction.js            |   7 +-
 pages/explore/actions/InfoAction.js           |  21 +--
 pages/explore/actions/SettingsAction.js       |   2 +-
 pages/explore/actions/index.js                |   2 +
 pages/explore/createContext.js                |  29 ++--
 .../{actions/settingPresets.js => presets.js} |   0
 pages/explore/templateSelect.js               | 147 ++++++++++++++----
 pages/explore/userHandle.js                   |   6 +-
 9 files changed, 223 insertions(+), 48 deletions(-)
 create mode 100644 pages/explore/AdvancedRoomOptions.js
 rename pages/explore/{actions/settingPresets.js => presets.js} (100%)

diff --git a/pages/explore/AdvancedRoomOptions.js b/pages/explore/AdvancedRoomOptions.js
new file mode 100644
index 00000000..269dc4fa
--- /dev/null
+++ b/pages/explore/AdvancedRoomOptions.js
@@ -0,0 +1,57 @@
+import React, { useCallback, useEffect, useState } from 'react';
+import styled from 'styled-components';
+import getConfig from 'next/config';
+import _ from 'lodash';
+
+import { useAuth } from '../../lib/Auth';
+import { useMatrix } from '../../lib/Matrix';
+
+import TemplateSelect from './TemplateSelect';
+
+/**
+ * ADVANCED ROOM MODERATE OPTIONS COMPONENT
+ * ------------------
+ *
+ * @param {String} currentId – x
+ * @param {String} currentOptions – x
+ * @param {String} userInfos – x
+ * @param {String} powerLevels – x
+ * @param {String} presets – x
+ *
+ * This component is used in the 'settings' action component as well as in the 'create context' component.
+ * 
+ * @TODO
+ * - in the future more advanced options will be added which are not matrix specification based. as example adding of temporal or allocation data, both part of the 'dev.medienhaus' custom state events
+*/
+
+
+const AdvancedRoomOptions = ({ currentId, currentOptions, powerLevels, presets }) => {
+    const auth = useAuth();
+    const matrix = auth.getAuthenticationProvider('matrix');
+    const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
+
+    return (
+    <>
+            <select>
+                        <option value="" disabled selected>visibilty</option>
+                        { _.map(presets?.allowedHistoryVisibility, option => {
+                            return <option value={option?.name}>{ option?.display } — { option?.description }</option>;
+                        }) }
+                    </select>
+                    <select>
+                        <option value="" disabled selected>join rules</option>
+                        { _.map(presets?.allowedJoinRules, option => {
+                            return <option value={option?.name}>{ option?.display } — { option?.description }</option>;
+                        }) }
+                    </select>
+                    <select>
+                        <option value="" disabled selected>member participation presets</option>
+                        { _.map(presets?.allowedPowerLevelPresets, option => {
+                            return <option value={option?.name}>{ option?.display } — { option?.description }</option>;
+                        }) }
+                    </select>
+    </>
+    );
+};
+
+export default AdvancedRoomOptions;
diff --git a/pages/explore/actions/AddAction.js b/pages/explore/actions/AddAction.js
index 5bfc4529..369cc462 100644
--- a/pages/explore/actions/AddAction.js
+++ b/pages/explore/actions/AddAction.js
@@ -57,7 +57,7 @@ const AddAction = ({ currentId, userInfos, mod, currentName, setShowActions }) =
                 <ModSection>
                     <details>
                         <summary>create new substructure</summary>
-                        <CreateContext />
+                        <CreateContext userInfos={userInfos} />
                     </details>
 
                     <details>
@@ -65,6 +65,11 @@ const AddAction = ({ currentId, userInfos, mod, currentName, setShowActions }) =
                         <AddExistingContext parentId={currentId} parentName={currentName} setShowActions={setShowActions} />
                     </details>
 
+                    <details>
+                        <summary>add existing item from application</summary>
+                        <></>
+                    </details>
+
                 </ModSection>
                 : <></>
             }
diff --git a/pages/explore/actions/InfoAction.js b/pages/explore/actions/InfoAction.js
index f27441e8..e03ee8e9 100644
--- a/pages/explore/actions/InfoAction.js
+++ b/pages/explore/actions/InfoAction.js
@@ -15,8 +15,10 @@ const InfoSection = styled.div`
 `;
 
 /**
- * @TODO:
- * - adding routes for user interaction more -> members -> username
+ * INFO ACTION COMPONENT
+ * ------------------
+ * @TODO
+ * - adding routes for user interaction 'more' -> 'members' -> 'username'; now been done in the UserHandle Component
  * - searching for referenced in sync cached rooms (fast)
  * - searching for referenced in root tree (slow)
 */
@@ -100,7 +102,7 @@ const InfoAction = ({
                         <dd>{ meta?.template }</dd>
                     </dl>
                 </details>
-                <details onClick={members?.list?.length > 0 ? undefined : getMembers}>
+                <details onClick={members?.list?.length > 0 ? undefined : getMembers}> {/* check first if members are already fetched once to prevent unessesary calls    */}
                     <summary>Institutions</summary>
                     <ul>
                         { _.map(members?.institutions, (institution, key) => {
@@ -129,15 +131,16 @@ const InfoAction = ({
                         }
                     </ul>
                 </details>
-                <details>
-                    <summary>Referenced</summary>
-                    …
-                </details>
-
+                {/*
+                    <details>
+                        <summary>Referenced</summary>
+                        …
+                    </details>
+                */}
             </details>
         </InfoSection>
 
     );
 };
 
-export default InfoAction;
+export default InfoAction;
\ No newline at end of file
diff --git a/pages/explore/actions/SettingsAction.js b/pages/explore/actions/SettingsAction.js
index b7341603..7b192dae 100644
--- a/pages/explore/actions/SettingsAction.js
+++ b/pages/explore/actions/SettingsAction.js
@@ -6,7 +6,7 @@ import TemplateSelect from '../TemplateSelect';
 import UserHandle from '../UserHandle';
 import { useAuth } from '../../../lib/Auth';
 import { useMatrix } from '../../../lib/Matrix';
-import settingsPresets from './settingPresets';
+import settingsPresets from '../presets';
 
 const SettingsSection = styled.div`
   & {
diff --git a/pages/explore/actions/index.js b/pages/explore/actions/index.js
index 03089517..17895464 100644
--- a/pages/explore/actions/index.js
+++ b/pages/explore/actions/index.js
@@ -54,6 +54,8 @@ const MenuSection = styled.div`
  * @param {String} parentId — the Id of the parent of the currently observed Room. Matrix background: parentId lists currentId as an m.space.child stateevent. currentId got no information about the parentId.
  * @param {function} popActiveContexts – deletes the latest Element of the Contexts Multi Level Select Stack. Needed for the remove action.
  *
+ * @TODO
+ * - changing all hardcoded mod rights (50) in all files related to the 'action' component to dynamicly ones. so that it will check what the powerlevel for the intended event to send needs to be, based on the indidual specific room criterial.
 */
 
 const Actions = ({ currentId, parentId, popActiveContexts }) => {
diff --git a/pages/explore/createContext.js b/pages/explore/createContext.js
index 1c7476e4..29ae44c7 100644
--- a/pages/explore/createContext.js
+++ b/pages/explore/createContext.js
@@ -6,21 +6,32 @@ import _ from 'lodash';
 import { useAuth } from '../../lib/Auth';
 import { useMatrix } from '../../lib/Matrix';
 
-const CreateSubstructureSection = styled.details`
-  & {
-    margin-bottom: var(--margin);
-  }
-`;
+import TemplateSelect from './TemplateSelect';
+import AdvancedRoomOptions from './AdvancedRoomOptions'
+import presets from './presets';
 
-const CreateContext = ({ currentId }) => {
+
+const CreateContext = ({ currentId, userInfos }) => {
     const auth = useAuth();
     const matrix = auth.getAuthenticationProvider('matrix');
     const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
 
     return (
-        <>
-       hello :)
-        </>
+        <form>
+            <input type="text" required placeholder='name'></input>
+            <input type="text" placeholder='topic (optional)'></input>
+            <TemplateSelect 
+            currentId={currentId} 
+            userInfos={userInfos} 
+            templateDirectoryId={getConfig().publicRuntimeConfig.templates.context}
+            />
+            <details>
+                <summary>Advanced</summary>
+                <AdvancedRoomOptions presets={presets}/>
+            </details>
+            
+            <button type="submit">create</button>
+        </form>
 
     );
 };
diff --git a/pages/explore/actions/settingPresets.js b/pages/explore/presets.js
similarity index 100%
rename from pages/explore/actions/settingPresets.js
rename to pages/explore/presets.js
diff --git a/pages/explore/templateSelect.js b/pages/explore/templateSelect.js
index 4c1af312..46af9b26 100644
--- a/pages/explore/templateSelect.js
+++ b/pages/explore/templateSelect.js
@@ -1,52 +1,141 @@
 import React, { useCallback, useEffect, useState } from 'react';
 import styled from 'styled-components';
-import getConfig from 'next/config';
 import _ from 'lodash';
 
 import { useAuth } from '../../lib/Auth';
 import { useMatrix } from '../../lib/Matrix';
 
-const TemplateSelect = ({ currentId }) => {
+
+/**
+ * TEMPLATE SELECT COMPONENT
+ * ------------------
+ *
+ * @param {String} currentId — the Id of the current observed Room
+ * @param {String} templateDirectoryId — the Id of the Room to fetch the templates from
+ *
+ * @TODO 
+ * - piping sync functionallity in this component so that the content of the template room will not be requested each time, without any content has changed.
+ * - adding new contents in templateDirectoryRoom
+*/
+
+const TemplateSelect = ({ currentId, templateDirectoryId,userInfos }) => {
     const auth = useAuth();
     const matrix = auth.getAuthenticationProvider('matrix');
     const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
 
-    const [createNew, setCreateNew] = useState({ name: '', template: '', parent: '', interfaceError: '' }); //stores all nessesarry user input from the form
-    const [generateNewTemplate, setGenerateNewTemplate] = useState(false);
+    const [fetchedTemplates, setFetchedTemplates] = useState([]); //hold all of the templates from the templateId in chache 
+
+    const [selectedTemplate,setSelectedTemplate] = useState();
+
+    // States to create a new Template
+    const [createNewDialog,setCreateNewDialog] = useState(false);
+    const [createNewTemplateName,setCreateNewTemplateName] = useState('');
+    const [createNewTemplateErrorMessage,setCreateNewTemplateErrorMessage] = useState('')
 
-    // Logics for the functions of the 'CreateSubstructureSection'
-    // includes some basic input validation and dynamic form adjustments for the template selection
 
-    const [contextTemplates, setContextTemplates] = useState([]);
 
-    async function getTemplatesOfContexts(roomId) { // gets the templates from the
-        if (contextTemplates.length > 0) return;
+
+    useEffect(() => {
+        getTemplatesOfContexts(templateDirectoryId)
+        setCreateNewDialog(false)
+    }, [currentId,setCreateNewDialog]); //fetches all of the templates from the given Id when this Component is instantiated after the selected observed Id changed
+
+
+    const getTemplatesOfContexts = async (roomId) => { // gets the templates from the Id
         const metaEvent = await auth.getAuthenticationProvider('matrix').getMatrixClient().getStateEvent(roomId, 'dev.medienhaus.meta').catch(() => {});
         if ((metaEvent?.template !== 'templates')) return;
         console.log(metaEvent);
-        const roomContent = await (matrix.fetchRoomMessages(roomId, 5));
+        const roomContent = await (matrix.fetchRoomMessages(roomId, 50));
         const templates = _.uniq(roomContent?.chunk.map(entry => entry?.content?.body)).filter(e => e);
-        setContextTemplates(templates);
+        setFetchedTemplates(templates);
     }
 
-    const createNewChangeHandle = (e) => {
-        if (e.target.name === 'template' && e.target.value === '_createNew') {//check if dropdown is selected for new to modify form
-            e.target.value === '_createNew'? setGenerateNewTemplate(true) : setGenerateNewTemplate(false);
-            setCreateNew({ ...createNew, template: '' });
-            return;
-        }
-        if (e.target.name === 'newTemplate') {
-            setCreateNew({ ...createNew, template: e.target.value });
+    const onChangeTemplateSelect = (e) => {
+        if (e.target.value === 'template') return 
+        setSelectedTemplate(e)
+        if(e.target.value === '_createNew')  {
+            setCreateNewDialog(true)
         } else {
-            setCreateNew({ ...createNew, [e.target.name]: e.target.value }); //this is the regular way if no errors occured before
+            setCreateNewDialog(false)
         }
     };
 
+    const onSaveCreateNewTemplate = async () => {
+        /**
+        *   @TODO 
+        *   ✔️ checking if user is member of room
+        *   ✔️ checking if user is allowed to post message in the room otherwise throw error
+        *   ✔️ posting message with new template to the room
+        *   ✔️ return positive response and empty errormesssage if event_id is returned by matrix server
+        *   - generalising this functionallity of 'checking if in room, checking if allowed to post, post message' and adding it to the matrixAuthProvider 
+        *   - some error occured getJoinedRoomMembers is fetched and the user is not part of the room. M_UNKNOWN with 500 returned.
+        */
+
+        const members = await matrixClient.getJoinedRoomMembers(templateDirectoryId)
+   
+        if(!(userInfos?.id in members?.joined)) { //checking if current loggedIn User is already member of the room, if not condition is triggered
+            console.log('not member, trying to join')
+            const joinRequest = await matrixClient.joinRoom(templateDirectoryId)
+            if(joinRequest?.roomId !== templateDirectoryId) { //if not joined successful then throw error
+                setCreateNewTemplateErrorMessage("now allowed to join the template directory room Id")
+                return
+            }
+        }
+
+        //checking rights if allowed to post
+        const powerLevels = await matrixClient.getStateEvent(templateDirectoryId, 'm.room.power_levels').catch(() => {});
+        console.log(powerLevels?.users[userInfos?.id]  )
+        if( ( powerLevels?.users[userInfos?.id] >= powerLevels?.events_default) || powerLevels?.events_default === powerLevels?.users_default ) {
+            //user is allowed to send messages
+            const sendMessage = await matrixClient.sendMessage(templateDirectoryId,{"msgtype":"m.text","body":createNewTemplateName})
+            if(sendMessage?.event_id) { // everything worked out as expected :)  closing create new template dialoge, reset everything and selecting the new option
+                setCreateNewTemplateErrorMessage("")
+                getTemplatesOfContexts(templateDirectoryId)
+                setCreateNewDialog(false)
+                setSelectedTemplate(createNewTemplateName)
+            } else {
+                setCreateNewTemplateErrorMessage("something went wrong")
+            }
+        } else {
+            setCreateNewTemplateErrorMessage("now allowed to submit new templates to the room Id")
+            return
+        }
+  
+
+
+    }
+
+    const onChangeCreateNewTemplate = (e) => {
+        setCreateNewTemplateName(e.target.value)
+        if(e.target.value.length < 4){
+            setCreateNewTemplateErrorMessage("template needs to contain at least 4 character")
+            return
+        } else {
+            setCreateNewTemplateErrorMessage("")
+        }
+        if(fetchedTemplates.includes(e.target.value)) {
+            setCreateNewTemplateErrorMessage("template already exists")
+            return
+        } else {
+            setCreateNewTemplateErrorMessage("")
+        }
+    }
+
+    const changeTemplateInMetaEventOfCurrentId = async () => {
+        /**
+        *   @TODO 
+        *   - checking if user is member of room
+        *   - checking if user is allowed to change the dev.medienhaus.meta stateEvent in the room otherwise throw error
+        */
+    }
+
+
+
     return (
         <>
-            <select name="template" onChange={createNewChangeHandle}>
-                <option value="" disabled selected>Template</option>
-                { contextTemplates.map((template, key) => {
+            <select name="template" value={selectedTemplate} onChange={onChangeTemplateSelect}>
+                <option value="template" disabled selected>Template</option>
+                { fetchedTemplates.map((template, key) => {
                     {/* cycle through all of the collective specified templates stored in a matrix room */}
                     return <option key={key} value={template}>
                         { template }
@@ -54,10 +143,16 @@ const TemplateSelect = ({ currentId }) => {
                 }) }
                 <option value="_createNew">create new…</option> { /* static element for users to create a new template */ }
             </select>
-            { generateNewTemplate && <input type="text" name="newTemplate" value={createNew.template} onChange={createNewChangeHandle} required placeholder="…" /> }{ /* this input is only generated if the dropwdown was selected 'create new…' */ }
+            { createNewDialog && 
+                <>
+                    <input type="text" name="newTemplate" value={createNewTemplateName} onChange={onChangeCreateNewTemplate} required placeholder="…" /> 
+                    <button disabled={createNewTemplateErrorMessage} onClick={onSaveCreateNewTemplate} type='button'>create template</button>
+                </>
+            }{ /* this input is only generated if the dropwdown was selected 'create new…' */ }
+            { (createNewTemplateErrorMessage)  && 
+                <div>‼️ {createNewTemplateErrorMessage}</div> //error message container
+            }
         </>
-
     );
 };
-
 export default TemplateSelect;
diff --git a/pages/explore/userHandle.js b/pages/explore/userHandle.js
index 307e8e83..b98acb19 100644
--- a/pages/explore/userHandle.js
+++ b/pages/explore/userHandle.js
@@ -12,7 +12,7 @@ const User = styled.div`
 `;
 
 /**
- * UserHandle COMPONENT
+ * USERHANDLE COMPONENT
  * ------------------
  * This Component should be uses as an global Component for optional user interaction.
  * It should be used through the whole space application each time a username/ userId is rendered.
@@ -30,7 +30,9 @@ const UserHandle = ({ userId }) => {
         <User>
             <details>
                 <summary>{ userId?.displayname ? userId?.displayname : userId?.id.split(':')[0].substring(1) }</summary> { /* If Displayname is not set fallback to user id  */ }
-                { /*
+                { 
+                <></>
+                /*
                 <p><a href={`#${userId?.id}`}>send dm</a></p>
                 <p><a href={`#${userId?.id}`}>invite to…</a></p>
                 <p><a href={`#${userId?.id}`}>contextualize…</a></p>

From 7a590077eec7daef5ec0d35dede723809c031ccc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Robert=20Schn=C3=BCll?= <mail@robertschnuell.de>
Date: Tue, 1 Nov 2022 16:31:09 +0100
Subject: [PATCH 019/714] fixing tempateSelect Bugs

---
 pages/explore/actions/AddAction.js |  2 +-
 pages/explore/templateSelect.js    | 29 ++++++++++++++++++-----------
 2 files changed, 19 insertions(+), 12 deletions(-)

diff --git a/pages/explore/actions/AddAction.js b/pages/explore/actions/AddAction.js
index 369cc462..72014490 100644
--- a/pages/explore/actions/AddAction.js
+++ b/pages/explore/actions/AddAction.js
@@ -57,7 +57,7 @@ const AddAction = ({ currentId, userInfos, mod, currentName, setShowActions }) =
                 <ModSection>
                     <details>
                         <summary>create new substructure</summary>
-                        <CreateContext userInfos={userInfos} />
+                        <CreateContext currentId={currentId} userInfos={userInfos} />
                     </details>
 
                     <details>
diff --git a/pages/explore/templateSelect.js b/pages/explore/templateSelect.js
index 46af9b26..4160ae78 100644
--- a/pages/explore/templateSelect.js
+++ b/pages/explore/templateSelect.js
@@ -12,13 +12,17 @@ import { useMatrix } from '../../lib/Matrix';
  *
  * @param {String} currentId — the Id of the current observed Room
  * @param {String} templateDirectoryId — the Id of the Room to fetch the templates from
+ * @param {String} userInfos — x
+ * @param {Function} currentTemplate — x
+ * @param {Boolean} updateCurrentId – x
  *
  * @TODO 
  * - piping sync functionallity in this component so that the content of the template room will not be requested each time, without any content has changed.
  * - adding new contents in templateDirectoryRoom
+ * - fixing same bugs to save a new template todo in 'onSaveCreateNewTemplate'
 */
 
-const TemplateSelect = ({ currentId, templateDirectoryId,userInfos }) => {
+const TemplateSelect = ({ currentId, templateDirectoryId, userInfos, currentTemplate   }) => {
     const auth = useAuth();
     const matrix = auth.getAuthenticationProvider('matrix');
     const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
@@ -34,6 +38,17 @@ const TemplateSelect = ({ currentId, templateDirectoryId,userInfos }) => {
 
 
 
+    useEffect(() => {
+        //checking if currentTemplate is a function 
+        if (!currentTemplate) return
+            // checking if 'selectedTemplate' is 
+            if(selectedTemplate !== '_createNew') {
+                currentTemplate(selectedTemplate)
+            } else {
+                currentTemplate('')
+            }
+    }, [selectedTemplate]);
+    
 
     useEffect(() => {
         getTemplatesOfContexts(templateDirectoryId)
@@ -52,7 +67,7 @@ const TemplateSelect = ({ currentId, templateDirectoryId,userInfos }) => {
 
     const onChangeTemplateSelect = (e) => {
         if (e.target.value === 'template') return 
-        setSelectedTemplate(e)
+        setSelectedTemplate(e.target.value)
         if(e.target.value === '_createNew')  {
             setCreateNewDialog(true)
         } else {
@@ -121,14 +136,6 @@ const TemplateSelect = ({ currentId, templateDirectoryId,userInfos }) => {
         }
     }
 
-    const changeTemplateInMetaEventOfCurrentId = async () => {
-        /**
-        *   @TODO 
-        *   - checking if user is member of room
-        *   - checking if user is allowed to change the dev.medienhaus.meta stateEvent in the room otherwise throw error
-        */
-    }
-
 
 
     return (
@@ -141,7 +148,7 @@ const TemplateSelect = ({ currentId, templateDirectoryId,userInfos }) => {
                         { template }
                     </option>;
                 }) }
-                <option value="_createNew">create new…</option> { /* static element for users to create a new template */ }
+                <option key="new" value="_createNew">create new…</option> { /* static element for users to create a new template */ }
             </select>
             { createNewDialog && 
                 <>

From f1fad332c026c33a46266aef663c2be255a414eb Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 11 Jan 2023 16:54:09 +0100
Subject: [PATCH 020/714] remove color variable from merging

---
 components/layouts/_base.js | 2 --
 1 file changed, 2 deletions(-)

diff --git a/components/layouts/_base.js b/components/layouts/_base.js
index 800045ae..4ece060f 100644
--- a/components/layouts/_base.js
+++ b/components/layouts/_base.js
@@ -13,8 +13,6 @@ const Wrapper = styled.div`
   height: 100vh;
   overflow: ${props => props.navigationopen ? 'hidden' : 'unset'};
 
-  --color-background-sidebar: rgb(240 240 240);
-
   @media ${breakpoints.tabletAndAbove} {
     display: grid;
     grid-template-rows: min-content 1fr min-content;

From 0c2a1aa38611d0886cbe010379e1f30d14e2db41 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 25 Jan 2023 14:25:00 +0100
Subject: [PATCH 021/714] update matrix-js-sdk

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

diff --git a/package.json b/package.json
index 796663ae..f90dbdf7 100644
--- a/package.json
+++ b/package.json
@@ -12,7 +12,7 @@
     "i18next-browser-languagedetector": "^6.1.4",
     "i18next-resources-to-backend": "^1.0.0",
     "lodash": "^4.17.21",
-    "matrix-js-sdk": "^16.0.0",
+    "matrix-js-sdk": "^23.1.1",
     "next": "^12.1.0",
     "normalize.css": "^8.0.1",
     "react": "^17.0.2",

From b14be56bb52e2276f66b17afc5d292c568e75dbf Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 25 Jan 2023 17:17:28 +0100
Subject: [PATCH 022/714] revert back to js sdk 16 because of problems with new
 version

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

diff --git a/package.json b/package.json
index f90dbdf7..796663ae 100644
--- a/package.json
+++ b/package.json
@@ -12,7 +12,7 @@
     "i18next-browser-languagedetector": "^6.1.4",
     "i18next-resources-to-backend": "^1.0.0",
     "lodash": "^4.17.21",
-    "matrix-js-sdk": "^23.1.1",
+    "matrix-js-sdk": "^16.0.0",
     "next": "^12.1.0",
     "normalize.css": "^8.0.1",
     "react": "^17.0.2",

From 5c53aaa7cad7322b65669ac727de174f83a76fba Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Fri, 27 Jan 2023 18:21:24 +0100
Subject: [PATCH 023/714] add d3js

---
 package-lock.json | 706 +++++++++++++++++++++++++++++++++++++++++++++-
 package.json      |   3 +-
 2 files changed, 705 insertions(+), 4 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 034e5668..82fe63b7 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -6,6 +6,7 @@
     "": {
       "name": "medienhaus-frontend",
       "dependencies": {
+        "d3": "^7.8.2",
         "i18next": "^21.6.14",
         "i18next-browser-languagedetector": "^6.1.4",
         "i18next-resources-to-backend": "^1.0.0",
@@ -1705,7 +1706,6 @@
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz",
       "integrity": "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==",
-      "dev": true,
       "engines": {
         "node": ">= 10"
       }
@@ -1871,6 +1871,376 @@
         "node": ">=8.0.0"
       }
     },
+    "node_modules/d3": {
+      "version": "7.8.2",
+      "resolved": "https://registry.npmjs.org/d3/-/d3-7.8.2.tgz",
+      "integrity": "sha512-WXty7qOGSHb7HR7CfOzwN1Gw04MUOzN8qh9ZUsvwycIMb4DYMpY9xczZ6jUorGtO6bR9BPMPaueIKwiDxu9uiQ==",
+      "dependencies": {
+        "d3-array": "3",
+        "d3-axis": "3",
+        "d3-brush": "3",
+        "d3-chord": "3",
+        "d3-color": "3",
+        "d3-contour": "4",
+        "d3-delaunay": "6",
+        "d3-dispatch": "3",
+        "d3-drag": "3",
+        "d3-dsv": "3",
+        "d3-ease": "3",
+        "d3-fetch": "3",
+        "d3-force": "3",
+        "d3-format": "3",
+        "d3-geo": "3",
+        "d3-hierarchy": "3",
+        "d3-interpolate": "3",
+        "d3-path": "3",
+        "d3-polygon": "3",
+        "d3-quadtree": "3",
+        "d3-random": "3",
+        "d3-scale": "4",
+        "d3-scale-chromatic": "3",
+        "d3-selection": "3",
+        "d3-shape": "3",
+        "d3-time": "3",
+        "d3-time-format": "4",
+        "d3-timer": "3",
+        "d3-transition": "3",
+        "d3-zoom": "3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-array": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/d3-array/-/d3-array-3.2.2.tgz",
+      "integrity": "sha512-yEEyEAbDrF8C6Ob2myOBLjwBLck1Z89jMGFee0oPsn95GqjerpaOA4ch+vc2l0FNFFwMD5N7OCSEN5eAlsUbgQ==",
+      "dependencies": {
+        "internmap": "1 - 2"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-axis": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/d3-axis/-/d3-axis-3.0.0.tgz",
+      "integrity": "sha512-IH5tgjV4jE/GhHkRV0HiVYPDtvfjHQlQfJHs0usq7M30XcSBvOotpmH1IgkcXsO/5gEQZD43B//fc7SRT5S+xw==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-brush": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/d3-brush/-/d3-brush-3.0.0.tgz",
+      "integrity": "sha512-ALnjWlVYkXsVIGlOsuWH1+3udkYFI48Ljihfnh8FZPF2QS9o+PzGLBslO0PjzVoHLZ2KCVgAM8NVkXPJB2aNnQ==",
+      "dependencies": {
+        "d3-dispatch": "1 - 3",
+        "d3-drag": "2 - 3",
+        "d3-interpolate": "1 - 3",
+        "d3-selection": "3",
+        "d3-transition": "3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-chord": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-chord/-/d3-chord-3.0.1.tgz",
+      "integrity": "sha512-VE5S6TNa+j8msksl7HwjxMHDM2yNK3XCkusIlpX5kwauBfXuyLAtNg9jCp/iHH61tgI4sb6R/EIMWCqEIdjT/g==",
+      "dependencies": {
+        "d3-path": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-color": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-color/-/d3-color-3.1.0.tgz",
+      "integrity": "sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-contour": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/d3-contour/-/d3-contour-4.0.2.tgz",
+      "integrity": "sha512-4EzFTRIikzs47RGmdxbeUvLWtGedDUNkTcmzoeyg4sP/dvCexO47AaQL7VKy/gul85TOxw+IBgA8US2xwbToNA==",
+      "dependencies": {
+        "d3-array": "^3.2.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-delaunay": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/d3-delaunay/-/d3-delaunay-6.0.2.tgz",
+      "integrity": "sha512-IMLNldruDQScrcfT+MWnazhHbDJhcRJyOEBAJfwQnHle1RPh6WDuLvxNArUju2VSMSUuKlY5BGHRJ2cYyoFLQQ==",
+      "dependencies": {
+        "delaunator": "5"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-dispatch": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-dispatch/-/d3-dispatch-3.0.1.tgz",
+      "integrity": "sha512-rzUyPU/S7rwUflMyLc1ETDeBj0NRuHKKAcvukozwhshr6g6c5d8zh4c2gQjY2bZ0dXeGLWc1PF174P2tVvKhfg==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-drag": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/d3-drag/-/d3-drag-3.0.0.tgz",
+      "integrity": "sha512-pWbUJLdETVA8lQNJecMxoXfH6x+mO2UQo8rSmZ+QqxcbyA3hfeprFgIT//HW2nlHChWeIIMwS2Fq+gEARkhTkg==",
+      "dependencies": {
+        "d3-dispatch": "1 - 3",
+        "d3-selection": "3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-dsv": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-dsv/-/d3-dsv-3.0.1.tgz",
+      "integrity": "sha512-UG6OvdI5afDIFP9w4G0mNq50dSOsXHJaRE8arAS5o9ApWnIElp8GZw1Dun8vP8OyHOZ/QJUKUJwxiiCCnUwm+Q==",
+      "dependencies": {
+        "commander": "7",
+        "iconv-lite": "0.6",
+        "rw": "1"
+      },
+      "bin": {
+        "csv2json": "bin/dsv2json.js",
+        "csv2tsv": "bin/dsv2dsv.js",
+        "dsv2dsv": "bin/dsv2dsv.js",
+        "dsv2json": "bin/dsv2json.js",
+        "json2csv": "bin/json2dsv.js",
+        "json2dsv": "bin/json2dsv.js",
+        "json2tsv": "bin/json2dsv.js",
+        "tsv2csv": "bin/dsv2dsv.js",
+        "tsv2json": "bin/dsv2json.js"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-ease": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-ease/-/d3-ease-3.0.1.tgz",
+      "integrity": "sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-fetch": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-fetch/-/d3-fetch-3.0.1.tgz",
+      "integrity": "sha512-kpkQIM20n3oLVBKGg6oHrUchHM3xODkTzjMoj7aWQFq5QEM+R6E4WkzT5+tojDY7yjez8KgCBRoj4aEr99Fdqw==",
+      "dependencies": {
+        "d3-dsv": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-force": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/d3-force/-/d3-force-3.0.0.tgz",
+      "integrity": "sha512-zxV/SsA+U4yte8051P4ECydjD/S+qeYtnaIyAs9tgHCqfguma/aAQDjo85A9Z6EKhBirHRJHXIgJUlffT4wdLg==",
+      "dependencies": {
+        "d3-dispatch": "1 - 3",
+        "d3-quadtree": "1 - 3",
+        "d3-timer": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-format": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-format/-/d3-format-3.1.0.tgz",
+      "integrity": "sha512-YyUI6AEuY/Wpt8KWLgZHsIU86atmikuoOmCfommt0LYHiQSPjvX2AcFc38PX0CBpr2RCyZhjex+NS/LPOv6YqA==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-geo": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-geo/-/d3-geo-3.1.0.tgz",
+      "integrity": "sha512-JEo5HxXDdDYXCaWdwLRt79y7giK8SbhZJbFWXqbRTolCHFI5jRqteLzCsq51NKbUoX0PjBVSohxrx+NoOUujYA==",
+      "dependencies": {
+        "d3-array": "2.5.0 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-hierarchy": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/d3-hierarchy/-/d3-hierarchy-3.1.2.tgz",
+      "integrity": "sha512-FX/9frcub54beBdugHjDCdikxThEqjnR93Qt7PvQTOHxyiNCAlvMrHhclk3cD5VeAaq9fxmfRp+CnWw9rEMBuA==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-interpolate": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-interpolate/-/d3-interpolate-3.0.1.tgz",
+      "integrity": "sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==",
+      "dependencies": {
+        "d3-color": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-path": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-path/-/d3-path-3.1.0.tgz",
+      "integrity": "sha512-p3KP5HCf/bvjBSSKuXid6Zqijx7wIfNW+J/maPs+iwR35at5JCbLUT0LzF1cnjbCHWhqzQTIN2Jpe8pRebIEFQ==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-polygon": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-polygon/-/d3-polygon-3.0.1.tgz",
+      "integrity": "sha512-3vbA7vXYwfe1SYhED++fPUQlWSYTTGmFmQiany/gdbiWgU/iEyQzyymwL9SkJjFFuCS4902BSzewVGsHHmHtXg==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-quadtree": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-quadtree/-/d3-quadtree-3.0.1.tgz",
+      "integrity": "sha512-04xDrxQTDTCFwP5H6hRhsRcb9xxv2RzkcsygFzmkSIOJy3PeRJP7sNk3VRIbKXcog561P9oU0/rVH6vDROAgUw==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-random": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-random/-/d3-random-3.0.1.tgz",
+      "integrity": "sha512-FXMe9GfxTxqd5D6jFsQ+DJ8BJS4E/fT5mqqdjovykEB2oFbTMDVdg1MGFxfQW+FBOGoB++k8swBrgwSHT1cUXQ==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-scale": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/d3-scale/-/d3-scale-4.0.2.tgz",
+      "integrity": "sha512-GZW464g1SH7ag3Y7hXjf8RoUuAFIqklOAq3MRl4OaWabTFJY9PN/E1YklhXLh+OQ3fM9yS2nOkCoS+WLZ6kvxQ==",
+      "dependencies": {
+        "d3-array": "2.10.0 - 3",
+        "d3-format": "1 - 3",
+        "d3-interpolate": "1.2.0 - 3",
+        "d3-time": "2.1.1 - 3",
+        "d3-time-format": "2 - 4"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-scale-chromatic": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/d3-scale-chromatic/-/d3-scale-chromatic-3.0.0.tgz",
+      "integrity": "sha512-Lx9thtxAKrO2Pq6OO2Ua474opeziKr279P/TKZsMAhYyNDD3EnCffdbgeSYN5O7m2ByQsxtuP2CSDczNUIZ22g==",
+      "dependencies": {
+        "d3-color": "1 - 3",
+        "d3-interpolate": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-selection": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/d3-selection/-/d3-selection-3.0.0.tgz",
+      "integrity": "sha512-fmTRWbNMmsmWq6xJV8D19U/gw/bwrHfNXxrIN+HfZgnzqTHp9jOmKMhsTUjXOJnZOdZY9Q28y4yebKzqDKlxlQ==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-shape": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/d3-shape/-/d3-shape-3.2.0.tgz",
+      "integrity": "sha512-SaLBuwGm3MOViRq2ABk3eLoxwZELpH6zhl3FbAoJ7Vm1gofKx6El1Ib5z23NUEhF9AsGl7y+dzLe5Cw2AArGTA==",
+      "dependencies": {
+        "d3-path": "^3.1.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-time": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-time/-/d3-time-3.1.0.tgz",
+      "integrity": "sha512-VqKjzBLejbSMT4IgbmVgDjpkYrNWUYJnbCGo874u7MMKIWsILRX+OpX/gTk8MqjpT1A/c6HY2dCA77ZN0lkQ2Q==",
+      "dependencies": {
+        "d3-array": "2 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-time-format": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/d3-time-format/-/d3-time-format-4.1.0.tgz",
+      "integrity": "sha512-dJxPBlzC7NugB2PDLwo9Q8JiTR3M3e4/XANkreKSUxF8vvXKqm1Yfq4Q5dl8budlunRVlUUaDUgFt7eA8D6NLg==",
+      "dependencies": {
+        "d3-time": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-timer": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-timer/-/d3-timer-3.0.1.tgz",
+      "integrity": "sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-transition": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-transition/-/d3-transition-3.0.1.tgz",
+      "integrity": "sha512-ApKvfjsSR6tg06xrL434C0WydLr7JewBB3V+/39RMHsaXTOG0zmt/OAXeng5M5LBm0ojmxJrpomQVZ1aPvBL4w==",
+      "dependencies": {
+        "d3-color": "1 - 3",
+        "d3-dispatch": "1 - 3",
+        "d3-ease": "1 - 3",
+        "d3-interpolate": "1 - 3",
+        "d3-timer": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "peerDependencies": {
+        "d3-selection": "2 - 3"
+      }
+    },
+    "node_modules/d3-zoom": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/d3-zoom/-/d3-zoom-3.0.0.tgz",
+      "integrity": "sha512-b8AmV3kfQaqWAuacbPuNbL6vahnOJflOhexLzMMNLga62+/nh0JzvJ0aO/5a5MVgUFGS7Hu1P9P03o3fJkDCyw==",
+      "dependencies": {
+        "d3-dispatch": "1 - 3",
+        "d3-drag": "2 - 3",
+        "d3-interpolate": "1 - 3",
+        "d3-selection": "2 - 3",
+        "d3-transition": "2 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/damerau-levenshtein": {
       "version": "1.0.8",
       "resolved": "https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz",
@@ -1957,6 +2327,14 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/delaunator": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/delaunator/-/delaunator-5.0.0.tgz",
+      "integrity": "sha512-AyLvtyJdbv/U1GkiS6gUUzclRoAY4Gs75qkMygJJhU75LW4DNuSF2RMzpxs9jw9Oz1BobHjTdkG3zdP55VxAqw==",
+      "dependencies": {
+        "robust-predicates": "^3.0.0"
+      }
+    },
     "node_modules/delayed-stream": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
@@ -3293,6 +3671,17 @@
         "regenerator-runtime": "^0.13.4"
       }
     },
+    "node_modules/iconv-lite": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
+      "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/ignore": {
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.0.tgz",
@@ -3381,6 +3770,14 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/internmap": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/internmap/-/internmap-2.0.3.tgz",
+      "integrity": "sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/is-arrayish": {
       "version": "0.2.1",
       "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
@@ -5021,6 +5418,11 @@
         "url": "https://github.com/sponsors/isaacs"
       }
     },
+    "node_modules/robust-predicates": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/robust-predicates/-/robust-predicates-3.0.1.tgz",
+      "integrity": "sha512-ndEIpszUHiG4HtDsQLeIuMvRsDnn8c8rYStabochtUeCvfuvNptb5TUbVD68LRAILPX7p9nqQGh4xJgn3EHS/g=="
+    },
     "node_modules/run-parallel": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
@@ -5044,6 +5446,11 @@
         "queue-microtask": "^1.2.2"
       }
     },
+    "node_modules/rw": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/rw/-/rw-1.3.3.tgz",
+      "integrity": "sha512-PdhdWy89SiZogBLaw42zdeqtRJ//zFd2PgQavcICDUgJT5oW10QCRKbJ6bg4r0/UY2M6BWd5tkxuGFRvCkgfHQ=="
+    },
     "node_modules/safe-buffer": {
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
@@ -7552,8 +7959,7 @@
     "commander": {
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz",
-      "integrity": "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==",
-      "dev": true
+      "integrity": "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw=="
     },
     "concat-map": {
       "version": "0.0.1",
@@ -7675,6 +8081,269 @@
         "css-tree": "^1.1.2"
       }
     },
+    "d3": {
+      "version": "7.8.2",
+      "resolved": "https://registry.npmjs.org/d3/-/d3-7.8.2.tgz",
+      "integrity": "sha512-WXty7qOGSHb7HR7CfOzwN1Gw04MUOzN8qh9ZUsvwycIMb4DYMpY9xczZ6jUorGtO6bR9BPMPaueIKwiDxu9uiQ==",
+      "requires": {
+        "d3-array": "3",
+        "d3-axis": "3",
+        "d3-brush": "3",
+        "d3-chord": "3",
+        "d3-color": "3",
+        "d3-contour": "4",
+        "d3-delaunay": "6",
+        "d3-dispatch": "3",
+        "d3-drag": "3",
+        "d3-dsv": "3",
+        "d3-ease": "3",
+        "d3-fetch": "3",
+        "d3-force": "3",
+        "d3-format": "3",
+        "d3-geo": "3",
+        "d3-hierarchy": "3",
+        "d3-interpolate": "3",
+        "d3-path": "3",
+        "d3-polygon": "3",
+        "d3-quadtree": "3",
+        "d3-random": "3",
+        "d3-scale": "4",
+        "d3-scale-chromatic": "3",
+        "d3-selection": "3",
+        "d3-shape": "3",
+        "d3-time": "3",
+        "d3-time-format": "4",
+        "d3-timer": "3",
+        "d3-transition": "3",
+        "d3-zoom": "3"
+      }
+    },
+    "d3-array": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/d3-array/-/d3-array-3.2.2.tgz",
+      "integrity": "sha512-yEEyEAbDrF8C6Ob2myOBLjwBLck1Z89jMGFee0oPsn95GqjerpaOA4ch+vc2l0FNFFwMD5N7OCSEN5eAlsUbgQ==",
+      "requires": {
+        "internmap": "1 - 2"
+      }
+    },
+    "d3-axis": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/d3-axis/-/d3-axis-3.0.0.tgz",
+      "integrity": "sha512-IH5tgjV4jE/GhHkRV0HiVYPDtvfjHQlQfJHs0usq7M30XcSBvOotpmH1IgkcXsO/5gEQZD43B//fc7SRT5S+xw=="
+    },
+    "d3-brush": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/d3-brush/-/d3-brush-3.0.0.tgz",
+      "integrity": "sha512-ALnjWlVYkXsVIGlOsuWH1+3udkYFI48Ljihfnh8FZPF2QS9o+PzGLBslO0PjzVoHLZ2KCVgAM8NVkXPJB2aNnQ==",
+      "requires": {
+        "d3-dispatch": "1 - 3",
+        "d3-drag": "2 - 3",
+        "d3-interpolate": "1 - 3",
+        "d3-selection": "3",
+        "d3-transition": "3"
+      }
+    },
+    "d3-chord": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-chord/-/d3-chord-3.0.1.tgz",
+      "integrity": "sha512-VE5S6TNa+j8msksl7HwjxMHDM2yNK3XCkusIlpX5kwauBfXuyLAtNg9jCp/iHH61tgI4sb6R/EIMWCqEIdjT/g==",
+      "requires": {
+        "d3-path": "1 - 3"
+      }
+    },
+    "d3-color": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-color/-/d3-color-3.1.0.tgz",
+      "integrity": "sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA=="
+    },
+    "d3-contour": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/d3-contour/-/d3-contour-4.0.2.tgz",
+      "integrity": "sha512-4EzFTRIikzs47RGmdxbeUvLWtGedDUNkTcmzoeyg4sP/dvCexO47AaQL7VKy/gul85TOxw+IBgA8US2xwbToNA==",
+      "requires": {
+        "d3-array": "^3.2.0"
+      }
+    },
+    "d3-delaunay": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/d3-delaunay/-/d3-delaunay-6.0.2.tgz",
+      "integrity": "sha512-IMLNldruDQScrcfT+MWnazhHbDJhcRJyOEBAJfwQnHle1RPh6WDuLvxNArUju2VSMSUuKlY5BGHRJ2cYyoFLQQ==",
+      "requires": {
+        "delaunator": "5"
+      }
+    },
+    "d3-dispatch": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-dispatch/-/d3-dispatch-3.0.1.tgz",
+      "integrity": "sha512-rzUyPU/S7rwUflMyLc1ETDeBj0NRuHKKAcvukozwhshr6g6c5d8zh4c2gQjY2bZ0dXeGLWc1PF174P2tVvKhfg=="
+    },
+    "d3-drag": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/d3-drag/-/d3-drag-3.0.0.tgz",
+      "integrity": "sha512-pWbUJLdETVA8lQNJecMxoXfH6x+mO2UQo8rSmZ+QqxcbyA3hfeprFgIT//HW2nlHChWeIIMwS2Fq+gEARkhTkg==",
+      "requires": {
+        "d3-dispatch": "1 - 3",
+        "d3-selection": "3"
+      }
+    },
+    "d3-dsv": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-dsv/-/d3-dsv-3.0.1.tgz",
+      "integrity": "sha512-UG6OvdI5afDIFP9w4G0mNq50dSOsXHJaRE8arAS5o9ApWnIElp8GZw1Dun8vP8OyHOZ/QJUKUJwxiiCCnUwm+Q==",
+      "requires": {
+        "commander": "7",
+        "iconv-lite": "0.6",
+        "rw": "1"
+      }
+    },
+    "d3-ease": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-ease/-/d3-ease-3.0.1.tgz",
+      "integrity": "sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w=="
+    },
+    "d3-fetch": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-fetch/-/d3-fetch-3.0.1.tgz",
+      "integrity": "sha512-kpkQIM20n3oLVBKGg6oHrUchHM3xODkTzjMoj7aWQFq5QEM+R6E4WkzT5+tojDY7yjez8KgCBRoj4aEr99Fdqw==",
+      "requires": {
+        "d3-dsv": "1 - 3"
+      }
+    },
+    "d3-force": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/d3-force/-/d3-force-3.0.0.tgz",
+      "integrity": "sha512-zxV/SsA+U4yte8051P4ECydjD/S+qeYtnaIyAs9tgHCqfguma/aAQDjo85A9Z6EKhBirHRJHXIgJUlffT4wdLg==",
+      "requires": {
+        "d3-dispatch": "1 - 3",
+        "d3-quadtree": "1 - 3",
+        "d3-timer": "1 - 3"
+      }
+    },
+    "d3-format": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-format/-/d3-format-3.1.0.tgz",
+      "integrity": "sha512-YyUI6AEuY/Wpt8KWLgZHsIU86atmikuoOmCfommt0LYHiQSPjvX2AcFc38PX0CBpr2RCyZhjex+NS/LPOv6YqA=="
+    },
+    "d3-geo": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-geo/-/d3-geo-3.1.0.tgz",
+      "integrity": "sha512-JEo5HxXDdDYXCaWdwLRt79y7giK8SbhZJbFWXqbRTolCHFI5jRqteLzCsq51NKbUoX0PjBVSohxrx+NoOUujYA==",
+      "requires": {
+        "d3-array": "2.5.0 - 3"
+      }
+    },
+    "d3-hierarchy": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/d3-hierarchy/-/d3-hierarchy-3.1.2.tgz",
+      "integrity": "sha512-FX/9frcub54beBdugHjDCdikxThEqjnR93Qt7PvQTOHxyiNCAlvMrHhclk3cD5VeAaq9fxmfRp+CnWw9rEMBuA=="
+    },
+    "d3-interpolate": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-interpolate/-/d3-interpolate-3.0.1.tgz",
+      "integrity": "sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==",
+      "requires": {
+        "d3-color": "1 - 3"
+      }
+    },
+    "d3-path": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-path/-/d3-path-3.1.0.tgz",
+      "integrity": "sha512-p3KP5HCf/bvjBSSKuXid6Zqijx7wIfNW+J/maPs+iwR35at5JCbLUT0LzF1cnjbCHWhqzQTIN2Jpe8pRebIEFQ=="
+    },
+    "d3-polygon": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-polygon/-/d3-polygon-3.0.1.tgz",
+      "integrity": "sha512-3vbA7vXYwfe1SYhED++fPUQlWSYTTGmFmQiany/gdbiWgU/iEyQzyymwL9SkJjFFuCS4902BSzewVGsHHmHtXg=="
+    },
+    "d3-quadtree": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-quadtree/-/d3-quadtree-3.0.1.tgz",
+      "integrity": "sha512-04xDrxQTDTCFwP5H6hRhsRcb9xxv2RzkcsygFzmkSIOJy3PeRJP7sNk3VRIbKXcog561P9oU0/rVH6vDROAgUw=="
+    },
+    "d3-random": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-random/-/d3-random-3.0.1.tgz",
+      "integrity": "sha512-FXMe9GfxTxqd5D6jFsQ+DJ8BJS4E/fT5mqqdjovykEB2oFbTMDVdg1MGFxfQW+FBOGoB++k8swBrgwSHT1cUXQ=="
+    },
+    "d3-scale": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/d3-scale/-/d3-scale-4.0.2.tgz",
+      "integrity": "sha512-GZW464g1SH7ag3Y7hXjf8RoUuAFIqklOAq3MRl4OaWabTFJY9PN/E1YklhXLh+OQ3fM9yS2nOkCoS+WLZ6kvxQ==",
+      "requires": {
+        "d3-array": "2.10.0 - 3",
+        "d3-format": "1 - 3",
+        "d3-interpolate": "1.2.0 - 3",
+        "d3-time": "2.1.1 - 3",
+        "d3-time-format": "2 - 4"
+      }
+    },
+    "d3-scale-chromatic": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/d3-scale-chromatic/-/d3-scale-chromatic-3.0.0.tgz",
+      "integrity": "sha512-Lx9thtxAKrO2Pq6OO2Ua474opeziKr279P/TKZsMAhYyNDD3EnCffdbgeSYN5O7m2ByQsxtuP2CSDczNUIZ22g==",
+      "requires": {
+        "d3-color": "1 - 3",
+        "d3-interpolate": "1 - 3"
+      }
+    },
+    "d3-selection": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/d3-selection/-/d3-selection-3.0.0.tgz",
+      "integrity": "sha512-fmTRWbNMmsmWq6xJV8D19U/gw/bwrHfNXxrIN+HfZgnzqTHp9jOmKMhsTUjXOJnZOdZY9Q28y4yebKzqDKlxlQ=="
+    },
+    "d3-shape": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/d3-shape/-/d3-shape-3.2.0.tgz",
+      "integrity": "sha512-SaLBuwGm3MOViRq2ABk3eLoxwZELpH6zhl3FbAoJ7Vm1gofKx6El1Ib5z23NUEhF9AsGl7y+dzLe5Cw2AArGTA==",
+      "requires": {
+        "d3-path": "^3.1.0"
+      }
+    },
+    "d3-time": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-time/-/d3-time-3.1.0.tgz",
+      "integrity": "sha512-VqKjzBLejbSMT4IgbmVgDjpkYrNWUYJnbCGo874u7MMKIWsILRX+OpX/gTk8MqjpT1A/c6HY2dCA77ZN0lkQ2Q==",
+      "requires": {
+        "d3-array": "2 - 3"
+      }
+    },
+    "d3-time-format": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/d3-time-format/-/d3-time-format-4.1.0.tgz",
+      "integrity": "sha512-dJxPBlzC7NugB2PDLwo9Q8JiTR3M3e4/XANkreKSUxF8vvXKqm1Yfq4Q5dl8budlunRVlUUaDUgFt7eA8D6NLg==",
+      "requires": {
+        "d3-time": "1 - 3"
+      }
+    },
+    "d3-timer": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-timer/-/d3-timer-3.0.1.tgz",
+      "integrity": "sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA=="
+    },
+    "d3-transition": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-transition/-/d3-transition-3.0.1.tgz",
+      "integrity": "sha512-ApKvfjsSR6tg06xrL434C0WydLr7JewBB3V+/39RMHsaXTOG0zmt/OAXeng5M5LBm0ojmxJrpomQVZ1aPvBL4w==",
+      "requires": {
+        "d3-color": "1 - 3",
+        "d3-dispatch": "1 - 3",
+        "d3-ease": "1 - 3",
+        "d3-interpolate": "1 - 3",
+        "d3-timer": "1 - 3"
+      }
+    },
+    "d3-zoom": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/d3-zoom/-/d3-zoom-3.0.0.tgz",
+      "integrity": "sha512-b8AmV3kfQaqWAuacbPuNbL6vahnOJflOhexLzMMNLga62+/nh0JzvJ0aO/5a5MVgUFGS7Hu1P9P03o3fJkDCyw==",
+      "requires": {
+        "d3-dispatch": "1 - 3",
+        "d3-drag": "2 - 3",
+        "d3-interpolate": "1 - 3",
+        "d3-selection": "2 - 3",
+        "d3-transition": "2 - 3"
+      }
+    },
     "damerau-levenshtein": {
       "version": "1.0.8",
       "resolved": "https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz",
@@ -7737,6 +8406,14 @@
         "object-keys": "^1.1.1"
       }
     },
+    "delaunator": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/delaunator/-/delaunator-5.0.0.tgz",
+      "integrity": "sha512-AyLvtyJdbv/U1GkiS6gUUzclRoAY4Gs75qkMygJJhU75LW4DNuSF2RMzpxs9jw9Oz1BobHjTdkG3zdP55VxAqw==",
+      "requires": {
+        "robust-predicates": "^3.0.0"
+      }
+    },
     "delayed-stream": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
@@ -8753,6 +9430,14 @@
         }
       }
     },
+    "iconv-lite": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
+      "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
+      "requires": {
+        "safer-buffer": ">= 2.1.2 < 3.0.0"
+      }
+    },
     "ignore": {
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.0.tgz",
@@ -8820,6 +9505,11 @@
         "side-channel": "^1.0.4"
       }
     },
+    "internmap": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/internmap/-/internmap-2.0.3.tgz",
+      "integrity": "sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg=="
+    },
     "is-arrayish": {
       "version": "0.2.1",
       "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
@@ -9998,6 +10688,11 @@
         "glob": "^7.1.3"
       }
     },
+    "robust-predicates": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/robust-predicates/-/robust-predicates-3.0.1.tgz",
+      "integrity": "sha512-ndEIpszUHiG4HtDsQLeIuMvRsDnn8c8rYStabochtUeCvfuvNptb5TUbVD68LRAILPX7p9nqQGh4xJgn3EHS/g=="
+    },
     "run-parallel": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
@@ -10007,6 +10702,11 @@
         "queue-microtask": "^1.2.2"
       }
     },
+    "rw": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/rw/-/rw-1.3.3.tgz",
+      "integrity": "sha512-PdhdWy89SiZogBLaw42zdeqtRJ//zFd2PgQavcICDUgJT5oW10QCRKbJ6bg4r0/UY2M6BWd5tkxuGFRvCkgfHQ=="
+    },
     "safe-buffer": {
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
diff --git a/package.json b/package.json
index 796663ae..8b94dc07 100644
--- a/package.json
+++ b/package.json
@@ -8,6 +8,7 @@
     "export": "NEXT_TELEMETRY_DISABLED=1 next build && NEXT_TELEMETRY_DISABLED=1 next export"
   },
   "dependencies": {
+    "d3": "^7.8.2",
     "i18next": "^21.6.14",
     "i18next-browser-languagedetector": "^6.1.4",
     "i18next-resources-to-backend": "^1.0.0",
@@ -62,4 +63,4 @@
       ]
     }
   }
-}
\ No newline at end of file
+}

From a5e1e93b4f5aa2a02a3d9945592ea45cdd67fcc5 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Fri, 27 Jan 2023 18:22:12 +0100
Subject: [PATCH 024/714] add prototype implementation of a possible explore
 interface

---
 components/layouts/iframe.js |   2 +-
 pages/explore.js             |  76 -------------------
 pages/explore/GraphView.js   | 143 +++++++++++++++++++++++++++++++++++
 pages/explore/index.js       | 118 +++++++++++++++++++++++++++++
 4 files changed, 262 insertions(+), 77 deletions(-)
 delete mode 100644 pages/explore.js
 create mode 100644 pages/explore/GraphView.js
 create mode 100644 pages/explore/index.js

diff --git a/components/layouts/iframe.js b/components/layouts/iframe.js
index d1cd2144..5c1704ce 100644
--- a/components/layouts/iframe.js
+++ b/components/layouts/iframe.js
@@ -33,7 +33,7 @@ const Sidebar = styled.div`
     overflow: auto;
 
     @media ${breakpoints.laptopAndAbove} {
-      width: 25rem;
+      width: ${props => props.width ? props.width : '25rem'};
       padding: calc(var(--margin) * 2);
     }
   }
diff --git a/pages/explore.js b/pages/explore.js
deleted file mode 100644
index 63555cd0..00000000
--- a/pages/explore.js
+++ /dev/null
@@ -1,76 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import styled from 'styled-components';
-import getConfig from 'next/config';
-import { useTranslation } from 'react-i18next';
-
-import ContextMultiLevelSelect from '../components/ContextMultiLevelSelect';
-import { useAuth } from '../lib/Auth';
-
-const ExploreSection = styled.div`
-  & > * + * {
-    margin-top: var(--margin);
-  }
-
-  & > select + select {
-    margin-top: calc(var(--margin) * 0.65);
-  }
-`;
-
-export default function Explore() {
-    const auth = useAuth();
-    const { t } = useTranslation('explore');
-
-    const [activeContexts, setActiveContexts] = useState([getConfig().publicRuntimeConfig.contextRootSpaceRoomId]);
-    const [contents, setContents] = useState(null);
-
-    useEffect(() => {
-        const fetchContents = async () => {
-            const contents = [];
-            const roomHierarchy = await auth.getAuthenticationProvider('matrix').getMatrixClient().getRoomHierarchy(activeContexts[activeContexts.length - 1], undefined, 1);
-            // Remove the first entry, which is the context itself
-            roomHierarchy.rooms.shift();
-            // Ignore `m.space.child` events that are empty
-            // We're only interested in the -contents- of this context, so filter out everything that's a sub-context
-            for (const room of roomHierarchy.rooms) {
-                const metaEvent = await auth.getAuthenticationProvider('matrix').getMatrixClient().getStateEvent(room.room_id, 'dev.medienhaus.meta').catch(() => {});
-                if (!metaEvent || (metaEvent && metaEvent.type !== 'context')) {
-                    // This is a valid content item we want to show
-                    contents.push({
-                        ...room,
-                        type: metaEvent?.type ?? 'chat', // If there's no meta.type we assume it's a chat room
-                        template: metaEvent?.template,
-                    });
-                }
-            }
-            setContents(contents);
-        };
-
-        if (activeContexts) fetchContents();
-    }, [activeContexts, auth]);
-
-    return (
-        <>
-            <h2>/explore</h2>
-            <ExploreSection>
-                <ContextMultiLevelSelect onChange={setActiveContexts} activeContexts={activeContexts} />
-                { (contents && contents.length > 0) ? (
-                    <div>
-                        <ol>
-                            { contents.map((content) => (
-                                <li>
-                                    { content.name }
-                                    <small>
-                                        { content.type && (<> (type: <code>{ content.type }</code>)</>) }
-                                        { content.template && (<> (template: <code>{ content.template }</code>)</>) }
-                                    </small>
-                                </li>
-                            )) }
-                        </ol>
-                    </div>
-                ) : (
-                    <p>- { t('There are no contents for this context') } -</p>
-                ) }
-            </ExploreSection>
-        </>
-    );
-}
diff --git a/pages/explore/GraphView.js b/pages/explore/GraphView.js
new file mode 100644
index 00000000..41707f70
--- /dev/null
+++ b/pages/explore/GraphView.js
@@ -0,0 +1,143 @@
+
+import React from 'react';
+import * as d3 from 'd3';
+import { interpolateRainbow, partition, quantize, scaleOrdinal, select } from 'd3';
+// import { partition } from 'd3';
+// import { format } from 'd3';
+
+function GraphView({ data, callback, parsedWidth }) {
+    console.log(parsedWidth);
+    const svgRef = React.useRef(null);
+    const format = d3.format(',d');
+
+    function rectHeight(d) {
+        return d.x1 - d.x0 - Math.min(1, (d.x1 - d.x0) / 2);
+    }
+
+    function labelVisible(d) {
+        return d.y1 <= width && d.y0 >= 0 && d.x1 - d.x0 > 16;
+    }
+
+    const width = parsedWidth || window.innerWidth;
+    const height = window.innerHeight;
+    console.log(window);
+
+    function iciclePartition(data) {
+        const root = d3
+            .hierarchy(data)
+            .sum((d) => d.value)
+            .sort(
+                (a, b) => b.height - a.height || b.value - a.value,
+            );
+        return partition().size([
+            height,
+            ((root.height + 1) * width) / 3,
+        ])(root);
+    }
+
+    const color = scaleOrdinal(
+        quantize(interpolateRainbow, data.children.length + 1),
+    );
+    const root = iciclePartition(data);
+    let focus = root;
+
+    const svg = select('body')
+        .append('svg')
+        // .attr('viewBox', [root.x1, 0, width, height])
+        .style('font', '10px sans-serif');
+
+    const cell = svg
+        .selectAll('g')
+        .data(root.descendants())
+        .join('g')
+        .attr('transform', (d) => `translate(${d.y0},${d.x0})`);
+
+    const rect = cell
+        .append('rect')
+        .attr('width', (d) => d.y1 - d.y0 - 1)
+        .attr('height', (d) => rectHeight(d))
+        // .attr('fill-opacity', 1)
+        .attr('fill', 'var(--color-background-sidebar)')
+        .attr('stroke', 'var(--color-foreground)')
+        .attr('stroke-width', '10')
+        .style('cursor', 'pointer')
+        .on('click', clicked);
+
+    const text = cell
+        .append('text')
+        .style('user-select', 'none')
+        .attr('pointer-events', 'none')
+        .attr('x', 20)
+        .attr('y', 50)
+        .attr('font-size', '36px')
+        .attr('fill', 'var(--color-foreground)')
+        .attr('fill-opacity', (d) => +labelVisible(d));
+
+    text.append('tspan').text((d) => d.data.name);
+
+    const tspan = text
+        .append('tspan')
+        .attr('fill-opacity', (d) => labelVisible(d) * 0.7)
+        .text((d) => ` ${format(d.value)}`);
+
+    cell.append('title').text(
+        (d) =>
+            `${d
+                .ancestors()
+                .map((d) => d.data.name)
+                .reverse()
+                .join('/')}\n${format(d.value)}`,
+    );
+    console.log(root);
+    async function clicked(event, p) {
+        focus = focus === p ? (p = p.parent) : p;
+        if (!p) return;
+
+        root.each(
+            (d) =>
+                (d.target = {
+                    x0: ((d.x0 - p.x0) / (p.x1 - p.x0)) * height,
+                    x1: ((d.x1 - p.x0) / (p.x1 - p.x0)) * height,
+                    y0: d.y0 - p.y0,
+                    y1: d.y1 - p.y0,
+                }),
+        );
+
+        const t = cell
+            .transition()
+            .duration(750)
+            .attr(
+                'transform',
+                (d) => `translate(${d.target.y0},${d.target.x0})`,
+            );
+
+        rect
+            .transition(t)
+            .attr('height', (d) => rectHeight(d.target));
+        text
+            .transition(t)
+            .attr('fill-opacity', (d) => +labelVisible(d.target));
+        tspan
+            .transition(t)
+            .attr(
+                'fill-opacity',
+                (d) => labelVisible(d.target) * 0.7,
+            );
+
+        callback(p);
+    }
+
+    React.useEffect(() => {
+        if (svgRef.current) {
+            svgRef.current.appendChild(svg.node());
+        }
+
+        return () => {
+            svgRef.current = null;
+        };
+    }, [svg]);
+
+    return <svg ref={svgRef} width="100%" height="100%" />;
+}
+
+export default GraphView;
diff --git a/pages/explore/index.js b/pages/explore/index.js
new file mode 100644
index 00000000..86b6fa62
--- /dev/null
+++ b/pages/explore/index.js
@@ -0,0 +1,118 @@
+import React, { useCallback, useEffect, useState } from 'react';
+// import styled from 'styled-components';
+import getConfig from 'next/config';
+
+// import ContextMultiLevelSelect from '../../components/ContextMultiLevelSelect';
+// import { useAuth } from '../../lib/Auth';
+import GraphView from './GraphView';
+// import jsonData from '../../assets/hierarchy.json';
+import IframeLayout from '../../components/layouts/iframe';
+import LoadingSpinner from '../../components/UI/LoadingSpinner';
+
+// const ExploreSection = styled.div`
+//   & > * + * {
+//     margin-top: var(--margin);
+//   }
+
+//   & > select + select {
+//     margin-top: calc(var(--margin) * 0.65);
+//   }
+// `;
+
+export default function Explore() {
+    const [activeContexts] = useState([getConfig().publicRuntimeConfig.contextRootSpaceRoomId]);
+    const [graphObject, setGraphObject] = useState(null);
+    const [selectedNode, setSelectedNode] = useState('');
+
+    const fetchContents = useCallback(async () => {
+        // const contents = [];
+        // const roomHierarchy = await auth.getAuthenticationProvider('matrix').getMatrixClient().getRoomHierarchy(activeContexts[activeContexts.length - 1], undefined, 1);
+        // // Remove the first entry, which is the context itself
+        // roomHierarchy.rooms.shift();
+        // // Ignore `m.space.child` events that are empty
+        // // We're only interested in the -contents- of this context, so filter out everything that's a sub-context
+        // for (const room of roomHierarchy.rooms) {
+        //     const metaEvent = await auth.getAuthenticationProvider('matrix').getMatrixClient().getStateEvent(room.room_id, 'dev.medienhaus.meta').catch(() => {});
+        //     if (!metaEvent || (metaEvent && metaEvent.type !== 'context')) {
+        //         // This is a valid content item we want to show
+        //         contents.push({
+        //             ...room,
+        //             type: metaEvent?.type ?? 'chat', // If there's no meta.type we assume it's a chat room
+        //             template: metaEvent?.template,
+        //             children: room.children_state,
+        //         });
+        //     }
+        // }
+        // console.log(contents);
+
+        // setContents({
+        //     name: 'First Level',
+        //     children: contents,
+        // });
+
+        // initial fetch of object
+        const object = await fetch('http://192.168.0.50:3009/api/v2/!gBzMkmAvxvlPEwlvdq:moci.space/render/d3/fulltree').catch((err) => console.error(err));
+        const json = await object.json();
+        console.log(json);
+        setGraphObject(json);
+    }, []);
+
+    useEffect(() => {
+        if (activeContexts) fetchContents();
+    }, [activeContexts, fetchContents]);
+
+    const handleClicked = (element) => {
+        // element is the last node clicked on by the user
+        if (!element) return;
+        console.log(element);
+        setSelectedNode(element.data.url); // if selected node is not undefined iframe loads the url(type string) from selectedNode
+    };
+
+    if (!graphObject) return <LoadingSpinner />;
+
+    return (
+        <>
+            <IframeLayout.Sidebar width="75rem">
+                <h2>/explore</h2>
+                <GraphView data={graphObject} callback={handleClicked} />
+            </IframeLayout.Sidebar>
+            { selectedNode &&
+
+            <IframeLayout.IframeWrapper>
+                <IframeLayout.IframeHeader>
+                    <h2>bildende kunst und so</h2>
+                    <IframeLayout.IframeHeaderButtonWrapper>
+                        <button>icons und so</button>
+                    </IframeLayout.IframeHeaderButtonWrapper>
+                </IframeLayout.IframeHeader>
+                <iframe src={selectedNode} />
+            </IframeLayout.IframeWrapper>
+            }
+            { /* <ExploreSection>
+                <ContextMultiLevelSelect onChange={setActiveContexts} activeContexts={activeContexts} />
+                { (contents && contents.length > 0) ? (
+                    <div>
+                        <ol>
+                            { contents.map((content) => (
+                                <li>
+                                    { content.name }
+                                    <small>
+                                        { content.type && (<> (type: <code>{ content.type }</code>)</>) }
+                                        { content.template && (<> (template: <code>{ content.template }</code>)</>) }
+                                    </small>
+                                </li>
+                            )) }
+                        </ol>
+                    </div>
+                ) : (
+                    <p>- { t('There are no contents for this context') } -</p>
+                ) }
+            </ExploreSection> */ }
+        </>
+    );
+}
+
+Explore.getLayout = () => {
+    return IframeLayout.Layout;
+};
+

From 6b2393eb09813b44f25991c463371d2bf75a2547 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 8 Feb 2023 14:22:32 +0100
Subject: [PATCH 025/714] add api to explore and improve d3js functions

---
 pages/explore/GraphView.js | 313 ++++++++++++++++++++++---------------
 pages/explore/index.js     |  97 ++++++++++--
 2 files changed, 267 insertions(+), 143 deletions(-)

diff --git a/pages/explore/GraphView.js b/pages/explore/GraphView.js
index 41707f70..5295e6bb 100644
--- a/pages/explore/GraphView.js
+++ b/pages/explore/GraphView.js
@@ -1,143 +1,202 @@
 
-import React from 'react';
+import React, { useEffect, useRef, useState } from 'react';
 import * as d3 from 'd3';
-import { interpolateRainbow, partition, quantize, scaleOrdinal, select } from 'd3';
+import { partition } from 'd3';
+
+import LoadingSpinner from '../../components/UI/LoadingSpinner';
+
 // import { partition } from 'd3';
 // import { format } from 'd3';
 
-function GraphView({ data, callback, parsedWidth }) {
-    console.log(parsedWidth);
-    const svgRef = React.useRef(null);
-    const format = d3.format(',d');
-
-    function rectHeight(d) {
-        return d.x1 - d.x0 - Math.min(1, (d.x1 - d.x0) / 2);
-    }
-
-    function labelVisible(d) {
-        return d.y1 <= width && d.y0 >= 0 && d.x1 - d.x0 > 16;
-    }
-
-    const width = parsedWidth || window.innerWidth;
-    const height = window.innerHeight;
-    console.log(window);
-
-    function iciclePartition(data) {
-        const root = d3
-            .hierarchy(data)
-            .sum((d) => d.value)
-            .sort(
-                (a, b) => b.height - a.height || b.value - a.value,
-            );
-        return partition().size([
-            height,
-            ((root.height + 1) * width) / 3,
-        ])(root);
-    }
-
-    const color = scaleOrdinal(
-        quantize(interpolateRainbow, data.children.length + 1),
-    );
-    const root = iciclePartition(data);
-    let focus = root;
-
-    const svg = select('body')
-        .append('svg')
-        // .attr('viewBox', [root.x1, 0, width, height])
-        .style('font', '10px sans-serif');
-
-    const cell = svg
-        .selectAll('g')
-        .data(root.descendants())
-        .join('g')
-        .attr('transform', (d) => `translate(${d.y0},${d.x0})`);
-
-    const rect = cell
-        .append('rect')
-        .attr('width', (d) => d.y1 - d.y0 - 1)
-        .attr('height', (d) => rectHeight(d))
-        // .attr('fill-opacity', 1)
-        .attr('fill', 'var(--color-background-sidebar)')
-        .attr('stroke', 'var(--color-foreground)')
-        .attr('stroke-width', '10')
-        .style('cursor', 'pointer')
-        .on('click', clicked);
-
-    const text = cell
-        .append('text')
-        .style('user-select', 'none')
-        .attr('pointer-events', 'none')
-        .attr('x', 20)
-        .attr('y', 50)
-        .attr('font-size', '36px')
-        .attr('fill', 'var(--color-foreground)')
-        .attr('fill-opacity', (d) => +labelVisible(d));
-
-    text.append('tspan').text((d) => d.data.name);
-
-    const tspan = text
-        .append('tspan')
-        .attr('fill-opacity', (d) => labelVisible(d) * 0.7)
-        .text((d) => ` ${format(d.value)}`);
-
-    cell.append('title').text(
-        (d) =>
-            `${d
-                .ancestors()
-                .map((d) => d.data.name)
-                .reverse()
-                .join('/')}\n${format(d.value)}`,
-    );
-    console.log(root);
-    async function clicked(event, p) {
-        focus = focus === p ? (p = p.parent) : p;
-        if (!p) return;
-
-        root.each(
-            (d) =>
-                (d.target = {
-                    x0: ((d.x0 - p.x0) / (p.x1 - p.x0)) * height,
-                    x1: ((d.x1 - p.x0) / (p.x1 - p.x0)) * height,
-                    y0: d.y0 - p.y0,
-                    y1: d.y1 - p.y0,
-                }),
-        );
+function GraphView({ parsedData, callback, parsedWidth, parsedHeight, selectedNode }) {
+    const [data, setData] = useState(parsedData);
+    const [height, setHeight] = useState();
+    const svgRef = useRef(null);
 
-        const t = cell
-            .transition()
-            .duration(750)
-            .attr(
-                'transform',
-                (d) => `translate(${d.target.y0},${d.target.x0})`,
-            );
+    useEffect(() => {
+        let cancelled = false;
+        if (!cancelled) {
+            setData(parsedData);
+        }
 
-        rect
-            .transition(t)
-            .attr('height', (d) => rectHeight(d.target));
-        text
-            .transition(t)
-            .attr('fill-opacity', (d) => +labelVisible(d.target));
-        tspan
-            .transition(t)
-            .attr(
-                'fill-opacity',
-                (d) => labelVisible(d.target) * 0.7,
-            );
+        return () => {
+            cancelled = true;
+        };
+    }, [parsedData]);
 
-        callback(p);
-    }
+    useEffect(() => {
+        let cancelled = false;
 
-    React.useEffect(() => {
-        if (svgRef.current) {
-            svgRef.current.appendChild(svg.node());
+        if (!cancelled) {
+            console.log(parsedHeight);
+            parsedHeight && setHeight(parsedHeight);
         }
-
         return () => {
-            svgRef.current = null;
+            cancelled = true;
         };
-    }, [svg]);
+    }, [parsedHeight]);
+
+    const drawSvg = (data, height) => {
+        const format = d3.format(',d');
+
+        function rectHeight(d) {
+            return d.x1 - d.x0 - Math.min(1, (d.x1 - d.x0) / 2);
+        }
+
+        function labelVisible(d) {
+            return d.y1 <= width && d.y0 >= 0 && d.x1 - d.x0 > 16;
+        }
 
-    return <svg ref={svgRef} width="100%" height="100%" />;
+        const width = parsedWidth || window.innerWidth;
+        // const height = parsedHeight;
+
+        function iciclePartition(data) {
+            const root = d3
+                .hierarchy(data)
+                .sum((d) => {
+                    return d.value || 1;
+                })
+                .sort(
+                    (a, b) => b.height - a.height || b.value - a.value,
+                );
+            return partition().size([
+                height,
+                ((root.height + 1) * width / 3),
+            ])(root);
+        }
+
+        // const color = scaleOrdinal(
+        //     quantize(interpolateRainbow, data.children.length + 1),
+        // );
+
+        const root = iciclePartition(data);
+        console.log(root);
+        let focus = root;
+
+        // const svg = select('body')
+        //     .append('svg')
+        //     // .attr('viewBox', [root.x1, 0, width, height])
+        //     .style('font', '10px sans-serif');
+
+        const svg = d3.select(svgRef.current)
+        // .attr('height', height)
+        // .attr('viewBox', [-width / 2, -height / 2, width, height])
+            .attr('style', 'max-width: 100%; height: auto; height: intrinsic;')
+            .style('font', '10px sans-serif');
+
+        const cell = svg
+            .selectAll('g')
+            .data(root.descendants())
+            .join(
+                enter => enter.append('g'),
+                update => update.
+                    style('display', (d) => console.log(d)),
+                exit => exit.remove(),
+            )
+            .attr('transform', (d) => `translate(${d.y0},${d.x0})`)
+            .attr('width', (d) => d.y1 - d.y0 - 1);
+
+        const rect = cell
+            .append('rect')
+            .attr('width', (d) => d.y1 - d.y0 - 1)
+            .attr('height', (d) => rectHeight(d))
+            .attr('fill', (d) => {
+                if (d.data.template === 'write') return 'red';
+                if (d.data.template === 'sketch') return 'blue';
+                if (d.data.type === 'item') return 'green';
+
+                return 'var(--color-background-sidebar)';
+            })
+            .attr('stroke', 'var(--color-foreground)')
+            .attr('stroke-width', '8')
+            .style('cursor', 'pointer')
+            .on('click', clicked);
+
+        const text = cell
+            .append('text')
+            .style('user-select', 'none')
+            .attr('pointer-events', 'none')
+            .attr('x', 15)
+            .attr('y', 30)
+            .attr('font-size', '1.2rem')
+            .attr('fill', 'var(--color-foreground)')
+            .attr('fill-opacity', (d) => +labelVisible(d));
+
+        text.append('tspan').text((d) => d.data.name);
+
+        // const tspan = text
+        //     .append('tspan')
+        //     .attr('fill-opacity', (d) => labelVisible(d) * 0.7)
+        //     .text((d) => ` ${format(d.value)}`);
+
+        cell.append('title').text(
+            (d) =>
+                `${d
+                    .ancestors()
+                    .map((d) => d.data.name)
+                    .reverse()
+                    .join('/')}\n${format(d.value)}`,
+        );
+
+        async function clicked(event, p) {
+            focus = focus === p ? (p = p.parent) : p;
+            if (!p) return;
+            await callback(p);
+
+            root.each(
+                (d) =>
+                    (d.target = {
+                        x0: ((d.x0 - p.x0) / (p.x1 - p.x0)) * height,
+                        x1: ((d.x1 - p.x0) / (p.x1 - p.x0)) * height,
+                        y0: d.y0 - p.y0,
+                        y1: d.y1 - p.y0,
+                    }),
+            );
+
+            const t = cell
+                .transition()
+                .duration(750)
+                .attr(
+                    'transform',
+                    (d) => `translate(${d.target.y0},${d.target.x0})`,
+                );
+
+            rect
+                .transition(t)
+                .attr('height', (d) => rectHeight(d.target));
+            text
+                .transition(t)
+                .attr('fill-opacity', (d) => +labelVisible(d.target));
+
+            // tspan
+            //     .transition(t)
+            //     .attr(
+            //         'fill-opacity',
+            //         (d) => labelVisible(d.target) * 0.7,
+            //     );
+        }
+    };
+    useEffect(() => {
+        drawSvg(data, height);
+        return () => {
+            console.log('unmount svg');
+            // svgRef.current = null;
+        };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [data, height]);
+
+    // useEffect(() => {
+    //     // if (svgRef.current) {
+    //     //     console.log(svg);
+    //     //     svgRef.current.appendChild(svg.node());
+    //     // }
+
+    //     return () => {
+    //         svgRef.current = null;
+    //     };
+    // }, [svg, height]);
+    if (!height) return <LoadingSpinner />;
+    return <svg ref={svgRef} width="100%" height={height} />;
 }
 
 export default GraphView;
diff --git a/pages/explore/index.js b/pages/explore/index.js
index 86b6fa62..1bf0b5c6 100644
--- a/pages/explore/index.js
+++ b/pages/explore/index.js
@@ -1,11 +1,13 @@
-import React, { useCallback, useEffect, useState } from 'react';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
 // import styled from 'styled-components';
 import getConfig from 'next/config';
+// import { useTranslation } from 'react-i18next';
 
 // import ContextMultiLevelSelect from '../../components/ContextMultiLevelSelect';
 // import { useAuth } from '../../lib/Auth';
+
 import GraphView from './GraphView';
-// import jsonData from '../../assets/hierarchy.json';
+import jsonData from '../../assets/hierarchy.json';
 import IframeLayout from '../../components/layouts/iframe';
 import LoadingSpinner from '../../components/UI/LoadingSpinner';
 
@@ -22,9 +24,43 @@ import LoadingSpinner from '../../components/UI/LoadingSpinner';
 export default function Explore() {
     const [activeContexts] = useState([getConfig().publicRuntimeConfig.contextRootSpaceRoomId]);
     const [graphObject, setGraphObject] = useState(null);
-    const [selectedNode, setSelectedNode] = useState('');
+    const [selectedNode, setSelectedNode] = useState(null);
+    const [d3Height, setD3Height] = useState();
+    const dimensionsRef = useRef();
+
+    async function callApiAndAddToObject(roomId) {
+        console.log(roomId);
+        function findObject(structure, id) {
+            let ret;
+            // base case
+            if (structure.id === id) {
+                return structure;
+            } else {
+                // recursion
+                structure.children?.forEach(child => {
+                    if (!ret) {
+                        const c = findObject(child, id);
+                        if (c) ret = c;
+                    }
+                });
+            }
+            return ret;
+        }
+
+        const response = await fetch(`${getConfig().publicRuntimeConfig.authProviders.matrix.api}/api/v2/${roomId}`).catch(error => console.log(error));
+        if (!response?.ok) return;
+        const data = await response.json();
+        data.children = data.item;
+        data.children.push(...data.context);
+        setGraphObject(prevTree => {
+            const newTree = { ...prevTree };
+            const foundObject = findObject(newTree, roomId);
+            foundObject.children = data?.children;
+            return newTree;
+        });
+    }
 
-    const fetchContents = useCallback(async () => {
+    const fetchContents = useCallback(async (roomId) => {
         // const contents = [];
         // const roomHierarchy = await auth.getAuthenticationProvider('matrix').getMatrixClient().getRoomHierarchy(activeContexts[activeContexts.length - 1], undefined, 1);
         // // Remove the first entry, which is the context itself
@@ -51,30 +87,59 @@ export default function Explore() {
         // });
 
         // initial fetch of object
-        const object = await fetch('http://192.168.0.50:3009/api/v2/!gBzMkmAvxvlPEwlvdq:moci.space/render/d3/fulltree').catch((err) => console.error(err));
-        const json = await object.json();
-        console.log(json);
-        setGraphObject(json);
+        console.log('fetching object');
+        console.log(getConfig().publicRuntimeConfig);
+        const object = await fetch(getConfig().publicRuntimeConfig.authProviders.matrix.api + '/api/v2/' + roomId).catch((err) => console.error(err));
+        // const object = await fetch('http://192.168.0.50:3009/api/v2/!gBzMkmAvxvlPEwlvdq:moci.space/render/d3/fullTree').catch((err) => console.error(err));
+        console.log('object: ');
+        console.log(object);
+
+        if (object?.ok) {
+            const json = await object.json();
+            json.children = json.item;
+            json.children.push(...json.context);
+            setGraphObject(json);
+        } else {
+            console.log('else:');
+            setGraphObject(jsonData);
+        }
     }, []);
 
     useEffect(() => {
-        if (activeContexts) fetchContents();
+        console.log(activeContexts);
+        if (activeContexts) fetchContents(activeContexts[0]);
     }, [activeContexts, fetchContents]);
 
-    const handleClicked = (element) => {
+    useEffect(() => {
+        // 8 for border
+        dimensionsRef.current && setD3Height(document.querySelector('main').offsetHeight - (8 + dimensionsRef?.current?.offsetHeight + (dimensionsRef?.current?.offsetTop * 2)+ parseInt(window.getComputedStyle(dimensionsRef.current).marginBottom)));
+        dimensionsRef.current && console.log(window.getComputedStyle(dimensionsRef.current));
+    }, [graphObject]);
+
+    const handleClicked = async (element) => {
         // element is the last node clicked on by the user
         if (!element) return;
-        console.log(element);
-        setSelectedNode(element.data.url); // if selected node is not undefined iframe loads the url(type string) from selectedNode
+        if (element.children) return;
+        await callApiAndAddToObject(element.data.id);
+        if (element.data.url) {
+            console.log('inside if');
+            await new Promise(res => setTimeout(res, 650)); //transition time in d3js minus 100ms
+            setSelectedNode(element.data.url); // if selected node is not undefined iframe loads the url(type string) from selectedNode
+            return;
+        }
+        setSelectedNode(null);
     };
 
-    if (!graphObject) return <LoadingSpinner />;
+    if (!graphObject || typeof window === 'undefined') return <LoadingSpinner />;
 
     return (
         <>
-            <IframeLayout.Sidebar width="75rem">
-                <h2>/explore</h2>
-                <GraphView data={graphObject} callback={handleClicked} />
+            <IframeLayout.Sidebar width={selectedNode ? '50%' : '100%'}>
+                <h2 ref={dimensionsRef}>/explore</h2>
+                <GraphView parsedData={graphObject}
+                    callback={handleClicked}
+                    parsedHeight={d3Height}
+                    selectedNode={selectedNode} />
             </IframeLayout.Sidebar>
             { selectedNode &&
 

From 611fb061b9f83a1b53cfbbc5ff26d92e2ee3a958 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 9 Feb 2023 17:53:24 +0100
Subject: [PATCH 026/714] rename explore index to support url id

---
 pages/explore/{index.js => [[...roomId]].js} | 102 ++++++++++++-------
 1 file changed, 68 insertions(+), 34 deletions(-)
 rename pages/explore/{index.js => [[...roomId]].js} (64%)

diff --git a/pages/explore/index.js b/pages/explore/[[...roomId]].js
similarity index 64%
rename from pages/explore/index.js
rename to pages/explore/[[...roomId]].js
index 1bf0b5c6..a4390b89 100644
--- a/pages/explore/index.js
+++ b/pages/explore/[[...roomId]].js
@@ -2,7 +2,8 @@ import React, { useCallback, useEffect, useRef, useState } from 'react';
 // import styled from 'styled-components';
 import getConfig from 'next/config';
 // import { useTranslation } from 'react-i18next';
-
+import _ from 'lodash';
+import { useRouter } from 'next/router';
 // import ContextMultiLevelSelect from '../../components/ContextMultiLevelSelect';
 // import { useAuth } from '../../lib/Auth';
 
@@ -10,6 +11,9 @@ import GraphView from './GraphView';
 import jsonData from '../../assets/hierarchy.json';
 import IframeLayout from '../../components/layouts/iframe';
 import LoadingSpinner from '../../components/UI/LoadingSpinner';
+import { useAuth } from '../../lib/Auth';
+import { useMatrix } from '../../lib/Matrix';
+import WriteIframeHeader from '../write/WriteIframeHeader';
 
 // const ExploreSection = styled.div`
 //   & > * + * {
@@ -27,9 +31,13 @@ export default function Explore() {
     const [selectedNode, setSelectedNode] = useState(null);
     const [d3Height, setD3Height] = useState();
     const dimensionsRef = useRef();
+    const router = useRouter();
+    const [roomId, setRoomId] = useState('');
+
+    const auth = useAuth();
+    const matrix = useMatrix(auth.getAuthenticationProvider('matrix'));
 
     async function callApiAndAddToObject(roomId) {
-        console.log(roomId);
         function findObject(structure, id) {
             let ret;
             // base case
@@ -52,12 +60,17 @@ export default function Explore() {
         const data = await response.json();
         data.children = data.item;
         data.children.push(...data.context);
-        setGraphObject(prevTree => {
-            const newTree = { ...prevTree };
-            const foundObject = findObject(newTree, roomId);
-            foundObject.children = data?.children;
-            return newTree;
-        });
+        // setGraphObject(prevTree => {
+        //     const newTree = { ...prevTree };
+        //     const foundObject = findObject(newTree, roomId);
+        //     foundObject.children = data?.children;
+        //     return newTree;
+        // });
+
+        const newTree = { ...graphObject };
+        const foundObject = findObject(newTree, roomId);
+        foundObject.children = data?.children;
+        return data;
     }
 
     const fetchContents = useCallback(async (roomId) => {
@@ -87,17 +100,13 @@ export default function Explore() {
         // });
 
         // initial fetch of object
-        console.log('fetching object');
-        console.log(getConfig().publicRuntimeConfig);
-        const object = await fetch(getConfig().publicRuntimeConfig.authProviders.matrix.api + '/api/v2/' + roomId).catch((err) => console.error(err));
+        const object = await fetch(getConfig().publicRuntimeConfig.authProviders.matrix.api + '/api/v2/' + roomId + '/render/d3/fulltree').catch((err) => console.error(err));
         // const object = await fetch('http://192.168.0.50:3009/api/v2/!gBzMkmAvxvlPEwlvdq:moci.space/render/d3/fullTree').catch((err) => console.error(err));
-        console.log('object: ');
-        console.log(object);
 
         if (object?.ok) {
             const json = await object.json();
-            json.children = json.item;
-            json.children.push(...json.context);
+            // json.children = json.item;
+            // json.children.push(...json.context);
             setGraphObject(json);
         } else {
             console.log('else:');
@@ -106,35 +115,61 @@ export default function Explore() {
     }, []);
 
     useEffect(() => {
-        console.log(activeContexts);
         if (activeContexts) fetchContents(activeContexts[0]);
     }, [activeContexts, fetchContents]);
 
     useEffect(() => {
         // 8 for border
         dimensionsRef.current && setD3Height(document.querySelector('main').offsetHeight - (8 + dimensionsRef?.current?.offsetHeight + (dimensionsRef?.current?.offsetTop * 2)+ parseInt(window.getComputedStyle(dimensionsRef.current).marginBottom)));
-        dimensionsRef.current && console.log(window.getComputedStyle(dimensionsRef.current));
     }, [graphObject]);
 
-    const handleClicked = async (element) => {
+    const getRoomContent = async (roomId) => {
+        // const object = await fetch(getConfig().publicRuntimeConfig.authProviders.matrix.api + '/api/v2/' + roomId + '/render/json').catch((err) => console.error(err));
+        await matrix.hydrateRoomContent(roomId);
+        const fetchMessage = matrix.roomContents.get(roomId);
+        return fetchMessage.body;
+        // const object = await fetch('http://192.168.0.50:3009/api/v2/!gBzMkmAvxvlPEwlvdq:moci.space/render/d3/fullTree').catch((err) => console.error(err));
+
+        // if (object?.ok) {
+        //     const json = await object.json();
+        //     console.log(json);
+        // }
+    };
+
+    const handleClicked = async (element, parent) => {
         // element is the last node clicked on by the user
         if (!element) return;
-        if (element.children) return;
-        await callApiAndAddToObject(element.data.id);
-        if (element.data.url) {
+        // if (element.children) return;
+        // await callApiAndAddToObject(element.data.id);
+        // return fetchChildren;
+        let content = null;
+        if (element.data.template === 'write') {
             console.log('inside if');
-            await new Promise(res => setTimeout(res, 650)); //transition time in d3js minus 100ms
-            setSelectedNode(element.data.url); // if selected node is not undefined iframe loads the url(type string) from selectedNode
-            return;
+            content = await getRoomContent(element.data.id);
+            console.log(content);
+            // await new Promise(res => setTimeout(res, 650)); //transition time in d3js minus 100ms
+            // console.log(roomId);
         }
-        setSelectedNode(null);
-    };
+        if (element.data.template === 'chat') {
+            console.log('inside if');
+            content = `${getConfig().publicRuntimeConfig.chat.pathToElement}/#/room/${element.data.id}`;
 
+            // await new Promise(res => setTimeout(res, 650)); //transition time in d3js minus 100ms
+            // console.log(roomId);
+        }
+        content && !parent && await new Promise(res => setTimeout(res, 650)); // await transition of grid
+        // router.push(`/explore/${element.data.id}`);
+        setSelectedNode(prevState => content === prevState ? null : content); // if selected node is not undefined iframe loads the url(type string) from selectedNode
+        router.push(`/explore/${element.data.id}`);
+        setRoomId(element.data.id);
+    };
+    // useEffect(() => {
+    //     console.log(selectedNode);
+    // }, [selectedNode]);
     if (!graphObject || typeof window === 'undefined') return <LoadingSpinner />;
-
     return (
         <>
-            <IframeLayout.Sidebar width={selectedNode ? '50%' : '100%'}>
+            <IframeLayout.Sidebar width={!selectedNode && '100%'}>
                 <h2 ref={dimensionsRef}>/explore</h2>
                 <GraphView parsedData={graphObject}
                     callback={handleClicked}
@@ -144,12 +179,11 @@ export default function Explore() {
             { selectedNode &&
 
             <IframeLayout.IframeWrapper>
-                <IframeLayout.IframeHeader>
-                    <h2>bildende kunst und so</h2>
-                    <IframeLayout.IframeHeaderButtonWrapper>
-                        <button>icons und so</button>
-                    </IframeLayout.IframeHeaderButtonWrapper>
-                </IframeLayout.IframeHeader>
+                <WriteIframeHeader
+                    content={selectedNode}
+                    title={matrix.spaces.get(roomId)?.name ||matrix.rooms.get(roomId)?.name}
+                    removeLink={() => console.log('removing pad from parent')}
+                    removingLink={false} />
                 <iframe src={selectedNode} />
             </IframeLayout.IframeWrapper>
             }

From 8397bb5b1175b5508e96da1c733cf448457ed1e3 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 9 Feb 2023 17:53:38 +0100
Subject: [PATCH 027/714] adjust for new css variables

---
 components/UI/CopyToClipboard.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/UI/CopyToClipboard.js b/components/UI/CopyToClipboard.js
index b105914c..9ad1db6f 100644
--- a/components/UI/CopyToClipboard.js
+++ b/components/UI/CopyToClipboard.js
@@ -18,8 +18,8 @@ const CopyToClipboard = ({ content }) => {
     return (
         <TextButton title={t('Copy link to clipboard')} onClick={copyToClipboard}>
             { contentCopied ?
-                '✓':
-                <Clipboard fill="var(--color-fg)" /> }
+                '✔':
+                <Clipboard fill="var(--color-foreground)" /> }
         </TextButton>
     );
 };

From b432ad5f8215114db8eb54a93702dd867ae1c563 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 9 Feb 2023 17:54:19 +0100
Subject: [PATCH 028/714] adjust for cms now creating only spaces and no rooms
 anymore

---
 lib/Matrix.js | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/lib/Matrix.js b/lib/Matrix.js
index 645660ac..e38669f4 100644
--- a/lib/Matrix.js
+++ b/lib/Matrix.js
@@ -103,6 +103,7 @@ function useMatrixProvider(activeMatrixAuthenticationProviders) {
             if ((membership === 'leave' || membership === 'kick' || membership === 'ban')) {
                 if (spaces.has(room.roomId)) {
                     setSpaces(deleteElement(room.roomId));
+                    setRoomContents(deleteElement(room.roomId));
                 }
                 if (rooms.has(room.roomId)) {
                     setRooms(deleteElement(room.roomId));
@@ -119,6 +120,7 @@ function useMatrixProvider(activeMatrixAuthenticationProviders) {
             if ((membership === 'join') && !directMessages.has(room.roomId)) {
                 if (room.isSpaceRoom()) {
                     setSpaces(setRoom(room.roomId));
+                    setRoomContents(setMessages(room.roomId));
                 } else {
                     setRooms(setRoom(room.roomId));
                     setRoomContents(setMessages(room.roomId));
@@ -268,10 +270,13 @@ function useMatrixProvider(activeMatrixAuthenticationProviders) {
         };
 
         const hydrateRoomContent = async (roomId, limit, signal) => {
+            console.log('object');
+            console.log(roomId);
             // this function is used when roomContents is empty because the returned timeline for a room is full with events other than m.room.message.
             if (roomContents.get(roomId) !== undefined) return;
             // if there is no m.room.message event in the timeline we check manually for messages
             const fetchMessages = await authenticationProvider.fetchRoomMessages(roomId, limit, signal);
+            console.log(fetchMessages);
             // if there are no messages in the room and therefore fetchMessages.chunk is empty,
             // we set message to null instead of undefined. Otherwise we populate it with the latest message.
             const message = _.isEmpty(fetchMessages.chunk) ? null : fetchMessages.chunk[0].content;

From 5f1b7d34efa427f58510549ee00fe5a692108e69 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 9 Feb 2023 17:54:47 +0100
Subject: [PATCH 029/714] prettify and adjust callback

---
 pages/explore/GraphView.js | 95 +++++++++++++++++++++++++++-----------
 1 file changed, 69 insertions(+), 26 deletions(-)

diff --git a/pages/explore/GraphView.js b/pages/explore/GraphView.js
index 5295e6bb..16e80cae 100644
--- a/pages/explore/GraphView.js
+++ b/pages/explore/GraphView.js
@@ -12,6 +12,7 @@ function GraphView({ parsedData, callback, parsedWidth, parsedHeight, selectedNo
     const [data, setData] = useState(parsedData);
     const [height, setHeight] = useState();
     const svgRef = useRef(null);
+    const [refocus, setRefocus] = useState(null);
 
     useEffect(() => {
         let cancelled = false;
@@ -28,7 +29,6 @@ function GraphView({ parsedData, callback, parsedWidth, parsedHeight, selectedNo
         let cancelled = false;
 
         if (!cancelled) {
-            console.log(parsedHeight);
             parsedHeight && setHeight(parsedHeight);
         }
         return () => {
@@ -37,6 +37,9 @@ function GraphView({ parsedData, callback, parsedWidth, parsedHeight, selectedNo
     }, [parsedHeight]);
 
     const drawSvg = (data, height) => {
+        const container = d3.select(svgRef.current);
+        // Remove previous SVG
+        container.selectAll('svg').remove();
         const format = d3.format(',d');
 
         function rectHeight(d) {
@@ -61,7 +64,7 @@ function GraphView({ parsedData, callback, parsedWidth, parsedHeight, selectedNo
                 );
             return partition().size([
                 height,
-                ((root.height + 1) * width / 3),
+                ((root.height + 1) * width / 5),
             ])(root);
         }
 
@@ -70,7 +73,19 @@ function GraphView({ parsedData, callback, parsedWidth, parsedHeight, selectedNo
         // );
 
         const root = iciclePartition(data);
-        console.log(root);
+
+        if (refocus) {
+            console.log(refocus);
+            root.each(
+                (d) =>
+                    (d.target = {
+                        x0: ((d.x0 - refocus.x0) / (refocus.x1 - refocus.x0)) * height,
+                        x1: ((d.x1 - refocus.x0) / (refocus.x1 - refocus.x0)) * height,
+                        y0: d.y0 - refocus.y0,
+                        y1: d.y1 - refocus.y0,
+                    }),
+            );
+        }
         let focus = root;
 
         // const svg = select('body')
@@ -78,7 +93,8 @@ function GraphView({ parsedData, callback, parsedWidth, parsedHeight, selectedNo
         //     // .attr('viewBox', [root.x1, 0, width, height])
         //     .style('font', '10px sans-serif');
 
-        const svg = d3.select(svgRef.current)
+        const svg = container
+            .append('svg')
         // .attr('height', height)
         // .attr('viewBox', [-width / 2, -height / 2, width, height])
             .attr('style', 'max-width: 100%; height: auto; height: intrinsic;')
@@ -87,24 +103,18 @@ function GraphView({ parsedData, callback, parsedWidth, parsedHeight, selectedNo
         const cell = svg
             .selectAll('g')
             .data(root.descendants())
-            .join(
-                enter => enter.append('g'),
-                update => update.
-                    style('display', (d) => console.log(d)),
-                exit => exit.remove(),
-            )
+            .join('g')
             .attr('transform', (d) => `translate(${d.y0},${d.x0})`)
-            .attr('width', (d) => d.y1 - d.y0 - 1);
+            .attr('width', (d) => d.y1 - d.y0);
 
         const rect = cell
             .append('rect')
-            .attr('width', (d) => d.y1 - d.y0 - 1)
+            .attr('width', (d) => d.y1 - d.y0 -1)
             .attr('height', (d) => rectHeight(d))
             .attr('fill', (d) => {
-                if (d.data.template === 'write') return 'red';
-                if (d.data.template === 'sketch') return 'blue';
-                if (d.data.type === 'item') return 'green';
-
+                // if (d.data.template === 'write') return 'red';
+                // if (d.data.template === 'sketch') return 'blue';
+                // if (d.data.type === 'item') return 'green';
                 return 'var(--color-background-sidebar)';
             })
             .attr('stroke', 'var(--color-foreground)')
@@ -122,12 +132,24 @@ function GraphView({ parsedData, callback, parsedWidth, parsedHeight, selectedNo
             .attr('fill', 'var(--color-foreground)')
             .attr('fill-opacity', (d) => +labelVisible(d));
 
-        text.append('tspan').text((d) => d.data.name);
-
-        // const tspan = text
-        //     .append('tspan')
-        //     .attr('fill-opacity', (d) => labelVisible(d) * 0.7)
-        //     .text((d) => ` ${format(d.value)}`);
+        text.append('tspan').text((d) => {
+            if (d.data.template === 'write') return '📝 ' + d.data.name;
+            if (d.data.template === 'sketch') return '🎨 ' + d.data.name;
+            if (d.data.template === 'chat') return '💬 ' + d.data.name;
+            if (d.data.type === 'item') return '📐 ' + d.data.name;
+
+            return d.data.name;
+        });
+
+        const tspan = text
+            .append('tspan')
+            .attr('x', (d) => d.y1 - d.y0 -16)
+            .attr('text-anchor', 'end')
+            .attr('fill-opacity', (d) => labelVisible(d) * 0.7)
+            .text((d) => {
+                console.log(d);
+                return d.data.template;
+            });
 
         cell.append('title').text(
             (d) =>
@@ -138,10 +160,9 @@ function GraphView({ parsedData, callback, parsedWidth, parsedHeight, selectedNo
                     .join('/')}\n${format(d.value)}`,
         );
 
-        async function clicked(event, p) {
+        function startTransition(p) {
             focus = focus === p ? (p = p.parent) : p;
             if (!p) return;
-            await callback(p);
 
             root.each(
                 (d) =>
@@ -164,9 +185,29 @@ function GraphView({ parsedData, callback, parsedWidth, parsedHeight, selectedNo
             rect
                 .transition(t)
                 .attr('height', (d) => rectHeight(d.target));
+
             text
                 .transition(t)
                 .attr('fill-opacity', (d) => +labelVisible(d.target));
+        }
+
+        async function clicked(event, p) {
+            if (!p) return;
+            // const newNode = d3.hierarchy(newData);
+            // console.log(newNode);
+            // newNode.depth = p.depth + 1;
+            // newNode.height = p.height - 1;
+            // newNode.parent = p;
+
+            // if (!p.children) {
+            //     p.children = [];
+            //     p.data.children = [];
+            // }
+            // p.children.push(newNode);
+            // p.data.children.push(newNode.data);
+            // // setData(newData);
+            startTransition(p);
+            await callback(p, focus !== p && p.parent);
 
             // tspan
             //     .transition(t)
@@ -176,6 +217,7 @@ function GraphView({ parsedData, callback, parsedWidth, parsedHeight, selectedNo
             //     );
         }
     };
+
     useEffect(() => {
         drawSvg(data, height);
         return () => {
@@ -183,7 +225,7 @@ function GraphView({ parsedData, callback, parsedWidth, parsedHeight, selectedNo
             // svgRef.current = null;
         };
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [data, height]);
+    }, [height]);
 
     // useEffect(() => {
     //     // if (svgRef.current) {
@@ -196,7 +238,8 @@ function GraphView({ parsedData, callback, parsedWidth, parsedHeight, selectedNo
     //     };
     // }, [svg, height]);
     if (!height) return <LoadingSpinner />;
-    return <svg ref={svgRef} width="100%" height={height} />;
+    // return <svg ref={svgRef} width="100%" height={height} />;
+    return <svg ref={svgRef} width={selectedNode ? '100%' : '50%'} height={height} />;
 }
 
 export default GraphView;

From 11c0e52482f8d581e180f2e6c1ad6fd6deebf2e1 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 9 Feb 2023 17:55:17 +0100
Subject: [PATCH 030/714] make iframe heade its own component to be able to
 reuse in explore

---
 pages/write/WriteIframeHeader.js | 24 ++++++++++++++++++++++++
 pages/write/[[...roomId]].js     | 19 ++++++-------------
 2 files changed, 30 insertions(+), 13 deletions(-)
 create mode 100644 pages/write/WriteIframeHeader.js

diff --git a/pages/write/WriteIframeHeader.js b/pages/write/WriteIframeHeader.js
new file mode 100644
index 00000000..72ae59ff
--- /dev/null
+++ b/pages/write/WriteIframeHeader.js
@@ -0,0 +1,24 @@
+import { useTranslation } from 'react-i18next';
+
+import IframeLayout from '../../components/layouts/iframe';
+import LoadingSpinner from '../../components/UI/LoadingSpinner';
+import Bin from '../../assets/icons/bin.svg';
+import { useAuth } from '../../lib/Auth';
+import CopyToClipboard from '../../components/UI/CopyToClipboard';
+
+const WriteIframeHeader = ({ removingLink, removeLink, title, content }) => {
+    const { t } = useTranslation('write');
+
+    return (
+        <IframeLayout.IframeHeader>
+            <h2>{ title }</h2>
+            <IframeLayout.IframeHeaderButtonWrapper>
+                <CopyToClipboard content={content} />
+                <button title={t('Remove pad from my library')} onClick={removeLink}>
+                    { removingLink ? <LoadingSpinner /> : <Bin fill="var(--color-foreground)" /> }
+                </button>
+            </IframeLayout.IframeHeaderButtonWrapper>
+        </IframeLayout.IframeHeader>
+    );
+};
+export default WriteIframeHeader;
diff --git a/pages/write/[[...roomId]].js b/pages/write/[[...roomId]].js
index 68e3b833..672ee88d 100644
--- a/pages/write/[[...roomId]].js
+++ b/pages/write/[[...roomId]].js
@@ -10,12 +10,11 @@ import WriteListEntry from './WriteListEntry';
 import ErrorMessage from '../../components/UI/ErrorMessage';
 import IframeLayout from '../../components/layouts/iframe';
 import { ServiceSubmenu } from '../../components/UI/ServiceSubmenu';
-import Bin from '../../assets/icons/bin.svg';
-import Clipboard from '../../assets/icons/clipboard.svg';
 import { ServiceTable } from '../../components/UI/ServiceTable';
 import Form from '../../components/UI/Form';
 import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
 import LoadingSpinner from '../../components/UI/LoadingSpinner';
+import WriteIframeHeader from './WriteIframeHeader';
 
 export default function Write() {
     const auth = useAuth();
@@ -282,17 +281,11 @@ export default function Write() {
             </IframeLayout.Sidebar>
             { roomId && content && (
                 <IframeLayout.IframeWrapper>
-                    <IframeLayout.IframeHeader>
-                        <h2>{ matrix.rooms.get(roomId).name }</h2>
-                        <IframeLayout.IframeHeaderButtonWrapper>
-                            <button title={t('Copy pad link to clipboard')} onClick={copyToClipboard}>
-                                <Clipboard fill="var(--color-foreground)" />
-                            </button>
-                            <button title={t('Remove pad from my library')} onClick={removeLink}>
-                                { removingLink ? <LoadingSpinner /> : <Bin fill="var(--color-foreground)" /> }
-                            </button>
-                        </IframeLayout.IframeHeaderButtonWrapper>
-                    </IframeLayout.IframeHeader>
+                    <WriteIframeHeader
+                        content={content.body}
+                        title={matrix.rooms.get(roomId).name}
+                        removeLink={removeLink}
+                        removingLink={removingLink} />
                     <iframe src={content.body} />
 
                 </IframeLayout.IframeWrapper>

From 05854b8a75c15c53a2193a0ad388fb55d9a6ae1c Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Tue, 14 Feb 2023 11:08:46 +0100
Subject: [PATCH 031/714] remove element css in explore

---
 pages/explore/[[...roomId]].js | 136 ++++++++++++++++++++++++++++++++-
 1 file changed, 135 insertions(+), 1 deletion(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index a4390b89..cd10850d 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -33,10 +33,142 @@ export default function Explore() {
     const dimensionsRef = useRef();
     const router = useRouter();
     const [roomId, setRoomId] = useState('');
+    const iframe = useRef();
+    const [currentItemType, setCurrentItemType] = useState('');
 
     const auth = useAuth();
     const matrix = useMatrix(auth.getAuthenticationProvider('matrix'));
 
+    useEffect(() => {
+        if (!iframe.current) return;
+
+        const injectCss = () => {
+            const styleTag = document.createElement('style');
+            const styleContent = document.createTextNode(`
+                @media (prefers-color-scheme: dark) {
+                    body {
+                        color-scheme: dark !important;
+
+                        --accent: #3f3f3f !important;
+                        --accent-0pct: #3f3f3f00 !important;
+                        --accent-15pct: #3f3f3f26 !important;
+                        --accent-50pct: #3f3f3f7F !important;
+
+                        --accent-color: #3f3f3f !important;
+                        --accent-color-0pct: #3f3f3f00 !important;
+                        --accent-color-15pct: #3f3f3f26 !important;
+                        --accent-color-50pct: #3f3f3f7F !important;
+
+                        --icon-button-color: #3f3f3f !important;
+                        --icon-button-color-0pct: #3f3f3f00 !important;
+                        --icon-button-color-15pct: #3f3f3f26 !important;
+                        --icon-button-color-50pct: #3f3f3f7F !important;
+
+                        --primary-color: #f0f0f0 !important;
+                        --primary-color-0pct: #f0f0f000 !important;
+                        --primary-color-15pct: #f0f0f026 !important;
+                        --primary-color-50pct: #f0f0f07F !important;
+
+                        --roomlist-background-color: #0f0f0f !important;
+                        --roomlist-background-color-0pct: #0f0f0f00 !important;
+                        --roomlist-background-color-15pct: #0f0f0f26 !important;
+                        --roomlist-background-color-50pct: #0f0f0f7F !important;
+
+                        --roomlist-highlights-color: #1f1f1f !important;
+                        --roomlist-highlights-color-0pct: #1f1f1f00 !important;
+                        --roomlist-highlights-color-15pct: #1f1f1f26 !important;
+                        --roomlist-highlights-color-50pct: #1f1f1f7F !important;
+
+                        --roomlist-separator-color: #1f1f1f !important;
+                        --roomlist-separator-color-0pct: #1f1f1f00 !important;
+                        --roomlist-separator-color-15pct: #1f1f1f26 !important;
+                        --roomlist-separator-color-50pct: #1f1f1f7F !important;
+
+                        --roomlist-text-color: #f0f0f0 !important;
+                        --roomlist-text-color-0pct: #f0f0f000 !important;
+                        --roomlist-text-color-15pct: #f0f0f026 !important;
+                        --roomlist-text-color-50pct: #f0f0f07F !important;
+
+                        --roomlist-text-secondary-color: #f0f0f0 !important;
+                        --roomlist-text-secondary-color-0pct: #f0f0f000 !important;
+                        --roomlist-text-secondary-color-15pct: #f0f0f026 !important;
+                        --roomlist-text-secondary-color-50pct: #f0f0f07F !important;
+
+                        --sidebar-color: #0f0f0f !important;
+                        --sidebar-color-0pct: #0f0f0f00 !important;
+                        --sidebar-color-15pct: #0f0f0f26 !important;
+                        --sidebar-color-50pct: #0f0f0f7F !important;
+
+                        --timeline-background-color: #0f0f0f !important;
+                        --timeline-background-color-0pct: #0f0f0f00 !important;
+                        --timeline-background-color-15pct: #0f0f0f26 !important;
+                        --timeline-background-color-50pct: #0f0f0f7F !important;
+
+                        --timeline-highlights-color: #1a1f1c !important;
+                        --timeline-highlights-color-0pct: #1a1f1c00 !important;
+                        --timeline-highlights-color-15pct: #1a1f1c26 !important;
+                        --timeline-highlights-color-50pct: #1a1f1c7F !important;
+
+                        --timeline-text-color: #f0f0f0 !important;
+                        --timeline-text-color-0pct: #f0f0f000 !important;
+                        --timeline-text-color-15pct: #f0f0f026 !important;
+                        --timeline-text-color-50pct: #f0f0f07F !important;
+
+                        --timeline-text-secondary-color: #f0f0f0 !important;
+                        --timeline-text-secondary-color-0pct: #f0f0f000 !important;
+                        --timeline-text-secondary-color-15pct: #f0f0f026 !important;
+                        --timeline-text-secondary-color-50pct: #f0f0f07F !important;
+
+                        --warning-color: #ff4b55 !important;
+                        --warning-color-0pct: #ff4b5500 !important;
+                        --warning-color-15pct: #ff4b5526 !important;
+                        --warning-color-50pct: #ff4b557F !important;
+
+                        --avatar-background-colors_0: #1f1f1f !important;
+                        --avatar-background-colors_1: #1f1f1f !important;
+                        --avatar-background-colors_2: #1f1f1f !important;
+
+                        --username-colors_0: #f0f0f0 !important;
+                        --username-colors_1: #f0f0f0 !important;
+                        --username-colors_2: #f0f0f0 !important;
+                        --username-colors_3: #f0f0f0 !important;
+                        --username-colors_4: #f0f0f0 !important;
+                        --username-colors_5: #f0f0f0 !important;
+                        --username-colors_6: #f0f0f0 !important;
+                        --username-colors_7: #f0f0f0 !important;
+
+                        --font-family: "Inter" !important;
+
+                        /* @NOTE: the following variables are found throughout element-web's \`theme-light-custom.css\` (fallback: \`#2e2f32\`) and \`theme-dark-custom.css\` (fallback: \`#edf3ff\`) */
+                        --secondary-content: var(--primary-color-50pct) !important;
+                        --tertiary-content: var(--primary-color-50pct) !important;
+                        --quaternary-content: var(--primary-color-15pct) !important;
+                        --quinary-content: var(--primary-color-15pct) !important;
+                    }
+                }
+                * { border-radius: unset !important }
+                .mx_LeftPanel_outerWrapper, .mx_LeftPanel_outerWrapper + .mx_ResizeHandle_horizontal { display: none !important }
+                .mx_RightPanel_roomSummaryButton, .mx_RightPanel_notifsButton { display: none }
+                .mx_RoomHeader_name { pointer-events: none }
+                .mx_RoomHeader_chevron { display: none }
+
+                /* @TODO: This can be improved... and should probably not target mobile viewports. It's to make the */
+                /* header look like it's on line with our header elements from first & second sidebar. */
+                .mx_RoomHeader_wrapper { height: unset; padding: 0; border-bottom: none }
+                .mx_RoomHeader { flex: unset; -webkit-box-flex: unset; padding: 2.85rem 0 } 
+                .mx_RoomHeader_name { font-weight: bold }
+            `);
+            styleTag.appendChild(styleContent);
+            iframe.current.contentDocument.getElementsByTagName('html')[0].appendChild(styleTag);
+        };
+
+        currentItemType === 'chat' && iframe.current.addEventListener('load', injectCss);
+
+        return () => {
+            iframe.current && iframe.current.removeEventListener('load', injectCss);
+        };
+    });
+
     async function callApiAndAddToObject(roomId) {
         function findObject(structure, id) {
             let ret;
@@ -144,6 +276,7 @@ export default function Explore() {
         // return fetchChildren;
         let content = null;
         if (element.data.template === 'write') {
+            setCurrentItemType('write');
             console.log('inside if');
             content = await getRoomContent(element.data.id);
             console.log(content);
@@ -151,6 +284,7 @@ export default function Explore() {
             // console.log(roomId);
         }
         if (element.data.template === 'chat') {
+            setCurrentItemType('chat');
             console.log('inside if');
             content = `${getConfig().publicRuntimeConfig.chat.pathToElement}/#/room/${element.data.id}`;
 
@@ -184,7 +318,7 @@ export default function Explore() {
                     title={matrix.spaces.get(roomId)?.name ||matrix.rooms.get(roomId)?.name}
                     removeLink={() => console.log('removing pad from parent')}
                     removingLink={false} />
-                <iframe src={selectedNode} />
+                <iframe ref={iframe} src={selectedNode} />
             </IframeLayout.IframeWrapper>
             }
             { /* <ExploreSection>

From 8fcca2a3a4830d2dd8532fb6d11571a36a4a377f Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Tue, 14 Feb 2023 12:36:07 +0100
Subject: [PATCH 032/714] adapt for sketch

---
 pages/explore/[[...roomId]].js | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index cd10850d..6781a623 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -257,8 +257,11 @@ export default function Explore() {
 
     const getRoomContent = async (roomId) => {
         // const object = await fetch(getConfig().publicRuntimeConfig.authProviders.matrix.api + '/api/v2/' + roomId + '/render/json').catch((err) => console.error(err));
+        console.log(roomId);
         await matrix.hydrateRoomContent(roomId);
         const fetchMessage = matrix.roomContents.get(roomId);
+        console.log(fetchMessage);
+        if(!fetchMessage) return 
         return fetchMessage.body;
         // const object = await fetch('http://192.168.0.50:3009/api/v2/!gBzMkmAvxvlPEwlvdq:moci.space/render/d3/fullTree').catch((err) => console.error(err));
 
@@ -275,22 +278,21 @@ export default function Explore() {
         // await callApiAndAddToObject(element.data.id);
         // return fetchChildren;
         let content = null;
-        if (element.data.template === 'write') {
-            setCurrentItemType('write');
-            console.log('inside if');
-            content = await getRoomContent(element.data.id);
-            console.log(content);
-            // await new Promise(res => setTimeout(res, 650)); //transition time in d3js minus 100ms
-            // console.log(roomId);
-        }
+
         if (element.data.template === 'chat') {
             setCurrentItemType('chat');
-            console.log('inside if');
             content = `${getConfig().publicRuntimeConfig.chat.pathToElement}/#/room/${element.data.id}`;
 
+            // await new Promise(res => setTimeout(res, 650)); //transition time in d3js minus 100ms
+            // console.log(roomId);
+        } else {
+            setCurrentItemType(element.data.template);
+            content = await getRoomContent(element.data.id);
+            console.log(content);
             // await new Promise(res => setTimeout(res, 650)); //transition time in d3js minus 100ms
             // console.log(roomId);
         }
+        
         content && !parent && await new Promise(res => setTimeout(res, 650)); // await transition of grid
         // router.push(`/explore/${element.data.id}`);
         setSelectedNode(prevState => content === prevState ? null : content); // if selected node is not undefined iframe loads the url(type string) from selectedNode

From d8ce74053802f01860da097bdd32dcf7c1ed2093 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Tue, 14 Feb 2023 14:41:15 +0100
Subject: [PATCH 033/714] return message from hydrateRoomContent function

---
 lib/Matrix.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/lib/Matrix.js b/lib/Matrix.js
index e38669f4..767355cc 100644
--- a/lib/Matrix.js
+++ b/lib/Matrix.js
@@ -285,6 +285,7 @@ function useMatrixProvider(activeMatrixAuthenticationProviders) {
                 newState.set(roomId, message);
                 return newState;
             });
+            return message
         };
 
         return {

From 3afaeeb2aea75a20739acf36ac6a51cc482112ec Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Tue, 14 Feb 2023 14:41:35 +0100
Subject: [PATCH 034/714] refactor for changes in hydrateRoomContent function

---
 pages/explore/[[...roomId]].js | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 6781a623..aec63ffa 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -258,10 +258,14 @@ export default function Explore() {
     const getRoomContent = async (roomId) => {
         // const object = await fetch(getConfig().publicRuntimeConfig.authProviders.matrix.api + '/api/v2/' + roomId + '/render/json').catch((err) => console.error(err));
         console.log(roomId);
-        await matrix.hydrateRoomContent(roomId);
-        const fetchMessage = matrix.roomContents.get(roomId);
+        let fetchMessage = matrix.roomContents.get(roomId);
         console.log(fetchMessage);
-        if(!fetchMessage) return 
+        if (!fetchMessage) {
+            fetchMessage = await matrix.hydrateRoomContent(roomId);
+            console.log(fetchMessage);
+            
+        }
+        if(!fetchMessage) return
         return fetchMessage.body;
         // const object = await fetch('http://192.168.0.50:3009/api/v2/!gBzMkmAvxvlPEwlvdq:moci.space/render/d3/fullTree').catch((err) => console.error(err));
 
@@ -274,6 +278,8 @@ export default function Explore() {
     const handleClicked = async (element, parent) => {
         // element is the last node clicked on by the user
         if (!element) return;
+        console.log(element);
+        if(element.data.type === 'context') return
         // if (element.children) return;
         // await callApiAndAddToObject(element.data.id);
         // return fetchChildren;

From ad677e51765bf4515ae946ad7f97c693ca9c1a29 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Tue, 14 Feb 2023 15:49:53 +0100
Subject: [PATCH 035/714] add projectview

---
 pages/explore/ProjectView.js | 80 ++++++++++++++++++++++++++++++++++++
 1 file changed, 80 insertions(+)
 create mode 100644 pages/explore/ProjectView.js

diff --git a/pages/explore/ProjectView.js b/pages/explore/ProjectView.js
new file mode 100644
index 00000000..ccc5023e
--- /dev/null
+++ b/pages/explore/ProjectView.js
@@ -0,0 +1,80 @@
+import { useTranslation } from 'react-i18next';
+
+import IframeLayout from '../../components/layouts/iframe';
+import LoadingSpinner from '../../components/UI/LoadingSpinner';
+import CopyToClipboard from '../../components/UI/CopyToClipboard';
+import { useCallback, useEffect, useState } from 'react';
+import getConfig from 'next/config';
+import styled from 'styled-components';
+
+
+const View = styled.div`
+  display: flex; // this only works if content is wrapped in iframe (studentproject (div) for example break the layout)
+  flex: 1 0;
+  flex-direction: column;
+  overflow-y: scroll;
+
+  > div > * + * {
+    margin-top: calc(var(--margin) * 1.4);
+  }
+
+  > div {
+    margin: 0;
+    border: none;
+    border-top: 1px dotted rgb(210 210 210);
+    padding: calc(var(--margin) * 2);
+    padding-bottom: calc(var(--margin) * 3);
+  }
+
+  img {
+    max-width: 100%;
+  }
+`;
+
+const Header = styled.header`
+  display: grid;
+  grid-template-columns: 1fr auto;
+  width: 100%;
+  padding: var(--margin);
+  padding-bottom: var(--margin);
+
+  @media (width > 51em) {
+    padding-bottom: calc(var(--margin) * 2);
+
+    @media (width > 68em) {
+      padding: calc(var(--margin) * 2);
+      padding-bottom: calc(var(--margin) * 3);
+    }
+  }
+
+  /* @TODO: re-factor quick-fix */
+  h2 {
+    margin: 0 !important;
+  }
+`;
+
+const ProjectView = ({ removingLink, removeLink, content }) => {
+    const { t } = useTranslation('write');
+    const [project, setProject] = useState();
+
+    useEffect(() => {
+        fetchProjectHtml(content)
+    }, [content]);
+
+    const fetchProjectHtml    =async (roomId) => {
+        const object = await fetch(getConfig().publicRuntimeConfig.authProviders.matrix.api + '/api/v2/' + roomId + '/render/json').catch((err) => console.error(err));
+        const json = await object.json()
+        setProject(json)
+    }
+
+    if (!project) return <LoadingSpinner />
+    return (
+        <View>
+            <Header>
+                <h2>{project.abstract.name}</h2>
+            </Header>
+          <div dangerouslySetInnerHTML={{ __html: project.languages.EN.formattedContent }} />
+        </View>
+            );
+};
+export default ProjectView;

From df01aa59598d386604f4ada0247669c715b57f21 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Tue, 14 Feb 2023 15:50:05 +0100
Subject: [PATCH 036/714] implement project view

---
 pages/explore/[[...roomId]].js | 25 ++++++++++++++++---------
 1 file changed, 16 insertions(+), 9 deletions(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index aec63ffa..f258e004 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -14,6 +14,7 @@ import LoadingSpinner from '../../components/UI/LoadingSpinner';
 import { useAuth } from '../../lib/Auth';
 import { useMatrix } from '../../lib/Matrix';
 import WriteIframeHeader from '../write/WriteIframeHeader';
+import ProjectView from './ProjectView';
 
 // const ExploreSection = styled.div`
 //   & > * + * {
@@ -257,9 +258,8 @@ export default function Explore() {
 
     const getRoomContent = async (roomId) => {
         // const object = await fetch(getConfig().publicRuntimeConfig.authProviders.matrix.api + '/api/v2/' + roomId + '/render/json').catch((err) => console.error(err));
-        console.log(roomId);
         let fetchMessage = matrix.roomContents.get(roomId);
-        console.log(fetchMessage);
+
         if (!fetchMessage) {
             fetchMessage = await matrix.hydrateRoomContent(roomId);
             console.log(fetchMessage);
@@ -278,7 +278,6 @@ export default function Explore() {
     const handleClicked = async (element, parent) => {
         // element is the last node clicked on by the user
         if (!element) return;
-        console.log(element);
         if(element.data.type === 'context') return
         // if (element.children) return;
         // await callApiAndAddToObject(element.data.id);
@@ -291,7 +290,11 @@ export default function Explore() {
 
             // await new Promise(res => setTimeout(res, 650)); //transition time in d3js minus 100ms
             // console.log(roomId);
-        } else {
+        } if (element.data.template === 'studentproject') {
+            setCurrentItemType('studentproject');
+            content = element.data.id
+        }
+        else {
             setCurrentItemType(element.data.template);
             content = await getRoomContent(element.data.id);
             console.log(content);
@@ -318,16 +321,20 @@ export default function Explore() {
                     parsedHeight={d3Height}
                     selectedNode={selectedNode} />
             </IframeLayout.Sidebar>
-            { selectedNode &&
 
-            <IframeLayout.IframeWrapper>
-                <WriteIframeHeader
+            {selectedNode && 
+                <>
+               { currentItemType === 'studentproject' ?
+                    <ProjectView content={selectedNode}/>
+                        :  <IframeLayout.IframeWrapper>
+                            <WriteIframeHeader
                     content={selectedNode}
                     title={matrix.spaces.get(roomId)?.name ||matrix.rooms.get(roomId)?.name}
                     removeLink={() => console.log('removing pad from parent')}
                     removingLink={false} />
-                <iframe ref={iframe} src={selectedNode} />
-            </IframeLayout.IframeWrapper>
+                            <iframe ref={iframe} src={selectedNode} />
+                </IframeLayout.IframeWrapper>}
+                </>
             }
             { /* <ExploreSection>
                 <ContextMultiLevelSelect onChange={setActiveContexts} activeContexts={activeContexts} />

From 4bb29bcf6a52651cbed0fdd8b0e089ad123872d8 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Tue, 14 Feb 2023 15:55:25 +0100
Subject: [PATCH 037/714] fix chat

---
 pages/explore/[[...roomId]].js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index f258e004..4b11ee1d 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -259,7 +259,7 @@ export default function Explore() {
     const getRoomContent = async (roomId) => {
         // const object = await fetch(getConfig().publicRuntimeConfig.authProviders.matrix.api + '/api/v2/' + roomId + '/render/json').catch((err) => console.error(err));
         let fetchMessage = matrix.roomContents.get(roomId);
-
+        console.log(fetchMessage);
         if (!fetchMessage) {
             fetchMessage = await matrix.hydrateRoomContent(roomId);
             console.log(fetchMessage);
@@ -290,7 +290,7 @@ export default function Explore() {
 
             // await new Promise(res => setTimeout(res, 650)); //transition time in d3js minus 100ms
             // console.log(roomId);
-        } if (element.data.template === 'studentproject') {
+        } else if (element.data.template === 'studentproject') {
             setCurrentItemType('studentproject');
             content = element.data.id
         }

From 01a201a4141ec862bdd88b47c33f6f83ac868861 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Tue, 14 Feb 2023 15:55:58 +0100
Subject: [PATCH 038/714] remove comment

---
 pages/explore/ProjectView.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/explore/ProjectView.js b/pages/explore/ProjectView.js
index ccc5023e..9313a74a 100644
--- a/pages/explore/ProjectView.js
+++ b/pages/explore/ProjectView.js
@@ -9,7 +9,7 @@ import styled from 'styled-components';
 
 
 const View = styled.div`
-  display: flex; // this only works if content is wrapped in iframe (studentproject (div) for example break the layout)
+  display: flex; 
   flex: 1 0;
   flex-direction: column;
   overflow-y: scroll;

From 68877eaeb026a7668dc563bfe5b743d593216803 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 15 Feb 2023 11:42:42 +0100
Subject: [PATCH 039/714] Create Chat iframe component and adapt /explore and
 /chat

---
 pages/chat/ChatIframeView.js   | 143 +++++++++++++++++++++++++++++++++
 pages/chat/[[...roomId]].js    | 139 ++------------------------------
 pages/explore/[[...roomId]].js | 134 +-----------------------------
 3 files changed, 150 insertions(+), 266 deletions(-)
 create mode 100644 pages/chat/ChatIframeView.js

diff --git a/pages/chat/ChatIframeView.js b/pages/chat/ChatIframeView.js
new file mode 100644
index 00000000..9a0aa155
--- /dev/null
+++ b/pages/chat/ChatIframeView.js
@@ -0,0 +1,143 @@
+import React, { useEffect, useRef } from 'react';
+
+const ChatIframeView = ({ src }) => {
+    const iframe = useRef()
+
+    // Injecting custom CSS into the Element <iframe>
+    useEffect(() => {
+        if (!iframe.current) return;
+        // variable needed to make eslint happy
+        const currentRef = iframe.current;
+
+        const injectCss = () => {
+            const styleTag = document.createElement('style');
+            const styleContent = document.createTextNode(`
+                @media (prefers-color-scheme: dark) {
+                    body {
+                        color-scheme: dark !important;
+
+                        --accent: #3f3f3f !important;
+                        --accent-0pct: #3f3f3f00 !important;
+                        --accent-15pct: #3f3f3f26 !important;
+                        --accent-50pct: #3f3f3f7F !important;
+
+                        --accent-color: #3f3f3f !important;
+                        --accent-color-0pct: #3f3f3f00 !important;
+                        --accent-color-15pct: #3f3f3f26 !important;
+                        --accent-color-50pct: #3f3f3f7F !important;
+
+                        --icon-button-color: #3f3f3f !important;
+                        --icon-button-color-0pct: #3f3f3f00 !important;
+                        --icon-button-color-15pct: #3f3f3f26 !important;
+                        --icon-button-color-50pct: #3f3f3f7F !important;
+
+                        --primary-color: #f0f0f0 !important;
+                        --primary-color-0pct: #f0f0f000 !important;
+                        --primary-color-15pct: #f0f0f026 !important;
+                        --primary-color-50pct: #f0f0f07F !important;
+
+                        --roomlist-background-color: #0f0f0f !important;
+                        --roomlist-background-color-0pct: #0f0f0f00 !important;
+                        --roomlist-background-color-15pct: #0f0f0f26 !important;
+                        --roomlist-background-color-50pct: #0f0f0f7F !important;
+
+                        --roomlist-highlights-color: #1f1f1f !important;
+                        --roomlist-highlights-color-0pct: #1f1f1f00 !important;
+                        --roomlist-highlights-color-15pct: #1f1f1f26 !important;
+                        --roomlist-highlights-color-50pct: #1f1f1f7F !important;
+
+                        --roomlist-separator-color: #1f1f1f !important;
+                        --roomlist-separator-color-0pct: #1f1f1f00 !important;
+                        --roomlist-separator-color-15pct: #1f1f1f26 !important;
+                        --roomlist-separator-color-50pct: #1f1f1f7F !important;
+
+                        --roomlist-text-color: #f0f0f0 !important;
+                        --roomlist-text-color-0pct: #f0f0f000 !important;
+                        --roomlist-text-color-15pct: #f0f0f026 !important;
+                        --roomlist-text-color-50pct: #f0f0f07F !important;
+
+                        --roomlist-text-secondary-color: #f0f0f0 !important;
+                        --roomlist-text-secondary-color-0pct: #f0f0f000 !important;
+                        --roomlist-text-secondary-color-15pct: #f0f0f026 !important;
+                        --roomlist-text-secondary-color-50pct: #f0f0f07F !important;
+
+                        --sidebar-color: #0f0f0f !important;
+                        --sidebar-color-0pct: #0f0f0f00 !important;
+                        --sidebar-color-15pct: #0f0f0f26 !important;
+                        --sidebar-color-50pct: #0f0f0f7F !important;
+
+                        --timeline-background-color: #0f0f0f !important;
+                        --timeline-background-color-0pct: #0f0f0f00 !important;
+                        --timeline-background-color-15pct: #0f0f0f26 !important;
+                        --timeline-background-color-50pct: #0f0f0f7F !important;
+
+                        --timeline-highlights-color: #1a1f1c !important;
+                        --timeline-highlights-color-0pct: #1a1f1c00 !important;
+                        --timeline-highlights-color-15pct: #1a1f1c26 !important;
+                        --timeline-highlights-color-50pct: #1a1f1c7F !important;
+
+                        --timeline-text-color: #f0f0f0 !important;
+                        --timeline-text-color-0pct: #f0f0f000 !important;
+                        --timeline-text-color-15pct: #f0f0f026 !important;
+                        --timeline-text-color-50pct: #f0f0f07F !important;
+
+                        --timeline-text-secondary-color: #f0f0f0 !important;
+                        --timeline-text-secondary-color-0pct: #f0f0f000 !important;
+                        --timeline-text-secondary-color-15pct: #f0f0f026 !important;
+                        --timeline-text-secondary-color-50pct: #f0f0f07F !important;
+
+                        --warning-color: #ff4b55 !important;
+                        --warning-color-0pct: #ff4b5500 !important;
+                        --warning-color-15pct: #ff4b5526 !important;
+                        --warning-color-50pct: #ff4b557F !important;
+
+                        --avatar-background-colors_0: #1f1f1f !important;
+                        --avatar-background-colors_1: #1f1f1f !important;
+                        --avatar-background-colors_2: #1f1f1f !important;
+
+                        --username-colors_0: #f0f0f0 !important;
+                        --username-colors_1: #f0f0f0 !important;
+                        --username-colors_2: #f0f0f0 !important;
+                        --username-colors_3: #f0f0f0 !important;
+                        --username-colors_4: #f0f0f0 !important;
+                        --username-colors_5: #f0f0f0 !important;
+                        --username-colors_6: #f0f0f0 !important;
+                        --username-colors_7: #f0f0f0 !important;
+
+                        --font-family: "Inter" !important;
+
+                        /* @NOTE: the following variables are found throughout element-web's \`theme-light-custom.css\` (fallback: \`#2e2f32\`) and \`theme-dark-custom.css\` (fallback: \`#edf3ff\`) */
+                        --secondary-content: var(--primary-color-50pct) !important;
+                        --tertiary-content: var(--primary-color-50pct) !important;
+                        --quaternary-content: var(--primary-color-15pct) !important;
+                        --quinary-content: var(--primary-color-15pct) !important;
+                    }
+                }
+                * { border-radius: unset !important }
+                .mx_LeftPanel_outerWrapper, .mx_LeftPanel_outerWrapper + .mx_ResizeHandle_horizontal { display: none !important }
+                .mx_RightPanel_roomSummaryButton, .mx_RightPanel_notifsButton { display: none }
+                .mx_RoomHeader_name { pointer-events: none }
+                .mx_RoomHeader_chevron { display: none }
+
+                /* @TODO: This can be improved... and should probably not target mobile viewports. It's to make the */
+                /* header look like it's on line with our header elements from first & second sidebar. */
+                .mx_RoomHeader_wrapper { height: unset; padding: 0; border-bottom: none }
+                .mx_RoomHeader { flex: unset; -webkit-box-flex: unset; padding: 2.85rem 0 } 
+                .mx_RoomHeader_name { font-weight: bold }
+            `);
+            styleTag.appendChild(styleContent);
+            iframe.current.contentDocument.getElementsByTagName('html')[0].appendChild(styleTag);
+        };
+
+        iframe.current.addEventListener('load', injectCss);
+
+        return () => {
+            currentRef && currentRef.removeEventListener('load', injectCss);
+        };
+    });
+
+    return (
+        <iframe src={src} ref={iframe} />
+    );
+};
+export default ChatIframeView;
diff --git a/pages/chat/[[...roomId]].js b/pages/chat/[[...roomId]].js
index d6aa64bd..99bf9d72 100644
--- a/pages/chat/[[...roomId]].js
+++ b/pages/chat/[[...roomId]].js
@@ -1,4 +1,4 @@
-import React, { useEffect, useRef } from 'react';
+import React from 'react';
 import styled from 'styled-components';
 import _ from 'lodash';
 import { useTranslation } from 'react-i18next';
@@ -9,6 +9,9 @@ import Link from 'next/link';
 import { useAuth } from '../../lib/Auth';
 import { useMatrix } from '../../lib/Matrix';
 import IframeLayout from '../../components/layouts/iframe';
+import ChatIframeView from './ChatIframeView';
+
+
 
 const sortRooms = function(room) {
     return [
@@ -75,143 +78,11 @@ const SidebarListEntry = function({ room, onClick }) {
 
 export default function RoomId() {
     const auth = useAuth();
-    const iframe = useRef();
     const router = useRouter();
     const roomId = _.get(router, 'query.roomId.0');
     const { t } = useTranslation('chat');
     const matrix = useMatrix(auth.getAuthenticationProvider('matrix'));
 
-    // Injecting custom CSS into the Element <iframe>
-    useEffect(() => {
-        if (!iframe.current) return;
-
-        const injectCss = () => {
-            const styleTag = document.createElement('style');
-            const styleContent = document.createTextNode(`
-                @media (prefers-color-scheme: dark) {
-                    body {
-                        color-scheme: dark !important;
-
-                        --accent: #3f3f3f !important;
-                        --accent-0pct: #3f3f3f00 !important;
-                        --accent-15pct: #3f3f3f26 !important;
-                        --accent-50pct: #3f3f3f7F !important;
-
-                        --accent-color: #3f3f3f !important;
-                        --accent-color-0pct: #3f3f3f00 !important;
-                        --accent-color-15pct: #3f3f3f26 !important;
-                        --accent-color-50pct: #3f3f3f7F !important;
-
-                        --icon-button-color: #3f3f3f !important;
-                        --icon-button-color-0pct: #3f3f3f00 !important;
-                        --icon-button-color-15pct: #3f3f3f26 !important;
-                        --icon-button-color-50pct: #3f3f3f7F !important;
-
-                        --primary-color: #f0f0f0 !important;
-                        --primary-color-0pct: #f0f0f000 !important;
-                        --primary-color-15pct: #f0f0f026 !important;
-                        --primary-color-50pct: #f0f0f07F !important;
-
-                        --roomlist-background-color: #0f0f0f !important;
-                        --roomlist-background-color-0pct: #0f0f0f00 !important;
-                        --roomlist-background-color-15pct: #0f0f0f26 !important;
-                        --roomlist-background-color-50pct: #0f0f0f7F !important;
-
-                        --roomlist-highlights-color: #1f1f1f !important;
-                        --roomlist-highlights-color-0pct: #1f1f1f00 !important;
-                        --roomlist-highlights-color-15pct: #1f1f1f26 !important;
-                        --roomlist-highlights-color-50pct: #1f1f1f7F !important;
-
-                        --roomlist-separator-color: #1f1f1f !important;
-                        --roomlist-separator-color-0pct: #1f1f1f00 !important;
-                        --roomlist-separator-color-15pct: #1f1f1f26 !important;
-                        --roomlist-separator-color-50pct: #1f1f1f7F !important;
-
-                        --roomlist-text-color: #f0f0f0 !important;
-                        --roomlist-text-color-0pct: #f0f0f000 !important;
-                        --roomlist-text-color-15pct: #f0f0f026 !important;
-                        --roomlist-text-color-50pct: #f0f0f07F !important;
-
-                        --roomlist-text-secondary-color: #f0f0f0 !important;
-                        --roomlist-text-secondary-color-0pct: #f0f0f000 !important;
-                        --roomlist-text-secondary-color-15pct: #f0f0f026 !important;
-                        --roomlist-text-secondary-color-50pct: #f0f0f07F !important;
-
-                        --sidebar-color: #0f0f0f !important;
-                        --sidebar-color-0pct: #0f0f0f00 !important;
-                        --sidebar-color-15pct: #0f0f0f26 !important;
-                        --sidebar-color-50pct: #0f0f0f7F !important;
-
-                        --timeline-background-color: #0f0f0f !important;
-                        --timeline-background-color-0pct: #0f0f0f00 !important;
-                        --timeline-background-color-15pct: #0f0f0f26 !important;
-                        --timeline-background-color-50pct: #0f0f0f7F !important;
-
-                        --timeline-highlights-color: #1a1f1c !important;
-                        --timeline-highlights-color-0pct: #1a1f1c00 !important;
-                        --timeline-highlights-color-15pct: #1a1f1c26 !important;
-                        --timeline-highlights-color-50pct: #1a1f1c7F !important;
-
-                        --timeline-text-color: #f0f0f0 !important;
-                        --timeline-text-color-0pct: #f0f0f000 !important;
-                        --timeline-text-color-15pct: #f0f0f026 !important;
-                        --timeline-text-color-50pct: #f0f0f07F !important;
-
-                        --timeline-text-secondary-color: #f0f0f0 !important;
-                        --timeline-text-secondary-color-0pct: #f0f0f000 !important;
-                        --timeline-text-secondary-color-15pct: #f0f0f026 !important;
-                        --timeline-text-secondary-color-50pct: #f0f0f07F !important;
-
-                        --warning-color: #ff4b55 !important;
-                        --warning-color-0pct: #ff4b5500 !important;
-                        --warning-color-15pct: #ff4b5526 !important;
-                        --warning-color-50pct: #ff4b557F !important;
-
-                        --avatar-background-colors_0: #1f1f1f !important;
-                        --avatar-background-colors_1: #1f1f1f !important;
-                        --avatar-background-colors_2: #1f1f1f !important;
-
-                        --username-colors_0: #f0f0f0 !important;
-                        --username-colors_1: #f0f0f0 !important;
-                        --username-colors_2: #f0f0f0 !important;
-                        --username-colors_3: #f0f0f0 !important;
-                        --username-colors_4: #f0f0f0 !important;
-                        --username-colors_5: #f0f0f0 !important;
-                        --username-colors_6: #f0f0f0 !important;
-                        --username-colors_7: #f0f0f0 !important;
-
-                        --font-family: "Inter" !important;
-
-                        /* @NOTE: the following variables are found throughout element-web's \`theme-light-custom.css\` (fallback: \`#2e2f32\`) and \`theme-dark-custom.css\` (fallback: \`#edf3ff\`) */
-                        --secondary-content: var(--primary-color-50pct) !important;
-                        --tertiary-content: var(--primary-color-50pct) !important;
-                        --quaternary-content: var(--primary-color-15pct) !important;
-                        --quinary-content: var(--primary-color-15pct) !important;
-                    }
-                }
-                * { border-radius: unset !important }
-                .mx_LeftPanel_outerWrapper, .mx_LeftPanel_outerWrapper + .mx_ResizeHandle_horizontal { display: none !important }
-                .mx_RightPanel_roomSummaryButton, .mx_RightPanel_notifsButton { display: none }
-                .mx_RoomHeader_name { pointer-events: none }
-                .mx_RoomHeader_chevron { display: none }
-
-                /* @TODO: This can be improved... and should probably not target mobile viewports. It's to make the */
-                /* header look like it's on line with our header elements from first & second sidebar. */
-                .mx_RoomHeader_wrapper { height: unset; padding: 0; border-bottom: none }
-                .mx_RoomHeader { flex: unset; -webkit-box-flex: unset; padding: 2.85rem 0 } 
-                .mx_RoomHeader_name { font-weight: bold }
-            `);
-            styleTag.appendChild(styleContent);
-            iframe.current.contentDocument.getElementsByTagName('html')[0].appendChild(styleTag);
-        };
-
-        iframe.current.addEventListener('load', injectCss);
-
-        return () => {
-            iframe.current && iframe.current.removeEventListener('load', injectCss);
-        };
-    });
-
     const invites = _.sortBy([...matrix.invites.values()], sortRooms);
     const directMessages = _.sortBy([...matrix.directMessages.values()], sortRooms);
     // Other rooms contains all rooms, except for the ones that ...
@@ -249,7 +120,7 @@ export default function RoomId() {
             </IframeLayout.Sidebar>
             { roomId && (
                 <IframeLayout.IframeWrapper>
-                    <iframe src={`${getConfig().publicRuntimeConfig.chat.pathToElement}/#/room/${roomId}`} ref={iframe} />
+                    <ChatIframeView src={`${getConfig().publicRuntimeConfig.chat.pathToElement}/#/room/${roomId}`} />
                 </IframeLayout.IframeWrapper>
             ) }
         </>
diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 4b11ee1d..9eea6164 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -15,6 +15,7 @@ import { useAuth } from '../../lib/Auth';
 import { useMatrix } from '../../lib/Matrix';
 import WriteIframeHeader from '../write/WriteIframeHeader';
 import ProjectView from './ProjectView';
+import ChatIframeView from '../chat/ChatIframeView';
 
 // const ExploreSection = styled.div`
 //   & > * + * {
@@ -34,142 +35,11 @@ export default function Explore() {
     const dimensionsRef = useRef();
     const router = useRouter();
     const [roomId, setRoomId] = useState('');
-    const iframe = useRef();
     const [currentItemType, setCurrentItemType] = useState('');
 
     const auth = useAuth();
     const matrix = useMatrix(auth.getAuthenticationProvider('matrix'));
 
-    useEffect(() => {
-        if (!iframe.current) return;
-
-        const injectCss = () => {
-            const styleTag = document.createElement('style');
-            const styleContent = document.createTextNode(`
-                @media (prefers-color-scheme: dark) {
-                    body {
-                        color-scheme: dark !important;
-
-                        --accent: #3f3f3f !important;
-                        --accent-0pct: #3f3f3f00 !important;
-                        --accent-15pct: #3f3f3f26 !important;
-                        --accent-50pct: #3f3f3f7F !important;
-
-                        --accent-color: #3f3f3f !important;
-                        --accent-color-0pct: #3f3f3f00 !important;
-                        --accent-color-15pct: #3f3f3f26 !important;
-                        --accent-color-50pct: #3f3f3f7F !important;
-
-                        --icon-button-color: #3f3f3f !important;
-                        --icon-button-color-0pct: #3f3f3f00 !important;
-                        --icon-button-color-15pct: #3f3f3f26 !important;
-                        --icon-button-color-50pct: #3f3f3f7F !important;
-
-                        --primary-color: #f0f0f0 !important;
-                        --primary-color-0pct: #f0f0f000 !important;
-                        --primary-color-15pct: #f0f0f026 !important;
-                        --primary-color-50pct: #f0f0f07F !important;
-
-                        --roomlist-background-color: #0f0f0f !important;
-                        --roomlist-background-color-0pct: #0f0f0f00 !important;
-                        --roomlist-background-color-15pct: #0f0f0f26 !important;
-                        --roomlist-background-color-50pct: #0f0f0f7F !important;
-
-                        --roomlist-highlights-color: #1f1f1f !important;
-                        --roomlist-highlights-color-0pct: #1f1f1f00 !important;
-                        --roomlist-highlights-color-15pct: #1f1f1f26 !important;
-                        --roomlist-highlights-color-50pct: #1f1f1f7F !important;
-
-                        --roomlist-separator-color: #1f1f1f !important;
-                        --roomlist-separator-color-0pct: #1f1f1f00 !important;
-                        --roomlist-separator-color-15pct: #1f1f1f26 !important;
-                        --roomlist-separator-color-50pct: #1f1f1f7F !important;
-
-                        --roomlist-text-color: #f0f0f0 !important;
-                        --roomlist-text-color-0pct: #f0f0f000 !important;
-                        --roomlist-text-color-15pct: #f0f0f026 !important;
-                        --roomlist-text-color-50pct: #f0f0f07F !important;
-
-                        --roomlist-text-secondary-color: #f0f0f0 !important;
-                        --roomlist-text-secondary-color-0pct: #f0f0f000 !important;
-                        --roomlist-text-secondary-color-15pct: #f0f0f026 !important;
-                        --roomlist-text-secondary-color-50pct: #f0f0f07F !important;
-
-                        --sidebar-color: #0f0f0f !important;
-                        --sidebar-color-0pct: #0f0f0f00 !important;
-                        --sidebar-color-15pct: #0f0f0f26 !important;
-                        --sidebar-color-50pct: #0f0f0f7F !important;
-
-                        --timeline-background-color: #0f0f0f !important;
-                        --timeline-background-color-0pct: #0f0f0f00 !important;
-                        --timeline-background-color-15pct: #0f0f0f26 !important;
-                        --timeline-background-color-50pct: #0f0f0f7F !important;
-
-                        --timeline-highlights-color: #1a1f1c !important;
-                        --timeline-highlights-color-0pct: #1a1f1c00 !important;
-                        --timeline-highlights-color-15pct: #1a1f1c26 !important;
-                        --timeline-highlights-color-50pct: #1a1f1c7F !important;
-
-                        --timeline-text-color: #f0f0f0 !important;
-                        --timeline-text-color-0pct: #f0f0f000 !important;
-                        --timeline-text-color-15pct: #f0f0f026 !important;
-                        --timeline-text-color-50pct: #f0f0f07F !important;
-
-                        --timeline-text-secondary-color: #f0f0f0 !important;
-                        --timeline-text-secondary-color-0pct: #f0f0f000 !important;
-                        --timeline-text-secondary-color-15pct: #f0f0f026 !important;
-                        --timeline-text-secondary-color-50pct: #f0f0f07F !important;
-
-                        --warning-color: #ff4b55 !important;
-                        --warning-color-0pct: #ff4b5500 !important;
-                        --warning-color-15pct: #ff4b5526 !important;
-                        --warning-color-50pct: #ff4b557F !important;
-
-                        --avatar-background-colors_0: #1f1f1f !important;
-                        --avatar-background-colors_1: #1f1f1f !important;
-                        --avatar-background-colors_2: #1f1f1f !important;
-
-                        --username-colors_0: #f0f0f0 !important;
-                        --username-colors_1: #f0f0f0 !important;
-                        --username-colors_2: #f0f0f0 !important;
-                        --username-colors_3: #f0f0f0 !important;
-                        --username-colors_4: #f0f0f0 !important;
-                        --username-colors_5: #f0f0f0 !important;
-                        --username-colors_6: #f0f0f0 !important;
-                        --username-colors_7: #f0f0f0 !important;
-
-                        --font-family: "Inter" !important;
-
-                        /* @NOTE: the following variables are found throughout element-web's \`theme-light-custom.css\` (fallback: \`#2e2f32\`) and \`theme-dark-custom.css\` (fallback: \`#edf3ff\`) */
-                        --secondary-content: var(--primary-color-50pct) !important;
-                        --tertiary-content: var(--primary-color-50pct) !important;
-                        --quaternary-content: var(--primary-color-15pct) !important;
-                        --quinary-content: var(--primary-color-15pct) !important;
-                    }
-                }
-                * { border-radius: unset !important }
-                .mx_LeftPanel_outerWrapper, .mx_LeftPanel_outerWrapper + .mx_ResizeHandle_horizontal { display: none !important }
-                .mx_RightPanel_roomSummaryButton, .mx_RightPanel_notifsButton { display: none }
-                .mx_RoomHeader_name { pointer-events: none }
-                .mx_RoomHeader_chevron { display: none }
-
-                /* @TODO: This can be improved... and should probably not target mobile viewports. It's to make the */
-                /* header look like it's on line with our header elements from first & second sidebar. */
-                .mx_RoomHeader_wrapper { height: unset; padding: 0; border-bottom: none }
-                .mx_RoomHeader { flex: unset; -webkit-box-flex: unset; padding: 2.85rem 0 } 
-                .mx_RoomHeader_name { font-weight: bold }
-            `);
-            styleTag.appendChild(styleContent);
-            iframe.current.contentDocument.getElementsByTagName('html')[0].appendChild(styleTag);
-        };
-
-        currentItemType === 'chat' && iframe.current.addEventListener('load', injectCss);
-
-        return () => {
-            iframe.current && iframe.current.removeEventListener('load', injectCss);
-        };
-    });
-
     async function callApiAndAddToObject(roomId) {
         function findObject(structure, id) {
             let ret;
@@ -332,7 +202,7 @@ export default function Explore() {
                     title={matrix.spaces.get(roomId)?.name ||matrix.rooms.get(roomId)?.name}
                     removeLink={() => console.log('removing pad from parent')}
                     removingLink={false} />
-                            <iframe ref={iframe} src={selectedNode} />
+                <ChatIframeView src={selectedNode} />
                 </IframeLayout.IframeWrapper>}
                 </>
             }

From 1cd0c0317a88e5720778caae8c8aa5064af343e7 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 15 Feb 2023 11:43:43 +0100
Subject: [PATCH 040/714] cleanup from console logs

---
 pages/explore/GraphView.js | 14 --------------
 1 file changed, 14 deletions(-)

diff --git a/pages/explore/GraphView.js b/pages/explore/GraphView.js
index 16e80cae..b87f7257 100644
--- a/pages/explore/GraphView.js
+++ b/pages/explore/GraphView.js
@@ -12,7 +12,6 @@ function GraphView({ parsedData, callback, parsedWidth, parsedHeight, selectedNo
     const [data, setData] = useState(parsedData);
     const [height, setHeight] = useState();
     const svgRef = useRef(null);
-    const [refocus, setRefocus] = useState(null);
 
     useEffect(() => {
         let cancelled = false;
@@ -74,18 +73,6 @@ function GraphView({ parsedData, callback, parsedWidth, parsedHeight, selectedNo
 
         const root = iciclePartition(data);
 
-        if (refocus) {
-            console.log(refocus);
-            root.each(
-                (d) =>
-                    (d.target = {
-                        x0: ((d.x0 - refocus.x0) / (refocus.x1 - refocus.x0)) * height,
-                        x1: ((d.x1 - refocus.x0) / (refocus.x1 - refocus.x0)) * height,
-                        y0: d.y0 - refocus.y0,
-                        y1: d.y1 - refocus.y0,
-                    }),
-            );
-        }
         let focus = root;
 
         // const svg = select('body')
@@ -147,7 +134,6 @@ function GraphView({ parsedData, callback, parsedWidth, parsedHeight, selectedNo
             .attr('text-anchor', 'end')
             .attr('fill-opacity', (d) => labelVisible(d) * 0.7)
             .text((d) => {
-                console.log(d);
                 return d.data.template;
             });
 

From bd308625bd5fd7f6e10cc6192d7ed8f1e0fae753 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 15 Feb 2023 12:00:06 +0100
Subject: [PATCH 041/714] make linter happy

---
 lib/Auth.js                    |   3 +-
 pages/chat/ChatIframeView.js   |   2 +-
 pages/chat/[[...roomId]].js    |   2 -
 pages/explore/GraphView.js     |   2 +-
 pages/explore/ProjectView.js   |  33 +++++------
 pages/explore/[[...roomId]].js | 104 ++++++++++++++++-----------------
 6 files changed, 68 insertions(+), 78 deletions(-)

diff --git a/lib/Auth.js b/lib/Auth.js
index 5dda0084..b583b678 100644
--- a/lib/Auth.js
+++ b/lib/Auth.js
@@ -51,9 +51,8 @@ function useAuthProvider() {
             // Set window.localStorage items for the Element client to automatically be logged-in
             window.localStorage.setItem('mx_hs_url', matrixAuthenticationResponse.well_known['m.homeserver'].base_url);
         } else {
-            window.localStorage.setItem('medienhaus_hs_url',homeserver);
+            window.localStorage.setItem('medienhaus_hs_url', homeserver);
             window.localStorage.setItem('mx_hs_url', homeserver);
-
         }
 
         // Set other window.localStorage items for medienhaus/
diff --git a/pages/chat/ChatIframeView.js b/pages/chat/ChatIframeView.js
index 9a0aa155..5b2b308c 100644
--- a/pages/chat/ChatIframeView.js
+++ b/pages/chat/ChatIframeView.js
@@ -1,7 +1,7 @@
 import React, { useEffect, useRef } from 'react';
 
 const ChatIframeView = ({ src }) => {
-    const iframe = useRef()
+    const iframe = useRef();
 
     // Injecting custom CSS into the Element <iframe>
     useEffect(() => {
diff --git a/pages/chat/[[...roomId]].js b/pages/chat/[[...roomId]].js
index 99bf9d72..ae70bc9e 100644
--- a/pages/chat/[[...roomId]].js
+++ b/pages/chat/[[...roomId]].js
@@ -11,8 +11,6 @@ import { useMatrix } from '../../lib/Matrix';
 import IframeLayout from '../../components/layouts/iframe';
 import ChatIframeView from './ChatIframeView';
 
-
-
 const sortRooms = function(room) {
     return [
         room.notificationCount == 0,
diff --git a/pages/explore/GraphView.js b/pages/explore/GraphView.js
index b87f7257..44e6dc91 100644
--- a/pages/explore/GraphView.js
+++ b/pages/explore/GraphView.js
@@ -128,7 +128,7 @@ function GraphView({ parsedData, callback, parsedWidth, parsedHeight, selectedNo
             return d.data.name;
         });
 
-        const tspan = text
+        text
             .append('tspan')
             .attr('x', (d) => d.y1 - d.y0 -16)
             .attr('text-anchor', 'end')
diff --git a/pages/explore/ProjectView.js b/pages/explore/ProjectView.js
index 9313a74a..12fc2359 100644
--- a/pages/explore/ProjectView.js
+++ b/pages/explore/ProjectView.js
@@ -1,15 +1,11 @@
-import { useTranslation } from 'react-i18next';
-
-import IframeLayout from '../../components/layouts/iframe';
-import LoadingSpinner from '../../components/UI/LoadingSpinner';
-import CopyToClipboard from '../../components/UI/CopyToClipboard';
-import { useCallback, useEffect, useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import getConfig from 'next/config';
 import styled from 'styled-components';
 
+import LoadingSpinner from '../../components/UI/LoadingSpinner';
 
 const View = styled.div`
-  display: flex; 
+  display: flex;
   flex: 1 0;
   flex-direction: column;
   overflow-y: scroll;
@@ -19,11 +15,11 @@ const View = styled.div`
   }
 
   > div {
+    padding: calc(var(--margin) * 2);
+    padding-bottom: calc(var(--margin) * 3);
     margin: 0;
     border: none;
     border-top: 1px dotted rgb(210 210 210);
-    padding: calc(var(--margin) * 2);
-    padding-bottom: calc(var(--margin) * 3);
   }
 
   img {
@@ -54,27 +50,26 @@ const Header = styled.header`
 `;
 
 const ProjectView = ({ removingLink, removeLink, content }) => {
-    const { t } = useTranslation('write');
     const [project, setProject] = useState();
 
     useEffect(() => {
-        fetchProjectHtml(content)
+        fetchProjectHtml(content);
     }, [content]);
 
-    const fetchProjectHtml    =async (roomId) => {
+    const fetchProjectHtml =async (roomId) => {
         const object = await fetch(getConfig().publicRuntimeConfig.authProviders.matrix.api + '/api/v2/' + roomId + '/render/json').catch((err) => console.error(err));
-        const json = await object.json()
-        setProject(json)
-    }
+        const json = await object.json();
+        setProject(json);
+    };
 
-    if (!project) return <LoadingSpinner />
+    if (!project) return <LoadingSpinner />;
     return (
         <View>
             <Header>
-                <h2>{project.abstract.name}</h2>
+                <h2>{ project.abstract.name }</h2>
             </Header>
-          <div dangerouslySetInnerHTML={{ __html: project.languages.EN.formattedContent }} />
+            <div dangerouslySetInnerHTML={{ __html: project.languages.EN.formattedContent }} />
         </View>
-            );
+    );
 };
 export default ProjectView;
diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 9eea6164..046078c4 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -2,7 +2,7 @@ import React, { useCallback, useEffect, useRef, useState } from 'react';
 // import styled from 'styled-components';
 import getConfig from 'next/config';
 // import { useTranslation } from 'react-i18next';
-import _ from 'lodash';
+// import _ from 'lodash';
 import { useRouter } from 'next/router';
 // import ContextMultiLevelSelect from '../../components/ContextMultiLevelSelect';
 // import { useAuth } from '../../lib/Auth';
@@ -40,41 +40,41 @@ export default function Explore() {
     const auth = useAuth();
     const matrix = useMatrix(auth.getAuthenticationProvider('matrix'));
 
-    async function callApiAndAddToObject(roomId) {
-        function findObject(structure, id) {
-            let ret;
-            // base case
-            if (structure.id === id) {
-                return structure;
-            } else {
-                // recursion
-                structure.children?.forEach(child => {
-                    if (!ret) {
-                        const c = findObject(child, id);
-                        if (c) ret = c;
-                    }
-                });
-            }
-            return ret;
-        }
-
-        const response = await fetch(`${getConfig().publicRuntimeConfig.authProviders.matrix.api}/api/v2/${roomId}`).catch(error => console.log(error));
-        if (!response?.ok) return;
-        const data = await response.json();
-        data.children = data.item;
-        data.children.push(...data.context);
-        // setGraphObject(prevTree => {
-        //     const newTree = { ...prevTree };
-        //     const foundObject = findObject(newTree, roomId);
-        //     foundObject.children = data?.children;
-        //     return newTree;
-        // });
-
-        const newTree = { ...graphObject };
-        const foundObject = findObject(newTree, roomId);
-        foundObject.children = data?.children;
-        return data;
-    }
+    // async function callApiAndAddToObject(roomId) {
+    //     function findObject(structure, id) {
+    //         let ret;
+    //         // base case
+    //         if (structure.id === id) {
+    //             return structure;
+    //         } else {
+    //             // recursion
+    //             structure.children?.forEach(child => {
+    //                 if (!ret) {
+    //                     const c = findObject(child, id);
+    //                     if (c) ret = c;
+    //                 }
+    //             });
+    //         }
+    //         return ret;
+    //     }
+
+    //     const response = await fetch(`${getConfig().publicRuntimeConfig.authProviders.matrix.api}/api/v2/${roomId}`).catch(error => console.log(error));
+    //     if (!response?.ok) return;
+    //     const data = await response.json();
+    //     data.children = data.item;
+    //     data.children.push(...data.context);
+    //     // setGraphObject(prevTree => {
+    //     //     const newTree = { ...prevTree };
+    //     //     const foundObject = findObject(newTree, roomId);
+    //     //     foundObject.children = data?.children;
+    //     //     return newTree;
+    //     // });
+
+    //     const newTree = { ...graphObject };
+    //     const foundObject = findObject(newTree, roomId);
+    //     foundObject.children = data?.children;
+    //     return data;
+    // }
 
     const fetchContents = useCallback(async (roomId) => {
         // const contents = [];
@@ -133,9 +133,8 @@ export default function Explore() {
         if (!fetchMessage) {
             fetchMessage = await matrix.hydrateRoomContent(roomId);
             console.log(fetchMessage);
-            
         }
-        if(!fetchMessage) return
+        if (!fetchMessage) return;
         return fetchMessage.body;
         // const object = await fetch('http://192.168.0.50:3009/api/v2/!gBzMkmAvxvlPEwlvdq:moci.space/render/d3/fullTree').catch((err) => console.error(err));
 
@@ -148,7 +147,7 @@ export default function Explore() {
     const handleClicked = async (element, parent) => {
         // element is the last node clicked on by the user
         if (!element) return;
-        if(element.data.type === 'context') return
+        if (element.data.type === 'context') return;
         // if (element.children) return;
         // await callApiAndAddToObject(element.data.id);
         // return fetchChildren;
@@ -162,16 +161,15 @@ export default function Explore() {
             // console.log(roomId);
         } else if (element.data.template === 'studentproject') {
             setCurrentItemType('studentproject');
-            content = element.data.id
-        }
-        else {
+            content = element.data.id;
+        } else {
             setCurrentItemType(element.data.template);
             content = await getRoomContent(element.data.id);
             console.log(content);
             // await new Promise(res => setTimeout(res, 650)); //transition time in d3js minus 100ms
             // console.log(roomId);
         }
-        
+
         content && !parent && await new Promise(res => setTimeout(res, 650)); // await transition of grid
         // router.push(`/explore/${element.data.id}`);
         setSelectedNode(prevState => content === prevState ? null : content); // if selected node is not undefined iframe loads the url(type string) from selectedNode
@@ -192,18 +190,18 @@ export default function Explore() {
                     selectedNode={selectedNode} />
             </IframeLayout.Sidebar>
 
-            {selectedNode && 
+            { selectedNode &&
                 <>
-               { currentItemType === 'studentproject' ?
-                    <ProjectView content={selectedNode}/>
-                        :  <IframeLayout.IframeWrapper>
+                    { currentItemType === 'studentproject' ?
+                        <ProjectView content={selectedNode} />
+                        : <IframeLayout.IframeWrapper>
                             <WriteIframeHeader
-                    content={selectedNode}
-                    title={matrix.spaces.get(roomId)?.name ||matrix.rooms.get(roomId)?.name}
-                    removeLink={() => console.log('removing pad from parent')}
-                    removingLink={false} />
-                <ChatIframeView src={selectedNode} />
-                </IframeLayout.IframeWrapper>}
+                                content={selectedNode}
+                                title={matrix.spaces.get(roomId)?.name ||matrix.rooms.get(roomId)?.name}
+                                removeLink={() => console.log('removing pad from parent')}
+                                removingLink={false} />
+                            <ChatIframeView src={selectedNode} />
+                        </IframeLayout.IframeWrapper> }
                 </>
             }
             { /* <ExploreSection>

From 366aba76966cda0607b89c684a368001de521e9c Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 15 Feb 2023 12:22:58 +0100
Subject: [PATCH 042/714] refactor conditionals to switch case

---
 pages/explore/[[...roomId]].js | 77 ++++++++++++++++++----------------
 1 file changed, 42 insertions(+), 35 deletions(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 046078c4..586de402 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -179,6 +179,7 @@ export default function Explore() {
     // useEffect(() => {
     //     console.log(selectedNode);
     // }, [selectedNode]);
+
     if (!graphObject || typeof window === 'undefined') return <LoadingSpinner />;
     return (
         <>
@@ -189,41 +190,47 @@ export default function Explore() {
                     parsedHeight={d3Height}
                     selectedNode={selectedNode} />
             </IframeLayout.Sidebar>
-
-            { selectedNode &&
-                <>
-                    { currentItemType === 'studentproject' ?
-                        <ProjectView content={selectedNode} />
-                        : <IframeLayout.IframeWrapper>
-                            <WriteIframeHeader
-                                content={selectedNode}
-                                title={matrix.spaces.get(roomId)?.name ||matrix.rooms.get(roomId)?.name}
-                                removeLink={() => console.log('removing pad from parent')}
-                                removingLink={false} />
-                            <ChatIframeView src={selectedNode} />
-                        </IframeLayout.IframeWrapper> }
-                </>
-            }
-            { /* <ExploreSection>
-                <ContextMultiLevelSelect onChange={setActiveContexts} activeContexts={activeContexts} />
-                { (contents && contents.length > 0) ? (
-                    <div>
-                        <ol>
-                            { contents.map((content) => (
-                                <li>
-                                    { content.name }
-                                    <small>
-                                        { content.type && (<> (type: <code>{ content.type }</code>)</>) }
-                                        { content.template && (<> (template: <code>{ content.template }</code>)</>) }
-                                    </small>
-                                </li>
-                            )) }
-                        </ol>
-                    </div>
-                ) : (
-                    <p>- { t('There are no contents for this context') } -</p>
-                ) }
-            </ExploreSection> */ }
+            { selectedNode && (
+                (() => {
+                    switch (currentItemType) {
+                        case 'studentproject':
+                            return <ProjectView content={selectedNode} />;
+                        case 'write':
+                            return (
+                                <IframeLayout.IframeWrapper>
+                                    <WriteIframeHeader
+                                        content={selectedNode}
+                                        title={matrix.spaces.get(roomId)?.name || matrix.rooms.get(roomId)?.name}
+                                        removeLink={() => console.log('removing pad from parent')}
+                                        removingLink={false} />
+                                    <iframe src={selectedNode} />
+                                </IframeLayout.IframeWrapper>
+                            );
+                        case 'sketch':
+                            return (
+                                <IframeLayout.IframeWrapper>
+                                    <WriteIframeHeader
+                                        content={selectedNode}
+                                        title={matrix.spaces.get(roomId)?.name || matrix.rooms.get(roomId)?.name}
+                                        removeLink={() => console.log('removing pad from parent')}
+                                        removingLink={false} />
+                                    <iframe src={selectedNode} />
+                                </IframeLayout.IframeWrapper>
+                            );
+                        default:
+                            return (
+                                <IframeLayout.IframeWrapper>
+                                    <WriteIframeHeader
+                                        content={selectedNode}
+                                        title={matrix.spaces.get(roomId)?.name || matrix.rooms.get(roomId)?.name}
+                                        removeLink={() => console.log('removing pad from parent')}
+                                        removingLink={false} />
+                                    <ChatIframeView src={selectedNode} />
+                                </IframeLayout.IframeWrapper>
+                            );
+                    }
+                })()
+            ) }
         </>
     );
 }

From 9f077c5542552b45ba174bae8ea8653b15c382d3 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 9 Mar 2023 17:25:09 +0100
Subject: [PATCH 043/714] create different roots for explore with d3 hierarchy
 and without

---
 components/layouts/partials/navigation.js |   2 +
 pages/explore-d3/GraphView.js             | 240 ++++++++++++++++++++++
 pages/explore-d3/ProjectView.js           |  75 +++++++
 pages/explore-d3/TreeLeaves.js            |  48 +++++
 pages/explore-d3/TreeView.js              | 121 +++++++++++
 pages/explore-d3/[[...roomId]].js         | 217 +++++++++++++++++++
 6 files changed, 703 insertions(+)
 create mode 100644 pages/explore-d3/GraphView.js
 create mode 100644 pages/explore-d3/ProjectView.js
 create mode 100644 pages/explore-d3/TreeLeaves.js
 create mode 100644 pages/explore-d3/TreeView.js
 create mode 100644 pages/explore-d3/[[...roomId]].js

diff --git a/components/layouts/partials/navigation.js b/components/layouts/partials/navigation.js
index d5549603..8b06de45 100644
--- a/components/layouts/partials/navigation.js
+++ b/components/layouts/partials/navigation.js
@@ -42,6 +42,8 @@ export default function Navigation({ closeNavigation }) {
                 <li><Link href="/">/dashboard</Link></li>
                 <li><Link href="/account">/account</Link></li>
                 <li><Link href="/explore">/explore</Link></li>
+                <li><Link href="/explore-d3">/explore d3</Link></li>
+
             </List>
             <List>
                 <li><Link href="/write">/write</Link></li>
diff --git a/pages/explore-d3/GraphView.js b/pages/explore-d3/GraphView.js
new file mode 100644
index 00000000..2d22fa7a
--- /dev/null
+++ b/pages/explore-d3/GraphView.js
@@ -0,0 +1,240 @@
+
+import React, { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';
+import * as d3 from 'd3';
+import { partition } from 'd3';
+import getConfig from 'next/config';
+import _ from 'lodash';
+import { useRouter } from 'next/router';
+
+import LoadingSpinner from '../../components/UI/LoadingSpinner';
+import TreeLeaves from './TreeLeaves';
+import { useAuth } from '../../lib/Auth';
+import { useMatrix } from '../../lib/Matrix';
+
+// import { partition } from 'd3';
+// import { format } from 'd3';
+
+function GraphView({ parsedData, parsedWidth, parsedHeight, activePath, handleClick }) {
+    const [data, setData] = useState(parsedData);
+    const [height, setHeight] = useState();
+    const [root, setRoot] = useState();
+    const [currentDepth, setCurrentDepth] = useState(0);
+    const router = useRouter();
+    const auth = useAuth();
+    const matrix = useMatrix(auth.getAuthenticationProvider('matrix'));
+
+    const iciclePartition = useCallback((data) => {
+        const root = d3
+            .hierarchy(data)
+            .count()
+            .sort((a, b) => b.height - a.height || b.value - a.value);
+        return partition()
+            .size([
+                height,
+                ((root.height + 1) * width / 5),
+            ])(root);
+    }, [height, width]);
+
+    useEffect(() => {
+        let cancelled = false;
+        if (!cancelled) {
+            setData(parsedData);
+            const newHierarchy = iciclePartition(parsedData);
+            newHierarchy.each(
+                (d) =>
+                    (d.target = {
+                        x0: d.x0,
+                        x1: d.x1,
+                        y0: d.y0,
+                        y1: d.y1,
+                    }),
+            );
+            setRoot(newHierarchy.descendants());
+        }
+        return () => {
+            cancelled = true;
+        };
+    }, [iciclePartition, parsedData]);
+
+    useEffect(() => {
+        let cancelled = false;
+
+        if (!cancelled) {
+            parsedHeight && setHeight(parsedHeight);
+        }
+        return () => {
+            cancelled = true;
+        };
+    }, [parsedHeight]);
+
+    const width = parsedWidth || window.innerWidth;
+    // setRoot(iciclePartition(data));
+
+    function findObject(structure, id) {
+        const roomid = structure.id || structure.room_id;
+        const dataRoomId = structure.data?.id || structure.data?.room_id;
+        const objectId = roomid || dataRoomId;
+        let ret;
+        // base case
+        if (objectId === id) {
+            return structure;
+        } else {
+            // recursion
+            structure.children?.forEach(child => {
+                if (!ret) {
+                    const c = findObject(child, id);
+                    if (c) ret = c;
+                }
+            });
+        }
+        return ret;
+    }
+    async function callApiAndAddToObject(roomId) {
+        let fetchChildren;
+        if (router.query.roomId[0] !== roomId) {
+            console.log('in fetch');
+            // if the object does not have any children yet we fetch the next children from the api or from matrix directly
+            // @TODO add matrix calls if api isnt available
+            // @TODO escaping the fetch prevents recently added spaces from showing up without a manual reload.
+            if (getConfig().publicRuntimeConfig.authProviders.matrix.api) {
+                const response = await fetch(`${getConfig().publicRuntimeConfig.authProviders.matrix.api}/api/v2/${roomId}`).catch(error => console.log(error));
+                if (!response?.ok) return;
+                fetchChildren = await response.json();
+                fetchChildren.children = [...fetchChildren.item];
+                fetchChildren.children.push(...fetchChildren.context);
+            } else {
+                console.log('in else');
+
+                const spaceHierarchy = await matrix.roomHierarchy(roomId, null, 1)
+                    .catch(err => console.debug(err));
+                const children = [];
+                console.log(spaceHierarchy);
+                for (const space of spaceHierarchy) {
+                    if (space.room_id === roomId) continue;
+                    const metaEvent = await auth.getAuthenticationProvider('matrix').getMatrixClient().getStateEvent(space.room_id, 'dev.medienhaus.meta').catch(() => {});
+                    if (metaEvent) {
+                        console.log(metaEvent);
+                        space.type = metaEvent.type;
+                        space.template = metaEvent.template;
+                        space.application = metaEvent.application;
+                    }
+                    children.push(space);
+                }
+                fetchChildren = { children: children };
+            }
+        }
+
+        setData((prevTree) => {
+            const newTree = { ...prevTree };
+            const foundObject = findObject(newTree, roomId);
+            // @TODO children are in wrong position when appearing for the first time
+            if (fetchChildren) foundObject.children = fetchChildren.children;
+
+            // if (foundObject.children) return prevTree;
+            // foundObject.children = newNode.children;
+            // foundObject.data.children = newNode.data.children;
+            const newHierarchy = iciclePartition(newTree);
+            let p = findObject(newHierarchy, roomId);
+            console.log(p);
+            // if the already active node is clicked we want to go back to it's parent if possible.
+
+            if (router.query.roomId[0] === roomId) p = p.parent;
+
+            // in case p is null now we know there are no parent nodes and we return the previous state
+            if (!p) return newTree;
+            if (fetchChildren) {
+                newHierarchy.each(
+                    (d) => {
+                        if (!d.target) {
+                            return d.target = {
+                                x0: d.x0,
+                                x1: d.x1,
+                                y0: d.y0,
+                                y1: d.y1,
+                            };
+                        }
+                    },
+                );
+            }
+            if (router.query.roomId[0] === roomId) {
+                newHierarchy.each(
+                    (d) => {
+                        return d.target = {
+                            x0: ((d.x0 - p.x0) / (p.x1 - p.x0)) * height,
+                            x1: ((d.x1 - p.x0) / (p.x1 - p.x0)) * height,
+                            y0: d.y0 - p.y0,
+                            y1: d.y1 - p.y0,
+                        };
+                    },
+                );
+            }
+            setRoot(newHierarchy.descendants());
+            return newTree;
+        });
+    }
+
+    const updatePositions = async (roomId) => {
+        setData((prevTree) => {
+            const newTree = { ...prevTree };
+
+            const newHierarchy = iciclePartition(newTree);
+            let p = findObject(newHierarchy, roomId);
+            // if the already active node is clicked we want to go back to it's parent if possible.
+
+            if (router.query.roomId[0] === roomId) p = p.parent;
+            // in case p is null now we know there are no parent nodes and we return the previous state
+            if (!p) return prevTree;
+            newHierarchy.each(
+                (d) => {
+                    return d.target = {
+                        x0: ((d.x0 - p.x0) / (p.x1 - p.x0)) * height,
+                        x1: ((d.x1 - p.x0) / (p.x1 - p.x0)) * height,
+                        y0: d.y0 - p.y0,
+                        y1: d.y1 - p.y0,
+                    };
+                },
+            );
+            setRoot(newHierarchy.descendants());
+            return newTree;
+        });
+
+        // setRoot(newHierarchy.descendants());
+    };
+    const onClick = async (roomId, leaf) => {
+        await callApiAndAddToObject(roomId);
+        await new Promise(r => setTimeout(r, 0));
+        await updatePositions(roomId);
+
+        const id = router.query.roomId[0] !== roomId ? roomId : leaf.parent?.data.id;
+        // if id is undefined we can assume there is no known parent and we exit the function
+        if (!id) return;
+        const type = router.query.roomId[0] !== roomId ? leaf.data.type : leaf.parent.data.type;
+        const template = router.query.roomId[0] !== roomId ? leaf.data.template : leaf.parent.data.template;
+        setCurrentDepth(router.query.roomId[0] !== roomId ? leaf.depth : leaf.parent.depth);
+        handleClick(id, type, template);
+    };
+
+    if (!height || !root) return <LoadingSpinner />;
+    return (
+        <div
+            style={{ position: 'absolute' }}
+        >{ root.map(leaf => {
+                function rectHeight(d) {
+                    return d.x1 - d.x0;
+                }
+                const roomId = leaf.data.id || leaf.data.room_id;
+                return <TreeLeaves
+                    width={leaf.y1 - leaf.y0}
+                    height={leaf.target ? rectHeight(leaf.target) : rectHeight(leaf)}
+                    parsedHeight={height}
+                    name={leaf.data.name}
+                    handleClick={onClick}
+                    leaf={leaf}
+                    translateX={leaf.target.y0}
+                    translateY={leaf.target.x0}
+                    roomId={roomId} />;
+            }) }</div>
+    );
+}
+
+export default GraphView;
diff --git a/pages/explore-d3/ProjectView.js b/pages/explore-d3/ProjectView.js
new file mode 100644
index 00000000..12fc2359
--- /dev/null
+++ b/pages/explore-d3/ProjectView.js
@@ -0,0 +1,75 @@
+import React, { useEffect, useState } from 'react';
+import getConfig from 'next/config';
+import styled from 'styled-components';
+
+import LoadingSpinner from '../../components/UI/LoadingSpinner';
+
+const View = styled.div`
+  display: flex;
+  flex: 1 0;
+  flex-direction: column;
+  overflow-y: scroll;
+
+  > div > * + * {
+    margin-top: calc(var(--margin) * 1.4);
+  }
+
+  > div {
+    padding: calc(var(--margin) * 2);
+    padding-bottom: calc(var(--margin) * 3);
+    margin: 0;
+    border: none;
+    border-top: 1px dotted rgb(210 210 210);
+  }
+
+  img {
+    max-width: 100%;
+  }
+`;
+
+const Header = styled.header`
+  display: grid;
+  grid-template-columns: 1fr auto;
+  width: 100%;
+  padding: var(--margin);
+  padding-bottom: var(--margin);
+
+  @media (width > 51em) {
+    padding-bottom: calc(var(--margin) * 2);
+
+    @media (width > 68em) {
+      padding: calc(var(--margin) * 2);
+      padding-bottom: calc(var(--margin) * 3);
+    }
+  }
+
+  /* @TODO: re-factor quick-fix */
+  h2 {
+    margin: 0 !important;
+  }
+`;
+
+const ProjectView = ({ removingLink, removeLink, content }) => {
+    const [project, setProject] = useState();
+
+    useEffect(() => {
+        fetchProjectHtml(content);
+    }, [content]);
+
+    const fetchProjectHtml =async (roomId) => {
+        const object = await fetch(getConfig().publicRuntimeConfig.authProviders.matrix.api + '/api/v2/' + roomId + '/render/json').catch((err) => console.error(err));
+        const json = await object.json();
+        setProject(json);
+    };
+
+    if (!project) return <LoadingSpinner />;
+    return (
+        <View>
+            <Header>
+                <h2>{ project.abstract.name }</h2>
+            </Header>
+            <div dangerouslySetInnerHTML={{ __html: project.languages.EN.formattedContent }} />
+        </View>
+    );
+};
+export default ProjectView;
diff --git a/pages/explore-d3/TreeLeaves.js b/pages/explore-d3/TreeLeaves.js
new file mode 100644
index 00000000..47a0b7e2
--- /dev/null
+++ b/pages/explore-d3/TreeLeaves.js
@@ -0,0 +1,48 @@
+import React from 'react';
+import styled from 'styled-components';
+
+const Leaf = styled.button`
+  position: absolute;
+  width: ${props => props.width}px;
+  height: ${props => props.height}px;
+  padding: var(--margin);
+  margin: auto;
+  font: inherit;
+  color: var(--color-foreground);
+  text-align: left;
+  text-transform: unset;
+  cursor: pointer;
+  visibility: ${props => props.translateX < 0 || props.translateY < 0 || props.translateY > props.parsedHeight ? 'hidden' : 'inherit'};
+  background: none;
+  border-style: solid;
+  outline: inherit;
+  opacity: ${props => props.translateX < 0 || props.translateY < 0 || props.translateY >= props.parsedHeight ? 0 : 1};
+  transition: all 0.6s;
+  transform: translate(${props => props.translateX}px, ${props => props.translateY}px);
+  animation: fade-in 0.6s;
+
+  @keyframes fade-in {
+    0% { opacity: 0; }
+    100% { opacity: 1; }
+  }
+
+`;
+const TreeLeaves = ({ handleClick, name, roomId, type, template, x, y, width, height, parsedHeight, leaf, translateX, translateY }) => {
+    return (
+        <Leaf
+            x={x}
+            y={y}
+            translateX={translateX || 0}
+            translateY={translateY || 0}
+            width={width}
+            height={height}
+            parsedHeight={parsedHeight}
+            onClick={(e) => {
+                e.preventDefault();
+                handleClick(roomId, leaf);
+            }}>
+            { name }
+        </Leaf>
+    );
+};
+export default TreeLeaves;
diff --git a/pages/explore-d3/TreeView.js b/pages/explore-d3/TreeView.js
new file mode 100644
index 00000000..335df29c
--- /dev/null
+++ b/pages/explore-d3/TreeView.js
@@ -0,0 +1,121 @@
+import _ from 'lodash';
+import Link from 'next/link';
+import { useRouter } from 'next/router';
+import React, { useEffect, useRef, useState } from 'react';
+import styled from 'styled-components';
+
+const Tree = styled.div`
+  position: relative;
+  left: ${props => [props.left]};
+  display: flex;
+  width: 100%;
+  height: ${props => props.height};
+  transition: visibility 0s, opacity 0.5s linear;
+`;
+
+const Leaf = styled.div`
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+`;
+
+const BranchLayout = styled.button`
+  display: flex;
+  flex-flow: column wrap;
+  width: unset;
+  min-width: 20vw;
+  height: 100%;
+  padding: var(--margin);
+  font: inherit;
+  color: var(--color-foreground);
+  text-align: left;
+  text-transform: unset;
+  cursor: pointer;
+  visibility: ${props => props.visibility};
+  background: none;
+  border-style: solid;
+  outline: inherit;
+
+  @keyframes fade-in {
+    0% { opacity: 0; }
+    100% { opacity: 1; }
+  }
+`;
+
+export default function TreeView({ parsedData, onClick, parent, parsedWidth, parsedHeight, selectedNode }) {
+    const [data, setData] = useState(parsedData);
+    const router = useRouter();
+    const activeRoomId = _.get(router, 'query.roomId.0');
+    const treeRef = useRef();
+
+    useEffect(() => {
+        setData(parsedData);
+    }, [parsedData]);
+
+    const handleClick = async (roomId, type, template) => {
+        // await new Promise((res) => setTimeout(res, 500));
+        onClick(roomId, type, template);
+    };
+
+    const Branch = ({ name, roomId, type, template, handleClick, offset }) => {
+        return (
+            <BranchLayout
+                visibility={data.inactive && 'collapse'}
+
+                onClick={(e) => {
+                    e.preventDefault();
+                    onClick(roomId, type, template);
+                }}>
+                { name }
+            </BranchLayout>
+        );
+    };
+
+    useEffect(() => {
+        console.log(treeRef);
+    }, [treeRef]);
+    return (
+        <Tree ref={treeRef}
+            height={data.inactive ? 'unset' : activeRoomId === data.id ? 'calc(100% - var(--margin) * 5)' : '100%'}
+            // visibility={data.inactive && !data.root && 'collapse'}
+            // left={activeRoomId === data.id && `-${treeRef?.current?.offsetLeft}px`}
+        >
+            <Branch
+                name={data.name}
+                roomId={data.id}
+            />
+            { data.children && <Leaf> { data.children.map((child, index) => {
+                if (child.inactive) return null;
+                return <TreeView parsedData={child}
+                    // activeRoomId={currentRoomId}
+                    // callback={onClick}
+                    // parsedHeight={d3Height}
+                    // selectedNode={selectedNode}
+                    // roomId={roomId}
+                    onClick={onClick}
+                />;
+            }) }</Leaf>
+            }
+            { /* <Branch onClick={() => onClick(parent)}>
+                <h2>{ data.name }</h2>
+            </Branch>
+            { data.children &&
+               data.children.map((child, index) => {
+                   const roomId = child.id || child.room_id;
+                   return <Branch onClick={() => {
+                       handleClick(roomId, child.type, child.template);
+                   }}>
+                       { child.name }
+                   </Branch>;
+                   // return <TreeLeaves
+                   //     name={child.name}
+                   //     roomId={roomId}
+                   //     type={child.type}
+                   //     template={child.template}
+                   //     handleClick={handleClick}
+                   //     offset={treeRef.current?.offsetLeft}
+                   // />;
+               }) } */ }
+        </Tree>
+    );
+}
diff --git a/pages/explore-d3/[[...roomId]].js b/pages/explore-d3/[[...roomId]].js
new file mode 100644
index 00000000..48cdc6ff
--- /dev/null
+++ b/pages/explore-d3/[[...roomId]].js
@@ -0,0 +1,217 @@
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+// import styled from 'styled-components';
+import getConfig from 'next/config';
+// import { useTranslation } from 'react-i18next';
+// import _ from 'lodash';
+import { useRouter } from 'next/router';
+// import ContextMultiLevelSelect from '../../components/ContextMultiLevelSelect';
+// import { useAuth } from '../../lib/Auth';
+// import GraphView from './GraphView';
+
+import IframeLayout from '../../components/layouts/iframe';
+import LoadingSpinner from '../../components/UI/LoadingSpinner';
+import { useAuth } from '../../lib/Auth';
+import { useMatrix } from '../../lib/Matrix';
+import WriteIframeHeader from '../write/WriteIframeHeader';
+import ProjectView from './ProjectView';
+import ChatIframeView from '../chat/ChatIframeView';
+import TreeView from './TreeView';
+import GraphView from './GraphView';
+
+// const ExploreSection = styled.div`
+//   & > * + * {
+//     margin-top: var(--margin);
+//   }
+
+//   & > select + select {
+//     margin-top: calc(var(--margin) * 0.65);
+//   }
+// `;
+
+export default function Explore() {
+    const [graphObject, setGraphObject] = useState(null);
+    const [selectedNode, setSelectedNode] = useState(null);
+    const [d3Height, setD3Height] = useState();
+    const [activePath, setActivePath] = useState([getConfig().publicRuntimeConfig.contextRootSpaceRoomId]);
+    const dimensionsRef = useRef();
+    const router = useRouter();
+    const [currentRoomId, setCurrentRoomId] = useState(getConfig().publicRuntimeConfig.contextRootSpaceRoomId);
+    const [currentItemType, setCurrentItemType] = useState('');
+    const auth = useAuth();
+    const matrix = useMatrix(auth.getAuthenticationProvider('matrix'));
+
+    const initialContentFetch = useCallback(async (roomId) => {
+        // const contents = [];
+        // const roomHierarchy = await auth.getAuthenticationProvider('matrix').getMatrixClient().getRoomHierarchy(activeContexts[activeContexts.length - 1], undefined, 1);
+        // // Remove the first entry, which is the context itself
+        // roomHierarchy.rooms.shift();
+        // // Ignore `m.space.child` events that are empty
+        // // We're only interested in the -contents- of this context, so filter out everything that's a sub-context
+        // for (const room of roomHierarchy.rooms) {
+        //     const metaEvent = await auth.getAuthenticationProvider('matrix').getMatrixClient().getStateEvent(room.room_id, 'dev.medienhaus.meta').catch(() => {});
+        //     if (!metaEvent || (metaEvent && metaEvent.type !== 'context')) {
+        //         // This is a valid content item we want to show
+        //         contents.push({
+        //             ...room,
+        //             type: metaEvent?.type ?? 'chat', // If there's no meta.type we assume it's a chat room
+        //             template: metaEvent?.template,
+        //             children: room.children_state,
+        //         });
+        //     }
+        // }
+        // console.log(contents);
+
+        // setContents({
+        //     name: 'First Level',
+        //     children: contents,
+        // });
+
+        // initial fetch of object
+        const object = await fetch(getConfig().publicRuntimeConfig.authProviders.matrix.api + '/api/v2/' + roomId)
+            .catch(async (err) => {
+                console.debug(err);
+            });
+        // const object = await fetch('http://192.168.0.50:3009/api/v2/!gBzMkmAvxvlPEwlvdq:moci.space/render/d3/fullTree').catch((err) => console.error(err));
+        if (object?.ok) {
+            const json = await object.json();
+            json.children = json.item;
+            json.children.push(...json.context);
+            json.root = true;
+            router.push(json.id);
+
+            setGraphObject(json);
+        } else {
+            console.log('no api:');
+            const spaceHierarchy = await matrix.roomHierarchy(roomId, null, 1)
+                .catch(err => console.debug(err));
+            const children = [];
+            for (const space of spaceHierarchy) {
+                const metaEvent = await auth.getAuthenticationProvider('matrix').getMatrixClient().getStateEvent(space.room_id, 'dev.medienhaus.meta').catch(() => {});
+                if (metaEvent) {
+                    console.log(metaEvent);
+                    space.type = metaEvent.type;
+                    space.template = metaEvent.template;
+                    space.application = metaEvent.application;
+                }
+                if (space.room_id === roomId) continue;
+                children.push(space);
+            }
+            spaceHierarchy[0].children = children;
+            router.push(spaceHierarchy[0].room_id);
+
+            setGraphObject(spaceHierarchy[0]);
+        }
+    }, [matrix]);
+
+    useEffect(() => {
+        if (currentRoomId && !graphObject) {
+            initialContentFetch(currentRoomId);
+        }
+    }, [currentRoomId, graphObject, initialContentFetch]);
+
+    useEffect(() => {
+        // 8 for border
+        // @TODO resize when resizing browser window
+        dimensionsRef.current && setD3Height(document.querySelector('main').offsetHeight - (8 + dimensionsRef?.current?.offsetHeight + (dimensionsRef?.current?.offsetTop * 2)+ parseInt(window.getComputedStyle(dimensionsRef.current).marginBottom)));
+    }, [graphObject]);
+
+    const getRoomContent = async (roomId) => {
+        let fetchMessage = matrix.roomContents.get(roomId);
+        if (!fetchMessage) {
+            fetchMessage = await matrix.hydrateRoomContent(roomId);
+            console.log(fetchMessage);
+        }
+        if (!fetchMessage) return;
+        return fetchMessage.body;
+    };
+
+    const handleClicked = async (roomId, type, template) => {
+        console.log(roomId);
+        if (!roomId) return;
+        console.log('template');
+        console.log(template);
+        setActivePath(prevState => {
+            const parent = activePath[activePath.length - 2];
+            if (parent === roomId && activePath.length > 1) return prevState.splice(0, activePath.length - 1);
+            else return [...prevState, roomId];
+        });
+        let content = null;
+        if (template === 'chat') {
+            setCurrentItemType(template);
+            content = `${getConfig().publicRuntimeConfig.chat.pathToElement}/#/room/${roomId}`;
+        }
+        if (template === 'studentproject') {
+            setCurrentItemType(template);
+            content = roomId;
+        }
+        if (template === 'sketch' || template === 'write') {
+            setCurrentItemType(template);
+            content = await getRoomContent(roomId);
+        }
+
+        setSelectedNode(content); // if selected node is not undefined iframe loads the url(type string) from selectedNode
+        router.push(`/explore-d3/${roomId}`);
+    };
+
+    if (!graphObject || typeof window === 'undefined') return <LoadingSpinner />;
+    return (
+        <>
+            <IframeLayout.Sidebar width={!selectedNode && '100%'}>
+                <h2 ref={dimensionsRef}>/explore</h2>
+                <GraphView
+                    parsedData={graphObject}
+                    parsedHeight={d3Height}
+                    parent={activePath[activePath.length - 2]}
+                    handleClick={handleClicked}
+                    activePath={activePath}
+                />
+            </IframeLayout.Sidebar>
+            { selectedNode && (
+                (() => {
+                    switch (currentItemType) {
+                        case 'studentproject':
+                            return <ProjectView content={selectedNode} />;
+                        case 'write':
+                            return (
+                                <IframeLayout.IframeWrapper>
+                                    <WriteIframeHeader
+                                        content={selectedNode}
+                                        title={matrix.spaces.get(currentRoomId)?.name || matrix.rooms.get(currentRoomId)?.name}
+                                        removeLink={() => console.log('removing pad from parent')}
+                                        removingLink={false} />
+                                    <iframe src={selectedNode} />
+                                </IframeLayout.IframeWrapper>
+                            );
+                        case 'sketch':
+                            return (
+                                <IframeLayout.IframeWrapper>
+                                    <WriteIframeHeader
+                                        content={selectedNode}
+                                        title={matrix.spaces.get(currentRoomId)?.name || matrix.rooms.get(currentRoomId)?.name}
+                                        removeLink={() => console.log('removing sketch from parent')}
+                                        removingLink={false} />
+                                    <iframe src={selectedNode} />
+                                </IframeLayout.IframeWrapper>
+                            );
+                        default:
+                            return (
+                                <IframeLayout.IframeWrapper>
+                                    <WriteIframeHeader
+                                        content={selectedNode}
+                                        title={matrix.spaces.get(currentRoomId)?.name || matrix.rooms.get(currentRoomId)?.name}
+                                        removeLink={() => console.log('removing pad from parent')}
+                                        removingLink={false} />
+                                    <ChatIframeView src={selectedNode} />
+                                </IframeLayout.IframeWrapper>
+                            );
+                    }
+                })()
+            ) }
+        </>
+    );
+}
+
+Explore.getLayout = () => {
+    return IframeLayout.Layout;
+};
+

From 04eff104866d529ca2c47a74ad31f46a15dd12d1 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 9 Mar 2023 17:26:12 +0100
Subject: [PATCH 044/714] remove all d3js from explore

---
 pages/explore/GraphView.js     | 281 ++++++++++-------------------
 pages/explore/TreeLeaves.js    |  59 +++++++
 pages/explore/TreeView.js      | 121 +++++++++++++
 pages/explore/[[...roomId]].js | 314 ++++++++++++++++++++-------------
 4 files changed, 464 insertions(+), 311 deletions(-)
 create mode 100644 pages/explore/TreeLeaves.js
 create mode 100644 pages/explore/TreeView.js

diff --git a/pages/explore/GraphView.js b/pages/explore/GraphView.js
index 44e6dc91..b6dc5efa 100644
--- a/pages/explore/GraphView.js
+++ b/pages/explore/GraphView.js
@@ -1,24 +1,27 @@
 
-import React, { useEffect, useRef, useState } from 'react';
+import React, { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';
 import * as d3 from 'd3';
 import { partition } from 'd3';
+import getConfig from 'next/config';
+import _ from 'lodash';
+import { useRouter } from 'next/router';
 
 import LoadingSpinner from '../../components/UI/LoadingSpinner';
+import TreeLeaves from './TreeLeaves';
 
 // import { partition } from 'd3';
 // import { format } from 'd3';
 
-function GraphView({ parsedData, callback, parsedWidth, parsedHeight, selectedNode }) {
+function GraphView({ parsedData, parsedWidth, parsedHeight, handleClick, activePath }) {
     const [data, setData] = useState(parsedData);
     const [height, setHeight] = useState();
-    const svgRef = useRef(null);
+    const router = useRouter();
 
     useEffect(() => {
         let cancelled = false;
         if (!cancelled) {
             setData(parsedData);
         }
-
         return () => {
             cancelled = true;
         };
@@ -35,197 +38,91 @@ function GraphView({ parsedData, callback, parsedWidth, parsedHeight, selectedNo
         };
     }, [parsedHeight]);
 
-    const drawSvg = (data, height) => {
-        const container = d3.select(svgRef.current);
-        // Remove previous SVG
-        container.selectAll('svg').remove();
-        const format = d3.format(',d');
-
-        function rectHeight(d) {
-            return d.x1 - d.x0 - Math.min(1, (d.x1 - d.x0) / 2);
-        }
-
-        function labelVisible(d) {
-            return d.y1 <= width && d.y0 >= 0 && d.x1 - d.x0 > 16;
+    const width = parsedWidth || window.innerWidth;
+    // setRoot(iciclePartition(data));
+
+    async function callApiAndAddToObject(roomId) {
+        function findObject(structure, id) {
+            console.log(structure);
+            const objectId = structure.id || structure.data.id;
+            let ret;
+            // base case
+            if (objectId === id) {
+                return structure;
+            } else {
+                // recursion
+                structure.children?.forEach(child => {
+                    console.log(child);
+                    if (!ret) {
+                        const c = findObject(child, id);
+                        if (c) ret = c;
+                    }
+                });
+            }
+            return ret;
         }
 
-        const width = parsedWidth || window.innerWidth;
-        // const height = parsedHeight;
-
-        function iciclePartition(data) {
-            const root = d3
-                .hierarchy(data)
-                .sum((d) => {
-                    return d.value || 1;
-                })
-                .sort(
-                    (a, b) => b.height - a.height || b.value - a.value,
-                );
-            return partition().size([
-                height,
-                ((root.height + 1) * width / 5),
-            ])(root);
-        }
-
-        // const color = scaleOrdinal(
-        //     quantize(interpolateRainbow, data.children.length + 1),
-        // );
-
-        const root = iciclePartition(data);
-
-        let focus = root;
-
-        // const svg = select('body')
-        //     .append('svg')
-        //     // .attr('viewBox', [root.x1, 0, width, height])
-        //     .style('font', '10px sans-serif');
-
-        const svg = container
-            .append('svg')
-        // .attr('height', height)
-        // .attr('viewBox', [-width / 2, -height / 2, width, height])
-            .attr('style', 'max-width: 100%; height: auto; height: intrinsic;')
-            .style('font', '10px sans-serif');
-
-        const cell = svg
-            .selectAll('g')
-            .data(root.descendants())
-            .join('g')
-            .attr('transform', (d) => `translate(${d.y0},${d.x0})`)
-            .attr('width', (d) => d.y1 - d.y0);
-
-        const rect = cell
-            .append('rect')
-            .attr('width', (d) => d.y1 - d.y0 -1)
-            .attr('height', (d) => rectHeight(d))
-            .attr('fill', (d) => {
-                // if (d.data.template === 'write') return 'red';
-                // if (d.data.template === 'sketch') return 'blue';
-                // if (d.data.type === 'item') return 'green';
-                return 'var(--color-background-sidebar)';
-            })
-            .attr('stroke', 'var(--color-foreground)')
-            .attr('stroke-width', '8')
-            .style('cursor', 'pointer')
-            .on('click', clicked);
-
-        const text = cell
-            .append('text')
-            .style('user-select', 'none')
-            .attr('pointer-events', 'none')
-            .attr('x', 15)
-            .attr('y', 30)
-            .attr('font-size', '1.2rem')
-            .attr('fill', 'var(--color-foreground)')
-            .attr('fill-opacity', (d) => +labelVisible(d));
-
-        text.append('tspan').text((d) => {
-            if (d.data.template === 'write') return '📝 ' + d.data.name;
-            if (d.data.template === 'sketch') return '🎨 ' + d.data.name;
-            if (d.data.template === 'chat') return '💬 ' + d.data.name;
-            if (d.data.type === 'item') return '📐 ' + d.data.name;
-
-            return d.data.name;
-        });
-
-        text
-            .append('tspan')
-            .attr('x', (d) => d.y1 - d.y0 -16)
-            .attr('text-anchor', 'end')
-            .attr('fill-opacity', (d) => labelVisible(d) * 0.7)
-            .text((d) => {
-                return d.data.template;
-            });
-
-        cell.append('title').text(
-            (d) =>
-                `${d
-                    .ancestors()
-                    .map((d) => d.data.name)
-                    .reverse()
-                    .join('/')}\n${format(d.value)}`,
-        );
-
-        function startTransition(p) {
-            focus = focus === p ? (p = p.parent) : p;
-            if (!p) return;
-
-            root.each(
-                (d) =>
-                    (d.target = {
-                        x0: ((d.x0 - p.x0) / (p.x1 - p.x0)) * height,
-                        x1: ((d.x1 - p.x0) / (p.x1 - p.x0)) * height,
-                        y0: d.y0 - p.y0,
-                        y1: d.y1 - p.y0,
-                    }),
-            );
-
-            const t = cell
-                .transition()
-                .duration(750)
-                .attr(
-                    'transform',
-                    (d) => `translate(${d.target.y0},${d.target.x0})`,
-                );
-
-            rect
-                .transition(t)
-                .attr('height', (d) => rectHeight(d.target));
-
-            text
-                .transition(t)
-                .attr('fill-opacity', (d) => +labelVisible(d.target));
-        }
-
-        async function clicked(event, p) {
-            if (!p) return;
-            // const newNode = d3.hierarchy(newData);
-            // console.log(newNode);
-            // newNode.depth = p.depth + 1;
-            // newNode.height = p.height - 1;
-            // newNode.parent = p;
-
-            // if (!p.children) {
-            //     p.children = [];
-            //     p.data.children = [];
-            // }
-            // p.children.push(newNode);
-            // p.data.children.push(newNode.data);
-            // // setData(newData);
-            startTransition(p);
-            await callback(p, focus !== p && p.parent);
-
-            // tspan
-            //     .transition(t)
-            //     .attr(
-            //         'fill-opacity',
-            //         (d) => labelVisible(d.target) * 0.7,
-            //     );
-        }
+        const response = await fetch(`${getConfig().publicRuntimeConfig.authProviders.matrix.api}/api/v2/${roomId}`).catch(error => console.log(error));
+        if (!response?.ok) return;
+        const newdata = await response.json();
+        console.log(newdata);
+        newdata.children = [...newdata.item];
+        newdata.children.push(...newdata.context);
+
+        // p.children = newNode.children;
+        // p.data.children = newNode.data.children;
+
+        // p.children.forEach(child => child.depth += 1);
+        // return newTree;
+
+        // If no child array, create an empty array
+        // if (!p.children) {
+        //     p.children = [];
+        //     p.data.children = [];
+        // }
+
+        // console.log(p);
+    }
+    const onClick = async (roomId, type, template) => {
+        // await callApiAndAddToObject(roomId, leaf);
+        handleClick(roomId, type, template);
     };
-
-    useEffect(() => {
-        drawSvg(data, height);
-        return () => {
-            console.log('unmount svg');
-            // svgRef.current = null;
-        };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [height]);
-
-    // useEffect(() => {
-    //     // if (svgRef.current) {
-    //     //     console.log(svg);
-    //     //     svgRef.current.appendChild(svg.node());
-    //     // }
-
-    //     return () => {
-    //         svgRef.current = null;
-    //     };
-    // }, [svg, height]);
-    if (!height) return <LoadingSpinner />;
-    // return <svg ref={svgRef} width="100%" height={height} />;
-    return <svg ref={svgRef} width={selectedNode ? '100%' : '50%'} height={height} />;
+    if (!height || !data) return <LoadingSpinner />;
+    const focusedId = router.query?.roomId[0];
+    const roomId = data.id || data.room_id;
+
+    return (
+
+        <TreeLeaves
+            parent={focusedId === roomId}
+            display={focusedId === roomId ? 'initial' : 'none'}
+            key={roomId}
+            height={height}
+            name={data.name}
+            handleClick={onClick}
+            template={data.template}
+            children={data.children}
+            translateX={0}
+            translateY={0}
+            roomId={data.id} />
+
+    // data.map((leaf) => {
+    //     const focusedId = router.query?.roomId[0];
+    //     // if (focusedId !== leaf.id) return null;
+    //     return <TreeLeaves
+    //         parent={focusedId === leaf.id}
+    //         display={focusedId === leaf.id ? 'initial' : 'none'}
+    //         key={leaf.id}
+    //         height={height}
+    //         name={leaf.name}
+    //         handleClick={onClick}
+    //         template={leaf.template}
+    //         children={leaf.children}
+    //         translateX={0}
+    //         translateY={0}
+    //         roomId={leaf.id} />;
+    // })
+    );
 }
 
 export default GraphView;
diff --git a/pages/explore/TreeLeaves.js b/pages/explore/TreeLeaves.js
new file mode 100644
index 00000000..64690056
--- /dev/null
+++ b/pages/explore/TreeLeaves.js
@@ -0,0 +1,59 @@
+import { useRouter } from 'next/router';
+import React from 'react';
+import styled from 'styled-components';
+
+const Leaf = styled.button`
+  display: ${props => [props.display]};
+  grid-row: ${props => props.className === 'parent' ? '1 / ' + props.childrenLength : props.index + 1};
+  font: inherit;
+  color: var(--color-foreground);
+  text-align: left;
+  text-transform: unset;
+  cursor: pointer;
+  background: none;
+  border-style: solid;
+  transition: all 1s;
+  animation: fade-in 1s;
+
+  @keyframes fade-in {
+    0% { opacity: 0; }
+    100% { opacity: 1; }
+  }
+
+`;
+const TreeLeaves = ({ handleClick, name, roomId, type, template, children, height, parent, display, index }) => {
+    const router = useRouter();
+    return (<>
+        <Leaf
+            className={parent ? 'parent' : 'child'}
+            height={height}
+            display={display}
+            index={index}
+            childrenLength={children?.length + 1}
+            onClick={() => {
+                handleClick(roomId, type, template);
+            }}>
+            { name }
+        </Leaf>
+        { children && children.map((child, index) => {
+            const roomId = child.id || child.room_id;
+            return <TreeLeaves
+                parent={router.query.roomId[0] === roomId}
+                display={router.query.roomId[0] === roomId ? 'initial' : parent ? 'initial' : 'none'}
+                index={index}
+                width={300}
+                height={height}
+                name={child.name}
+                handleClick={handleClick}
+                children={child.children}
+                template={child.template}
+                translateX={0}
+                translateY={0}
+                roomId={roomId} />;
+        }) }
+
+    </>
+
+    );
+};
+export default TreeLeaves;
diff --git a/pages/explore/TreeView.js b/pages/explore/TreeView.js
new file mode 100644
index 00000000..335df29c
--- /dev/null
+++ b/pages/explore/TreeView.js
@@ -0,0 +1,121 @@
+import _ from 'lodash';
+import Link from 'next/link';
+import { useRouter } from 'next/router';
+import React, { useEffect, useRef, useState } from 'react';
+import styled from 'styled-components';
+
+const Tree = styled.div`
+  position: relative;
+  left: ${props => [props.left]};
+  display: flex;
+  width: 100%;
+  height: ${props => props.height};
+  transition: visibility 0s, opacity 0.5s linear;
+`;
+
+const Leaf = styled.div`
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+`;
+
+const BranchLayout = styled.button`
+  display: flex;
+  flex-flow: column wrap;
+  width: unset;
+  min-width: 20vw;
+  height: 100%;
+  padding: var(--margin);
+  font: inherit;
+  color: var(--color-foreground);
+  text-align: left;
+  text-transform: unset;
+  cursor: pointer;
+  visibility: ${props => props.visibility};
+  background: none;
+  border-style: solid;
+  outline: inherit;
+
+  @keyframes fade-in {
+    0% { opacity: 0; }
+    100% { opacity: 1; }
+  }
+`;
+
+export default function TreeView({ parsedData, onClick, parent, parsedWidth, parsedHeight, selectedNode }) {
+    const [data, setData] = useState(parsedData);
+    const router = useRouter();
+    const activeRoomId = _.get(router, 'query.roomId.0');
+    const treeRef = useRef();
+
+    useEffect(() => {
+        setData(parsedData);
+    }, [parsedData]);
+
+    const handleClick = async (roomId, type, template) => {
+        // await new Promise((res) => setTimeout(res, 500));
+        onClick(roomId, type, template);
+    };
+
+    const Branch = ({ name, roomId, type, template, handleClick, offset }) => {
+        return (
+            <BranchLayout
+                visibility={data.inactive && 'collapse'}
+
+                onClick={(e) => {
+                    e.preventDefault();
+                    onClick(roomId, type, template);
+                }}>
+                { name }
+            </BranchLayout>
+        );
+    };
+
+    useEffect(() => {
+        console.log(treeRef);
+    }, [treeRef]);
+    return (
+        <Tree ref={treeRef}
+            height={data.inactive ? 'unset' : activeRoomId === data.id ? 'calc(100% - var(--margin) * 5)' : '100%'}
+            // visibility={data.inactive && !data.root && 'collapse'}
+            // left={activeRoomId === data.id && `-${treeRef?.current?.offsetLeft}px`}
+        >
+            <Branch
+                name={data.name}
+                roomId={data.id}
+            />
+            { data.children && <Leaf> { data.children.map((child, index) => {
+                if (child.inactive) return null;
+                return <TreeView parsedData={child}
+                    // activeRoomId={currentRoomId}
+                    // callback={onClick}
+                    // parsedHeight={d3Height}
+                    // selectedNode={selectedNode}
+                    // roomId={roomId}
+                    onClick={onClick}
+                />;
+            }) }</Leaf>
+            }
+            { /* <Branch onClick={() => onClick(parent)}>
+                <h2>{ data.name }</h2>
+            </Branch>
+            { data.children &&
+               data.children.map((child, index) => {
+                   const roomId = child.id || child.room_id;
+                   return <Branch onClick={() => {
+                       handleClick(roomId, child.type, child.template);
+                   }}>
+                       { child.name }
+                   </Branch>;
+                   // return <TreeLeaves
+                   //     name={child.name}
+                   //     roomId={roomId}
+                   //     type={child.type}
+                   //     template={child.template}
+                   //     handleClick={handleClick}
+                   //     offset={treeRef.current?.offsetLeft}
+                   // />;
+               }) } */ }
+        </Tree>
+    );
+}
diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 586de402..4a082a65 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -1,14 +1,13 @@
 import React, { useCallback, useEffect, useRef, useState } from 'react';
-// import styled from 'styled-components';
+import styled from 'styled-components';
 import getConfig from 'next/config';
 // import { useTranslation } from 'react-i18next';
 // import _ from 'lodash';
 import { useRouter } from 'next/router';
 // import ContextMultiLevelSelect from '../../components/ContextMultiLevelSelect';
 // import { useAuth } from '../../lib/Auth';
+// import GraphView from './GraphView';
 
-import GraphView from './GraphView';
-import jsonData from '../../assets/hierarchy.json';
 import IframeLayout from '../../components/layouts/iframe';
 import LoadingSpinner from '../../components/UI/LoadingSpinner';
 import { useAuth } from '../../lib/Auth';
@@ -16,110 +15,164 @@ import { useMatrix } from '../../lib/Matrix';
 import WriteIframeHeader from '../write/WriteIframeHeader';
 import ProjectView from './ProjectView';
 import ChatIframeView from '../chat/ChatIframeView';
+import GraphView from './GraphView';
 
-// const ExploreSection = styled.div`
-//   & > * + * {
-//     margin-top: var(--margin);
-//   }
+const ExploreSection = styled.div`
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  grid-auto-flow: rows;
+  grid-gap: 0 calc(var(--margin) * -0.2);
+  height: calc(100% - calc(var(--margin) * 4.7));
 
-//   & > select + select {
-//     margin-top: calc(var(--margin) * 0.65);
-//   }
-// `;
+  .parent {
+    grid-column: ${props => props.selectedNode ? '1/-1' : '1'};
+    height: 100%;
+  }
+
+  .child {
+    grid-column: 2;
+    height: 100%;
+  }
+`;
 
 export default function Explore() {
-    const [activeContexts] = useState([getConfig().publicRuntimeConfig.contextRootSpaceRoomId]);
+    const [, setHierarchy] = useState();
     const [graphObject, setGraphObject] = useState(null);
     const [selectedNode, setSelectedNode] = useState(null);
     const [d3Height, setD3Height] = useState();
+    const [activePath, setActivePath] = useState([getConfig().publicRuntimeConfig.contextRootSpaceRoomId]);
     const dimensionsRef = useRef();
     const router = useRouter();
-    const [roomId, setRoomId] = useState('');
+    const [currentRoomId, setCurrentRoomId] = useState(getConfig().publicRuntimeConfig.contextRootSpaceRoomId);
     const [currentItemType, setCurrentItemType] = useState('');
-
     const auth = useAuth();
     const matrix = useMatrix(auth.getAuthenticationProvider('matrix'));
 
-    // async function callApiAndAddToObject(roomId) {
-    //     function findObject(structure, id) {
-    //         let ret;
-    //         // base case
-    //         if (structure.id === id) {
-    //             return structure;
-    //         } else {
-    //             // recursion
-    //             structure.children?.forEach(child => {
-    //                 if (!ret) {
-    //                     const c = findObject(child, id);
-    //                     if (c) ret = c;
-    //                 }
-    //             });
-    //         }
-    //         return ret;
-    //     }
-
-    //     const response = await fetch(`${getConfig().publicRuntimeConfig.authProviders.matrix.api}/api/v2/${roomId}`).catch(error => console.log(error));
-    //     if (!response?.ok) return;
-    //     const data = await response.json();
-    //     data.children = data.item;
-    //     data.children.push(...data.context);
-    //     // setGraphObject(prevTree => {
-    //     //     const newTree = { ...prevTree };
-    //     //     const foundObject = findObject(newTree, roomId);
-    //     //     foundObject.children = data?.children;
-    //     //     return newTree;
-    //     // });
-
-    //     const newTree = { ...graphObject };
-    //     const foundObject = findObject(newTree, roomId);
-    //     foundObject.children = data?.children;
-    //     return data;
-    // }
-
-    const fetchContents = useCallback(async (roomId) => {
-        // const contents = [];
-        // const roomHierarchy = await auth.getAuthenticationProvider('matrix').getMatrixClient().getRoomHierarchy(activeContexts[activeContexts.length - 1], undefined, 1);
-        // // Remove the first entry, which is the context itself
-        // roomHierarchy.rooms.shift();
-        // // Ignore `m.space.child` events that are empty
-        // // We're only interested in the -contents- of this context, so filter out everything that's a sub-context
-        // for (const room of roomHierarchy.rooms) {
-        //     const metaEvent = await auth.getAuthenticationProvider('matrix').getMatrixClient().getStateEvent(room.room_id, 'dev.medienhaus.meta').catch(() => {});
-        //     if (!metaEvent || (metaEvent && metaEvent.type !== 'context')) {
-        //         // This is a valid content item we want to show
-        //         contents.push({
-        //             ...room,
-        //             type: metaEvent?.type ?? 'chat', // If there's no meta.type we assume it's a chat room
-        //             template: metaEvent?.template,
-        //             children: room.children_state,
-        //         });
-        //     }
-        // }
-        // console.log(contents);
+    async function callApiAndAddToObject(roomId) {
+        console.log('call Api and add');
+        function findObject(structure, id) {
+            let ret;
+            const currentRoomId = structure.id || structure.room_id;
+            // base case
+            if (currentRoomId=== id) {
+                return structure;
+            } else {
+                // recursion
+                structure.children?.forEach(child => {
+                    if (!ret) {
+                        if (!child.depth) child.depth = structure.depth + 1;
+                        const c = findObject(child, id);
+                        if (c) ret = c;
+                    }
+                });
+            }
+            return ret;
+        }
+        let data;
+        if (router.query.roomId[0] !== roomId) {
+            if (getConfig().publicRuntimeConfig.authProviders.matrix.api) {
+                const response = await fetch(`${getConfig().publicRuntimeConfig.authProviders.matrix.api}/api/v2/${roomId}`).catch(error => console.log(error));
+                if (!response?.ok) return;
+                data = await response.json();
+                data.children = data.item;
+                data.children.push(...data.context);
+            } else {
+                const spaceHierarchy = await matrix.roomHierarchy(roomId, null, 1)
+                    .catch(err => console.debug(err));
+                const children = [];
+                console.log(spaceHierarchy);
+                for (const space of spaceHierarchy) {
+                    if (space.room_id === roomId) continue;
+                    const metaEvent = await auth.getAuthenticationProvider('matrix').getMatrixClient().getStateEvent(space.room_id, 'dev.medienhaus.meta').catch(() => {});
+                    if (metaEvent) {
+                        console.log(metaEvent);
+                        space.type = metaEvent.type;
+                        space.template = metaEvent.template;
+                        space.application = metaEvent.application;
+                    }
+                    children.push(space);
+                }
+                data = { children: children };
+            }
+        }
+        console.log(data);
 
-        // setContents({
-        //     name: 'First Level',
-        //     children: contents,
-        // });
+        setGraphObject(prevTree => {
+            const newTree = { ...prevTree };
+            const foundObject = findObject(newTree, roomId);
+            if (foundObject.children) return prevTree;
+            foundObject.children = data?.children;
+            return newTree;
+        });
+    }
 
+    const initialContentFetch = useCallback(async (roomId) => {
         // initial fetch of object
-        const object = await fetch(getConfig().publicRuntimeConfig.authProviders.matrix.api + '/api/v2/' + roomId + '/render/d3/fulltree').catch((err) => console.error(err));
+        const object = await fetch(getConfig().publicRuntimeConfig.authProviders.matrix.api + '/api/v2/' + roomId)
+            .catch(async (err) => {
+                console.debug(err);
+            });
         // const object = await fetch('http://192.168.0.50:3009/api/v2/!gBzMkmAvxvlPEwlvdq:moci.space/render/d3/fullTree').catch((err) => console.error(err));
-
         if (object?.ok) {
             const json = await object.json();
-            // json.children = json.item;
-            // json.children.push(...json.context);
+            json.children = json.item;
+            json.children.push(...json.context);
+            json.root = true;
+            json.depth = 0;
+            router.push(`/explore/${json.id}`);
+            setHierarchy(json);
             setGraphObject(json);
         } else {
-            console.log('else:');
-            setGraphObject(jsonData);
+            console.debug('no api:');
+
+            // const contents = [];
+            // const roomHierarchy = await auth.getAuthenticationProvider('matrix').getMatrixClient().getRoomHierarchy(activeContexts[activeContexts.length - 1], undefined, 1);
+            // // Remove the first entry, which is the context itself
+            // roomHierarchy.rooms.shift();
+            // // Ignore `m.space.child` events that are empty
+            // // We're only interested in the -contents- of this context, so filter out everything that's a sub-context
+            // for (const room of roomHierarchy.rooms) {
+            //     const metaEvent = await auth.getAuthenticationProvider('matrix').getMatrixClient().getStateEvent(room.room_id, 'dev.medienhaus.meta').catch(() => {});
+            //     if (!metaEvent || (metaEvent && metaEvent.type !== 'context')) {
+            //         // This is a valid content item we want to show
+            //         contents.push({
+            //             ...room,
+            //             type: metaEvent?.type ?? 'chat', // If there's no meta.type we assume it's a chat room
+            //             template: metaEvent?.template,
+            //             children: room.children_state,
+            //         });
+            //     }
+            // }
+            // console.log(contents);
+
+            const spaceHierarchy = await matrix.roomHierarchy(roomId, null, 1)
+                .catch(err => console.debug(err));
+            const children = [];
+            for (const space of spaceHierarchy) {
+                const metaEvent = await auth.getAuthenticationProvider('matrix').getMatrixClient().getStateEvent(space.room_id, 'dev.medienhaus.meta').catch(() => {});
+                if (metaEvent) {
+                    console.log(metaEvent);
+                    space.type = metaEvent.type;
+                    space.template = metaEvent.template;
+                    space.application = metaEvent.application;
+                }
+                if (space.room_id === roomId) continue;
+                children.push(space);
+            }
+            spaceHierarchy[0].children = children;
+
+            router.push(`/explore/${spaceHierarchy[0].room_id}`);
+            setHierarchy(spaceHierarchy[0]);
+            setGraphObject(spaceHierarchy[0]);
         }
-    }, []);
+    }, [matrix]);
 
     useEffect(() => {
-        if (activeContexts) fetchContents(activeContexts[0]);
-    }, [activeContexts, fetchContents]);
+        if (currentRoomId && !graphObject) {
+            initialContentFetch(currentRoomId);
+        }
+        // if (currentRoomId) callApiAndAddToObject(currentRoomId);
+    }, [currentRoomId, graphObject, initialContentFetch]);
 
     useEffect(() => {
         // 8 for border
@@ -129,7 +182,6 @@ export default function Explore() {
     const getRoomContent = async (roomId) => {
         // const object = await fetch(getConfig().publicRuntimeConfig.authProviders.matrix.api + '/api/v2/' + roomId + '/render/json').catch((err) => console.error(err));
         let fetchMessage = matrix.roomContents.get(roomId);
-        console.log(fetchMessage);
         if (!fetchMessage) {
             fetchMessage = await matrix.hydrateRoomContent(roomId);
             console.log(fetchMessage);
@@ -144,51 +196,75 @@ export default function Explore() {
         // }
     };
 
-    const handleClicked = async (element, parent) => {
+    const handleClicked = async (roomId, type, template) => {
+        if (!roomId) return;
         // element is the last node clicked on by the user
-        if (!element) return;
-        if (element.data.type === 'context') return;
+        // if (!element) return;
+        // if (element.data.type === 'context') return;
         // if (element.children) return;
-        // await callApiAndAddToObject(element.data.id);
-        // return fetchChildren;
-        let content = null;
+        await callApiAndAddToObject(roomId);
+        console.log(roomId);
+        setActivePath(prevState => {
+            if (router.query.roomId[0] === roomId && activePath.length > 1) {
+                console.log('parent');
+                router.push(`/explore/${activePath[activePath.length - 2]}`);
+                return prevState.splice(0, activePath.length - 1);
+            } else {
+                console.log('child');
+                router.push(`/explore/${roomId}`);
+                return [...prevState, roomId];
+            }
+        });
+        // console.log(apicall);
 
-        if (element.data.template === 'chat') {
-            setCurrentItemType('chat');
-            content = `${getConfig().publicRuntimeConfig.chat.pathToElement}/#/room/${element.data.id}`;
+        // setParents(prevState => [...prevState, currentRoomId]);
+        // setCurrentRoomId(roomId); //this triggers usEffect to rerender
+        // console.log(api);
+        // if (type !== 'item') return;
 
-            // await new Promise(res => setTimeout(res, 650)); //transition time in d3js minus 100ms
-            // console.log(roomId);
-        } else if (element.data.template === 'studentproject') {
-            setCurrentItemType('studentproject');
-            content = element.data.id;
-        } else {
-            setCurrentItemType(element.data.template);
-            content = await getRoomContent(element.data.id);
-            console.log(content);
-            // await new Promise(res => setTimeout(res, 650)); //transition time in d3js minus 100ms
-            // console.log(roomId);
+        let content = null;
+        if (template === 'chat') {
+            setCurrentItemType(template);
+            content = `${getConfig().publicRuntimeConfig.chat.pathToElement}/#/room/${roomId}`;
+        }
+        if (template === 'studentproject') {
+            setCurrentItemType(template);
+            content = roomId;
+        }
+        if (template === 'sketch' || template === 'write') {
+            setCurrentItemType(template);
+            content = await getRoomContent(roomId);
         }
 
-        content && !parent && await new Promise(res => setTimeout(res, 650)); // await transition of grid
-        // router.push(`/explore/${element.data.id}`);
+        // setSelectedNode(content); // if selected node is not undefined iframe loads the url(type string) from selectedNode
+
         setSelectedNode(prevState => content === prevState ? null : content); // if selected node is not undefined iframe loads the url(type string) from selectedNode
-        router.push(`/explore/${element.data.id}`);
-        setRoomId(element.data.id);
+        // router.push(`/explore/${roomId}`);
+        // await callApiAndAddToObject(roomId);
+
+        // setCurrentRoomId(roomId);
     };
-    // useEffect(() => {
-    //     console.log(selectedNode);
-    // }, [selectedNode]);
+
+    useEffect(() => {
+        console.log(graphObject);
+    }, [graphObject]);
 
     if (!graphObject || typeof window === 'undefined') return <LoadingSpinner />;
     return (
         <>
             <IframeLayout.Sidebar width={!selectedNode && '100%'}>
                 <h2 ref={dimensionsRef}>/explore</h2>
-                <GraphView parsedData={graphObject}
-                    callback={handleClicked}
-                    parsedHeight={d3Height}
-                    selectedNode={selectedNode} />
+                <ExploreSection
+                    selectedNode={!!selectedNode}
+                >
+                    <GraphView
+                        parsedData={graphObject}
+                        parsedHeight={d3Height}
+                        parent={activePath[activePath.length - 2]}
+                        handleClick={handleClicked}
+                        activePath={activePath}
+                    />
+                </ExploreSection>
             </IframeLayout.Sidebar>
             { selectedNode && (
                 (() => {
@@ -200,7 +276,7 @@ export default function Explore() {
                                 <IframeLayout.IframeWrapper>
                                     <WriteIframeHeader
                                         content={selectedNode}
-                                        title={matrix.spaces.get(roomId)?.name || matrix.rooms.get(roomId)?.name}
+                                        title={matrix.spaces.get(currentRoomId)?.name || matrix.rooms.get(currentRoomId)?.name}
                                         removeLink={() => console.log('removing pad from parent')}
                                         removingLink={false} />
                                     <iframe src={selectedNode} />
@@ -211,8 +287,8 @@ export default function Explore() {
                                 <IframeLayout.IframeWrapper>
                                     <WriteIframeHeader
                                         content={selectedNode}
-                                        title={matrix.spaces.get(roomId)?.name || matrix.rooms.get(roomId)?.name}
-                                        removeLink={() => console.log('removing pad from parent')}
+                                        title={matrix.spaces.get(currentRoomId)?.name || matrix.rooms.get(currentRoomId)?.name}
+                                        removeLink={() => console.log('removing sketch from parent')}
                                         removingLink={false} />
                                     <iframe src={selectedNode} />
                                 </IframeLayout.IframeWrapper>
@@ -222,7 +298,7 @@ export default function Explore() {
                                 <IframeLayout.IframeWrapper>
                                     <WriteIframeHeader
                                         content={selectedNode}
-                                        title={matrix.spaces.get(roomId)?.name || matrix.rooms.get(roomId)?.name}
+                                        title={matrix.spaces.get(currentRoomId)?.name || matrix.rooms.get(currentRoomId)?.name}
                                         removeLink={() => console.log('removing pad from parent')}
                                         removingLink={false} />
                                     <ChatIframeView src={selectedNode} />

From a9a7afc5103ced44e99a662e44b5d24fa8d0429d Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 9 Mar 2023 17:26:22 +0100
Subject: [PATCH 045/714] add hierarchy function

---
 lib/Matrix.js | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/lib/Matrix.js b/lib/Matrix.js
index 767355cc..05d6852c 100644
--- a/lib/Matrix.js
+++ b/lib/Matrix.js
@@ -285,7 +285,20 @@ function useMatrixProvider(activeMatrixAuthenticationProviders) {
                 newState.set(roomId, message);
                 return newState;
             });
-            return message
+            return message;
+        };
+
+        const roomHierarchy = async (roomId, limit, maxDepth, suggestedOnly) => {
+            const rooms = [];
+
+            const fetchHierarchyFromMatrix = async (fromToken) => {
+                const hierarchy = await matrixClient.getRoomHierarchy(roomId, limit, maxDepth, suggestedOnly, fromToken);
+                rooms.push(...hierarchy.rooms);
+                if (hierarchy.next_batch) await fetchHierarchyFromMatrix(hierarchy.next_batch);
+                return rooms;
+            };
+            await fetchHierarchyFromMatrix();
+            return rooms;
         };
 
         return {
@@ -300,6 +313,7 @@ function useMatrixProvider(activeMatrixAuthenticationProviders) {
             leaveRoom,
             createRoom,
             hydrateRoomContent,
+            roomHierarchy,
         };
     })(authenticationProvider));
 }

From af73cb76bc78a9ef3b7579f5eb73ce3cc5b170be Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 9 Mar 2023 17:26:39 +0100
Subject: [PATCH 046/714] adapt to new css variables

---
 components/UI/TextButton.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/components/UI/TextButton.js b/components/UI/TextButton.js
index 86182e23..bd96b930 100644
--- a/components/UI/TextButton.js
+++ b/components/UI/TextButton.js
@@ -3,6 +3,7 @@ import styled from 'styled-components';
 const TextButton = styled.button`
   padding: 0;
   font: inherit;
+  color: var(--color-foreground);
   cursor: pointer;
   background: none;
   border: none;

From d6269c79dc311ae6c3183689017effa64d8e0b39 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 23 Mar 2023 10:41:43 +0100
Subject: [PATCH 047/714] add loading spinner when fetching next leaf

---
 pages/explore-d3/TreeLeaves.js | 18 +++++++++++++-----
 pages/explore/GraphView.js     |  7 ++-----
 pages/explore/TreeLeaves.js    | 17 +++++++++++++----
 3 files changed, 28 insertions(+), 14 deletions(-)

diff --git a/pages/explore-d3/TreeLeaves.js b/pages/explore-d3/TreeLeaves.js
index 47a0b7e2..531aaa92 100644
--- a/pages/explore-d3/TreeLeaves.js
+++ b/pages/explore-d3/TreeLeaves.js
@@ -1,6 +1,8 @@
-import React from 'react';
+import React, { useState } from 'react';
 import styled from 'styled-components';
 
+import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
+
 const Leaf = styled.button`
   position: absolute;
   width: ${props => props.width}px;
@@ -28,6 +30,14 @@ const Leaf = styled.button`
 
 `;
 const TreeLeaves = ({ handleClick, name, roomId, type, template, x, y, width, height, parsedHeight, leaf, translateX, translateY }) => {
+    const [fetchingLeaves, setFetchingLeaves] = useState(false);
+
+    const onClick =async (e) => {
+        e.preventDefault();
+        setFetchingLeaves(true);
+        await handleClick(roomId, leaf);
+        setFetchingLeaves(false);
+    };
     return (
         <Leaf
             x={x}
@@ -37,11 +47,9 @@ const TreeLeaves = ({ handleClick, name, roomId, type, template, x, y, width, he
             width={width}
             height={height}
             parsedHeight={parsedHeight}
-            onClick={(e) => {
-                e.preventDefault();
-                handleClick(roomId, leaf);
-            }}>
+            onClick={onClick}>
             { name }
+            { fetchingLeaves && <LoadingSpinnerInline /> }
         </Leaf>
     );
 };
diff --git a/pages/explore/GraphView.js b/pages/explore/GraphView.js
index b6dc5efa..33c2739d 100644
--- a/pages/explore/GraphView.js
+++ b/pages/explore/GraphView.js
@@ -83,10 +83,7 @@ function GraphView({ parsedData, parsedWidth, parsedHeight, handleClick, activeP
 
         // console.log(p);
     }
-    const onClick = async (roomId, type, template) => {
-        // await callApiAndAddToObject(roomId, leaf);
-        handleClick(roomId, type, template);
-    };
+
     if (!height || !data) return <LoadingSpinner />;
     const focusedId = router.query?.roomId[0];
     const roomId = data.id || data.room_id;
@@ -99,7 +96,7 @@ function GraphView({ parsedData, parsedWidth, parsedHeight, handleClick, activeP
             key={roomId}
             height={height}
             name={data.name}
-            handleClick={onClick}
+            handleClick={handleClick}
             template={data.template}
             children={data.children}
             translateX={0}
diff --git a/pages/explore/TreeLeaves.js b/pages/explore/TreeLeaves.js
index 64690056..dfc270e2 100644
--- a/pages/explore/TreeLeaves.js
+++ b/pages/explore/TreeLeaves.js
@@ -1,7 +1,9 @@
 import { useRouter } from 'next/router';
-import React from 'react';
+import React, { useState } from 'react';
 import styled from 'styled-components';
 
+import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
+
 const Leaf = styled.button`
   display: ${props => [props.display]};
   grid-row: ${props => props.className === 'parent' ? '1 / ' + props.childrenLength : props.index + 1};
@@ -22,7 +24,15 @@ const Leaf = styled.button`
 
 `;
 const TreeLeaves = ({ handleClick, name, roomId, type, template, children, height, parent, display, index }) => {
+    const [fetchingLeaves, setFetchingLeaves] = useState(false);
     const router = useRouter();
+
+    const onClick = async (e) => {
+        e.preventDefault();
+        setFetchingLeaves(true);
+        await handleClick(roomId, type, template);
+        setFetchingLeaves(false);
+    };
     return (<>
         <Leaf
             className={parent ? 'parent' : 'child'}
@@ -30,10 +40,9 @@ const TreeLeaves = ({ handleClick, name, roomId, type, template, children, heigh
             display={display}
             index={index}
             childrenLength={children?.length + 1}
-            onClick={() => {
-                handleClick(roomId, type, template);
-            }}>
+            onClick={onClick}>
             { name }
+            { fetchingLeaves && <LoadingSpinnerInline /> }
         </Leaf>
         { children && children.map((child, index) => {
             const roomId = child.id || child.room_id;

From 23745dbc9ee9030afa43ad2c1bf7d422673c10a9 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 23 Mar 2023 12:36:56 +0100
Subject: [PATCH 048/714] fix fetch error when directly loading /explore

---
 pages/explore-d3/[[...roomId]].js | 60 ++++++++++---------------------
 pages/explore/TreeLeaves.js       |  1 +
 pages/explore/[[...roomId]].js    | 49 +++++++++----------------
 3 files changed, 36 insertions(+), 74 deletions(-)

diff --git a/pages/explore-d3/[[...roomId]].js b/pages/explore-d3/[[...roomId]].js
index 48cdc6ff..a02839a6 100644
--- a/pages/explore-d3/[[...roomId]].js
+++ b/pages/explore-d3/[[...roomId]].js
@@ -35,50 +35,29 @@ export default function Explore() {
     const [activePath, setActivePath] = useState([getConfig().publicRuntimeConfig.contextRootSpaceRoomId]);
     const dimensionsRef = useRef();
     const router = useRouter();
-    const [currentRoomId, setCurrentRoomId] = useState(getConfig().publicRuntimeConfig.contextRootSpaceRoomId);
     const [currentItemType, setCurrentItemType] = useState('');
     const auth = useAuth();
     const matrix = useMatrix(auth.getAuthenticationProvider('matrix'));
 
-    const initialContentFetch = useCallback(async (roomId) => {
-        // const contents = [];
-        // const roomHierarchy = await auth.getAuthenticationProvider('matrix').getMatrixClient().getRoomHierarchy(activeContexts[activeContexts.length - 1], undefined, 1);
-        // // Remove the first entry, which is the context itself
-        // roomHierarchy.rooms.shift();
-        // // Ignore `m.space.child` events that are empty
-        // // We're only interested in the -contents- of this context, so filter out everything that's a sub-context
-        // for (const room of roomHierarchy.rooms) {
-        //     const metaEvent = await auth.getAuthenticationProvider('matrix').getMatrixClient().getStateEvent(room.room_id, 'dev.medienhaus.meta').catch(() => {});
-        //     if (!metaEvent || (metaEvent && metaEvent.type !== 'context')) {
-        //         // This is a valid content item we want to show
-        //         contents.push({
-        //             ...room,
-        //             type: metaEvent?.type ?? 'chat', // If there's no meta.type we assume it's a chat room
-        //             template: metaEvent?.template,
-        //             children: room.children_state,
-        //         });
-        //     }
-        // }
-        // console.log(contents);
-
-        // setContents({
-        //     name: 'First Level',
-        //     children: contents,
-        // });
-
+    const initialContentFetch = useCallback(async () => {
         // initial fetch of object
-        const object = await fetch(getConfig().publicRuntimeConfig.authProviders.matrix.api + '/api/v2/' + roomId)
-            .catch(async (err) => {
-                console.debug(err);
-            });
+        const roomId = router.query.roomId ? router.query.roomId[0] : getConfig().publicRuntimeConfig.contextRootSpaceRoomId;
+
+        // if an api endpoint is defined we try to fetch the object from the api. othwerwise we set object to null in order to trigger the else loop.
+        // @TODO if we don't do this fetch will return status 200 even with the api url eing undefined. it will try to fetch "domain.com/explore/undefined" which will return 200.
+        // I am not sure why the url below defaults to "domain.com/explore/undefined/api/v2" instead of "undefined/api/v2". hence the  below.
+        const object = getConfig().publicRuntimeConfig.authProviders.matrix.api ?
+            await fetch(getConfig().publicRuntimeConfig.authProviders.matrix.api + '/api/v2/' + roomId)
+                .catch((err) => console.debug(err)) :
+            null;
         // const object = await fetch('http://192.168.0.50:3009/api/v2/!gBzMkmAvxvlPEwlvdq:moci.space/render/d3/fullTree').catch((err) => console.error(err));
+
         if (object?.ok) {
             const json = await object.json();
             json.children = json.item;
             json.children.push(...json.context);
             json.root = true;
             router.push(json.id);
-
             setGraphObject(json);
         } else {
             console.log('no api:');
@@ -96,6 +75,7 @@ export default function Explore() {
                 if (space.room_id === roomId) continue;
                 children.push(space);
             }
+            console.log(spaceHierarchy);
             spaceHierarchy[0].children = children;
             router.push(spaceHierarchy[0].room_id);
 
@@ -104,10 +84,10 @@ export default function Explore() {
     }, [matrix]);
 
     useEffect(() => {
-        if (currentRoomId && !graphObject) {
-            initialContentFetch(currentRoomId);
+        if (!graphObject) {
+            initialContentFetch();
         }
-    }, [currentRoomId, graphObject, initialContentFetch]);
+    }, [graphObject, initialContentFetch]);
 
     useEffect(() => {
         // 8 for border
@@ -128,8 +108,6 @@ export default function Explore() {
     const handleClicked = async (roomId, type, template) => {
         console.log(roomId);
         if (!roomId) return;
-        console.log('template');
-        console.log(template);
         setActivePath(prevState => {
             const parent = activePath[activePath.length - 2];
             if (parent === roomId && activePath.length > 1) return prevState.splice(0, activePath.length - 1);
@@ -156,7 +134,7 @@ export default function Explore() {
     if (!graphObject || typeof window === 'undefined') return <LoadingSpinner />;
     return (
         <>
-            <IframeLayout.Sidebar width={!selectedNode && '100%'}>
+            <IframeLayout.Sidebar width="100%">
                 <h2 ref={dimensionsRef}>/explore</h2>
                 <GraphView
                     parsedData={graphObject}
@@ -176,7 +154,7 @@ export default function Explore() {
                                 <IframeLayout.IframeWrapper>
                                     <WriteIframeHeader
                                         content={selectedNode}
-                                        title={matrix.spaces.get(currentRoomId)?.name || matrix.rooms.get(currentRoomId)?.name}
+                                        title={matrix.spaces.get(router.query.roomId[0])?.name || matrix.rooms.get(router.query.roomId[0])?.name}
                                         removeLink={() => console.log('removing pad from parent')}
                                         removingLink={false} />
                                     <iframe src={selectedNode} />
@@ -187,7 +165,7 @@ export default function Explore() {
                                 <IframeLayout.IframeWrapper>
                                     <WriteIframeHeader
                                         content={selectedNode}
-                                        title={matrix.spaces.get(currentRoomId)?.name || matrix.rooms.get(currentRoomId)?.name}
+                                        title={matrix.spaces.get(router.query.roomId[0])?.name || matrix.rooms.get(router.query.roomId[0])?.name}
                                         removeLink={() => console.log('removing sketch from parent')}
                                         removingLink={false} />
                                     <iframe src={selectedNode} />
@@ -198,7 +176,7 @@ export default function Explore() {
                                 <IframeLayout.IframeWrapper>
                                     <WriteIframeHeader
                                         content={selectedNode}
-                                        title={matrix.spaces.get(currentRoomId)?.name || matrix.rooms.get(currentRoomId)?.name}
+                                        title={matrix.spaces.get(router.query.roomId[0])?.name || matrix.rooms.get(router.query.roomId[0])?.name}
                                         removeLink={() => console.log('removing pad from parent')}
                                         removingLink={false} />
                                     <ChatIframeView src={selectedNode} />
diff --git a/pages/explore/TreeLeaves.js b/pages/explore/TreeLeaves.js
index dfc270e2..ac313c85 100644
--- a/pages/explore/TreeLeaves.js
+++ b/pages/explore/TreeLeaves.js
@@ -47,6 +47,7 @@ const TreeLeaves = ({ handleClick, name, roomId, type, template, children, heigh
         { children && children.map((child, index) => {
             const roomId = child.id || child.room_id;
             return <TreeLeaves
+                key={roomId + index} // @TODO could still create douplicate keys
                 parent={router.query.roomId[0] === roomId}
                 display={router.query.roomId[0] === roomId ? 'initial' : parent ? 'initial' : 'none'}
                 index={index}
diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 4a082a65..36ab9812 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -43,7 +43,6 @@ export default function Explore() {
     const [activePath, setActivePath] = useState([getConfig().publicRuntimeConfig.contextRootSpaceRoomId]);
     const dimensionsRef = useRef();
     const router = useRouter();
-    const [currentRoomId, setCurrentRoomId] = useState(getConfig().publicRuntimeConfig.contextRootSpaceRoomId);
     const [currentItemType, setCurrentItemType] = useState('');
     const auth = useAuth();
     const matrix = useMatrix(auth.getAuthenticationProvider('matrix'));
@@ -106,12 +105,18 @@ export default function Explore() {
         });
     }
 
-    const initialContentFetch = useCallback(async (roomId) => {
+    const initialContentFetch = useCallback(async () => {
         // initial fetch of object
-        const object = await fetch(getConfig().publicRuntimeConfig.authProviders.matrix.api + '/api/v2/' + roomId)
-            .catch(async (err) => {
-                console.debug(err);
-            });
+
+        const roomId = router.query.roomId ? router.query.roomId[0] : getConfig().publicRuntimeConfig.contextRootSpaceRoomId;
+
+        // if an api endpoint is defined we try to fetch the object from the api. othwerwise we set object to null in order to trigger the else loop.
+        // @TODO if we don't do this fetch will return status 200 even with the api url eing undefined. it will try to fetch "domain.com/explore/undefined" which will return 200.
+        // I am not sure why the url below defaults to "domain.com/explore/undefined/api/v2" instead of "undefined/api/v2". hence the  below.
+        const object = getConfig().publicRuntimeConfig.authProviders.matrix.api ?
+            await fetch(getConfig().publicRuntimeConfig.authProviders.matrix.api + '/api/v2/' + roomId)
+                .catch((err) => console.debug(err)) :
+            null;
         // const object = await fetch('http://192.168.0.50:3009/api/v2/!gBzMkmAvxvlPEwlvdq:moci.space/render/d3/fullTree').catch((err) => console.error(err));
         if (object?.ok) {
             const json = await object.json();
@@ -124,27 +129,6 @@ export default function Explore() {
             setGraphObject(json);
         } else {
             console.debug('no api:');
-
-            // const contents = [];
-            // const roomHierarchy = await auth.getAuthenticationProvider('matrix').getMatrixClient().getRoomHierarchy(activeContexts[activeContexts.length - 1], undefined, 1);
-            // // Remove the first entry, which is the context itself
-            // roomHierarchy.rooms.shift();
-            // // Ignore `m.space.child` events that are empty
-            // // We're only interested in the -contents- of this context, so filter out everything that's a sub-context
-            // for (const room of roomHierarchy.rooms) {
-            //     const metaEvent = await auth.getAuthenticationProvider('matrix').getMatrixClient().getStateEvent(room.room_id, 'dev.medienhaus.meta').catch(() => {});
-            //     if (!metaEvent || (metaEvent && metaEvent.type !== 'context')) {
-            //         // This is a valid content item we want to show
-            //         contents.push({
-            //             ...room,
-            //             type: metaEvent?.type ?? 'chat', // If there's no meta.type we assume it's a chat room
-            //             template: metaEvent?.template,
-            //             children: room.children_state,
-            //         });
-            //     }
-            // }
-            // console.log(contents);
-
             const spaceHierarchy = await matrix.roomHierarchy(roomId, null, 1)
                 .catch(err => console.debug(err));
             const children = [];
@@ -168,11 +152,10 @@ export default function Explore() {
     }, [matrix]);
 
     useEffect(() => {
-        if (currentRoomId && !graphObject) {
-            initialContentFetch(currentRoomId);
+        if (!graphObject) {
+            initialContentFetch();
         }
-        // if (currentRoomId) callApiAndAddToObject(currentRoomId);
-    }, [currentRoomId, graphObject, initialContentFetch]);
+    }, [graphObject, initialContentFetch]);
 
     useEffect(() => {
         // 8 for border
@@ -276,7 +259,7 @@ export default function Explore() {
                                 <IframeLayout.IframeWrapper>
                                     <WriteIframeHeader
                                         content={selectedNode}
-                                        title={matrix.spaces.get(currentRoomId)?.name || matrix.rooms.get(currentRoomId)?.name}
+                                        title={matrix.spaces.get(router.query.roomId[0])?.name || matrix.rooms.get(router.query.roomId[0])?.name}
                                         removeLink={() => console.log('removing pad from parent')}
                                         removingLink={false} />
                                     <iframe src={selectedNode} />
@@ -287,7 +270,7 @@ export default function Explore() {
                                 <IframeLayout.IframeWrapper>
                                     <WriteIframeHeader
                                         content={selectedNode}
-                                        title={matrix.spaces.get(currentRoomId)?.name || matrix.rooms.get(currentRoomId)?.name}
+                                        title={matrix.spaces.get(router.query.roomId[0])?.name || matrix.rooms.get(router.query.roomId[0])?.name}
                                         removeLink={() => console.log('removing sketch from parent')}
                                         removingLink={false} />
                                     <iframe src={selectedNode} />

From 13713ed516e81507e14cec7a441a3f8d8d4385a5 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 23 Mar 2023 12:37:06 +0100
Subject: [PATCH 049/714] adapt for phones

---
 components/layouts/iframe.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/components/layouts/iframe.js b/components/layouts/iframe.js
index 5c1704ce..7bd54990 100644
--- a/components/layouts/iframe.js
+++ b/components/layouts/iframe.js
@@ -16,6 +16,7 @@ export const Main = styled.main`
 `;
 
 const Sidebar = styled.div`
+  height: 100%;
   padding: var(--margin);
   background: var(--color-background-sidebar);
 

From c222be5bbdce78dfb3359b5d73c4947204cdbbc7 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 23 Mar 2023 12:37:38 +0100
Subject: [PATCH 050/714] make d3js cover full width

---
 pages/explore-d3/GraphView.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/explore-d3/GraphView.js b/pages/explore-d3/GraphView.js
index 2d22fa7a..99f7fd67 100644
--- a/pages/explore-d3/GraphView.js
+++ b/pages/explore-d3/GraphView.js
@@ -31,7 +31,7 @@ function GraphView({ parsedData, parsedWidth, parsedHeight, activePath, handleCl
         return partition()
             .size([
                 height,
-                ((root.height + 1) * width / 5),
+                ((root.height + 1) * width / 2.5),
             ])(root);
     }, [height, width]);
 

From 2ca27376fccb0152b21075311205b4d6afb2588d Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Tue, 28 Mar 2023 14:53:38 +0200
Subject: [PATCH 051/714] clean up and fix callback

---
 pages/explore-d3/TreeLeaves.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/pages/explore-d3/TreeLeaves.js b/pages/explore-d3/TreeLeaves.js
index 531aaa92..90c529bb 100644
--- a/pages/explore-d3/TreeLeaves.js
+++ b/pages/explore-d3/TreeLeaves.js
@@ -29,7 +29,7 @@ const Leaf = styled.button`
   }
 
 `;
-const TreeLeaves = ({ handleClick, name, roomId, type, template, x, y, width, height, parsedHeight, leaf, translateX, translateY }) => {
+const TreeLeaves = ({ handleClick, name, roomId, x, y, width, height, parsedHeight, leaf, translateX, translateY }) => {
     const [fetchingLeaves, setFetchingLeaves] = useState(false);
 
     const onClick =async (e) => {
@@ -47,7 +47,7 @@ const TreeLeaves = ({ handleClick, name, roomId, type, template, x, y, width, he
             width={width}
             height={height}
             parsedHeight={parsedHeight}
-            onClick={onClick}>
+            onClick={(e) => onClick(e, leaf)}>
             { name }
             { fetchingLeaves && <LoadingSpinnerInline /> }
         </Leaf>

From a651c196c22a032ce13866932e50d45ff4c4971e Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Tue, 28 Mar 2023 14:55:03 +0200
Subject: [PATCH 052/714] improve fetching logic and dynamic routing

---
 pages/explore-d3/GraphView.js | 95 ++++++++++++++++++-----------------
 1 file changed, 50 insertions(+), 45 deletions(-)

diff --git a/pages/explore-d3/GraphView.js b/pages/explore-d3/GraphView.js
index 99f7fd67..0ff834a0 100644
--- a/pages/explore-d3/GraphView.js
+++ b/pages/explore-d3/GraphView.js
@@ -1,9 +1,8 @@
 
-import React, { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';
+import React, { useCallback, useEffect, useState } from 'react';
 import * as d3 from 'd3';
 import { partition } from 'd3';
 import getConfig from 'next/config';
-import _ from 'lodash';
 import { useRouter } from 'next/router';
 
 import LoadingSpinner from '../../components/UI/LoadingSpinner';
@@ -14,11 +13,11 @@ import { useMatrix } from '../../lib/Matrix';
 // import { partition } from 'd3';
 // import { format } from 'd3';
 
-function GraphView({ parsedData, parsedWidth, parsedHeight, activePath, handleClick }) {
+function GraphView({ parsedData, parsedWidth, parsedHeight, activePath, selectedNode, handleClick }) {
     const [data, setData] = useState(parsedData);
     const [height, setHeight] = useState();
     const [root, setRoot] = useState();
-    const [currentDepth, setCurrentDepth] = useState(0);
+    // const [, setCurrentDepth] = useState(0);
     const router = useRouter();
     const auth = useAuth();
     const matrix = useMatrix(auth.getAuthenticationProvider('matrix'));
@@ -91,58 +90,62 @@ function GraphView({ parsedData, parsedWidth, parsedHeight, activePath, handleCl
     }
     async function callApiAndAddToObject(roomId) {
         let fetchChildren;
-        if (router.query.roomId[0] !== roomId) {
-            console.log('in fetch');
+        const newTree = { ...data };
+        const foundObject = findObject(newTree, roomId);
+
+        const fetchFromMatrix = async () => {
+            const spaceHierarchy = await matrix.roomHierarchy(roomId, null, 1)
+                .catch(err => console.debug(err));
+            const children = [];
+            console.log(spaceHierarchy);
+            for (const space of spaceHierarchy) {
+                if (space.room_id === roomId) continue;
+                const metaEvent = await auth.getAuthenticationProvider('matrix').getMatrixClient().getStateEvent(space.room_id, 'dev.medienhaus.meta').catch(() => {});
+                if (metaEvent) {
+                    console.log(metaEvent);
+                    space.type = metaEvent.type;
+                    space.template = metaEvent.template;
+                    space.application = metaEvent.application;
+                }
+                children.push(space);
+            }
+            fetchChildren = { children: children };
+        };
+
+        // if the id in the url does not match the id of the clicked leaf we fetch new content.
+
+        if (router.query.roomId[0] !== roomId && !foundObject.children) {
             // if the object does not have any children yet we fetch the next children from the api or from matrix directly
-            // @TODO add matrix calls if api isnt available
-            // @TODO escaping the fetch prevents recently added spaces from showing up without a manual reload.
+            // while this saves data, it also prevents updates inside the structure from showing up when already browsing through explore
             if (getConfig().publicRuntimeConfig.authProviders.matrix.api) {
-                const response = await fetch(`${getConfig().publicRuntimeConfig.authProviders.matrix.api}/api/v2/${roomId}`).catch(error => console.log(error));
+                const response = await fetch(`${getConfig().publicRuntimeConfig.authProviders.matrix.api}/api/v2/${roomId}`)
+                    .catch(async (error) => {
+                        console.debug(error);
+                        // if fetching from the api fails we try fetching directly from the matrix server
+                        await fetchFromMatrix();
+                    });
                 if (!response?.ok) return;
                 fetchChildren = await response.json();
                 fetchChildren.children = [...fetchChildren.item];
                 fetchChildren.children.push(...fetchChildren.context);
             } else {
-                console.log('in else');
-
-                const spaceHierarchy = await matrix.roomHierarchy(roomId, null, 1)
-                    .catch(err => console.debug(err));
-                const children = [];
-                console.log(spaceHierarchy);
-                for (const space of spaceHierarchy) {
-                    if (space.room_id === roomId) continue;
-                    const metaEvent = await auth.getAuthenticationProvider('matrix').getMatrixClient().getStateEvent(space.room_id, 'dev.medienhaus.meta').catch(() => {});
-                    if (metaEvent) {
-                        console.log(metaEvent);
-                        space.type = metaEvent.type;
-                        space.template = metaEvent.template;
-                        space.application = metaEvent.application;
-                    }
-                    children.push(space);
-                }
-                fetchChildren = { children: children };
+                await fetchFromMatrix();
             }
         }
 
-        setData((prevTree) => {
-            const newTree = { ...prevTree };
-            const foundObject = findObject(newTree, roomId);
-            // @TODO children are in wrong position when appearing for the first time
-            if (fetchChildren) foundObject.children = fetchChildren.children;
+        setData(() => {
+            if (fetchChildren) {
+                foundObject.children = fetchChildren.children;
+            }
 
-            // if (foundObject.children) return prevTree;
-            // foundObject.children = newNode.children;
-            // foundObject.data.children = newNode.data.children;
             const newHierarchy = iciclePartition(newTree);
             let p = findObject(newHierarchy, roomId);
             console.log(p);
             // if the already active node is clicked we want to go back to it's parent if possible.
-
             if (router.query.roomId[0] === roomId) p = p.parent;
-
             // in case p is null now we know there are no parent nodes and we return the previous state
             if (!p) return newTree;
-            if (fetchChildren) {
+            if (router.query.roomId[0] !== roomId) {
                 newHierarchy.each(
                     (d) => {
                         if (!d.target) {
@@ -155,8 +158,7 @@ function GraphView({ parsedData, parsedWidth, parsedHeight, activePath, handleCl
                         }
                     },
                 );
-            }
-            if (router.query.roomId[0] === roomId) {
+            } else {
                 newHierarchy.each(
                     (d) => {
                         return d.target = {
@@ -202,15 +204,15 @@ function GraphView({ parsedData, parsedWidth, parsedHeight, activePath, handleCl
     };
     const onClick = async (roomId, leaf) => {
         await callApiAndAddToObject(roomId);
-        await new Promise(r => setTimeout(r, 0));
+        await new Promise(r => setTimeout(r, 0)); // hack to actually update positions @TODO fix properly
         await updatePositions(roomId);
-
-        const id = router.query.roomId[0] !== roomId ? roomId : leaf.parent?.data.id;
+        const parentId = leaf.parent?.data.id || leaf.parent?.data.room_id;
+        const id = router.query.roomId[0] !== roomId ? roomId : parentId;
         // if id is undefined we can assume there is no known parent and we exit the function
         if (!id) return;
         const type = router.query.roomId[0] !== roomId ? leaf.data.type : leaf.parent.data.type;
         const template = router.query.roomId[0] !== roomId ? leaf.data.template : leaf.parent.data.template;
-        setCurrentDepth(router.query.roomId[0] !== roomId ? leaf.depth : leaf.parent.depth);
+        // setCurrentDepth(router.query.roomId[0] !== roomId ? leaf.depth : leaf.parent.depth);
         handleClick(id, type, template);
     };
 
@@ -223,8 +225,11 @@ function GraphView({ parsedData, parsedWidth, parsedHeight, activePath, handleCl
                     return d.x1 - d.x0;
                 }
                 const roomId = leaf.data.id || leaf.data.room_id;
+                // if a node is selected we need to make room for the iframe, therefore dividing the width by 2
+                const leafWidth = selectedNode ? (leaf.y1 - leaf.y0) / 2 : leaf.y1 - leaf.y0;
                 return <TreeLeaves
-                    width={leaf.y1 - leaf.y0}
+                    key={roomId + leaf.y0}
+                    width={leafWidth}
                     height={leaf.target ? rectHeight(leaf.target) : rectHeight(leaf)}
                     parsedHeight={height}
                     name={leaf.data.name}

From a975bd90a472c941218fe0930fd481eb3181db1f Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Tue, 28 Mar 2023 14:55:23 +0200
Subject: [PATCH 053/714] clean up

---
 pages/explore-d3/[[...roomId]].js | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/pages/explore-d3/[[...roomId]].js b/pages/explore-d3/[[...roomId]].js
index a02839a6..9b23de81 100644
--- a/pages/explore-d3/[[...roomId]].js
+++ b/pages/explore-d3/[[...roomId]].js
@@ -15,7 +15,6 @@ import { useMatrix } from '../../lib/Matrix';
 import WriteIframeHeader from '../write/WriteIframeHeader';
 import ProjectView from './ProjectView';
 import ChatIframeView from '../chat/ChatIframeView';
-import TreeView from './TreeView';
 import GraphView from './GraphView';
 
 // const ExploreSection = styled.div`
@@ -50,7 +49,6 @@ export default function Explore() {
             await fetch(getConfig().publicRuntimeConfig.authProviders.matrix.api + '/api/v2/' + roomId)
                 .catch((err) => console.debug(err)) :
             null;
-        // const object = await fetch('http://192.168.0.50:3009/api/v2/!gBzMkmAvxvlPEwlvdq:moci.space/render/d3/fullTree').catch((err) => console.error(err));
 
         if (object?.ok) {
             const json = await object.json();
@@ -81,6 +79,8 @@ export default function Explore() {
 
             setGraphObject(spaceHierarchy[0]);
         }
+        // @TODO dix dependencies
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [matrix]);
 
     useEffect(() => {
@@ -134,7 +134,7 @@ export default function Explore() {
     if (!graphObject || typeof window === 'undefined') return <LoadingSpinner />;
     return (
         <>
-            <IframeLayout.Sidebar width="100%">
+            <IframeLayout.Sidebar width={!selectedNode && '100%'}>
                 <h2 ref={dimensionsRef}>/explore</h2>
                 <GraphView
                     parsedData={graphObject}
@@ -142,6 +142,7 @@ export default function Explore() {
                     parent={activePath[activePath.length - 2]}
                     handleClick={handleClicked}
                     activePath={activePath}
+                    selectedNode={selectedNode}
                 />
             </IframeLayout.Sidebar>
             { selectedNode && (

From 686917bc3eeba1898d27434752a32677d37df767 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Tue, 28 Mar 2023 14:56:17 +0200
Subject: [PATCH 054/714] clean up and safety for dynamic route

---
 pages/explore/GraphView.js     | 58 ++--------------------------------
 pages/explore/[[...roomId]].js | 17 ++++------
 2 files changed, 9 insertions(+), 66 deletions(-)

diff --git a/pages/explore/GraphView.js b/pages/explore/GraphView.js
index 33c2739d..a0c65fd9 100644
--- a/pages/explore/GraphView.js
+++ b/pages/explore/GraphView.js
@@ -1,18 +1,12 @@
 
-import React, { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';
-import * as d3 from 'd3';
-import { partition } from 'd3';
+import React, { useEffect, useState } from 'react';
 import getConfig from 'next/config';
-import _ from 'lodash';
 import { useRouter } from 'next/router';
 
 import LoadingSpinner from '../../components/UI/LoadingSpinner';
 import TreeLeaves from './TreeLeaves';
 
-// import { partition } from 'd3';
-// import { format } from 'd3';
-
-function GraphView({ parsedData, parsedWidth, parsedHeight, handleClick, activePath }) {
+function GraphView({ parsedData, parsedHeight, handleClick }) {
     const [data, setData] = useState(parsedData);
     const [height, setHeight] = useState();
     const router = useRouter();
@@ -38,54 +32,8 @@ function GraphView({ parsedData, parsedWidth, parsedHeight, handleClick, activeP
         };
     }, [parsedHeight]);
 
-    const width = parsedWidth || window.innerWidth;
-    // setRoot(iciclePartition(data));
-
-    async function callApiAndAddToObject(roomId) {
-        function findObject(structure, id) {
-            console.log(structure);
-            const objectId = structure.id || structure.data.id;
-            let ret;
-            // base case
-            if (objectId === id) {
-                return structure;
-            } else {
-                // recursion
-                structure.children?.forEach(child => {
-                    console.log(child);
-                    if (!ret) {
-                        const c = findObject(child, id);
-                        if (c) ret = c;
-                    }
-                });
-            }
-            return ret;
-        }
-
-        const response = await fetch(`${getConfig().publicRuntimeConfig.authProviders.matrix.api}/api/v2/${roomId}`).catch(error => console.log(error));
-        if (!response?.ok) return;
-        const newdata = await response.json();
-        console.log(newdata);
-        newdata.children = [...newdata.item];
-        newdata.children.push(...newdata.context);
-
-        // p.children = newNode.children;
-        // p.data.children = newNode.data.children;
-
-        // p.children.forEach(child => child.depth += 1);
-        // return newTree;
-
-        // If no child array, create an empty array
-        // if (!p.children) {
-        //     p.children = [];
-        //     p.data.children = [];
-        // }
-
-        // console.log(p);
-    }
-
     if (!height || !data) return <LoadingSpinner />;
-    const focusedId = router.query?.roomId[0];
+    const focusedId = router.query?.roomId[0] || getConfig().publicRuntimeConfig.contextRootSpaceRoomId;
     const roomId = data.id || data.room_id;
 
     return (
diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 36ab9812..a2608b0e 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -1,12 +1,7 @@
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import styled from 'styled-components';
 import getConfig from 'next/config';
-// import { useTranslation } from 'react-i18next';
-// import _ from 'lodash';
 import { useRouter } from 'next/router';
-// import ContextMultiLevelSelect from '../../components/ContextMultiLevelSelect';
-// import { useAuth } from '../../lib/Auth';
-// import GraphView from './GraphView';
 
 import IframeLayout from '../../components/layouts/iframe';
 import LoadingSpinner from '../../components/UI/LoadingSpinner';
@@ -36,7 +31,7 @@ const ExploreSection = styled.div`
 `;
 
 export default function Explore() {
-    const [, setHierarchy] = useState();
+    // const [, setHierarchy] = useState();
     const [graphObject, setGraphObject] = useState(null);
     const [selectedNode, setSelectedNode] = useState(null);
     const [d3Height, setD3Height] = useState();
@@ -107,7 +102,6 @@ export default function Explore() {
 
     const initialContentFetch = useCallback(async () => {
         // initial fetch of object
-
         const roomId = router.query.roomId ? router.query.roomId[0] : getConfig().publicRuntimeConfig.contextRootSpaceRoomId;
 
         // if an api endpoint is defined we try to fetch the object from the api. othwerwise we set object to null in order to trigger the else loop.
@@ -125,7 +119,7 @@ export default function Explore() {
             json.root = true;
             json.depth = 0;
             router.push(`/explore/${json.id}`);
-            setHierarchy(json);
+            // setHierarchy(json);
             setGraphObject(json);
         } else {
             console.debug('no api:');
@@ -146,9 +140,11 @@ export default function Explore() {
             spaceHierarchy[0].children = children;
 
             router.push(`/explore/${spaceHierarchy[0].room_id}`);
-            setHierarchy(spaceHierarchy[0]);
+            // setHierarchy(spaceHierarchy[0]);
             setGraphObject(spaceHierarchy[0]);
         }
+        // @TODO dix dependencies
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [matrix]);
 
     useEffect(() => {
@@ -245,7 +241,6 @@ export default function Explore() {
                         parsedHeight={d3Height}
                         parent={activePath[activePath.length - 2]}
                         handleClick={handleClicked}
-                        activePath={activePath}
                     />
                 </ExploreSection>
             </IframeLayout.Sidebar>
@@ -281,7 +276,7 @@ export default function Explore() {
                                 <IframeLayout.IframeWrapper>
                                     <WriteIframeHeader
                                         content={selectedNode}
-                                        title={matrix.spaces.get(currentRoomId)?.name || matrix.rooms.get(currentRoomId)?.name}
+                                        title={matrix.spaces.get(router.query.roomId[0])?.name || matrix.rooms.get(router.query.roomId[0])?.name}
                                         removeLink={() => console.log('removing pad from parent')}
                                         removingLink={false} />
                                     <ChatIframeView src={selectedNode} />

From 641f2215e183c4700b9836eabad7c525c2babdbd Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Tue, 28 Mar 2023 14:56:43 +0200
Subject: [PATCH 055/714] add default id to explore routes to prevent errors

---
 components/layouts/partials/navigation.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/components/layouts/partials/navigation.js b/components/layouts/partials/navigation.js
index 8b06de45..14ecc63d 100644
--- a/components/layouts/partials/navigation.js
+++ b/components/layouts/partials/navigation.js
@@ -1,3 +1,4 @@
+import getConfig from 'next/config';
 import { default as NextLink } from 'next/link';
 import styled from 'styled-components';
 
@@ -41,8 +42,8 @@ export default function Navigation({ closeNavigation }) {
             <List>
                 <li><Link href="/">/dashboard</Link></li>
                 <li><Link href="/account">/account</Link></li>
-                <li><Link href="/explore">/explore</Link></li>
-                <li><Link href="/explore-d3">/explore d3</Link></li>
+                <li><Link href={`/explore/${getConfig().publicRuntimeConfig.contextRootSpaceRoomId}`}>/explore</Link></li>
+                <li><Link href={`/explore-d3/${getConfig().publicRuntimeConfig.contextRootSpaceRoomId}`}>/explore d3/</Link></li>
 
             </List>
             <List>

From f240ff046f190f89dd04afacedd62aadff0fe5fa Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Tue, 28 Mar 2023 15:34:38 +0200
Subject: [PATCH 056/714] linter now happy

---
 lib/auth/WriteAuthProvider.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/lib/auth/WriteAuthProvider.js b/lib/auth/WriteAuthProvider.js
index 4803eea6..4f8a0321 100644
--- a/lib/auth/WriteAuthProvider.js
+++ b/lib/auth/WriteAuthProvider.js
@@ -17,8 +17,8 @@ class WriteAuthProvider {
 
     async signin(usr, pwd) {
         // successfull login revokes all previouse generated tokens for this user
-        // if no api url is defined in next.config.js we exit the function 
-        if(!this.url) return
+        // if no api url is defined in next.config.js we exit the function
+        if (!this.url) return;
         const login = await this._login(this.url, usr, pwd);
         this.token = login.token;
         this.userId = login.user._id;

From 9e90a056f2c588461bf4d066ffb10cf14bd7a7e4 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Tue, 28 Mar 2023 17:15:26 +0200
Subject: [PATCH 057/714] fix typo

---
 components/layouts/partials/navigation.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/layouts/partials/navigation.js b/components/layouts/partials/navigation.js
index 14ecc63d..6dd0637e 100644
--- a/components/layouts/partials/navigation.js
+++ b/components/layouts/partials/navigation.js
@@ -43,7 +43,7 @@ export default function Navigation({ closeNavigation }) {
                 <li><Link href="/">/dashboard</Link></li>
                 <li><Link href="/account">/account</Link></li>
                 <li><Link href={`/explore/${getConfig().publicRuntimeConfig.contextRootSpaceRoomId}`}>/explore</Link></li>
-                <li><Link href={`/explore-d3/${getConfig().publicRuntimeConfig.contextRootSpaceRoomId}`}>/explore d3/</Link></li>
+                <li><Link href={`/explore-d3/${getConfig().publicRuntimeConfig.contextRootSpaceRoomId}`}>/explore d3</Link></li>
 
             </List>
             <List>

From 7e70ce51f18a10e95fa6a66d19f9846752693152 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 29 Mar 2023 15:09:07 +0200
Subject: [PATCH 058/714] hopefully stop metaEvent loop and highlight issing
 events visually in explore

---
 pages/explore-d3/GraphView.js     | 11 +++++++++--
 pages/explore-d3/TreeLeaves.js    |  5 +++--
 pages/explore-d3/[[...roomId]].js |  6 +++++-
 pages/explore/GraphView.js        |  4 +++-
 pages/explore/TreeLeaves.js       |  9 ++++++---
 pages/explore/[[...roomId]].js    | 12 ++++++++++--
 6 files changed, 36 insertions(+), 11 deletions(-)

diff --git a/pages/explore-d3/GraphView.js b/pages/explore-d3/GraphView.js
index 0ff834a0..556159d2 100644
--- a/pages/explore-d3/GraphView.js
+++ b/pages/explore-d3/GraphView.js
@@ -100,7 +100,11 @@ function GraphView({ parsedData, parsedWidth, parsedHeight, activePath, selected
             console.log(spaceHierarchy);
             for (const space of spaceHierarchy) {
                 if (space.room_id === roomId) continue;
-                const metaEvent = await auth.getAuthenticationProvider('matrix').getMatrixClient().getStateEvent(space.room_id, 'dev.medienhaus.meta').catch(() => {});
+                const metaEvent = await auth.getAuthenticationProvider('matrix').getMatrixClient().getStateEvent(space.room_id, 'dev.medienhaus.meta')
+                    .catch((err) => {
+                        console.debug(err);
+                        space.missingMetaEvent = true;
+                    });
                 if (metaEvent) {
                     console.log(metaEvent);
                     space.type = metaEvent.type;
@@ -237,7 +241,10 @@ function GraphView({ parsedData, parsedWidth, parsedHeight, activePath, selected
                     leaf={leaf}
                     translateX={leaf.target.y0}
                     translateY={leaf.target.x0}
-                    roomId={roomId} />;
+                    roomId={roomId}
+                    missingMetaEvent={leaf.data.missingMetaEvent}
+
+                />;
             }) }</div>
     );
 }
diff --git a/pages/explore-d3/TreeLeaves.js b/pages/explore-d3/TreeLeaves.js
index 90c529bb..303603c3 100644
--- a/pages/explore-d3/TreeLeaves.js
+++ b/pages/explore-d3/TreeLeaves.js
@@ -29,7 +29,7 @@ const Leaf = styled.button`
   }
 
 `;
-const TreeLeaves = ({ handleClick, name, roomId, x, y, width, height, parsedHeight, leaf, translateX, translateY }) => {
+const TreeLeaves = ({ handleClick, name, roomId, x, y, width, height, parsedHeight, leaf, missingMetaEvent, translateX, translateY }) => {
     const [fetchingLeaves, setFetchingLeaves] = useState(false);
 
     const onClick =async (e) => {
@@ -47,8 +47,9 @@ const TreeLeaves = ({ handleClick, name, roomId, x, y, width, height, parsedHeig
             width={width}
             height={height}
             parsedHeight={parsedHeight}
+
             onClick={(e) => onClick(e, leaf)}>
-            { name }
+            { missingMetaEvent ? <em>{ name }</em> : name }
             { fetchingLeaves && <LoadingSpinnerInline /> }
         </Leaf>
     );
diff --git a/pages/explore-d3/[[...roomId]].js b/pages/explore-d3/[[...roomId]].js
index 9b23de81..b2e3cf3a 100644
--- a/pages/explore-d3/[[...roomId]].js
+++ b/pages/explore-d3/[[...roomId]].js
@@ -63,7 +63,11 @@ export default function Explore() {
                 .catch(err => console.debug(err));
             const children = [];
             for (const space of spaceHierarchy) {
-                const metaEvent = await auth.getAuthenticationProvider('matrix').getMatrixClient().getStateEvent(space.room_id, 'dev.medienhaus.meta').catch(() => {});
+                const metaEvent = await auth.getAuthenticationProvider('matrix').getMatrixClient().getStateEvent(space.room_id, 'dev.medienhaus.meta')
+                    .catch((err) => {
+                        console.debug(err);
+                        space.missingMetaEvent = true;
+                    });
                 if (metaEvent) {
                     console.log(metaEvent);
                     space.type = metaEvent.type;
diff --git a/pages/explore/GraphView.js b/pages/explore/GraphView.js
index a0c65fd9..883d1ed2 100644
--- a/pages/explore/GraphView.js
+++ b/pages/explore/GraphView.js
@@ -49,7 +49,9 @@ function GraphView({ parsedData, parsedHeight, handleClick }) {
             children={data.children}
             translateX={0}
             translateY={0}
-            roomId={data.id} />
+            roomId={data.id}
+            missingMetaEvent={data.missingMetaEvent}
+        />
 
     // data.map((leaf) => {
     //     const focusedId = router.query?.roomId[0];
diff --git a/pages/explore/TreeLeaves.js b/pages/explore/TreeLeaves.js
index ac313c85..4e19d909 100644
--- a/pages/explore/TreeLeaves.js
+++ b/pages/explore/TreeLeaves.js
@@ -23,7 +23,7 @@ const Leaf = styled.button`
   }
 
 `;
-const TreeLeaves = ({ handleClick, name, roomId, type, template, children, height, parent, display, index }) => {
+const TreeLeaves = ({ handleClick, missingMetaEvent, name, roomId, type, template, children, height, parent, display, index }) => {
     const [fetchingLeaves, setFetchingLeaves] = useState(false);
     const router = useRouter();
 
@@ -33,6 +33,7 @@ const TreeLeaves = ({ handleClick, name, roomId, type, template, children, heigh
         await handleClick(roomId, type, template);
         setFetchingLeaves(false);
     };
+
     return (<>
         <Leaf
             className={parent ? 'parent' : 'child'}
@@ -41,7 +42,7 @@ const TreeLeaves = ({ handleClick, name, roomId, type, template, children, heigh
             index={index}
             childrenLength={children?.length + 1}
             onClick={onClick}>
-            { name }
+            { missingMetaEvent ? <em>{ name }</em> : name }
             { fetchingLeaves && <LoadingSpinnerInline /> }
         </Leaf>
         { children && children.map((child, index) => {
@@ -59,7 +60,9 @@ const TreeLeaves = ({ handleClick, name, roomId, type, template, children, heigh
                 template={child.template}
                 translateX={0}
                 translateY={0}
-                roomId={roomId} />;
+                roomId={roomId}
+                missingMetaEvent={child.missingMetaEvent}
+            />;
         }) }
 
     </>
diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index a2608b0e..905568a0 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -77,7 +77,11 @@ export default function Explore() {
                 console.log(spaceHierarchy);
                 for (const space of spaceHierarchy) {
                     if (space.room_id === roomId) continue;
-                    const metaEvent = await auth.getAuthenticationProvider('matrix').getMatrixClient().getStateEvent(space.room_id, 'dev.medienhaus.meta').catch(() => {});
+                    const metaEvent = await auth.getAuthenticationProvider('matrix').getMatrixClient().getStateEvent(space.room_id, 'dev.medienhaus.meta')
+                        .catch((err) => {
+                            console.debug(err);
+                            space.missingMetaEvent = true;
+                        });
                     if (metaEvent) {
                         console.log(metaEvent);
                         space.type = metaEvent.type;
@@ -127,7 +131,11 @@ export default function Explore() {
                 .catch(err => console.debug(err));
             const children = [];
             for (const space of spaceHierarchy) {
-                const metaEvent = await auth.getAuthenticationProvider('matrix').getMatrixClient().getStateEvent(space.room_id, 'dev.medienhaus.meta').catch(() => {});
+                const metaEvent = await auth.getAuthenticationProvider('matrix').getMatrixClient().getStateEvent(space.room_id, 'dev.medienhaus.meta')
+                    .catch((err) => {
+                        console.debug(err);
+                        space.missingMetaEvent = true;
+                    });
                 if (metaEvent) {
                     console.log(metaEvent);
                     space.type = metaEvent.type;

From b013f1c82c2f53f7f80d8848e890f49ec654095e Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 30 Mar 2023 11:32:23 +0200
Subject: [PATCH 059/714] remove dev log

---
 pages/explore/[[...roomId]].js | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 905568a0..cfceeebe 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -232,10 +232,6 @@ export default function Explore() {
         // setCurrentRoomId(roomId);
     };
 
-    useEffect(() => {
-        console.log(graphObject);
-    }, [graphObject]);
-
     if (!graphObject || typeof window === 'undefined') return <LoadingSpinner />;
     return (
         <>

From 83f98c97465267ed3b66321faec72d488e944d77 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 30 Mar 2023 13:55:13 +0200
Subject: [PATCH 060/714] linter

---
 pages/sketch/[[...roomId]].js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/pages/sketch/[[...roomId]].js b/pages/sketch/[[...roomId]].js
index a80d7ddf..a9964ce8 100644
--- a/pages/sketch/[[...roomId]].js
+++ b/pages/sketch/[[...roomId]].js
@@ -219,7 +219,7 @@ export default function Sketch() {
 
         const handleExistingSketch = (e) => {
             setLoading(true);
-             if (getConfig().publicRuntimeConfig.authProviders.sketch.bypassUrlValidation) {
+            if (getConfig().publicRuntimeConfig.authProviders.sketch.bypassUrlValidation) {
                 const isValidUrl = urlString => {
                     let url;
                     try {
@@ -233,8 +233,8 @@ export default function Sketch() {
                 else setValidLink(false);
             } else {
             // we check if the link is valid for the service (has the same base url)
-            if (e.target.value.includes(getConfig().publicRuntimeConfig.authProviders.sketch.baseUrl)) setValidLink(true);
-            else setValidLink(false);
+                if (e.target.value.includes(getConfig().publicRuntimeConfig.authProviders.sketch.baseUrl)) setValidLink(true);
+                else setValidLink(false);
             }
             setSketchLink(e.target.value);
             setLoading(false);

From 07606e09da1b50ef63b6559d8aeeae5d668a6e58 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 20 Apr 2023 16:08:15 +0200
Subject: [PATCH 061/714] show items within context when iframe is loaded

---
 pages/explore/GraphView.js     | 16 ++++---
 pages/explore/TreeLeaves.js    | 77 +++++++++++++++++++++++-----------
 pages/explore/[[...roomId]].js | 45 +++++++++++++-------
 3 files changed, 92 insertions(+), 46 deletions(-)

diff --git a/pages/explore/GraphView.js b/pages/explore/GraphView.js
index 883d1ed2..ca700831 100644
--- a/pages/explore/GraphView.js
+++ b/pages/explore/GraphView.js
@@ -6,7 +6,7 @@ import { useRouter } from 'next/router';
 import LoadingSpinner from '../../components/UI/LoadingSpinner';
 import TreeLeaves from './TreeLeaves';
 
-function GraphView({ parsedData, parsedHeight, handleClick }) {
+function GraphView({ parsedData, parsedHeight, handleClick, selectedNode, activePath }) {
     const [data, setData] = useState(parsedData);
     const [height, setHeight] = useState();
     const router = useRouter();
@@ -15,6 +15,7 @@ function GraphView({ parsedData, parsedHeight, handleClick }) {
         let cancelled = false;
         if (!cancelled) {
             setData(parsedData);
+            // console.log(parsedData);
         }
         return () => {
             cancelled = true;
@@ -33,13 +34,13 @@ function GraphView({ parsedData, parsedHeight, handleClick }) {
     }, [parsedHeight]);
 
     if (!height || !data) return <LoadingSpinner />;
-    const focusedId = router.query?.roomId[0] || getConfig().publicRuntimeConfig.contextRootSpaceRoomId;
+    const focusedId = selectedNode && data.parent ? data.parent.id : router.query?.roomId[0] || getConfig().publicRuntimeConfig.contextRootSpaceRoomId;
     const roomId = data.id || data.room_id;
 
     return (
-
         <TreeLeaves
-            parent={focusedId === roomId}
+            isParent={focusedId === roomId}
+            parent={data.parent}
             display={focusedId === roomId ? 'initial' : 'none'}
             key={roomId}
             height={height}
@@ -49,15 +50,18 @@ function GraphView({ parsedData, parsedHeight, handleClick }) {
             children={data.children}
             translateX={0}
             translateY={0}
-            roomId={data.id}
+            roomId={roomId}
             missingMetaEvent={data.missingMetaEvent}
+            selectedNode={selectedNode}
+            activePath={activePath}
+
         />
 
     // data.map((leaf) => {
     //     const focusedId = router.query?.roomId[0];
     //     // if (focusedId !== leaf.id) return null;
     //     return <TreeLeaves
-    //         parent={focusedId === leaf.id}
+    //         isParent={focusedId === leaf.id}
     //         display={focusedId === leaf.id ? 'initial' : 'none'}
     //         key={leaf.id}
     //         height={height}
diff --git a/pages/explore/TreeLeaves.js b/pages/explore/TreeLeaves.js
index 4e19d909..97467aaf 100644
--- a/pages/explore/TreeLeaves.js
+++ b/pages/explore/TreeLeaves.js
@@ -1,8 +1,10 @@
 import { useRouter } from 'next/router';
 import React, { useState } from 'react';
 import styled from 'styled-components';
+import Link from 'next/link';
 
 import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
+import { ServiceTable } from '../../components/UI/ServiceTable';
 
 const Leaf = styled.button`
   display: ${props => [props.display]};
@@ -23,47 +25,74 @@ const Leaf = styled.button`
   }
 
 `;
-const TreeLeaves = ({ handleClick, missingMetaEvent, name, roomId, type, template, children, height, parent, display, index }) => {
+
+const TreeLeaves = ({ handleClick, missingMetaEvent, name, roomId, type, template, children, height, isParent, parent, display, index, selectedNode, activePath }) => {
     const [fetchingLeaves, setFetchingLeaves] = useState(false);
     const router = useRouter();
 
-    const onClick = async (e) => {
+    const onClick = async (e, id, childTemplate, isChild) => {
         e.preventDefault();
         setFetchingLeaves(true);
-        await handleClick(roomId, type, template);
+        await handleClick(id || roomId, childTemplate|| template, isChild);
         setFetchingLeaves(false);
     };
 
     return (<>
         <Leaf
-            className={parent ? 'parent' : 'child'}
+            className={isParent ? 'parent' : 'child'}
             height={height}
+            // the reason we are using display to change the visibility of the element, is that if we want to use animations between different stages of the explore tree,
+            // the elements need to exist so that they can be animated (i.e from not visible to visible). AFAIK this doesn't work with the 'display' property, we will have to use 'visibility' or something else.
+            // depending on how and what kind of transitions/animations we implement this might need to change and we could actually not create 'Leaf' elements if they aren't visible, instead of just hiding them.
             display={display}
             index={index}
             childrenLength={children?.length + 1}
             onClick={onClick}>
-            { missingMetaEvent ? <em>{ name }</em> : name }
+            { missingMetaEvent ?
+                <em>{ isParent && parent ? '← ' + name : name }</em>
+                : <>{ isParent && parent ? '← ' + name : name } </> }
             { fetchingLeaves && <LoadingSpinnerInline /> }
         </Leaf>
-        { children && children.map((child, index) => {
-            const roomId = child.id || child.room_id;
-            return <TreeLeaves
-                key={roomId + index} // @TODO could still create douplicate keys
-                parent={router.query.roomId[0] === roomId}
-                display={router.query.roomId[0] === roomId ? 'initial' : parent ? 'initial' : 'none'}
-                index={index}
-                width={300}
-                height={height}
-                name={child.name}
-                handleClick={handleClick}
-                children={child.children}
-                template={child.template}
-                translateX={0}
-                translateY={0}
-                roomId={roomId}
-                missingMetaEvent={child.missingMetaEvent}
-            />;
-        }) }
+        { selectedNode && display === 'initial' && children &&
+        // if a node is selected (iframe is open), the children of the parent node are listed below the parent button
+           <ServiceTable>
+               { children.map((child, index) => {
+                   const roomId = child.id || child.room_id;
+                   return (<ServiceTable.Row key={roomId + '-' + index}>
+                       <ServiceTable.Cell selected={router.query.roomId[0] === roomId}>
+                           <a onClick={(e) => onClick(e, roomId, child.template, true)}>
+                               { child.name }
+                           </a>
+                       </ServiceTable.Cell>
+                   </ServiceTable.Row>);
+               })
+               }
+           </ServiceTable>
+        }
+        { !(selectedNode && roomId === activePath[activePath.length - 2])
+            && children
+            && children.map((child, index) => {
+                const roomId = child.id || child.room_id;
+                return <TreeLeaves
+                    key={roomId + index} // @TODO could still create douplicate keys
+                    parent={child.parent}
+                    isParent={selectedNode ? roomId === activePath[activePath.length - 2] : router.query.roomId[0] === roomId}
+                    display={selectedNode && roomId === activePath[activePath.length - 2] ? 'initial' : !selectedNode && router.query.roomId[0] === roomId ? 'initial' : isParent ? 'initial' : 'none'}
+                    index={index}
+                    width={300}
+                    height={height}
+                    name={child.name}
+                    handleClick={handleClick}
+                    children={child.children}
+                    template={child.template}
+                    translateX={0}
+                    translateY={0}
+                    roomId={roomId}
+                    missingMetaEvent={child.missingMetaEvent}
+                    selectedNode={selectedNode}
+                    activePath={activePath}
+                />;
+            }) }
 
     </>
 
diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index cfceeebe..6df1d445 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -14,10 +14,11 @@ import GraphView from './GraphView';
 
 const ExploreSection = styled.div`
   display: grid;
-  grid-template-columns: repeat(2, 1fr);
+  ${props => !props.selectedNode && 'grid-template-columns: repeat(2, 1fr);'}
+
   grid-auto-flow: rows;
   grid-gap: 0 calc(var(--margin) * -0.2);
-  height: calc(100% - calc(var(--margin) * 4.7));
+  height: ${props => props.selectedNode ? 'calc(var(--margin) * 3))' : 'calc(100% - calc(var(--margin) * 4.7))'};
 
   .parent {
     grid-column: ${props => props.selectedNode ? '1/-1' : '1'};
@@ -74,26 +75,29 @@ export default function Explore() {
                 const spaceHierarchy = await matrix.roomHierarchy(roomId, null, 1)
                     .catch(err => console.debug(err));
                 const children = [];
-                console.log(spaceHierarchy);
+                let parentName;
                 for (const space of spaceHierarchy) {
-                    if (space.room_id === roomId) continue;
+                    if (space.room_id === roomId) {
+                        parentName = space.name;
+                        continue;
+                    }
                     const metaEvent = await auth.getAuthenticationProvider('matrix').getMatrixClient().getStateEvent(space.room_id, 'dev.medienhaus.meta')
                         .catch((err) => {
                             console.debug(err);
                             space.missingMetaEvent = true;
                         });
                     if (metaEvent) {
-                        console.log(metaEvent);
                         space.type = metaEvent.type;
                         space.template = metaEvent.template;
                         space.application = metaEvent.application;
                     }
+                    // we also add the parent to the object so we can easily access it when we have a selectedNode.
+                    space.parent = { id: roomId, name: parentName };
                     children.push(space);
                 }
                 data = { children: children };
             }
         }
-        console.log(data);
 
         setGraphObject(prevTree => {
             const newTree = { ...prevTree };
@@ -130,19 +134,24 @@ export default function Explore() {
             const spaceHierarchy = await matrix.roomHierarchy(roomId, null, 1)
                 .catch(err => console.debug(err));
             const children = [];
+            let parentName;
             for (const space of spaceHierarchy) {
+                if (space.room_id === roomId) {
+                    parentName = space.name;
+                    continue;
+                }
                 const metaEvent = await auth.getAuthenticationProvider('matrix').getMatrixClient().getStateEvent(space.room_id, 'dev.medienhaus.meta')
                     .catch((err) => {
                         console.debug(err);
                         space.missingMetaEvent = true;
                     });
                 if (metaEvent) {
-                    console.log(metaEvent);
                     space.type = metaEvent.type;
                     space.template = metaEvent.template;
                     space.application = metaEvent.application;
                 }
-                if (space.room_id === roomId) continue;
+
+                space.parent = { id: roomId, name: parentName };
                 children.push(space);
             }
             spaceHierarchy[0].children = children;
@@ -183,19 +192,23 @@ export default function Explore() {
         // }
     };
 
-    const handleClicked = async (roomId, type, template) => {
+    const handleClicked = async (roomId, template, isChild) => {
         if (!roomId) return;
         // element is the last node clicked on by the user
         // if (!element) return;
         // if (element.data.type === 'context') return;
         // if (element.children) return;
         await callApiAndAddToObject(roomId);
-        console.log(roomId);
+        // console.log(roomId);
         setActivePath(prevState => {
-            if (router.query.roomId[0] === roomId && activePath.length > 1) {
+            if (selectedNode) prevState = prevState.splice(0, prevState.length - 1);
+
+            // const id = parent || roomId;
+            // console.log(parent);
+            if ((selectedNode && !isChild) || router.query.roomId[0] === roomId && prevState.length > 1) {
                 console.log('parent');
-                router.push(`/explore/${activePath[activePath.length - 2]}`);
-                return prevState.splice(0, activePath.length - 1);
+                router.push(`/explore/${prevState[prevState.length - 2]}`);
+                return prevState.splice(0, prevState.length - 1);
             } else {
                 console.log('child');
                 router.push(`/explore/${roomId}`);
@@ -224,14 +237,12 @@ export default function Explore() {
         }
 
         // setSelectedNode(content); // if selected node is not undefined iframe loads the url(type string) from selectedNode
-
         setSelectedNode(prevState => content === prevState ? null : content); // if selected node is not undefined iframe loads the url(type string) from selectedNode
         // router.push(`/explore/${roomId}`);
         // await callApiAndAddToObject(roomId);
 
         // setCurrentRoomId(roomId);
     };
-
     if (!graphObject || typeof window === 'undefined') return <LoadingSpinner />;
     return (
         <>
@@ -243,8 +254,10 @@ export default function Explore() {
                     <GraphView
                         parsedData={graphObject}
                         parsedHeight={d3Height}
-                        parent={activePath[activePath.length - 2]}
+                        isParent={activePath[activePath.length - 2]}
                         handleClick={handleClicked}
+                        selectedNode={!!selectedNode}
+                        activePath={activePath}
                     />
                 </ExploreSection>
             </IframeLayout.Sidebar>

From 51c127d6de6b42b446eb30fe39ce1bbd98b6e842 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 20 Apr 2023 16:13:46 +0200
Subject: [PATCH 062/714] add first icons for templates

---
 pages/explore/TreeLeaves.js | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/pages/explore/TreeLeaves.js b/pages/explore/TreeLeaves.js
index 97467aaf..9f0da2fc 100644
--- a/pages/explore/TreeLeaves.js
+++ b/pages/explore/TreeLeaves.js
@@ -1,7 +1,6 @@
 import { useRouter } from 'next/router';
 import React, { useState } from 'react';
 import styled from 'styled-components';
-import Link from 'next/link';
 
 import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
 import { ServiceTable } from '../../components/UI/ServiceTable';
@@ -64,6 +63,12 @@ const TreeLeaves = ({ handleClick, missingMetaEvent, name, roomId, type, templat
                                { child.name }
                            </a>
                        </ServiceTable.Cell>
+                       <ServiceTable.Cell>
+                           { child.template === 'write' ? '📝'
+                               : child.template === 'chat' ? '💬'
+                                   : child.template === 'sketch' ? '🎨'
+                                       : child.template === 'studentproject' && '🎓' }
+                       </ServiceTable.Cell>
                    </ServiceTable.Row>);
                })
                }

From a36f198c2b4b41473ba2f43743880ecefe15d6a5 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Tue, 2 May 2023 15:22:41 +0200
Subject: [PATCH 063/714] no animation for overview parent button

---
 pages/explore/TreeLeaves.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/pages/explore/TreeLeaves.js b/pages/explore/TreeLeaves.js
index 9f0da2fc..ebf3f872 100644
--- a/pages/explore/TreeLeaves.js
+++ b/pages/explore/TreeLeaves.js
@@ -15,7 +15,8 @@ const Leaf = styled.button`
   cursor: pointer;
   background: none;
   border-style: solid;
-  transition: all 1s;
+  ${props => props.className !== 'parent' && 'transition: all 1s;'}
+
   animation: fade-in 1s;
 
   @keyframes fade-in {

From de62bd5c8a953695514b0ea16a5c72f7a950bf2d Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Tue, 2 May 2023 15:23:37 +0200
Subject: [PATCH 064/714] remove unused code

---
 pages/explore/TreeView.js | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/pages/explore/TreeView.js b/pages/explore/TreeView.js
index 335df29c..7f8e9c88 100644
--- a/pages/explore/TreeView.js
+++ b/pages/explore/TreeView.js
@@ -1,5 +1,4 @@
 import _ from 'lodash';
-import Link from 'next/link';
 import { useRouter } from 'next/router';
 import React, { useEffect, useRef, useState } from 'react';
 import styled from 'styled-components';
@@ -52,10 +51,10 @@ export default function TreeView({ parsedData, onClick, parent, parsedWidth, par
         setData(parsedData);
     }, [parsedData]);
 
-    const handleClick = async (roomId, type, template) => {
-        // await new Promise((res) => setTimeout(res, 500));
-        onClick(roomId, type, template);
-    };
+    // const handleClick = async (roomId, type, template) => {
+    //     // await new Promise((res) => setTimeout(res, 500));
+    //     onClick(roomId, type, template);
+    // };
 
     const Branch = ({ name, roomId, type, template, handleClick, offset }) => {
         return (

From f3f2ed42c78742cc8023c8b3775c84721dba5cf6 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Tue, 2 May 2023 16:02:06 +0200
Subject: [PATCH 065/714] remove log

---
 pages/explore-d3/[[...roomId]].js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/pages/explore-d3/[[...roomId]].js b/pages/explore-d3/[[...roomId]].js
index b2e3cf3a..89e81377 100644
--- a/pages/explore-d3/[[...roomId]].js
+++ b/pages/explore-d3/[[...roomId]].js
@@ -69,7 +69,6 @@ export default function Explore() {
                         space.missingMetaEvent = true;
                     });
                 if (metaEvent) {
-                    console.log(metaEvent);
                     space.type = metaEvent.type;
                     space.template = metaEvent.template;
                     space.application = metaEvent.application;

From 955464c44475fe0c52f257616c2d768cc9dc7641 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 4 May 2023 16:55:30 +0200
Subject: [PATCH 066/714] add 2nd tree branch

---
 pages/explore/GraphView.js     |   5 +-
 pages/explore/TreeLeaves.js    |  87 ++++++++----
 pages/explore/[[...roomId]].js | 234 ++++++++++++++++++++++-----------
 3 files changed, 224 insertions(+), 102 deletions(-)

diff --git a/pages/explore/GraphView.js b/pages/explore/GraphView.js
index ca700831..2bc9ef1d 100644
--- a/pages/explore/GraphView.js
+++ b/pages/explore/GraphView.js
@@ -15,7 +15,7 @@ function GraphView({ parsedData, parsedHeight, handleClick, selectedNode, active
         let cancelled = false;
         if (!cancelled) {
             setData(parsedData);
-            // console.log(parsedData);
+            console.log(parsedData);
         }
         return () => {
             cancelled = true;
@@ -48,13 +48,14 @@ function GraphView({ parsedData, parsedHeight, handleClick, selectedNode, active
             handleClick={handleClick}
             template={data.template}
             children={data.children}
+            directChildren={data.children_state}
             translateX={0}
             translateY={0}
             roomId={roomId}
             missingMetaEvent={data.missingMetaEvent}
             selectedNode={selectedNode}
             activePath={activePath}
-
+            toddler={false}
         />
 
     // data.map((leaf) => {
diff --git a/pages/explore/TreeLeaves.js b/pages/explore/TreeLeaves.js
index ebf3f872..fce0171f 100644
--- a/pages/explore/TreeLeaves.js
+++ b/pages/explore/TreeLeaves.js
@@ -15,7 +15,7 @@ const Leaf = styled.button`
   cursor: pointer;
   background: none;
   border-style: solid;
-  ${props => props.className !== 'parent' && 'transition: all 1s;'}
+  ${props => props.className !== 'parent' && 'transition: background-color 1s;'}
 
   animation: fade-in 1s;
 
@@ -26,31 +26,37 @@ const Leaf = styled.button`
 
 `;
 
-const TreeLeaves = ({ handleClick, missingMetaEvent, name, roomId, type, template, children, height, isParent, parent, display, index, selectedNode, activePath }) => {
+const ToddlerWrapper = styled.div`
+  display: grid;
+  height: 100%;
+  margin-left: 15%;
+`;
+
+const TreeLeaves = ({ handleClick, missingMetaEvent, name, roomId, type, toddler, template, children, directChildren, height, isParent, parent, display, index, selectedNode, activePath }) => {
     const [fetchingLeaves, setFetchingLeaves] = useState(false);
     const router = useRouter();
 
     const onClick = async (e, id, childTemplate, isChild) => {
         e.preventDefault();
         setFetchingLeaves(true);
-        await handleClick(id || roomId, childTemplate|| template, isChild);
+        await handleClick(id || roomId, childTemplate|| template, isChild, toddler && parent.id);
         setFetchingLeaves(false);
     };
 
     return (<>
         <Leaf
-            className={isParent ? 'parent' : 'child'}
+            className={toddler ? 'toddler' : isParent ? 'parent' : 'child'}
             height={height}
             // the reason we are using display to change the visibility of the element, is that if we want to use animations between different stages of the explore tree,
             // the elements need to exist so that they can be animated (i.e from not visible to visible). AFAIK this doesn't work with the 'display' property, we will have to use 'visibility' or something else.
             // depending on how and what kind of transitions/animations we implement this might need to change and we could actually not create 'Leaf' elements if they aren't visible, instead of just hiding them.
-            display={display}
+            display={toddler ? 'initial' : display}
             index={index}
             childrenLength={children?.length + 1}
             onClick={onClick}>
             { missingMetaEvent ?
-                <em>{ isParent && parent ? '← ' + name : name }</em>
-                : <>{ isParent && parent ? '← ' + name : name } </> }
+                <em>{ isParent && parent && selectedNode ? '← ' : isParent && parent && '↓ ' } { name }</em>
+                : <>{ isParent && parent && selectedNode ? '← ' : isParent && parent && '↓ ' } { name } </> }
             { fetchingLeaves && <LoadingSpinnerInline /> }
         </Leaf>
         { selectedNode && display === 'initial' && children &&
@@ -79,25 +85,54 @@ const TreeLeaves = ({ handleClick, missingMetaEvent, name, roomId, type, templat
             && children
             && children.map((child, index) => {
                 const roomId = child.id || child.room_id;
-                return <TreeLeaves
-                    key={roomId + index} // @TODO could still create douplicate keys
-                    parent={child.parent}
-                    isParent={selectedNode ? roomId === activePath[activePath.length - 2] : router.query.roomId[0] === roomId}
-                    display={selectedNode && roomId === activePath[activePath.length - 2] ? 'initial' : !selectedNode && router.query.roomId[0] === roomId ? 'initial' : isParent ? 'initial' : 'none'}
-                    index={index}
-                    width={300}
-                    height={height}
-                    name={child.name}
-                    handleClick={handleClick}
-                    children={child.children}
-                    template={child.template}
-                    translateX={0}
-                    translateY={0}
-                    roomId={roomId}
-                    missingMetaEvent={child.missingMetaEvent}
-                    selectedNode={selectedNode}
-                    activePath={activePath}
-                />;
+                // if (directChildren.filter(directChild => directChild.state_key === roomId).length === 0) return null;
+                return (<>
+                    <TreeLeaves
+                        key={roomId + index} // @TODO could still create douplicate keys
+                        parent={child.parent}
+                        isParent={selectedNode ? roomId === activePath[activePath.length - 2] : router.query.roomId[0] === roomId}
+                        display={selectedNode && roomId === activePath[activePath.length - 2] ? 'initial' : !selectedNode && router.query.roomId[0] === roomId ? 'initial' : isParent ? 'initial' : 'none'}
+                        index={index}
+                        width={300}
+                        height={height}
+                        name={child.name}
+                        handleClick={handleClick}
+                        children={child.children}
+                        template={child.template}
+                        translateX={0}
+                        translateY={0}
+                        roomId={roomId}
+                        missingMetaEvent={child.missingMetaEvent}
+                        selectedNode={selectedNode}
+                        activePath={activePath}
+                    />
+                    { child.parent?.id === router.query.roomId[0] && child.children && <ToddlerWrapper>{ child.children.map((child, index) => {
+                        const childId = child.id || child.room_id;
+                        return <TreeLeaves
+                            key={roomId + index} // @TODO could still create douplicate keys
+                            parent={child.parent}
+                            isParent={false}
+                            toddler={true}
+                            display="initial"
+                            index={index}
+                            width={300}
+                            height={height}
+                            name={child.name}
+                            handleClick={handleClick}
+                            children={child.children}
+                            template={child.template}
+                            translateX={0}
+                            translateY={0}
+                            roomId={selectedNode ? child.parent?.id : childId}
+                            missingMetaEvent={child.missingMetaEvent}
+                            selectedNode={selectedNode}
+                            activePath={activePath}
+
+                        />;
+                    })
+                    }</ToddlerWrapper> }
+                </>
+                );
             }) }
 
     </>
diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 6df1d445..11903557 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -22,11 +22,23 @@ const ExploreSection = styled.div`
 
   .parent {
     grid-column: ${props => props.selectedNode ? '1/-1' : '1'};
+    width: 15%;
     height: 100%;
+    padding-top: var(--margin);
+    color: var(--color-background);
+    background: var(--color-foreground);
+    writing-mode: vertical-rl;
+    text-orientation: sideways;
+    text-orientation: mixed;
   }
 
   .child {
-    grid-column: 2;
+    grid-column: 1;
+    height: 100%;
+    margin-left: 15%;
+  }
+
+  .toddler {
     height: 100%;
   }
 `;
@@ -44,8 +56,9 @@ export default function Explore() {
     const matrix = useMatrix(auth.getAuthenticationProvider('matrix'));
 
     async function callApiAndAddToObject(roomId) {
-        console.log('call Api and add');
+        console.log('call Api or matrix and add');
         function findObject(structure, id) {
+            //this function recursively goes through the nested object until it finds the object with the matching roomId and returns the match.
             let ret;
             const currentRoomId = structure.id || structure.room_id;
             // base case
@@ -63,49 +76,125 @@ export default function Explore() {
             }
             return ret;
         }
+
         let data;
+        // we only want to check for new children if we are going deeper into the tree.
+        // if the roomId therefore matches the router query, we know the user is going back and don't need to look for new children.
         if (router.query.roomId[0] !== roomId) {
-            if (getConfig().publicRuntimeConfig.authProviders.matrix.api) {
-                const response = await fetch(`${getConfig().publicRuntimeConfig.authProviders.matrix.api}/api/v2/${roomId}`).catch(error => console.log(error));
-                if (!response?.ok) return;
-                data = await response.json();
-                data.children = data.item;
-                data.children.push(...data.context);
-            } else {
-                const spaceHierarchy = await matrix.roomHierarchy(roomId, null, 1)
+            const newTree = { ...graphObject };
+            const foundObject = findObject(newTree, roomId);
+            console.log(foundObject);
+            if (foundObject.children.length !== foundObject.children_state.length) {
+                const spaceHierarchy = await matrix.roomHierarchy(roomId, null, 2)
                     .catch(err => console.debug(err));
-                const children = [];
-                let parentName;
-                for (const space of spaceHierarchy) {
-                    if (space.room_id === roomId) {
-                        parentName = space.name;
-                        continue;
-                    }
-                    const metaEvent = await auth.getAuthenticationProvider('matrix').getMatrixClient().getStateEvent(space.room_id, 'dev.medienhaus.meta')
-                        .catch((err) => {
-                            console.debug(err);
-                            space.missingMetaEvent = true;
-                        });
-                    if (metaEvent) {
-                        space.type = metaEvent.type;
-                        space.template = metaEvent.template;
-                        space.application = metaEvent.application;
-                    }
-                    // we also add the parent to the object so we can easily access it when we have a selectedNode.
-                    space.parent = { id: roomId, name: parentName };
-                    children.push(space);
-                }
-                data = { children: children };
+                const nest = await createNestedObject(spaceHierarchy);
+
+                foundObject.children = nest.children;
             }
+            for (const child of foundObject.children) {
+                console.log(child);
+                if (child.children.length > 0) continue;
+                const spaceHierarchy = await matrix.roomHierarchy(child.room_id, null, 2)
+                    .catch(err => console.debug(err));
+                const nest = await createNestedObject(spaceHierarchy);
+                child.children = nest.children;
+            }
+            setGraphObject(newTree);
         }
+        // if (router.query.roomId[0] !== roomId) {
+        //     if (getConfig().publicRuntimeConfig.authProviders.matrix.api) {
+        //         const response = await fetch(`${getConfig().publicRuntimeConfig.authProviders.matrix.api}/api/v2/${roomId}`)
+        //             .catch(error => console.log(error));
+        //         if (!response?.ok) return;
+        //         data = await response.json();
+        //         data.children = data.item;
+        //         data.children.push(...data.context);
+        //     } else {
+        //         const spaceHierarchy = await matrix.roomHierarchy(roomId, null, 2)
+        //             .catch(err => console.debug(err));
+        //         // console.log(spaceHierarchy);
+        //         const nest = await createNestedObject(spaceHierarchy);
+        //         console.log(nest);
+        //         // const children = [];
+        //         // let parentName;
+        //         // for (const space of spaceHierarchy) {
+        //         //     if (space.room_id === roomId) {
+        //         //         parentName = space.name;
+        //         //         continue;
+        //         //     }
+        //         //     const metaEvent = await auth.getAuthenticationProvider('matrix').getMatrixClient().getStateEvent(space.room_id, 'dev.medienhaus.meta')
+        //         //         .catch((err) => {
+        //         //             console.debug(err);
+        //         //             space.missingMetaEvent = true;
+        //         //         });
+        //         //     if (metaEvent) {
+        //         //         space.type = metaEvent.type;
+        //         //         space.template = metaEvent.template;
+        //         //         space.application = metaEvent.application;
+        //         //     }
+        //         //     // we also add the parent to the object so we can easily access it when we have a selectedNode.
+        //         //     space.parent = { id: roomId, name: parentName };
 
-        setGraphObject(prevTree => {
-            const newTree = { ...prevTree };
-            const foundObject = findObject(newTree, roomId);
-            if (foundObject.children) return prevTree;
-            foundObject.children = data?.children;
-            return newTree;
-        });
+        //         //     // fetch second layer of children
+
+        //         //     children.push(space);
+        //         // }
+        //         // data = { children: children };
+        //         data = nest;
+        //     }
+        // }
+
+        // setGraphObject(prevTree => {
+        //     const newTree = { ...prevTree };
+        //     const foundObject = findObject(newTree, roomId);
+        //     // if (foundObject.children) return prevTree;
+        //     foundObject.children = data?.children;
+        //     return newTree;
+        // });
+    }
+
+    async function createNestedObject(parsedArray, child) {
+        const getMetaEvent = async (obj) => {
+            console.log('getting meta event');
+            console.log(obj);
+            const metaEvent = await auth.getAuthenticationProvider('matrix').getMatrixClient().getStateEvent(obj.state_key || obj.room_id, 'dev.medienhaus.meta')
+                .catch((err) => {
+                    console.debug(err);
+                    obj.missingMetaEvent = true;
+                });
+            if (metaEvent) {
+                obj.type = metaEvent.type;
+                obj.template = metaEvent.template;
+                obj.application = metaEvent.application;
+            }
+        };
+
+        // if we are running the function for the first time we get the meta event for the first array entry.
+        // otherwise the meta event will be collected in the loop below.
+
+        if (!parsedArray[0].metaEvent) getMetaEvent(parsedArray[0]);
+
+        const array = child || parsedArray;
+
+        array[0].children = [];
+        // if there already is a parent key we can skip the calls since we already did them.
+        // if (!array[0].parent) {
+
+        for (const child of array[0].children_state) {
+            const childObject = parsedArray.filter(obj => obj.room_id === child.state_key);
+
+            if (childObject.length > 0) {
+                childObject[0].parent = { id: array[0].room_id, name: array[0].name };
+                await getMetaEvent(childObject[0]);
+
+                const recursiveChild = await createNestedObject(parsedArray, childObject);
+                console.log(recursiveChild);
+                array[0].children.push(childObject[0]);
+            }
+        }
+        // }
+        console.log(array[0]);
+        return array[0];
     }
 
     const initialContentFetch = useCallback(async () => {
@@ -131,34 +220,36 @@ export default function Explore() {
             setGraphObject(json);
         } else {
             console.debug('no api:');
-            const spaceHierarchy = await matrix.roomHierarchy(roomId, null, 1)
+            const spaceHierarchy = await matrix.roomHierarchy(roomId, null, 2)
                 .catch(err => console.debug(err));
-            const children = [];
-            let parentName;
-            for (const space of spaceHierarchy) {
-                if (space.room_id === roomId) {
-                    parentName = space.name;
-                    continue;
-                }
-                const metaEvent = await auth.getAuthenticationProvider('matrix').getMatrixClient().getStateEvent(space.room_id, 'dev.medienhaus.meta')
-                    .catch((err) => {
-                        console.debug(err);
-                        space.missingMetaEvent = true;
-                    });
-                if (metaEvent) {
-                    space.type = metaEvent.type;
-                    space.template = metaEvent.template;
-                    space.application = metaEvent.application;
-                }
-
-                space.parent = { id: roomId, name: parentName };
-                children.push(space);
-            }
-            spaceHierarchy[0].children = children;
+            const nest = await createNestedObject(spaceHierarchy);
+            console.log(nest);
+            // const children = [];
+            // let parentName;
+            // for (const space of spaceHierarchy) {
+            //     if (space.room_id === roomId) {
+            //         parentName = space.name;
+            //         continue;
+            //     }
+            //     const metaEvent = await auth.getAuthenticationProvider('matrix').getMatrixClient().getStateEvent(space.room_id, 'dev.medienhaus.meta')
+            //         .catch((err) => {
+            //             console.debug(err);
+            //             space.missingMetaEvent = true;
+            //         });
+            //     if (metaEvent) {
+            //         space.type = metaEvent.type;
+            //         space.template = metaEvent.template;
+            //         space.application = metaEvent.application;
+            //     }
 
-            router.push(`/explore/${spaceHierarchy[0].room_id}`);
+            //     space.parent = { id: roomId, name: parentName };
+            //     // children.push(space);
+            // }
+            // spaceHierarchy[0].children = children;
+
+            router.push(`/explore/${roomId}`);
             // setHierarchy(spaceHierarchy[0]);
-            setGraphObject(spaceHierarchy[0]);
+            setGraphObject(nest);
         }
         // @TODO dix dependencies
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -192,19 +283,14 @@ export default function Explore() {
         // }
     };
 
-    const handleClicked = async (roomId, template, isChild) => {
+    const handleClicked = async (roomId, template, isChild, parent) => {
         if (!roomId) return;
-        // element is the last node clicked on by the user
-        // if (!element) return;
-        // if (element.data.type === 'context') return;
-        // if (element.children) return;
+        console.log(roomId);
+
         await callApiAndAddToObject(roomId);
-        // console.log(roomId);
         setActivePath(prevState => {
             if (selectedNode) prevState = prevState.splice(0, prevState.length - 1);
 
-            // const id = parent || roomId;
-            // console.log(parent);
             if ((selectedNode && !isChild) || router.query.roomId[0] === roomId && prevState.length > 1) {
                 console.log('parent');
                 router.push(`/explore/${prevState[prevState.length - 2]}`);
@@ -212,7 +298,8 @@ export default function Explore() {
             } else {
                 console.log('child');
                 router.push(`/explore/${roomId}`);
-                return [...prevState, roomId];
+                if (parent) return [...prevState, parent, roomId];
+                else return [...prevState, roomId];
             }
         });
         // console.log(apicall);
@@ -254,7 +341,6 @@ export default function Explore() {
                     <GraphView
                         parsedData={graphObject}
                         parsedHeight={d3Height}
-                        isParent={activePath[activePath.length - 2]}
                         handleClick={handleClicked}
                         selectedNode={!!selectedNode}
                         activePath={activePath}

From 63c771e747ae1052c623be2491ec84d5e92e67cd Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 11 May 2023 12:11:50 +0200
Subject: [PATCH 067/714] adjust width and smaller fixes

---
 pages/explore/[[...roomId]].js | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 11903557..a8f22ef5 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -22,7 +22,7 @@ const ExploreSection = styled.div`
 
   .parent {
     grid-column: ${props => props.selectedNode ? '1/-1' : '1'};
-    width: 15%;
+    width: 12%;
     height: 100%;
     padding-top: var(--margin);
     color: var(--color-background);
@@ -35,7 +35,7 @@ const ExploreSection = styled.div`
   .child {
     grid-column: 1;
     height: 100%;
-    margin-left: 15%;
+    margin-left: 12%;
   }
 
   .toddler {
@@ -83,7 +83,6 @@ export default function Explore() {
         if (router.query.roomId[0] !== roomId) {
             const newTree = { ...graphObject };
             const foundObject = findObject(newTree, roomId);
-            console.log(foundObject);
             if (foundObject.children.length !== foundObject.children_state.length) {
                 const spaceHierarchy = await matrix.roomHierarchy(roomId, null, 2)
                     .catch(err => console.debug(err));
@@ -216,14 +215,14 @@ export default function Explore() {
             json.root = true;
             json.depth = 0;
             router.push(`/explore/${json.id}`);
-            // setHierarchy(json);
+
             setGraphObject(json);
         } else {
             console.debug('no api:');
             const spaceHierarchy = await matrix.roomHierarchy(roomId, null, 2)
                 .catch(err => console.debug(err));
             const nest = await createNestedObject(spaceHierarchy);
-            console.log(nest);
+
             // const children = [];
             // let parentName;
             // for (const space of spaceHierarchy) {

From 239236b7638bacc34b0347ad6331a21c68e0fe83 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 11 May 2023 12:14:03 +0200
Subject: [PATCH 068/714] add ErrorMessage component and smaller adjustments

---
 pages/explore/ProjectView.js | 16 +++++++++++-----
 pages/explore/TreeLeaves.js  | 10 +++++++---
 2 files changed, 18 insertions(+), 8 deletions(-)

diff --git a/pages/explore/ProjectView.js b/pages/explore/ProjectView.js
index 12fc2359..4e644ed2 100644
--- a/pages/explore/ProjectView.js
+++ b/pages/explore/ProjectView.js
@@ -3,6 +3,7 @@ import getConfig from 'next/config';
 import styled from 'styled-components';
 
 import LoadingSpinner from '../../components/UI/LoadingSpinner';
+import ErrorMessage from '../../components/UI/ErrorMessage';
 
 const View = styled.div`
   display: flex;
@@ -57,17 +58,22 @@ const ProjectView = ({ removingLink, removeLink, content }) => {
     }, [content]);
 
     const fetchProjectHtml =async (roomId) => {
-        const object = await fetch(getConfig().publicRuntimeConfig.authProviders.matrix.api + '/api/v2/' + roomId + '/render/json').catch((err) => console.error(err));
-        const json = await object.json();
-        setProject(json);
+      const object = await fetch(getConfig().publicRuntimeConfig.authProviders.matrix.api + '/api/v2/' + roomId + '/render/json').catch((err) => console.error(err));
+      const json = await object.json().catch(() => { });
+       if (!json) {
+        return  setProject('error fetching project from API')
+      }
+      setProject(json);
     };
 
-    if (!project) return <LoadingSpinner />;
+  if (!project) return <LoadingSpinner />;
+  if (typeof project === 'string') return <ErrorMessage>{project}</ErrorMessage>
+
     return (
         <View>
             <Header>
                 <h2>{ project.abstract.name }</h2>
-            </Header>
+        </Header>
             <div dangerouslySetInnerHTML={{ __html: project.languages.EN.formattedContent }} />
         </View>
     );
diff --git a/pages/explore/TreeLeaves.js b/pages/explore/TreeLeaves.js
index fce0171f..b6111fa6 100644
--- a/pages/explore/TreeLeaves.js
+++ b/pages/explore/TreeLeaves.js
@@ -29,7 +29,7 @@ const Leaf = styled.button`
 const ToddlerWrapper = styled.div`
   display: grid;
   height: 100%;
-  margin-left: 15%;
+  margin-left: 12%;
 `;
 
 const TreeLeaves = ({ handleClick, missingMetaEvent, name, roomId, type, toddler, template, children, directChildren, height, isParent, parent, display, index, selectedNode, activePath }) => {
@@ -64,7 +64,8 @@ const TreeLeaves = ({ handleClick, missingMetaEvent, name, roomId, type, toddler
            <ServiceTable>
                { children.map((child, index) => {
                    const roomId = child.id || child.room_id;
-                   return (<ServiceTable.Row key={roomId + '-' + index}>
+                   return (<ServiceTable.Row
+                       key={roomId + '-' + index}>
                        <ServiceTable.Cell selected={router.query.roomId[0] === roomId}>
                            <a onClick={(e) => onClick(e, roomId, child.template, true)}>
                                { child.name }
@@ -106,7 +107,10 @@ const TreeLeaves = ({ handleClick, missingMetaEvent, name, roomId, type, toddler
                         selectedNode={selectedNode}
                         activePath={activePath}
                     />
-                    { child.parent?.id === router.query.roomId[0] && child.children && <ToddlerWrapper>{ child.children.map((child, index) => {
+                    {child.parent?.id === router.query.roomId[0]
+                        && child.children
+                        && <ToddlerWrapper>{child.children.map((child, index) => {
+                        if (child.template === 'lang') return null // lamguage spaces should not be displayed in explore
                         const childId = child.id || child.room_id;
                         return <TreeLeaves
                             key={roomId + index} // @TODO could still create douplicate keys

From f0b3ed2e97028bd915791982b12d64ee261a5fb8 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 17 May 2023 17:09:20 +0200
Subject: [PATCH 069/714] add explore view based on serviceTable

---
 components/UI/ServiceTable.js             |  23 +-
 components/layouts/partials/navigation.js |   2 +
 pages/explore-table/GraphView.js          | 122 +++++++++
 pages/explore-table/ProjectView.js        |  81 ++++++
 pages/explore-table/TreeLeaves.js         |  75 ++++++
 pages/explore-table/TreePath.js           |  49 ++++
 pages/explore-table/TreeView.js           | 120 +++++++++
 pages/explore-table/[[...roomId]].js      | 296 ++++++++++++++++++++++
 8 files changed, 759 insertions(+), 9 deletions(-)
 create mode 100644 pages/explore-table/GraphView.js
 create mode 100644 pages/explore-table/ProjectView.js
 create mode 100644 pages/explore-table/TreeLeaves.js
 create mode 100644 pages/explore-table/TreePath.js
 create mode 100644 pages/explore-table/TreeView.js
 create mode 100644 pages/explore-table/[[...roomId]].js

diff --git a/components/UI/ServiceTable.js b/components/UI/ServiceTable.js
index 0e4f0ca5..f044ae9c 100644
--- a/components/UI/ServiceTable.js
+++ b/components/UI/ServiceTable.js
@@ -6,6 +6,7 @@
 //     <ServiceTable.Cell>This content will be aligned left and take up all remaining space</ServiceTable.Cell>
 //     <ServiceTable.Cell>Any following cell will be aligned right and fit the exact size of its content</ServiceTable.Cell>
 //     ...
+
 //   </ServiceTable.Row>
 // </ServiceTable>
 
@@ -14,12 +15,16 @@ import styled from 'styled-components';
 
 const Table = styled.table`
   width: 100%;
+  ${props => props.explore && 'max-width: calc(33% - (3 * var(--margin)));'}
+
   border-collapse: collapse;
+  height: fit-content;
 `;
 
 const TableRow = styled.tr`
   max-width: 100%;
   border-top: 1px dotted rgb(210 210 210);
+  text-decoration: ${props => props.disabled && 'none'};
 
   &:not(:last-of-type) {
     border-bottom: 1px dotted rgb(210 210 210);
@@ -36,22 +41,22 @@ const TableCell = styled.td`
     display: block;
     width: 100%;
     line-height: calc(var(--margin) * 3);
-    color: ${props => props.selected && 'var(--color-disabled)' };
-    text-decoration: ${props => props.selected && 'none' };
+    color: ${props => props.selected && 'var(--color-disabled)'};
+    text-decoration: ${props => props.selected && 'none'};
 
     &:hover {
-      cursor: ${props => props.selected && 'not-allowed' };
+      cursor: ${props => props.selected && 'not-allowed'};
     }
   }
 
 `;
 
-export function ServiceTable({ children }) {
-    return (
-        <Table>
-            <tbody>{ children }</tbody>
-        </Table>
-    );
+export function ServiceTable({ children, explore }) {
+  return (
+    <Table explore={explore}>
+      <tbody>{children}</tbody>
+    </Table>
+  );
 }
 
 ServiceTable.Row = TableRow;
diff --git a/components/layouts/partials/navigation.js b/components/layouts/partials/navigation.js
index 6dd0637e..64a717b1 100644
--- a/components/layouts/partials/navigation.js
+++ b/components/layouts/partials/navigation.js
@@ -43,6 +43,8 @@ export default function Navigation({ closeNavigation }) {
                 <li><Link href="/">/dashboard</Link></li>
                 <li><Link href="/account">/account</Link></li>
                 <li><Link href={`/explore/${getConfig().publicRuntimeConfig.contextRootSpaceRoomId}`}>/explore</Link></li>
+                <li><Link href={`/explore-table/${getConfig().publicRuntimeConfig.contextRootSpaceRoomId}`}>/explore table</Link></li>
+
                 <li><Link href={`/explore-d3/${getConfig().publicRuntimeConfig.contextRootSpaceRoomId}`}>/explore d3</Link></li>
 
             </List>
diff --git a/pages/explore-table/GraphView.js b/pages/explore-table/GraphView.js
new file mode 100644
index 00000000..2ede5a78
--- /dev/null
+++ b/pages/explore-table/GraphView.js
@@ -0,0 +1,122 @@
+
+import React, { useEffect, useState } from 'react';
+import { useRouter } from 'next/router';
+
+import { useAuth } from '../../lib/Auth';
+import { useMatrix } from '../../lib/Matrix';
+import LoadingSpinner from '../../components/UI/LoadingSpinner';
+import TreeLeaves from './TreeLeaves';
+import TreePath from './TreePath';
+import ErrorMessage from '../../components/UI/ErrorMessage';
+
+function GraphView({ parsedData, parsedHeight, handleClick, selectedNode, activePath, id }) {
+    // const [roomId, setRoomId] = useState('');
+    const [data, setData] = useState([]);
+
+    const [height, setHeight] = useState();
+    const auth = useAuth();
+    const matrix = useMatrix(auth.getAuthenticationProvider('matrix'));
+
+    useEffect(() => {
+        let cancelled = false;
+        if (!cancelled) {
+            callApiAndAddToObject(null, id);
+        }
+        return () => {
+            cancelled = true;
+        };
+    }, [id]);
+
+    useEffect(() => {
+        let cancelled = false;
+
+        if (!cancelled) {
+            parsedHeight && setHeight(parsedHeight);
+        }
+        return () => {
+            cancelled = true;
+        };
+    }, [parsedHeight]);
+
+    async function callApiAndAddToObject(e, roomId, index, template, isChild, isParent) {
+        e && e.preventDefault();
+        console.log('call Api or matrix and add');
+        const spaceHierarchy = await matrix.roomHierarchy(roomId, null, 1)
+            .catch(err => console.debug(err));
+        const parent = spaceHierarchy[0];
+        // spaceHierarchy.shift()
+
+        const getMetaEvent = async (obj) => {
+            console.debug('getting meta event');
+            const metaEvent = await auth.getAuthenticationProvider('matrix').getMatrixClient().getStateEvent(obj.state_key || obj.room_id, 'dev.medienhaus.meta')
+                .catch((err) => {
+                    console.debug(err);
+                    obj.missingMetaEvent = true;
+                });
+            if (metaEvent) {
+                obj.type = metaEvent.type;
+                obj.template = metaEvent.template;
+                obj.application = metaEvent.application;
+            }
+        };
+
+        for (const space of spaceHierarchy) {
+            space.parent = parent;
+            await getMetaEvent(space);
+        }
+        // if (!spaceHierarchy[0]) spaceHierarchy.push({ parent: parent })
+
+        await handleClick(roomId, template, index);
+        setData((prevData) => {
+            prevData.splice(index + 1); // delete all entries after the selected row.
+            return [...prevData, spaceHierarchy];
+        });
+    }
+
+    if (!height || !data) return <LoadingSpinner />;
+    // const focusedId = selectedNode && data.parent ? data.parent.id : router.query?.roomId[0] || getConfig().publicRuntimeConfig.contextRootSpaceRoomId;
+    // const roomId = data.id || data.room_id;
+    return (
+        <>
+            { !selectedNode && <TreePath
+                selectedNode={selectedNode}
+                data={data}
+                callApiAndAddToObject={callApiAndAddToObject}
+            />
+            }
+            { data.map((leaf, index) => {
+                const numberOfRows = selectedNode ? 2 : 1;
+                if (index < data.length - numberOfRows) return null; // only show a maximum of rows.
+                if (selectedNode && index != data.length - 2) return null; // if a node is selected only show the selected row.
+                if (leaf.length <= 1) return <ErrorMessage>Thank You { auth.user.displayname }! But Our Item Is In Another Context! 🍄</ErrorMessage>;
+                return <TreeLeaves
+                    row={index}
+                    data={leaf}
+                    key={index}
+                    handleClick={callApiAndAddToObject}
+                    selectedNode={selectedNode}
+                    activePath={activePath}
+                />;
+            }) }
+        </>
+
+    // data.map((leaf) => {
+    //     const focusedId = router.query?.roomId[0];
+    //     // if (focusedId !== leaf.id) return null;
+    //     return <TreeLeaves
+    //         isParent={focusedId === leaf.id}
+    //         display={focusedId === leaf.id ? 'initial' : 'none'}
+    //         key={leaf.id}
+    //         height={height}
+    //         name={leaf.name}
+    //         handleClick={onClick}
+    //         template={leaf.template}
+    //         children={leaf.children}
+    //         translateX={0}
+    //         translateY={0}
+    //         roomId={leaf.id} />;
+    // })
+    );
+}
+
+export default GraphView;
diff --git a/pages/explore-table/ProjectView.js b/pages/explore-table/ProjectView.js
new file mode 100644
index 00000000..4e644ed2
--- /dev/null
+++ b/pages/explore-table/ProjectView.js
@@ -0,0 +1,81 @@
+import React, { useEffect, useState } from 'react';
+import getConfig from 'next/config';
+import styled from 'styled-components';
+
+import LoadingSpinner from '../../components/UI/LoadingSpinner';
+import ErrorMessage from '../../components/UI/ErrorMessage';
+
+const View = styled.div`
+  display: flex;
+  flex: 1 0;
+  flex-direction: column;
+  overflow-y: scroll;
+
+  > div > * + * {
+    margin-top: calc(var(--margin) * 1.4);
+  }
+
+  > div {
+    padding: calc(var(--margin) * 2);
+    padding-bottom: calc(var(--margin) * 3);
+    margin: 0;
+    border: none;
+    border-top: 1px dotted rgb(210 210 210);
+  }
+
+  img {
+    max-width: 100%;
+  }
+`;
+
+const Header = styled.header`
+  display: grid;
+  grid-template-columns: 1fr auto;
+  width: 100%;
+  padding: var(--margin);
+  padding-bottom: var(--margin);
+
+  @media (width > 51em) {
+    padding-bottom: calc(var(--margin) * 2);
+
+    @media (width > 68em) {
+      padding: calc(var(--margin) * 2);
+      padding-bottom: calc(var(--margin) * 3);
+    }
+  }
+
+  /* @TODO: re-factor quick-fix */
+  h2 {
+    margin: 0 !important;
+  }
+`;
+
+const ProjectView = ({ removingLink, removeLink, content }) => {
+    const [project, setProject] = useState();
+
+    useEffect(() => {
+        fetchProjectHtml(content);
+    }, [content]);
+
+    const fetchProjectHtml =async (roomId) => {
+      const object = await fetch(getConfig().publicRuntimeConfig.authProviders.matrix.api + '/api/v2/' + roomId + '/render/json').catch((err) => console.error(err));
+      const json = await object.json().catch(() => { });
+       if (!json) {
+        return  setProject('error fetching project from API')
+      }
+      setProject(json);
+    };
+
+  if (!project) return <LoadingSpinner />;
+  if (typeof project === 'string') return <ErrorMessage>{project}</ErrorMessage>
+
+    return (
+        <View>
+            <Header>
+                <h2>{ project.abstract.name }</h2>
+        </Header>
+            <div dangerouslySetInnerHTML={{ __html: project.languages.EN.formattedContent }} />
+        </View>
+    );
+};
+export default ProjectView;
diff --git a/pages/explore-table/TreeLeaves.js b/pages/explore-table/TreeLeaves.js
new file mode 100644
index 00000000..8789c038
--- /dev/null
+++ b/pages/explore-table/TreeLeaves.js
@@ -0,0 +1,75 @@
+import { useRouter } from 'next/router';
+import React, { useState } from 'react';
+import styled from 'styled-components';
+
+import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
+import { ServiceTable } from '../../components/UI/ServiceTable';
+import LoadingSpinner from '../../components/UI/LoadingSpinner';
+
+const Leaf = styled.button`
+  display: ${props => [props.display]};
+  grid-row: ${props => props.className === 'parent' ? '1 / ' + props.childrenLength : props.index + 1};
+  font: inherit;
+  color: var(--color-foreground);
+  text-align: left;
+  text-transform: unset;
+  cursor: pointer;
+  background: none;
+  border-style: solid;
+  ${props => props.className !== 'parent' && 'transition: background-color 1s;'}
+
+  animation: fade-in 1s;
+
+  @keyframes fade-in {
+    0% { opacity: 0; }
+    100% { opacity: 1; }
+  }
+
+`;
+
+const TreeLeaves = ({ handleClick, row, data, roomId, toddler, isParent, parent, selectedNode, activePath }) => {
+    const [fetchingLeaves, setFetchingLeaves] = useState(false);
+    const router = useRouter();
+
+    const onClick = async (e, id, index, childTemplate, isChild) => {
+        e.preventDefault();
+        setFetchingLeaves(id);
+        await handleClick(e, id || roomId, index, childTemplate, isChild, toddler && parent.id);
+        setFetchingLeaves(false);
+    };
+
+    if (!data) return <LoadingSpinner />;
+    return (<>
+        { selectedNode && data[0]?.parent && <Leaf onClick={(e) => onClick(e, data[0].parent.room_id, row - 1)} className="parent">← { data[0].parent.name }</Leaf> }
+        <ServiceTable explore={selectedNode ? false : true}>
+            { data.map((child, index) => {
+                if (index === 0) return null;
+                const roomId = child.id || child.room_id;
+                return <>
+                    <ServiceTable.Row key={roomId} disabled={fetchingLeaves}>
+                        <ServiceTable.Cell
+                            disabled={fetchingLeaves}
+                            selected={router.query.roomId[0] === roomId || activePath.indexOf(roomId) > -1}
+                            onClick={(e) => onClick(e, roomId, row, child.template)}>
+                            { child.missingMetaEvent ?
+                                <em>{ isParent && parent && selectedNode ? '← ' : isParent && parent && '↓ ' } <a href="">{ child.name }{ fetchingLeaves === roomId && <LoadingSpinnerInline /> }</a></em>
+                                : <>{ isParent && parent && selectedNode ? '← ' : isParent && parent && '↓ ' } <a href="">{ child.name }{ fetchingLeaves === roomId && <LoadingSpinnerInline /> }</a></> }
+                        </ServiceTable.Cell>
+                        <ServiceTable.Cell title={child.template}>
+                            { child.template === 'write' ? '📝'
+                                : child.template === 'chat' ? '💬'
+                                    : child.template === 'sketch' ? '🎨'
+                                        : child.template === 'studentproject' && '🎓' }
+                        </ServiceTable.Cell>
+                    </ServiceTable.Row>
+                </>;
+            },
+            )
+            }
+        </ServiceTable>
+
+    </>
+
+    );
+};
+export default TreeLeaves;
diff --git a/pages/explore-table/TreePath.js b/pages/explore-table/TreePath.js
new file mode 100644
index 00000000..c5eba08e
--- /dev/null
+++ b/pages/explore-table/TreePath.js
@@ -0,0 +1,49 @@
+import React, { useState } from 'react';
+import styled from 'styled-components';
+
+import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
+import { ServiceTable } from '../../components/UI/ServiceTable';
+
+const Leaf = styled(ServiceTable.Cell)`
+  cursor: pointer;
+  animation: fade-in 0.3s;
+
+  a {
+    &:hover {
+      text-decoration: underline;
+      cursor: pointer;
+    }
+  }
+
+  @keyframes fade-in {
+    0% { opacity: 0; }
+    100% { opacity: 1; }
+  }
+
+`;
+const TreePath = ({ selectedNode, data, callApiAndAddToObject }) => {
+    const [isFetching, setIsFetching] = useState(false);
+
+    const handleClick = async (e, roomId, row, template) => {
+        e.preventDefault();
+        setIsFetching(roomId);
+        await callApiAndAddToObject(e, roomId, row, template);
+        setIsFetching(false);
+    };
+
+    return (
+        <ServiceTable explore={selectedNode ? false : true}>
+            { data.map((path, index) => {
+                if (!path[0]?.parent) return null;
+                return <ServiceTable.Row key={index}>
+                    <Leaf selected
+                        disabled={isFetching}
+                        onClick={(e) => handleClick(e, path[0].parent.room_id, index - 1, path[0].parent.template)}>
+                        <a>{ index > 0 && '↳ ' }{ path[0].parent.name }{ isFetching === path[0].parent.room_id && <LoadingSpinnerInline /> }</a>
+                    </Leaf>
+                </ServiceTable.Row>;
+            }) }
+        </ServiceTable>
+    );
+};
+export default TreePath;
diff --git a/pages/explore-table/TreeView.js b/pages/explore-table/TreeView.js
new file mode 100644
index 00000000..7f8e9c88
--- /dev/null
+++ b/pages/explore-table/TreeView.js
@@ -0,0 +1,120 @@
+import _ from 'lodash';
+import { useRouter } from 'next/router';
+import React, { useEffect, useRef, useState } from 'react';
+import styled from 'styled-components';
+
+const Tree = styled.div`
+  position: relative;
+  left: ${props => [props.left]};
+  display: flex;
+  width: 100%;
+  height: ${props => props.height};
+  transition: visibility 0s, opacity 0.5s linear;
+`;
+
+const Leaf = styled.div`
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+`;
+
+const BranchLayout = styled.button`
+  display: flex;
+  flex-flow: column wrap;
+  width: unset;
+  min-width: 20vw;
+  height: 100%;
+  padding: var(--margin);
+  font: inherit;
+  color: var(--color-foreground);
+  text-align: left;
+  text-transform: unset;
+  cursor: pointer;
+  visibility: ${props => props.visibility};
+  background: none;
+  border-style: solid;
+  outline: inherit;
+
+  @keyframes fade-in {
+    0% { opacity: 0; }
+    100% { opacity: 1; }
+  }
+`;
+
+export default function TreeView({ parsedData, onClick, parent, parsedWidth, parsedHeight, selectedNode }) {
+    const [data, setData] = useState(parsedData);
+    const router = useRouter();
+    const activeRoomId = _.get(router, 'query.roomId.0');
+    const treeRef = useRef();
+
+    useEffect(() => {
+        setData(parsedData);
+    }, [parsedData]);
+
+    // const handleClick = async (roomId, type, template) => {
+    //     // await new Promise((res) => setTimeout(res, 500));
+    //     onClick(roomId, type, template);
+    // };
+
+    const Branch = ({ name, roomId, type, template, handleClick, offset }) => {
+        return (
+            <BranchLayout
+                visibility={data.inactive && 'collapse'}
+
+                onClick={(e) => {
+                    e.preventDefault();
+                    onClick(roomId, type, template);
+                }}>
+                { name }
+            </BranchLayout>
+        );
+    };
+
+    useEffect(() => {
+        console.log(treeRef);
+    }, [treeRef]);
+    return (
+        <Tree ref={treeRef}
+            height={data.inactive ? 'unset' : activeRoomId === data.id ? 'calc(100% - var(--margin) * 5)' : '100%'}
+            // visibility={data.inactive && !data.root && 'collapse'}
+            // left={activeRoomId === data.id && `-${treeRef?.current?.offsetLeft}px`}
+        >
+            <Branch
+                name={data.name}
+                roomId={data.id}
+            />
+            { data.children && <Leaf> { data.children.map((child, index) => {
+                if (child.inactive) return null;
+                return <TreeView parsedData={child}
+                    // activeRoomId={currentRoomId}
+                    // callback={onClick}
+                    // parsedHeight={d3Height}
+                    // selectedNode={selectedNode}
+                    // roomId={roomId}
+                    onClick={onClick}
+                />;
+            }) }</Leaf>
+            }
+            { /* <Branch onClick={() => onClick(parent)}>
+                <h2>{ data.name }</h2>
+            </Branch>
+            { data.children &&
+               data.children.map((child, index) => {
+                   const roomId = child.id || child.room_id;
+                   return <Branch onClick={() => {
+                       handleClick(roomId, child.type, child.template);
+                   }}>
+                       { child.name }
+                   </Branch>;
+                   // return <TreeLeaves
+                   //     name={child.name}
+                   //     roomId={roomId}
+                   //     type={child.type}
+                   //     template={child.template}
+                   //     handleClick={handleClick}
+                   //     offset={treeRef.current?.offsetLeft}
+                   // />;
+               }) } */ }
+        </Tree>
+    );
+}
diff --git a/pages/explore-table/[[...roomId]].js b/pages/explore-table/[[...roomId]].js
new file mode 100644
index 00000000..f7f45e53
--- /dev/null
+++ b/pages/explore-table/[[...roomId]].js
@@ -0,0 +1,296 @@
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import styled from 'styled-components';
+import getConfig from 'next/config';
+import { useRouter } from 'next/router';
+
+import IframeLayout from '../../components/layouts/iframe';
+import LoadingSpinner from '../../components/UI/LoadingSpinner';
+import { useAuth } from '../../lib/Auth';
+import { useMatrix } from '../../lib/Matrix';
+import WriteIframeHeader from '../write/WriteIframeHeader';
+import ProjectView from './ProjectView';
+import ChatIframeView from '../chat/ChatIframeView';
+import GraphView from './GraphView';
+
+const ExploreSection = styled.div`
+  ${props => !props.selectedNode && 'display: flex;'}
+  ${props => !props.selectedNode && 'grid-template-columns: repeat(2, 1fr);'}
+
+  gap: var(--margin);
+
+  .parent {
+    color: var(--color-background);
+    background: var(--color-foreground);
+  }
+
+`;
+
+export default function Explore() {
+    // const [, setHierarchy] = useState();
+    const [graphObject, setGraphObject] = useState(null);
+    const [selectedNode, setSelectedNode] = useState(null);
+    const [d3Height, setD3Height] = useState();
+    const [activePath, setActivePath] = useState([getConfig().publicRuntimeConfig.contextRootSpaceRoomId]);
+    const dimensionsRef = useRef();
+    const router = useRouter();
+    const [currentItemType, setCurrentItemType] = useState('');
+    const auth = useAuth();
+    const matrix = useMatrix(auth.getAuthenticationProvider('matrix'));
+
+    // async function callApiAndAddToObject(roomId) {
+    //   console.log('call Api or matrix and add');
+    //   function findObject(structure, id) {
+    //     //this function recursively goes through the nested object until it finds the object with the matching roomId and returns the match.
+    //     let ret;
+    //     const currentRoomId = structure.id || structure.room_id;
+    //     // base case
+    //     if (currentRoomId === id) {
+    //       return structure;
+    //     } else {
+    //       // recursion
+    //       structure.children?.forEach(child => {
+    //         if (!ret) {
+    //           if (!child.depth) child.depth = structure.depth + 1;
+    //           const c = findObject(child, id);
+    //           if (c) ret = c;
+    //         }
+    //       });
+    //     }
+    //     return ret;
+    //   }
+
+    //   let data;
+    //   // we only want to check for new children if we are going deeper into the tree.
+    //   // if the roomId therefore matches the router query, we know the user is going back and don't need to look for new children.
+    //   if (router.query.roomId[0] !== roomId) {
+    //     const newTree = { ...graphObject };
+    //     const foundObject = findObject(newTree, roomId);
+    //     if (foundObject.children.length !== foundObject.children_state.length) {
+    //       const spaceHierarchy = await matrix.roomHierarchy(roomId, null, 2)
+    //         .catch(err => console.debug(err));
+    //       const nest = await createNestedObject(spaceHierarchy);
+
+    //       foundObject.children = nest.children;
+    //     }
+    //     for (const child of foundObject.children) {
+    //       console.log(child);
+    //       if (child.children.length > 0) continue;
+    //       const spaceHierarchy = await matrix.roomHierarchy(child.room_id, null, 2)
+    //         .catch(err => console.debug(err));
+    //       const nest = await createNestedObject(spaceHierarchy);
+    //       child.children = nest.children;
+    //     }
+    //     setGraphObject(newTree);
+    //   }
+    // }
+
+    // async function createNestedObject(parsedArray, child) {
+    //   const getMetaEvent = async (obj) => {
+    //     console.log('getting meta event');
+    //     console.log(obj);
+    //     const metaEvent = await auth.getAuthenticationProvider('matrix').getMatrixClient().getStateEvent(obj.state_key || obj.room_id, 'dev.medienhaus.meta')
+    //       .catch((err) => {
+    //         console.debug(err);
+    //         obj.missingMetaEvent = true;
+    //       });
+    //     if (metaEvent) {
+    //       obj.type = metaEvent.type;
+    //       obj.template = metaEvent.template;
+    //       obj.application = metaEvent.application;
+    //     }
+    //   };
+
+    //   // if we are running the function for the first time we get the meta event for the first array entry.
+    //   // otherwise the meta event will be collected in the loop below.
+
+    //   if (!parsedArray[0].metaEvent) getMetaEvent(parsedArray[0]);
+
+    //   const array = child || parsedArray;
+
+    //   array[0].children = [];
+    //   // if there already is a parent key we can skip the calls since we already did them.
+    //   // if (!array[0].parent) {
+
+    //   for (const child of array[0].children_state) {
+    //     const childObject = parsedArray.filter(obj => obj.room_id === child.state_key);
+
+    //     if (childObject.length > 0) {
+    //       childObject[0].parent = { id: array[0].room_id, name: array[0].name };
+    //       await getMetaEvent(childObject[0]);
+
+    //       const recursiveChild = await createNestedObject(parsedArray, childObject);
+    //       console.log(recursiveChild);
+    //       array[0].children.push(childObject[0]);
+    //     }
+    //   }
+    //   // }
+    //   console.log(array[0]);
+    //   return array[0];
+    // }
+
+    const initialContentFetch = useCallback(async () => {
+    // initial fetch of object
+        const roomId = router.query.roomId ? router.query.roomId[0] : getConfig().publicRuntimeConfig.contextRootSpaceRoomId;
+
+        // if an api endpoint is defined we try to fetch the object from the api. othwerwise we set object to null in order to trigger the else loop.
+        // @TODO if we don't do this fetch will return status 200 even with the api url being undefined. it will try to fetch "domain.com/explore/undefined" which will return 200.
+        // I am not sure why the url below defaults to "domain.com/explore/undefined/api/v2" instead of "undefined/api/v2". hence the code below.
+        // const object = getConfig().publicRuntimeConfig.authProviders.matrix.api ?
+        //   await fetch(getConfig().publicRuntimeConfig.authProviders.matrix.api + '/api/v2/' + roomId)
+        //     .catch((err) => console.debug(err)) :
+        //   null;
+        // // const object = await fetch('http://192.168.0.50:3009/api/v2/!gBzMkmAvxvlPEwlvdq:moci.space/render/d3/fullTree').catch((err) => console.error(err));
+        // if (object?.ok) {
+        //   const json = await object.json();
+        //   json.children = json.item;
+        //   json.children.push(...json.context);
+        //   json.root = true;
+        //   json.depth = 0;
+        //   router.push(`/explore-table/${json.id}`);
+
+        //   setGraphObject(json);
+        // } else {
+        //   console.debug('no api:');
+        // const spaceHierarchy = await matrix.roomHierarchy(roomId, null, 1)
+        //   .catch(err => console.debug(err));
+        // const nest = await createNestedObject(spaceHierarchy);
+
+        // const children = [];
+        // let parentName;
+        // for (const space of spaceHierarchy) {
+        //     if (space.room_id === roomId) {
+        //         parentName = space.name;
+        //         continue;
+        //     }
+        //     const metaEvent = await auth.getAuthenticationProvider('matrix').getMatrixClient().getStateEvent(space.room_id, 'dev.medienhaus.meta')
+        //         .catch((err) => {
+        //             console.debug(err);
+        //             space.missingMetaEvent = true;
+        //         });
+        //     if (metaEvent) {
+        //         space.type = metaEvent.type;
+        //         space.template = metaEvent.template;
+        //         space.application = metaEvent.application;
+        //     }
+
+        //     space.parent = { id: roomId, name: parentName };
+        //     // children.push(space);
+        // }
+        // spaceHierarchy[0].children = children;
+
+        router.push(`/explore-table/${roomId}`);
+        // setHierarchy(spaceHierarchy[0]);
+        setGraphObject(roomId);
+    // }
+    // @TODO dix dependencies
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+
+    useEffect(() => {
+        if (!graphObject) {
+            initialContentFetch();
+        }
+    }, [graphObject, initialContentFetch]);
+
+    useEffect(() => {
+    // 8 for border
+        dimensionsRef.current && setD3Height(document.querySelector('main').offsetHeight - (8 + dimensionsRef?.current?.offsetHeight + (dimensionsRef?.current?.offsetTop * 2) + parseInt(window.getComputedStyle(dimensionsRef.current).marginBottom)));
+    }, [graphObject]);
+
+    const getRoomContent = async (roomId) => {
+        let fetchMessage = matrix.roomContents.get(roomId);
+        if (!fetchMessage) {
+            fetchMessage = await matrix.hydrateRoomContent(roomId);
+        }
+        if (!fetchMessage) return;
+        return fetchMessage.body;
+    };
+
+    const handleClicked = async (roomId, template, index) => {
+        if (!roomId) return;
+        setActivePath(prevState => {
+            prevState.splice(index < 0 ? 0 : index);
+            router.push(`/explore-table/${roomId}`);
+            return [...prevState, roomId];
+        });
+
+        let content = null;
+        if (template === 'chat') {
+            setCurrentItemType(template);
+            content = `${getConfig().publicRuntimeConfig.chat.pathToElement}/#/room/${roomId}`;
+        }
+        if (template === 'studentproject') {
+            setCurrentItemType(template);
+            content = roomId;
+        }
+        if (template === 'sketch' || template === 'write') {
+            setCurrentItemType(template);
+            content = await getRoomContent(roomId);
+        }
+
+        setSelectedNode(prevState => content === prevState ? null : content); // if selected node is not undefined iframe loads the url(type string) from selectedNode
+    };
+
+    if (!graphObject || typeof window === 'undefined') return <LoadingSpinner />;
+    return (
+        <>
+            <IframeLayout.Sidebar width={!selectedNode && '100%'}>
+                <h2 ref={dimensionsRef}>/explore</h2>
+                <ExploreSection selectedNode={!!selectedNode}>
+                    <GraphView
+                        id={graphObject}
+                        parsedHeight={d3Height}
+                        handleClick={handleClicked}
+                        selectedNode={!!selectedNode}
+                        activePath={activePath}
+                    />
+                </ExploreSection>
+            </IframeLayout.Sidebar>
+            { selectedNode && (
+                (() => {
+                    switch (currentItemType) {
+                        case 'studentproject':
+                            return <ProjectView content={selectedNode} />;
+                        case 'write':
+                            return (
+                                <IframeLayout.IframeWrapper>
+                                    <WriteIframeHeader
+                                        content={selectedNode}
+                                        title={matrix.spaces.get(router.query.roomId[0])?.name || matrix.rooms.get(router.query.roomId[0])?.name}
+                                        removeLink={() => console.log('removing pad from parent')}
+                                        removingLink={false} />
+                                    <iframe src={selectedNode} />
+                                </IframeLayout.IframeWrapper>
+                            );
+                        case 'sketch':
+                            return (
+                                <IframeLayout.IframeWrapper>
+                                    <WriteIframeHeader
+                                        content={selectedNode}
+                                        title={matrix.spaces.get(router.query.roomId[0])?.name || matrix.rooms.get(router.query.roomId[0])?.name}
+                                        removeLink={() => console.log('removing sketch from parent')}
+                                        removingLink={false} />
+                                    <iframe src={selectedNode} />
+                                </IframeLayout.IframeWrapper>
+                            );
+                        default:
+                            return (
+                                <IframeLayout.IframeWrapper>
+                                    <WriteIframeHeader
+                                        content={selectedNode}
+                                        title={matrix.spaces.get(router.query.roomId[0])?.name || matrix.rooms.get(router.query.roomId[0])?.name}
+                                        removeLink={() => console.log('removing pad from parent')}
+                                        removingLink={false} />
+                                    <ChatIframeView src={selectedNode} />
+                                </IframeLayout.IframeWrapper>
+                            );
+                    }
+                })()
+            ) }
+        </>
+    );
+}
+
+Explore.getLayout = () => {
+    return IframeLayout.Layout;
+};

From 1829577061aade02e3526c85489b05c95a06a266 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 17 May 2023 17:09:31 +0200
Subject: [PATCH 070/714] remove negative margin

---
 components/UI/ErrorMessage.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/components/UI/ErrorMessage.js b/components/UI/ErrorMessage.js
index a2e4ad5f..883747d9 100644
--- a/components/UI/ErrorMessage.js
+++ b/components/UI/ErrorMessage.js
@@ -3,7 +3,6 @@ import styled from 'styled-components';
 const ErrorMessage = styled.p`
   position: relative;
   padding-left: calc(1.4 * var(--margin));
-  margin-top: calc(-0.5 * var(--margin));
   margin-bottom: var(--margin);
   font-size: 85%;
 

From bbfcd98b822aaf2e2de04891a5d696c49d7ee38d Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Tue, 23 May 2023 16:07:41 +0200
Subject: [PATCH 071/714] add vertical scrolling

---
 components/UI/ServiceTable.js | 23 ++++++++++++++---------
 1 file changed, 14 insertions(+), 9 deletions(-)

diff --git a/components/UI/ServiceTable.js b/components/UI/ServiceTable.js
index f044ae9c..b8569ded 100644
--- a/components/UI/ServiceTable.js
+++ b/components/UI/ServiceTable.js
@@ -13,18 +13,23 @@
 import React from 'react';
 import styled from 'styled-components';
 
+// @TODO max-height is used because just using 'height' messes up other services like write and sketch. because those are using serviceSubmenu and the calculation doesn't work there.'
 const Table = styled.table`
+  display: block;
   width: 100%;
-  ${props => props.explore && 'max-width: calc(33% - (3 * var(--margin)));'}
-
+  max-height: 100%;
+  overflow-y: auto;
   border-collapse: collapse;
-  height: fit-content;
+
+  @media (width > 51em) {
+    ${props => props.explore && 'max-width: calc(33% - (3 * var(--margin)));'}
+  }
 `;
 
 const TableRow = styled.tr`
   max-width: 100%;
-  border-top: 1px dotted rgb(210 210 210);
   text-decoration: ${props => props.disabled && 'none'};
+  border-top: 1px dotted rgb(210 210 210);
 
   &:not(:last-of-type) {
     border-bottom: 1px dotted rgb(210 210 210);
@@ -52,11 +57,11 @@ const TableCell = styled.td`
 `;
 
 export function ServiceTable({ children, explore }) {
-  return (
-    <Table explore={explore}>
-      <tbody>{children}</tbody>
-    </Table>
-  );
+    return (
+        <Table explore={explore}>
+            <tbody>{ children }</tbody>
+        </Table>
+    );
 }
 
 ServiceTable.Row = TableRow;

From 75f8683e804970de8da2c107e1fc228f3ee98e2e Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Tue, 23 May 2023 16:07:55 +0200
Subject: [PATCH 072/714] remove console logs

---
 lib/Matrix.js | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/lib/Matrix.js b/lib/Matrix.js
index 05d6852c..e9c87b52 100644
--- a/lib/Matrix.js
+++ b/lib/Matrix.js
@@ -270,13 +270,10 @@ function useMatrixProvider(activeMatrixAuthenticationProviders) {
         };
 
         const hydrateRoomContent = async (roomId, limit, signal) => {
-            console.log('object');
-            console.log(roomId);
             // this function is used when roomContents is empty because the returned timeline for a room is full with events other than m.room.message.
             if (roomContents.get(roomId) !== undefined) return;
             // if there is no m.room.message event in the timeline we check manually for messages
             const fetchMessages = await authenticationProvider.fetchRoomMessages(roomId, limit, signal);
-            console.log(fetchMessages);
             // if there are no messages in the room and therefore fetchMessages.chunk is empty,
             // we set message to null instead of undefined. Otherwise we populate it with the latest message.
             const message = _.isEmpty(fetchMessages.chunk) ? null : fetchMessages.chunk[0].content;

From f3853a800017295f8643b393f45323c3ba9b007a Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Tue, 23 May 2023 16:08:25 +0200
Subject: [PATCH 073/714] remove backup

---
 pages/explore/GraphView-backup.js | 326 ++++++++++++++++++++++++++++++
 1 file changed, 326 insertions(+)
 create mode 100644 pages/explore/GraphView-backup.js

diff --git a/pages/explore/GraphView-backup.js b/pages/explore/GraphView-backup.js
new file mode 100644
index 00000000..8391c0c2
--- /dev/null
+++ b/pages/explore/GraphView-backup.js
@@ -0,0 +1,326 @@
+
+import React, { useEffect, useRef, useState } from 'react';
+import * as d3 from 'd3';
+import { partition } from 'd3';
+import getConfig from 'next/config';
+
+import LoadingSpinner from '../../components/UI/LoadingSpinner';
+
+// import { partition } from 'd3';
+// import { format } from 'd3';
+
+function GraphView({ parsedData, callback, parsedWidth, parsedHeight, selectedNode }) {
+    const [data, setData] = useState(parsedData);
+    const [height, setHeight] = useState();
+    const svgRef = useRef(null);
+
+    useEffect(() => {
+        let cancelled = false;
+        if (!cancelled) {
+            setData(parsedData);
+        }
+        console.log(parsedData);
+        return () => {
+            cancelled = true;
+        };
+    }, [parsedData]);
+
+    useEffect(() => {
+        let cancelled = false;
+
+        if (!cancelled) {
+            parsedHeight && setHeight(parsedHeight);
+        }
+        return () => {
+            cancelled = true;
+        };
+    }, [parsedHeight]);
+
+    const drawSvg = (data, height) => {
+        const container = d3.select(svgRef.current);
+        // Remove previous SVG
+        container.selectAll('svg').remove();
+        const format = d3.format(',d');
+
+        function rectHeight(d) {
+            return d.x1 - d.x0 - Math.min(1, (d.x1 - d.x0) / 2);
+        }
+
+        function labelVisible(d) {
+            return d.y1 <= width && d.y0 >= 0 && d.x1 - d.x0 > 16;
+        }
+
+        const width = parsedWidth || window.innerWidth;
+        // const height = parsedHeight;
+
+        function iciclePartition(data) {
+            const root = d3
+                .hierarchy(data)
+                .sum((d) => {
+                    return d.value || 1;
+                })
+                .sort(
+                    (a, b) => b.height - a.height || b.value - a.value,
+                );
+            return partition().size([
+                height,
+                ((root.height + 1) * width / 5),
+            ])(root);
+        }
+
+        // const color = scaleOrdinal(
+        //     quantize(interpolateRainbow, data.children.length + 1),
+        // );
+
+        const root = iciclePartition(data);
+
+        let focus = root;
+
+        // const svg = select('body')
+        //     .append('svg')
+        //     // .attr('viewBox', [root.x1, 0, width, height])
+        //     .style('font', '10px sans-serif');
+
+        const svg = container
+            .append('svg')
+        // .attr('height', height)
+        // .attr('viewBox', [-width / 2, -height / 2, width, height])
+            .attr('style', 'max-width: 100%; height: auto; height: intrinsic;')
+            .style('font', '10px sans-serif');
+
+        const cell = svg
+            .selectAll('g')
+            .data(root.descendants())
+            .join('g')
+            .attr('transform', (d) => `translate(${d.y0},${d.x0})`)
+            .attr('width', (d) => d.y1 - d.y0);
+
+        const rect = cell
+            .append('rect')
+            .attr('width', (d) => d.y1 - d.y0 -1)
+            .attr('height', (d) => rectHeight(d))
+            .attr('fill', (d) => {
+                // if (d.data.template === 'write') return 'red';
+                // if (d.data.template === 'sketch') return 'blue';
+                // if (d.data.type === 'item') return 'green';
+                return 'var(--color-background-sidebar)';
+            })
+            .attr('stroke', 'var(--color-foreground)')
+            .attr('stroke-width', '8')
+            .style('cursor', 'pointer')
+            .on('click', clicked);
+
+        const text = cell
+            .append('text')
+            .style('user-select', 'none')
+            .attr('pointer-events', 'none')
+            .attr('x', 15)
+            .attr('y', 30)
+            .attr('font-size', '1.2rem')
+            .attr('fill', 'var(--color-foreground)')
+            .attr('fill-opacity', (d) => +labelVisible(d));
+
+        text.append('tspan').text((d) => {
+            if (d.data.template === 'write') return '📝 ' + d.data.name;
+            if (d.data.template === 'sketch') return '🎨 ' + d.data.name;
+            if (d.data.template === 'chat') return '💬 ' + d.data.name;
+            if (d.data.type === 'item') return '📐 ' + d.data.name;
+
+            return d.data.name;
+        });
+
+        text
+            .append('tspan')
+            .attr('x', (d) => d.y1 - d.y0 -16)
+            .attr('text-anchor', 'end')
+            .attr('fill-opacity', (d) => labelVisible(d) * 0.7)
+            .text((d) => {
+                return d.data.template;
+            });
+
+        cell.append('title').text(
+            (d) =>
+                `${d
+                    .ancestors()
+                    .map((d) => d.data.name)
+                    .reverse()
+                    .join('/')}\n${format(d.value)}`,
+        );
+
+        function startTransition(p) {
+            focus = focus === p ? (p = p.parent) : p;
+            if (!p) return;
+            console.log(root);
+            root.each(
+                (d) =>
+                    (d.target = {
+                        x0: ((d.x0 - p.x0) / (p.x1 - p.x0)) * height,
+                        x1: ((d.x1 - p.x0) / (p.x1 - p.x0)) * height,
+                        y0: d.y0 - p.y0,
+                        y1: d.y1 - p.y0,
+                    }),
+            );
+
+            const t = cell
+                .transition()
+                .duration(750)
+                .attr(
+                    'transform',
+                    (d) => `translate(${d.target.y0},${d.target.x0})`,
+                );
+
+            rect
+                .transition(t)
+                .attr('height', (d) => rectHeight(d.target));
+
+            text
+                .transition(t)
+                .attr('fill-opacity', (d) => +labelVisible(d.target));
+        }
+
+        async function clicked(event, p) {
+            console.log(p);
+            if (!p) return;
+            // const newNode = d3.hierarchy(newData);
+            // console.log(newNode);
+            // newNode.depth = p.depth + 1;
+            // newNode.height = p.height - 1;
+            // newNode.parent = p;
+
+            // if (!p.children) {
+            //     p.children = [];
+            //     p.data.children = [];
+            // }
+            // p.children.push(newNode);
+            // p.data.children.push(newNode.data);
+            // // setData(newData);
+
+            async function callApiAndAddToObject(selected) {
+                console.log(selected.data.id);
+                function findObject(structure, id) {
+                    let ret;
+                    // base case
+                    if (structure.data.id === id) {
+                        return structure;
+                    } else {
+                        // recursion
+                        structure.children?.forEach(child => {
+                            if (!ret) {
+                                const c = findObject(child, child.data.id);
+                                if (c) ret = c;
+                            }
+                        });
+                    }
+                    return ret;
+                }
+
+                const response = await fetch(`${getConfig().publicRuntimeConfig.authProviders.matrix.api}/api/v2/${selected.data.id}`).catch(error => console.log(error));
+                if (!response?.ok) return;
+                const newdata = await response.json();
+                newdata.children = newdata.item;
+                newdata.children.push(...newdata.context);
+                const newNode = d3.hierarchy(newdata).sum((d) => {
+                    return d.value || 1;
+                });
+
+                //later added some properties to Node like child,parent,depth
+                newNode.depth = selected.depth + 1;
+                newNode.parent = selected;
+
+                console.log(selected);
+
+                // const newTree = { ...root };
+                const foundObject = findObject(root, selected.data.id);
+                console.log(foundObject);
+                // if (foundObject.children) return prevTree;
+                foundObject.children = newNode;
+                foundObject.data.children = newNode.data;
+
+                // return newTree;
+
+                // If no child array, create an empty array
+                if (!p.children) {
+                    p.children = [];
+                    p.data.children = [];
+                }
+
+                p.children.push(newNode);
+                p.data.children.push(newNode.data);
+                // setGraphObject(prevTree => {
+                //     const newTree = { ...prevTree };
+                //     const foundObject = findObject(newTree, roomId);
+                //     if (foundObject.children) return prevTree;
+                //     foundObject.children = data?.children;
+                //     return newTree;
+                // });
+
+                //Selected is a node, to which we are adding the new node as a child
+                //If no child array, create an empty array
+                // if (!selected.children) {
+                //     selected.children = [];
+                //     selected.data.children = [];
+                // }
+
+                // const newTree = { ...graphObject };
+                // const foundObject = findObject(newTree, roomId);
+                // foundObject.children = data?.children;
+                // return data;
+            }
+            console.log(p);
+            await callApiAndAddToObject(p);
+
+            // const newNode = d3.hierarchy(newNode);
+
+            //later added some properties to Node like child,parent,depth
+            // newNode.depth = selected.depth + 1;
+            // newNode.height = selected.height - 1;
+            // newNode.parent = selected;
+            // newNode.id = Date.now();
+
+            //Selected is a node, to which we are adding the new node as a child
+            //If no child array, create an empty array
+            // if (!selected.children) {
+            //     selected.children = [];
+            //     selected.data.children = [];
+            // }
+
+            //Push it to parent.children array
+            // selected.children.push(newNode);
+            // selected.data.children.push(newNode.data);
+
+            startTransition(p);
+
+            // tspan
+            //     .transition(t)
+            //     .attr(
+            //         'fill-opacity',
+            //         (d) => labelVisible(d.target) * 0.7,
+            //     );
+        }
+    };
+
+    useEffect(() => {
+        drawSvg(data, height);
+        return () => {
+            console.log('unmount svg');
+            // svgRef.current = null;
+        };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [height]);
+
+    // useEffect(() => {
+    //     // if (svgRef.current) {
+    //     //     console.log(svg);
+    //     //     svgRef.current.appendChild(svg.node());
+    //     // }
+
+    //     return () => {
+    //         svgRef.current = null;
+    //     };
+    // }, [svg, height]);
+    if (!height) return <LoadingSpinner />;
+    // return <svg ref={svgRef} width="100%" height={height} />;
+    return <svg ref={svgRef} width={selectedNode ? '100%' : '50%'} height={height} />;
+}
+
+export default GraphView;

From 9302fdb58135adb7df1be8ec83b7b52869a45f8a Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Tue, 23 May 2023 16:09:53 +0200
Subject: [PATCH 074/714] add second url route and check for it when loading a
 link

---
 pages/explore-table/GraphView.js     | 67 ++++++++++++++++--------
 pages/explore-table/TreeLeaves.js    | 16 ++++--
 pages/explore-table/[[...roomId]].js | 78 +++++++---------------------
 3 files changed, 76 insertions(+), 85 deletions(-)

diff --git a/pages/explore-table/GraphView.js b/pages/explore-table/GraphView.js
index 2ede5a78..a9d57d42 100644
--- a/pages/explore-table/GraphView.js
+++ b/pages/explore-table/GraphView.js
@@ -1,44 +1,68 @@
 
 import React, { useEffect, useState } from 'react';
-import { useRouter } from 'next/router';
 
+import ErrorMessage from '../../components/UI/ErrorMessage';
+import LoadingSpinner from '../../components/UI/LoadingSpinner';
 import { useAuth } from '../../lib/Auth';
 import { useMatrix } from '../../lib/Matrix';
-import LoadingSpinner from '../../components/UI/LoadingSpinner';
 import TreeLeaves from './TreeLeaves';
 import TreePath from './TreePath';
-import ErrorMessage from '../../components/UI/ErrorMessage';
 
-function GraphView({ parsedData, parsedHeight, handleClick, selectedNode, activePath, id }) {
+function GraphView({ handleClick, selectedNode, activePath, id, currentItemType }) {
     // const [roomId, setRoomId] = useState('');
     const [data, setData] = useState([]);
 
-    const [height, setHeight] = useState();
     const auth = useAuth();
     const matrix = useMatrix(auth.getAuthenticationProvider('matrix'));
 
     useEffect(() => {
         let cancelled = false;
         if (!cancelled) {
-            callApiAndAddToObject(null, id);
+            if (selectedNode) callApiWithInitalNode(null, selectedNode, 0, currentItemType, id);
+            else callApiAndAddToObject(null, id, 0);
         }
         return () => {
             cancelled = true;
         };
-    }, [id]);
+    }, []);
 
-    useEffect(() => {
-        let cancelled = false;
+    async function callApiWithInitalNode(e, roomId, index, template, parentId) {
+        e && e.preventDefault();
+        console.log('call Api or matrix with initial node and add');
+        console.log(template);
+        const spaceHierarchy = await matrix.roomHierarchy(roomId, null, 1)
+            .catch(err => console.debug(err));
+        const parentHierarchy = await matrix.roomHierarchy(parentId, null, 1)
+            .catch(err => console.debug(err));
+        const parent = parentHierarchy[0];
 
-        if (!cancelled) {
-            parsedHeight && setHeight(parsedHeight);
-        }
-        return () => {
-            cancelled = true;
+        const getMetaEvent = async (obj) => {
+            console.debug('getting meta event');
+            const metaEvent = await auth.getAuthenticationProvider('matrix').getMatrixClient().getStateEvent(obj.state_key || obj.room_id, 'dev.medienhaus.meta')
+                .catch((err) => {
+                    console.debug(err);
+                    obj.missingMetaEvent = true;
+                });
+            if (metaEvent) {
+                obj.type = metaEvent.type;
+                obj.template = metaEvent.template;
+                obj.application = metaEvent.application;
+            }
         };
-    }, [parsedHeight]);
+        for (const space of parentHierarchy) {
+            space.parent = parent;
+            await getMetaEvent(space);
+        }
+        for (const space of spaceHierarchy) {
+            space.parent = parent;
+            await getMetaEvent(space);
+        }
+        // if (!spaceHierarchy[0]) spaceHierarchy.push({ parent: parent })
+        await handleClick(roomId, spaceHierarchy[0].template, index, parentId);
+        setData([parentHierarchy, spaceHierarchy]);
+    }
 
-    async function callApiAndAddToObject(e, roomId, index, template, isChild, isParent) {
+    async function callApiAndAddToObject(e, roomId, index, template, parentId) {
         e && e.preventDefault();
         console.log('call Api or matrix and add');
         const spaceHierarchy = await matrix.roomHierarchy(roomId, null, 1)
@@ -47,7 +71,7 @@ function GraphView({ parsedData, parsedHeight, handleClick, selectedNode, active
         // spaceHierarchy.shift()
 
         const getMetaEvent = async (obj) => {
-            console.debug('getting meta event');
+            console.debug('getting meta event for ' + obj.state_key || obj.room_id);
             const metaEvent = await auth.getAuthenticationProvider('matrix').getMatrixClient().getStateEvent(obj.state_key || obj.room_id, 'dev.medienhaus.meta')
                 .catch((err) => {
                     console.debug(err);
@@ -65,15 +89,14 @@ function GraphView({ parsedData, parsedHeight, handleClick, selectedNode, active
             await getMetaEvent(space);
         }
         // if (!spaceHierarchy[0]) spaceHierarchy.push({ parent: parent })
-
-        await handleClick(roomId, template, index);
+        await handleClick(roomId, template, index, parentId);
         setData((prevData) => {
             prevData.splice(index + 1); // delete all entries after the selected row.
             return [...prevData, spaceHierarchy];
         });
     }
 
-    if (!height || !data) return <LoadingSpinner />;
+    if (!data) return <LoadingSpinner />;
     // const focusedId = selectedNode && data.parent ? data.parent.id : router.query?.roomId[0] || getConfig().publicRuntimeConfig.contextRootSpaceRoomId;
     // const roomId = data.id || data.room_id;
     return (
@@ -88,11 +111,11 @@ function GraphView({ parsedData, parsedHeight, handleClick, selectedNode, active
                 const numberOfRows = selectedNode ? 2 : 1;
                 if (index < data.length - numberOfRows) return null; // only show a maximum of rows.
                 if (selectedNode && index != data.length - 2) return null; // if a node is selected only show the selected row.
-                if (leaf.length <= 1) return <ErrorMessage>Thank You { auth.user.displayname }! But Our Item Is In Another Context! 🍄</ErrorMessage>;
+                if (leaf.length <= 1) return <ErrorMessage key="error-message">Thank You { auth.user.displayname }! But Our Item Is In Another Context! 🍄</ErrorMessage>;
                 return <TreeLeaves
                     row={index}
                     data={leaf}
-                    key={index}
+                    key={leaf[0].room_id + '_' + index}
                     handleClick={callApiAndAddToObject}
                     selectedNode={selectedNode}
                     activePath={activePath}
diff --git a/pages/explore-table/TreeLeaves.js b/pages/explore-table/TreeLeaves.js
index 8789c038..9755f3aa 100644
--- a/pages/explore-table/TreeLeaves.js
+++ b/pages/explore-table/TreeLeaves.js
@@ -27,20 +27,26 @@ const Leaf = styled.button`
 
 `;
 
-const TreeLeaves = ({ handleClick, row, data, roomId, toddler, isParent, parent, selectedNode, activePath }) => {
+const TreeLeaves = ({ handleClick, row, data, roomId, isParent, parent, selectedNode, activePath }) => {
     const [fetchingLeaves, setFetchingLeaves] = useState(false);
     const router = useRouter();
 
-    const onClick = async (e, id, index, childTemplate, isChild) => {
+    const onClick = async (e, id, index, childTemplate, parentId) => {
         e.preventDefault();
         setFetchingLeaves(id);
-        await handleClick(e, id || roomId, index, childTemplate, isChild, toddler && parent.id);
+        await handleClick(e, id || roomId, index, childTemplate, parentId);
         setFetchingLeaves(false);
     };
 
     if (!data) return <LoadingSpinner />;
     return (<>
-        { selectedNode && data[0]?.parent && <Leaf onClick={(e) => onClick(e, data[0].parent.room_id, row - 1)} className="parent">← { data[0].parent.name }</Leaf> }
+        { selectedNode && data[0]?.parent && <Leaf
+            onClick={(e) => onClick(e, data[0].parent.room_id, row - 1, data[0].parent.template)}
+            className="parent"
+            key={data[0].parent.room_id}
+        >
+            ← { data[0].parent.name }
+        </Leaf> }
         <ServiceTable explore={selectedNode ? false : true}>
             { data.map((child, index) => {
                 if (index === 0) return null;
@@ -50,7 +56,7 @@ const TreeLeaves = ({ handleClick, row, data, roomId, toddler, isParent, parent,
                         <ServiceTable.Cell
                             disabled={fetchingLeaves}
                             selected={router.query.roomId[0] === roomId || activePath.indexOf(roomId) > -1}
-                            onClick={(e) => onClick(e, roomId, row, child.template)}>
+                            onClick={(e) => onClick(e, roomId, row, child.template, data[0].room_id)}>
                             { child.missingMetaEvent ?
                                 <em>{ isParent && parent && selectedNode ? '← ' : isParent && parent && '↓ ' } <a href="">{ child.name }{ fetchingLeaves === roomId && <LoadingSpinnerInline /> }</a></em>
                                 : <>{ isParent && parent && selectedNode ? '← ' : isParent && parent && '↓ ' } <a href="">{ child.name }{ fetchingLeaves === roomId && <LoadingSpinnerInline /> }</a></> }
diff --git a/pages/explore-table/[[...roomId]].js b/pages/explore-table/[[...roomId]].js
index f7f45e53..9fe0003b 100644
--- a/pages/explore-table/[[...roomId]].js
+++ b/pages/explore-table/[[...roomId]].js
@@ -12,10 +12,12 @@ import ProjectView from './ProjectView';
 import ChatIframeView from '../chat/ChatIframeView';
 import GraphView from './GraphView';
 
+// height calculation is guess work at the moment...
 const ExploreSection = styled.div`
   ${props => !props.selectedNode && 'display: flex;'}
   ${props => !props.selectedNode && 'grid-template-columns: repeat(2, 1fr);'}
 
+  height: calc(100% - calc(var(--margin) * 4.8));
   gap: var(--margin);
 
   .parent {
@@ -29,7 +31,6 @@ export default function Explore() {
     // const [, setHierarchy] = useState();
     const [graphObject, setGraphObject] = useState(null);
     const [selectedNode, setSelectedNode] = useState(null);
-    const [d3Height, setD3Height] = useState();
     const [activePath, setActivePath] = useState([getConfig().publicRuntimeConfig.contextRootSpaceRoomId]);
     const dimensionsRef = useRef();
     const router = useRouter();
@@ -131,54 +132,13 @@ export default function Explore() {
     const initialContentFetch = useCallback(async () => {
     // initial fetch of object
         const roomId = router.query.roomId ? router.query.roomId[0] : getConfig().publicRuntimeConfig.contextRootSpaceRoomId;
+        const iframeRoomId = router.query.roomId && router.query.roomId[1];
 
-        // if an api endpoint is defined we try to fetch the object from the api. othwerwise we set object to null in order to trigger the else loop.
-        // @TODO if we don't do this fetch will return status 200 even with the api url being undefined. it will try to fetch "domain.com/explore/undefined" which will return 200.
-        // I am not sure why the url below defaults to "domain.com/explore/undefined/api/v2" instead of "undefined/api/v2". hence the code below.
-        // const object = getConfig().publicRuntimeConfig.authProviders.matrix.api ?
-        //   await fetch(getConfig().publicRuntimeConfig.authProviders.matrix.api + '/api/v2/' + roomId)
-        //     .catch((err) => console.debug(err)) :
-        //   null;
-        // // const object = await fetch('http://192.168.0.50:3009/api/v2/!gBzMkmAvxvlPEwlvdq:moci.space/render/d3/fullTree').catch((err) => console.error(err));
-        // if (object?.ok) {
-        //   const json = await object.json();
-        //   json.children = json.item;
-        //   json.children.push(...json.context);
-        //   json.root = true;
-        //   json.depth = 0;
-        //   router.push(`/explore-table/${json.id}`);
-
-        //   setGraphObject(json);
-        // } else {
-        //   console.debug('no api:');
-        // const spaceHierarchy = await matrix.roomHierarchy(roomId, null, 1)
-        //   .catch(err => console.debug(err));
-        // const nest = await createNestedObject(spaceHierarchy);
-
-        // const children = [];
-        // let parentName;
-        // for (const space of spaceHierarchy) {
-        //     if (space.room_id === roomId) {
-        //         parentName = space.name;
-        //         continue;
-        //     }
-        //     const metaEvent = await auth.getAuthenticationProvider('matrix').getMatrixClient().getStateEvent(space.room_id, 'dev.medienhaus.meta')
-        //         .catch((err) => {
-        //             console.debug(err);
-        //             space.missingMetaEvent = true;
-        //         });
-        //     if (metaEvent) {
-        //         space.type = metaEvent.type;
-        //         space.template = metaEvent.template;
-        //         space.application = metaEvent.application;
-        //     }
-
-        //     space.parent = { id: roomId, name: parentName };
-        //     // children.push(space);
-        // }
-        // spaceHierarchy[0].children = children;
-
-        router.push(`/explore-table/${roomId}`);
+        if (iframeRoomId) {
+            router.push(`/explore-table/${roomId}/${iframeRoomId}`);
+            setSelectedNode(iframeRoomId);
+            setActivePath([roomId, iframeRoomId]);
+        } else router.push(`/explore-table/${roomId}`);
         // setHierarchy(spaceHierarchy[0]);
         setGraphObject(roomId);
     // }
@@ -192,11 +152,6 @@ export default function Explore() {
         }
     }, [graphObject, initialContentFetch]);
 
-    useEffect(() => {
-    // 8 for border
-        dimensionsRef.current && setD3Height(document.querySelector('main').offsetHeight - (8 + dimensionsRef?.current?.offsetHeight + (dimensionsRef?.current?.offsetTop * 2) + parseInt(window.getComputedStyle(dimensionsRef.current).marginBottom)));
-    }, [graphObject]);
-
     const getRoomContent = async (roomId) => {
         let fetchMessage = matrix.roomContents.get(roomId);
         if (!fetchMessage) {
@@ -206,11 +161,10 @@ export default function Explore() {
         return fetchMessage.body;
     };
 
-    const handleClicked = async (roomId, template, index) => {
+    const handleClicked = async (roomId, template, index, parentId) => {
         if (!roomId) return;
         setActivePath(prevState => {
             prevState.splice(index < 0 ? 0 : index);
-            router.push(`/explore-table/${roomId}`);
             return [...prevState, roomId];
         });
 
@@ -228,7 +182,16 @@ export default function Explore() {
             content = await getRoomContent(roomId);
         }
 
-        setSelectedNode(prevState => content === prevState ? null : content); // if selected node is not undefined iframe loads the url(type string) from selectedNode
+        // if selected node is not undefined iframe loads the url(type string) from selectedNode
+        setSelectedNode(() => {
+            if (content) {
+                router.push(`/explore-table/${parentId}/${roomId}`);
+                return content;
+            } else {
+                router.push(`/explore-table/${roomId}`);
+                return null;
+            }
+        });
     };
 
     if (!graphObject || typeof window === 'undefined') return <LoadingSpinner />;
@@ -239,9 +202,8 @@ export default function Explore() {
                 <ExploreSection selectedNode={!!selectedNode}>
                     <GraphView
                         id={graphObject}
-                        parsedHeight={d3Height}
                         handleClick={handleClicked}
-                        selectedNode={!!selectedNode}
+                        selectedNode={selectedNode}
                         activePath={activePath}
                     />
                 </ExploreSection>

From 76c8f6574fbac66bcbe8fbfdd05d386af2c817a1 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Tue, 23 May 2023 16:10:10 +0200
Subject: [PATCH 075/714] error message when project cant be loaded

---
 pages/explore-table/ProjectView.js | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/pages/explore-table/ProjectView.js b/pages/explore-table/ProjectView.js
index 4e644ed2..14866070 100644
--- a/pages/explore-table/ProjectView.js
+++ b/pages/explore-table/ProjectView.js
@@ -58,22 +58,22 @@ const ProjectView = ({ removingLink, removeLink, content }) => {
     }, [content]);
 
     const fetchProjectHtml =async (roomId) => {
-      const object = await fetch(getConfig().publicRuntimeConfig.authProviders.matrix.api + '/api/v2/' + roomId + '/render/json').catch((err) => console.error(err));
-      const json = await object.json().catch(() => { });
-       if (!json) {
-        return  setProject('error fetching project from API')
-      }
-      setProject(json);
+        const object = await fetch(getConfig().publicRuntimeConfig.authProviders.matrix.api + '/api/v2/' + roomId + '/render/json').catch((err) => console.error(err));
+        const json = await object.json().catch(() => { });
+        if (!json) {
+            return setProject('error fetching project from API');
+        }
+        setProject(json);
     };
 
-  if (!project) return <LoadingSpinner />;
-  if (typeof project === 'string') return <ErrorMessage>{project}</ErrorMessage>
+    if (!project) return <LoadingSpinner />;
+    if (typeof project === 'string') return <ErrorMessage>{ project }</ErrorMessage>;
 
     return (
         <View>
             <Header>
                 <h2>{ project.abstract.name }</h2>
-        </Header>
+            </Header>
             <div dangerouslySetInnerHTML={{ __html: project.languages.EN.formattedContent }} />
         </View>
     );

From 69e7a9e79c73a4df2c702b2970cf7dc2035ce6c2 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 24 May 2023 12:47:04 +0200
Subject: [PATCH 076/714] adapt iframe header value to new router config and
 use second array item

---
 pages/explore-table/[[...roomId]].js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/pages/explore-table/[[...roomId]].js b/pages/explore-table/[[...roomId]].js
index 9fe0003b..7935abda 100644
--- a/pages/explore-table/[[...roomId]].js
+++ b/pages/explore-table/[[...roomId]].js
@@ -218,7 +218,7 @@ export default function Explore() {
                                 <IframeLayout.IframeWrapper>
                                     <WriteIframeHeader
                                         content={selectedNode}
-                                        title={matrix.spaces.get(router.query.roomId[0])?.name || matrix.rooms.get(router.query.roomId[0])?.name}
+                                        title={matrix.spaces.get(router.query.roomId[1])?.name || matrix.rooms.get(router.query.roomId[1])?.name}
                                         removeLink={() => console.log('removing pad from parent')}
                                         removingLink={false} />
                                     <iframe src={selectedNode} />
@@ -229,7 +229,7 @@ export default function Explore() {
                                 <IframeLayout.IframeWrapper>
                                     <WriteIframeHeader
                                         content={selectedNode}
-                                        title={matrix.spaces.get(router.query.roomId[0])?.name || matrix.rooms.get(router.query.roomId[0])?.name}
+                                        title={matrix.spaces.get(router.query.roomId[1])?.name || matrix.rooms.get(router.query.roomId[1])?.name}
                                         removeLink={() => console.log('removing sketch from parent')}
                                         removingLink={false} />
                                     <iframe src={selectedNode} />
@@ -240,7 +240,7 @@ export default function Explore() {
                                 <IframeLayout.IframeWrapper>
                                     <WriteIframeHeader
                                         content={selectedNode}
-                                        title={matrix.spaces.get(router.query.roomId[0])?.name || matrix.rooms.get(router.query.roomId[0])?.name}
+                                        title={matrix.spaces.get(router.query.roomId[1])?.name || matrix.rooms.get(router.query.roomId[1])?.name}
                                         removeLink={() => console.log('removing pad from parent')}
                                         removingLink={false} />
                                     <ChatIframeView src={selectedNode} />

From 385c0cbf3fd33ca4e1dd95df6e776646b8d4d926 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 24 May 2023 14:31:21 +0200
Subject: [PATCH 077/714] sort list to display items on top

---
 pages/explore-table/GraphView.js | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/pages/explore-table/GraphView.js b/pages/explore-table/GraphView.js
index a9d57d42..bd3baa5c 100644
--- a/pages/explore-table/GraphView.js
+++ b/pages/explore-table/GraphView.js
@@ -24,6 +24,7 @@ function GraphView({ handleClick, selectedNode, activePath, id, currentItemType
         return () => {
             cancelled = true;
         };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
 
     async function callApiWithInitalNode(e, roomId, index, template, parentId) {
@@ -112,6 +113,16 @@ function GraphView({ handleClick, selectedNode, activePath, id, currentItemType
                 if (index < data.length - numberOfRows) return null; // only show a maximum of rows.
                 if (selectedNode && index != data.length - 2) return null; // if a node is selected only show the selected row.
                 if (leaf.length <= 1) return <ErrorMessage key="error-message">Thank You { auth.user.displayname }! But Our Item Is In Another Context! 🍄</ErrorMessage>;
+                // we sort the array to display object of the type 'item' before others.
+                leaf.sort(function(a, b) {
+                    if (a.type === 'item' && b.type !== 'item') {
+                        return -1; // a comes before b
+                    } else if (a.type !== 'item' && b.type === 'item') {
+                        return 1; // a comes after b
+                    } else {
+                        return 0; // no sorting necessary
+                    }
+                });
                 return <TreeLeaves
                     row={index}
                     data={leaf}

From e6fe3df2edc0a673aaf7f43f9094b66efba8dfee Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 24 May 2023 14:32:04 +0200
Subject: [PATCH 078/714] adapt to sorted array and do not display types !=
 item for now

---
 pages/explore-table/TreeLeaves.js | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/pages/explore-table/TreeLeaves.js b/pages/explore-table/TreeLeaves.js
index 9755f3aa..7d2add54 100644
--- a/pages/explore-table/TreeLeaves.js
+++ b/pages/explore-table/TreeLeaves.js
@@ -30,6 +30,7 @@ const Leaf = styled.button`
 const TreeLeaves = ({ handleClick, row, data, roomId, isParent, parent, selectedNode, activePath }) => {
     const [fetchingLeaves, setFetchingLeaves] = useState(false);
     const router = useRouter();
+    const parentSpace = data?.filter(space => (space.room_id || space.roomId)=== router.query.roomId[0]);
 
     const onClick = async (e, id, index, childTemplate, parentId) => {
         e.preventDefault();
@@ -40,23 +41,26 @@ const TreeLeaves = ({ handleClick, row, data, roomId, isParent, parent, selected
 
     if (!data) return <LoadingSpinner />;
     return (<>
-        { selectedNode && data[0]?.parent && <Leaf
-            onClick={(e) => onClick(e, data[0].parent.room_id, row - 1, data[0].parent.template)}
+        { selectedNode && parentSpace[0] && <Leaf
+            onClick={(e) => onClick(e, parentSpace[0].room_id, row - 1, parentSpace[0].template)}
             className="parent"
-            key={data[0].parent.room_id}
+            key={parentSpace[0].room_id}
         >
-            ← { data[0].parent.name }
+            ← { parentSpace[0].name }
         </Leaf> }
         <ServiceTable explore={selectedNode ? false : true}>
-            { data.map((child, index) => {
-                if (index === 0) return null;
+            { data.map((child) => {
                 const roomId = child.id || child.room_id;
+                // if the roomId is the selected space we skip it
+                if (roomId === router.query.roomId[0]) return null;
+                // if an iframe is open we only want to show items in the list
+                if (selectedNode && child.type !== 'item') return null;
                 return <>
                     <ServiceTable.Row key={roomId} disabled={fetchingLeaves}>
                         <ServiceTable.Cell
                             disabled={fetchingLeaves}
                             selected={router.query.roomId[0] === roomId || activePath.indexOf(roomId) > -1}
-                            onClick={(e) => onClick(e, roomId, row, child.template, data[0].room_id)}>
+                            onClick={(e) => onClick(e, roomId, row, child.template, parentSpace[0].room_id)}>
                             { child.missingMetaEvent ?
                                 <em>{ isParent && parent && selectedNode ? '← ' : isParent && parent && '↓ ' } <a href="">{ child.name }{ fetchingLeaves === roomId && <LoadingSpinnerInline /> }</a></em>
                                 : <>{ isParent && parent && selectedNode ? '← ' : isParent && parent && '↓ ' } <a href="">{ child.name }{ fetchingLeaves === roomId && <LoadingSpinnerInline /> }</a></> }

From 8f357c377c576e02b84b55a87c97d5863bb5b4a6 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 24 May 2023 14:32:19 +0200
Subject: [PATCH 079/714] make style lint happy

---
 pages/explore-table/[[...roomId]].js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/explore-table/[[...roomId]].js b/pages/explore-table/[[...roomId]].js
index 7935abda..1dda8cb3 100644
--- a/pages/explore-table/[[...roomId]].js
+++ b/pages/explore-table/[[...roomId]].js
@@ -17,8 +17,8 @@ const ExploreSection = styled.div`
   ${props => !props.selectedNode && 'display: flex;'}
   ${props => !props.selectedNode && 'grid-template-columns: repeat(2, 1fr);'}
 
-  height: calc(100% - calc(var(--margin) * 4.8));
   gap: var(--margin);
+  height: calc(100% - calc(var(--margin) * 4.8));
 
   .parent {
     color: var(--color-background);

From ba4cb5b895cc9d81e6c1dd7c2a0de21faad805d6 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 24 May 2023 15:43:39 +0200
Subject: [PATCH 080/714] parse parent instead of using router query

---
 pages/explore-table/GraphView.js  |  6 ++++--
 pages/explore-table/TreeLeaves.js | 13 ++++++-------
 2 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/pages/explore-table/GraphView.js b/pages/explore-table/GraphView.js
index bd3baa5c..76b30528 100644
--- a/pages/explore-table/GraphView.js
+++ b/pages/explore-table/GraphView.js
@@ -114,7 +114,8 @@ function GraphView({ handleClick, selectedNode, activePath, id, currentItemType
                 if (selectedNode && index != data.length - 2) return null; // if a node is selected only show the selected row.
                 if (leaf.length <= 1) return <ErrorMessage key="error-message">Thank You { auth.user.displayname }! But Our Item Is In Another Context! 🍄</ErrorMessage>;
                 // we sort the array to display object of the type 'item' before others.
-                leaf.sort(function(a, b) {
+                const parent = leaf[0];
+                const sortedLeaves = [...leaf].sort(function(a, b) {
                     if (a.type === 'item' && b.type !== 'item') {
                         return -1; // a comes before b
                     } else if (a.type !== 'item' && b.type === 'item') {
@@ -125,7 +126,8 @@ function GraphView({ handleClick, selectedNode, activePath, id, currentItemType
                 });
                 return <TreeLeaves
                     row={index}
-                    data={leaf}
+                    data={sortedLeaves}
+                    parent={parent}
                     key={leaf[0].room_id + '_' + index}
                     handleClick={callApiAndAddToObject}
                     selectedNode={selectedNode}
diff --git a/pages/explore-table/TreeLeaves.js b/pages/explore-table/TreeLeaves.js
index 7d2add54..fe41e51e 100644
--- a/pages/explore-table/TreeLeaves.js
+++ b/pages/explore-table/TreeLeaves.js
@@ -30,7 +30,6 @@ const Leaf = styled.button`
 const TreeLeaves = ({ handleClick, row, data, roomId, isParent, parent, selectedNode, activePath }) => {
     const [fetchingLeaves, setFetchingLeaves] = useState(false);
     const router = useRouter();
-    const parentSpace = data?.filter(space => (space.room_id || space.roomId)=== router.query.roomId[0]);
 
     const onClick = async (e, id, index, childTemplate, parentId) => {
         e.preventDefault();
@@ -41,12 +40,12 @@ const TreeLeaves = ({ handleClick, row, data, roomId, isParent, parent, selected
 
     if (!data) return <LoadingSpinner />;
     return (<>
-        { selectedNode && parentSpace[0] && <Leaf
-            onClick={(e) => onClick(e, parentSpace[0].room_id, row - 1, parentSpace[0].template)}
+        { selectedNode && parent && <Leaf
+            onClick={(e) => onClick(e, parent.room_id, row - 1, parent.template)}
             className="parent"
-            key={parentSpace[0].room_id}
+            key={parent.room_id}
         >
-            ← { parentSpace[0].name }
+            ← { parent.name }
         </Leaf> }
         <ServiceTable explore={selectedNode ? false : true}>
             { data.map((child) => {
@@ -59,8 +58,8 @@ const TreeLeaves = ({ handleClick, row, data, roomId, isParent, parent, selected
                     <ServiceTable.Row key={roomId} disabled={fetchingLeaves}>
                         <ServiceTable.Cell
                             disabled={fetchingLeaves}
-                            selected={router.query.roomId[0] === roomId || activePath.indexOf(roomId) > -1}
-                            onClick={(e) => onClick(e, roomId, row, child.template, parentSpace[0].room_id)}>
+                            selected={router.query.roomId[1] === roomId || activePath.indexOf(roomId) > -1}
+                            onClick={(e) => onClick(e, roomId, row, child.template, parent.room_id)}>
                             { child.missingMetaEvent ?
                                 <em>{ isParent && parent && selectedNode ? '← ' : isParent && parent && '↓ ' } <a href="">{ child.name }{ fetchingLeaves === roomId && <LoadingSpinnerInline /> }</a></em>
                                 : <>{ isParent && parent && selectedNode ? '← ' : isParent && parent && '↓ ' } <a href="">{ child.name }{ fetchingLeaves === roomId && <LoadingSpinnerInline /> }</a></> }

From 43bc4a194f14f60cddceb7367a6e78b92ae0905b Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 24 May 2023 15:43:46 +0200
Subject: [PATCH 081/714] remove unused code

---
 pages/explore-table/[[...roomId]].js | 103 ++-------------------------
 1 file changed, 6 insertions(+), 97 deletions(-)

diff --git a/pages/explore-table/[[...roomId]].js b/pages/explore-table/[[...roomId]].js
index 1dda8cb3..cd79cbe5 100644
--- a/pages/explore-table/[[...roomId]].js
+++ b/pages/explore-table/[[...roomId]].js
@@ -28,7 +28,6 @@ const ExploreSection = styled.div`
 `;
 
 export default function Explore() {
-    // const [, setHierarchy] = useState();
     const [graphObject, setGraphObject] = useState(null);
     const [selectedNode, setSelectedNode] = useState(null);
     const [activePath, setActivePath] = useState([getConfig().publicRuntimeConfig.contextRootSpaceRoomId]);
@@ -38,97 +37,6 @@ export default function Explore() {
     const auth = useAuth();
     const matrix = useMatrix(auth.getAuthenticationProvider('matrix'));
 
-    // async function callApiAndAddToObject(roomId) {
-    //   console.log('call Api or matrix and add');
-    //   function findObject(structure, id) {
-    //     //this function recursively goes through the nested object until it finds the object with the matching roomId and returns the match.
-    //     let ret;
-    //     const currentRoomId = structure.id || structure.room_id;
-    //     // base case
-    //     if (currentRoomId === id) {
-    //       return structure;
-    //     } else {
-    //       // recursion
-    //       structure.children?.forEach(child => {
-    //         if (!ret) {
-    //           if (!child.depth) child.depth = structure.depth + 1;
-    //           const c = findObject(child, id);
-    //           if (c) ret = c;
-    //         }
-    //       });
-    //     }
-    //     return ret;
-    //   }
-
-    //   let data;
-    //   // we only want to check for new children if we are going deeper into the tree.
-    //   // if the roomId therefore matches the router query, we know the user is going back and don't need to look for new children.
-    //   if (router.query.roomId[0] !== roomId) {
-    //     const newTree = { ...graphObject };
-    //     const foundObject = findObject(newTree, roomId);
-    //     if (foundObject.children.length !== foundObject.children_state.length) {
-    //       const spaceHierarchy = await matrix.roomHierarchy(roomId, null, 2)
-    //         .catch(err => console.debug(err));
-    //       const nest = await createNestedObject(spaceHierarchy);
-
-    //       foundObject.children = nest.children;
-    //     }
-    //     for (const child of foundObject.children) {
-    //       console.log(child);
-    //       if (child.children.length > 0) continue;
-    //       const spaceHierarchy = await matrix.roomHierarchy(child.room_id, null, 2)
-    //         .catch(err => console.debug(err));
-    //       const nest = await createNestedObject(spaceHierarchy);
-    //       child.children = nest.children;
-    //     }
-    //     setGraphObject(newTree);
-    //   }
-    // }
-
-    // async function createNestedObject(parsedArray, child) {
-    //   const getMetaEvent = async (obj) => {
-    //     console.log('getting meta event');
-    //     console.log(obj);
-    //     const metaEvent = await auth.getAuthenticationProvider('matrix').getMatrixClient().getStateEvent(obj.state_key || obj.room_id, 'dev.medienhaus.meta')
-    //       .catch((err) => {
-    //         console.debug(err);
-    //         obj.missingMetaEvent = true;
-    //       });
-    //     if (metaEvent) {
-    //       obj.type = metaEvent.type;
-    //       obj.template = metaEvent.template;
-    //       obj.application = metaEvent.application;
-    //     }
-    //   };
-
-    //   // if we are running the function for the first time we get the meta event for the first array entry.
-    //   // otherwise the meta event will be collected in the loop below.
-
-    //   if (!parsedArray[0].metaEvent) getMetaEvent(parsedArray[0]);
-
-    //   const array = child || parsedArray;
-
-    //   array[0].children = [];
-    //   // if there already is a parent key we can skip the calls since we already did them.
-    //   // if (!array[0].parent) {
-
-    //   for (const child of array[0].children_state) {
-    //     const childObject = parsedArray.filter(obj => obj.room_id === child.state_key);
-
-    //     if (childObject.length > 0) {
-    //       childObject[0].parent = { id: array[0].room_id, name: array[0].name };
-    //       await getMetaEvent(childObject[0]);
-
-    //       const recursiveChild = await createNestedObject(parsedArray, childObject);
-    //       console.log(recursiveChild);
-    //       array[0].children.push(childObject[0]);
-    //     }
-    //   }
-    //   // }
-    //   console.log(array[0]);
-    //   return array[0];
-    // }
-
     const initialContentFetch = useCallback(async () => {
     // initial fetch of object
         const roomId = router.query.roomId ? router.query.roomId[0] : getConfig().publicRuntimeConfig.contextRootSpaceRoomId;
@@ -142,15 +50,16 @@ export default function Explore() {
         // setHierarchy(spaceHierarchy[0]);
         setGraphObject(roomId);
     // }
-    // @TODO dix dependencies
+    // @TODO fix dependencies
     // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
 
     useEffect(() => {
-        if (!graphObject) {
-            initialContentFetch();
-        }
-    }, [graphObject, initialContentFetch]);
+        let cancelled = false;
+        !cancelled && initialContentFetch();
+
+        return () => cancelled = true;
+    }, [initialContentFetch]);
 
     const getRoomContent = async (roomId) => {
         let fetchMessage = matrix.roomContents.get(roomId);

From 3d3f0a808d90b01bb345f692008a2e7022580989 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 24 May 2023 15:45:31 +0200
Subject: [PATCH 082/714] fix debug log

---
 pages/explore-table/GraphView.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/explore-table/GraphView.js b/pages/explore-table/GraphView.js
index 76b30528..65842849 100644
--- a/pages/explore-table/GraphView.js
+++ b/pages/explore-table/GraphView.js
@@ -72,7 +72,7 @@ function GraphView({ handleClick, selectedNode, activePath, id, currentItemType
         // spaceHierarchy.shift()
 
         const getMetaEvent = async (obj) => {
-            console.debug('getting meta event for ' + obj.state_key || obj.room_id);
+            console.debug('getting meta event for ' + (obj.state_key || obj.room_id));
             const metaEvent = await auth.getAuthenticationProvider('matrix').getMatrixClient().getStateEvent(obj.state_key || obj.room_id, 'dev.medienhaus.meta')
                 .catch((err) => {
                     console.debug(err);

From 4b5e643532224732e00aac32f4e476df4c2f15a4 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 24 May 2023 16:56:29 +0200
Subject: [PATCH 083/714] quick fix to improve view on mobile devices

---
 pages/explore-table/GraphView.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/explore-table/GraphView.js b/pages/explore-table/GraphView.js
index 65842849..811f214e 100644
--- a/pages/explore-table/GraphView.js
+++ b/pages/explore-table/GraphView.js
@@ -102,7 +102,7 @@ function GraphView({ handleClick, selectedNode, activePath, id, currentItemType
     // const roomId = data.id || data.room_id;
     return (
         <>
-            { !selectedNode && <TreePath
+            { !selectedNode && !navigator.userAgent.includes('iPhone') && !navigator.userAgent.includes('Android') && <TreePath
                 selectedNode={selectedNode}
                 data={data}
                 callApiAndAddToObject={callApiAndAddToObject}

From 863519f25933ebf9b57cb30772c36d6fbc755a4d Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Tue, 30 May 2023 11:21:43 +0200
Subject: [PATCH 084/714] exit function if value is undefined

---
 pages/explore/[[...roomId]].js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index a8f22ef5..092d92d2 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -153,6 +153,7 @@ export default function Explore() {
     }
 
     async function createNestedObject(parsedArray, child) {
+        if (!parsedArray) return;
         const getMetaEvent = async (obj) => {
             console.log('getting meta event');
             console.log(obj);

From 400d8672fccc4bad22ca3ee2012726396fa3a9fc Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Tue, 30 May 2023 11:24:22 +0200
Subject: [PATCH 085/714] only display explore if contrext root space is
 defined

---
 components/layouts/partials/navigation.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/layouts/partials/navigation.js b/components/layouts/partials/navigation.js
index 64a717b1..898c0c8b 100644
--- a/components/layouts/partials/navigation.js
+++ b/components/layouts/partials/navigation.js
@@ -42,10 +42,10 @@ export default function Navigation({ closeNavigation }) {
             <List>
                 <li><Link href="/">/dashboard</Link></li>
                 <li><Link href="/account">/account</Link></li>
-                <li><Link href={`/explore/${getConfig().publicRuntimeConfig.contextRootSpaceRoomId}`}>/explore</Link></li>
-                <li><Link href={`/explore-table/${getConfig().publicRuntimeConfig.contextRootSpaceRoomId}`}>/explore table</Link></li>
+                { getConfig().publicRuntimeConfig.contextRootSpaceRoomId && <li><Link href={`/explore/${getConfig().publicRuntimeConfig.contextRootSpaceRoomId}`}>/explore</Link></li> }
+                { getConfig().publicRuntimeConfig.contextRootSpaceRoomId && <li><Link href={`/explore-table/${getConfig().publicRuntimeConfig.contextRootSpaceRoomId}`}>/explore table</Link></li> }
 
-                <li><Link href={`/explore-d3/${getConfig().publicRuntimeConfig.contextRootSpaceRoomId}`}>/explore d3</Link></li>
+                { getConfig().publicRuntimeConfig.contextRootSpaceRoomId && <li><Link href={`/explore-d3/${getConfig().publicRuntimeConfig.contextRootSpaceRoomId}`}>/explore d3</Link></li> }
 
             </List>
             <List>

From 6a3eabe5dd2893fa17a498093b934683c1f3e8a8 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Tue, 30 May 2023 11:41:44 +0200
Subject: [PATCH 086/714] linter things

---
 pages/write/[[...roomId]].js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/pages/write/[[...roomId]].js b/pages/write/[[...roomId]].js
index 7bae5663..8d115b85 100644
--- a/pages/write/[[...roomId]].js
+++ b/pages/write/[[...roomId]].js
@@ -108,8 +108,8 @@ export default function Write() {
         !cancelled && serviceSpaceId && serverPads && syncServerPadsWithMatrix();
 
         return () => cancelled = true;
-        // if we add matrix[key] to the dependency array we end up creating infinite loops in the event of someone creating pads within mypads that are then synced here.
-        // therefore we need to disable the linter for the next line
+    // if we add matrix[key] to the dependency array we end up creating infinite loops in the event of someone creating pads within mypads that are then synced here.
+    // therefore we need to disable the linter for the next line
     // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [serviceSpaceId, serverPads, createWriteRoom]);
 
@@ -127,7 +127,7 @@ export default function Write() {
     };
 
     const createWriteRoom = useCallback(async (link, name) => {
-        // eslint-disable-next-line no-undef
+    // eslint-disable-next-line no-undef
         if (process.env.NODE_ENV === 'development') console.log('creating room for ' + name);
         const room = await matrix.createRoom(name, false, '', 'invite', 'content', 'link');
         await auth.getAuthenticationProvider('matrix').addSpaceChild(serviceSpaceId, room).catch(console.log);
@@ -251,7 +251,7 @@ export default function Write() {
             <input type="text" placeholder={t('pad name')} value={padName} onChange={(e) => setPadName(e.target.value)} />
             <input type="password" placeholder={t('password')} value={password} onChange={(e) => setPassword(e.target.value)} />
             <input type="password" placeholder={t('confirm password')} value={validatePassword} onChange={(e) => setValidatePassword(e.target.value)} />
-            <button type="submit" disabled={!padName || !password || password !== validatePassword}>{ loading ? <LoadingSpinnerInline inverted /> :t('Create pad') }</button>
+            <button type="submit" disabled={!padName || !password || password !== validatePassword}>{ loading ? <LoadingSpinnerInline inverted /> : t('Create pad') }</button>
         </Form>);
     };
 

From 1b27d4092811c4d22abefb7239bf1043dacab606 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 31 May 2023 13:43:52 +0200
Subject: [PATCH 087/714] rate limit hack for dev

---
 lib/auth/MatrixAuthProvider.js | 7 ++++++-
 pages/write/[[...roomId]].js   | 1 +
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/lib/auth/MatrixAuthProvider.js b/lib/auth/MatrixAuthProvider.js
index 45bba0d7..2d24af07 100644
--- a/lib/auth/MatrixAuthProvider.js
+++ b/lib/auth/MatrixAuthProvider.js
@@ -112,12 +112,17 @@ class MatrixAuthProvider {
         };
 
         const room = await this.matrixClient.createRoom(opts);
+        await new Promise(r => setTimeout(r, 1000)); // quick rate limit hack
+
         const medienhausMetaEvent = {
             type: type,
             template: template,
             version: '0.4',
         };
-        await this.matrixClient.sendStateEvent(room.room_id, 'dev.medienhaus.meta', medienhausMetaEvent);
+        await this.matrixClient.sendStateEvent(room.room_id, 'dev.medienhaus.meta', medienhausMetaEvent).catch((e) => {
+
+        });
+        await new Promise(r => setTimeout(r, 100)); // quick rate limit hack
         return room;
     }
 }
diff --git a/pages/write/[[...roomId]].js b/pages/write/[[...roomId]].js
index 8d115b85..d0ed9616 100644
--- a/pages/write/[[...roomId]].js
+++ b/pages/write/[[...roomId]].js
@@ -131,6 +131,7 @@ export default function Write() {
         if (process.env.NODE_ENV === 'development') console.log('creating room for ' + name);
         const room = await matrix.createRoom(name, false, '', 'invite', 'content', 'link');
         await auth.getAuthenticationProvider('matrix').addSpaceChild(serviceSpaceId, room).catch(console.log);
+        await new Promise(r => setTimeout(r, 1000)); // quick rate limit hack
         await matrixClient.sendMessage(room, {
             msgtype: 'm.text',
             body: link,

From eae798fd9039c7abda1336b7c2fd74a8e43a3f8b Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 31 May 2023 13:45:34 +0200
Subject: [PATCH 088/714] copy head from main

---
 pages/_app.js | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/pages/_app.js b/pages/_app.js
index ae0c28dc..1c38d07b 100644
--- a/pages/_app.js
+++ b/pages/_app.js
@@ -29,9 +29,15 @@ export default function App({ Component, pageProps }) {
     return (
         <>
             <Head>
-                <title>{ getConfig().publicRuntimeConfig.name ?? 'medienhaus/' }</title>
-                <link rel="icon" type="image/svg+xml" href="./favicon.svg" sizes="any" />
                 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+                <meta name="apple-mobile-web-app-capable" content="yes" />
+                <meta name="mobile-web-app-capable" content="yes" />
+                <link rel="manifest" href="./manifest.webmanifest" />
+                <link rel="apple-touch-icon" href="./assets/icons/apple-touch-icon.png" />
+                <link rel="icon" type="image/x-icon" href="./favicon.ico" sizes="16x16 32x32" />
+                <link rel="icon" type="image/svg+xml" href="./favicon.svg" sizes="any" />
+                <link rel="mask-icon" type="image/svg+xml" href="./favicon.svg" />
+                <title>{ getConfig().publicRuntimeConfig.name ?? 'medienhaus/' }</title>
             </Head>
             <AuthContext.Provider value={authData}>
                 <MatrixContext.Provider value={matrixData}>

From cfd614c5cc7ad4eb7677936a62962f12ac9750f4 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 31 May 2023 15:12:40 +0200
Subject: [PATCH 089/714] display bllock only for explore view

---
 pages/explore-table/GraphView.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/pages/explore-table/GraphView.js b/pages/explore-table/GraphView.js
index 811f214e..07c457b1 100644
--- a/pages/explore-table/GraphView.js
+++ b/pages/explore-table/GraphView.js
@@ -68,6 +68,7 @@ function GraphView({ handleClick, selectedNode, activePath, id, currentItemType
         console.log('call Api or matrix and add');
         const spaceHierarchy = await matrix.roomHierarchy(roomId, null, 1)
             .catch(err => console.debug(err));
+        if (!spaceHierarchy) return;
         const parent = spaceHierarchy[0];
         // spaceHierarchy.shift()
 

From 5e1ff0e4695ea4e0e365aceca17e61c8ffdaef0f Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 31 May 2023 15:13:11 +0200
Subject: [PATCH 090/714] display block for explore view

---
 components/UI/ServiceTable.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/components/UI/ServiceTable.js b/components/UI/ServiceTable.js
index b8569ded..8a49767d 100644
--- a/components/UI/ServiceTable.js
+++ b/components/UI/ServiceTable.js
@@ -15,7 +15,8 @@ import styled from 'styled-components';
 
 // @TODO max-height is used because just using 'height' messes up other services like write and sketch. because those are using serviceSubmenu and the calculation doesn't work there.'
 const Table = styled.table`
-  display: block;
+  ${props => props.explore && 'display: block;'}
+
   width: 100%;
   max-height: 100%;
   overflow-y: auto;

From bebb721c203a99d429be841e652367b29c305fe9 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 12 Jul 2023 18:20:46 +0200
Subject: [PATCH 091/714] remove accidental letters

---
 components/layouts/_base.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/layouts/_base.js b/components/layouts/_base.js
index b910182b..bff357a8 100644
--- a/components/layouts/_base.js
+++ b/components/layouts/_base.js
@@ -137,7 +137,7 @@ export default function BaseLayout({ children }) {
     const [isNavigationOpen, setIsNavigationOpen] = useState(false);
 
     return (
-        <>zw
+        <>
             <Wrapper isNavigationOpen={isNavigationOpen}>
                 <Header>
                     <h1>{ getConfig().publicRuntimeConfig.name ?? 'medienhaus/' }</h1>

From 28943da064fc28d44ed5716740776d07835563d5 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 12 Jul 2023 18:20:59 +0200
Subject: [PATCH 092/714] adapt to changes on main

---
 pages/write/WriteIframeHeader.js | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/pages/write/WriteIframeHeader.js b/pages/write/WriteIframeHeader.js
index 72ae59ff..bd30f40c 100644
--- a/pages/write/WriteIframeHeader.js
+++ b/pages/write/WriteIframeHeader.js
@@ -1,12 +1,11 @@
 import { useTranslation } from 'react-i18next';
 
 import IframeLayout from '../../components/layouts/iframe';
-import LoadingSpinner from '../../components/UI/LoadingSpinner';
-import Bin from '../../assets/icons/bin.svg';
-import { useAuth } from '../../lib/Auth';
+import BinIcon from '../../assets/icons/bin.svg';
 import CopyToClipboard from '../../components/UI/CopyToClipboard';
+import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
 
-const WriteIframeHeader = ({ removingLink, removeLink, title, content }) => {
+const WriteIframeHeader = ({ isDeletingPad, deletePad, title, mypadsPadObject }) => {
     const { t } = useTranslation('write');
 
     return (
@@ -14,8 +13,8 @@ const WriteIframeHeader = ({ removingLink, removeLink, title, content }) => {
             <h2>{ title }</h2>
             <IframeLayout.IframeHeaderButtonWrapper>
                 <CopyToClipboard content={content} />
-                <button title={t('Remove pad from my library')} onClick={removeLink}>
-                    { removingLink ? <LoadingSpinner /> : <Bin fill="var(--color-foreground)" /> }
+                <button title={t(mypadsPadObject ? 'Delete pad' : 'Remove pad from my library')} onClick={deletePad}>
+                    { isDeletingPad ? <LoadingSpinnerInline /> : <BinIcon fill="var(--color-foreground)" /> }
                 </button>
             </IframeLayout.IframeHeaderButtonWrapper>
         </IframeLayout.IframeHeader>

From 49da15d52b6419b60f145a9ba75d6f8a8e13d261 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 13 Jul 2023 11:32:01 +0200
Subject: [PATCH 093/714] add missing `content` variable

---
 pages/write/WriteIframeHeader.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/write/WriteIframeHeader.js b/pages/write/WriteIframeHeader.js
index bd30f40c..1cc3475a 100644
--- a/pages/write/WriteIframeHeader.js
+++ b/pages/write/WriteIframeHeader.js
@@ -5,7 +5,7 @@ import BinIcon from '../../assets/icons/bin.svg';
 import CopyToClipboard from '../../components/UI/CopyToClipboard';
 import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
 
-const WriteIframeHeader = ({ isDeletingPad, deletePad, title, mypadsPadObject }) => {
+const WriteIframeHeader = ({ isDeletingPad, deletePad, title, mypadsPadObject, content }) => {
     const { t } = useTranslation('write');
 
     return (

From c8ac3664c9c010948d67fdd9ea2dd59c1630820a Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 13 Jul 2023 12:42:53 +0200
Subject: [PATCH 094/714] add vs code workspace files

---
 .gitignore | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/.gitignore b/.gitignore
index 45ed47db..430c82ad 100644
--- a/.gitignore
+++ b/.gitignore
@@ -34,3 +34,5 @@ yarn-error.log*
 # vercel
 .vercel
 
+#vs code workspace files
+*.code-workspace
\ No newline at end of file

From 693d494f625f4484bc90ddb7b03befd0d5a75735 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 13 Jul 2023 12:45:20 +0200
Subject: [PATCH 095/714] remove development explore routes, add comments and
 change variable names

---
 components/layouts/partials/navigation.js     |   4 -
 pages/explore-d3/GraphView.js                 | 252 -------------
 pages/explore-d3/ProjectView.js               |  75 ----
 pages/explore-d3/TreeLeaves.js                |  57 ---
 pages/explore-d3/TreeView.js                  | 121 ------
 pages/explore-d3/[[...roomId]].js             | 199 ----------
 pages/explore-table/ProjectView.js            |  81 -----
 pages/explore-table/TreeLeaves.js             |  84 -----
 pages/explore-table/TreeView.js               | 120 ------
 pages/explore-table/[[...roomId]].js          | 167 ---------
 pages/explore/GraphView-backup.js             | 326 -----------------
 pages/explore/GraphView.js                    |  80 ----
 pages/explore/ProjectView.js                  |  18 +-
 .../GraphView.js => explore/TableView.js}     |  45 +--
 pages/explore/TreeLeaves.js                   | 144 +++-----
 pages/{explore-table => explore}/TreePath.js  |   0
 pages/explore/[[...roomId]].js                | 343 +++---------------
 17 files changed, 115 insertions(+), 2001 deletions(-)
 delete mode 100644 pages/explore-d3/GraphView.js
 delete mode 100644 pages/explore-d3/ProjectView.js
 delete mode 100644 pages/explore-d3/TreeLeaves.js
 delete mode 100644 pages/explore-d3/TreeView.js
 delete mode 100644 pages/explore-d3/[[...roomId]].js
 delete mode 100644 pages/explore-table/ProjectView.js
 delete mode 100644 pages/explore-table/TreeLeaves.js
 delete mode 100644 pages/explore-table/TreeView.js
 delete mode 100644 pages/explore-table/[[...roomId]].js
 delete mode 100644 pages/explore/GraphView-backup.js
 delete mode 100644 pages/explore/GraphView.js
 rename pages/{explore-table/GraphView.js => explore/TableView.js} (72%)
 rename pages/{explore-table => explore}/TreePath.js (100%)

diff --git a/components/layouts/partials/navigation.js b/components/layouts/partials/navigation.js
index d49cb540..2b6182d5 100644
--- a/components/layouts/partials/navigation.js
+++ b/components/layouts/partials/navigation.js
@@ -45,10 +45,6 @@ export default function Navigation({ closeNavigation }) {
                 <li><Link href="/">/dashboard</Link></li>
                 <li><Link href="/account">/account</Link></li>
                 { getConfig().publicRuntimeConfig.contextRootSpaceRoomId && <li><Link href={`/explore/${getConfig().publicRuntimeConfig.contextRootSpaceRoomId}`}>/explore</Link></li> }
-                { getConfig().publicRuntimeConfig.contextRootSpaceRoomId && <li><Link href={`/explore-table/${getConfig().publicRuntimeConfig.contextRootSpaceRoomId}`}>/explore table</Link></li> }
-
-                { getConfig().publicRuntimeConfig.contextRootSpaceRoomId && <li><Link href={`/explore-d3/${getConfig().publicRuntimeConfig.contextRootSpaceRoomId}`}>/explore d3</Link></li> }
-
             </List>
             <List>
                 <li><Link href="/write">/write</Link></li>
diff --git a/pages/explore-d3/GraphView.js b/pages/explore-d3/GraphView.js
deleted file mode 100644
index 556159d2..00000000
--- a/pages/explore-d3/GraphView.js
+++ /dev/null
@@ -1,252 +0,0 @@
-
-import React, { useCallback, useEffect, useState } from 'react';
-import * as d3 from 'd3';
-import { partition } from 'd3';
-import getConfig from 'next/config';
-import { useRouter } from 'next/router';
-
-import LoadingSpinner from '../../components/UI/LoadingSpinner';
-import TreeLeaves from './TreeLeaves';
-import { useAuth } from '../../lib/Auth';
-import { useMatrix } from '../../lib/Matrix';
-
-// import { partition } from 'd3';
-// import { format } from 'd3';
-
-function GraphView({ parsedData, parsedWidth, parsedHeight, activePath, selectedNode, handleClick }) {
-    const [data, setData] = useState(parsedData);
-    const [height, setHeight] = useState();
-    const [root, setRoot] = useState();
-    // const [, setCurrentDepth] = useState(0);
-    const router = useRouter();
-    const auth = useAuth();
-    const matrix = useMatrix(auth.getAuthenticationProvider('matrix'));
-
-    const iciclePartition = useCallback((data) => {
-        const root = d3
-            .hierarchy(data)
-            .count()
-            .sort((a, b) => b.height - a.height || b.value - a.value);
-        return partition()
-            .size([
-                height,
-                ((root.height + 1) * width / 2.5),
-            ])(root);
-    }, [height, width]);
-
-    useEffect(() => {
-        let cancelled = false;
-        if (!cancelled) {
-            setData(parsedData);
-            const newHierarchy = iciclePartition(parsedData);
-            newHierarchy.each(
-                (d) =>
-                    (d.target = {
-                        x0: d.x0,
-                        x1: d.x1,
-                        y0: d.y0,
-                        y1: d.y1,
-                    }),
-            );
-            setRoot(newHierarchy.descendants());
-        }
-        return () => {
-            cancelled = true;
-        };
-    }, [iciclePartition, parsedData]);
-
-    useEffect(() => {
-        let cancelled = false;
-
-        if (!cancelled) {
-            parsedHeight && setHeight(parsedHeight);
-        }
-        return () => {
-            cancelled = true;
-        };
-    }, [parsedHeight]);
-
-    const width = parsedWidth || window.innerWidth;
-    // setRoot(iciclePartition(data));
-
-    function findObject(structure, id) {
-        const roomid = structure.id || structure.room_id;
-        const dataRoomId = structure.data?.id || structure.data?.room_id;
-        const objectId = roomid || dataRoomId;
-        let ret;
-        // base case
-        if (objectId === id) {
-            return structure;
-        } else {
-            // recursion
-            structure.children?.forEach(child => {
-                if (!ret) {
-                    const c = findObject(child, id);
-                    if (c) ret = c;
-                }
-            });
-        }
-        return ret;
-    }
-    async function callApiAndAddToObject(roomId) {
-        let fetchChildren;
-        const newTree = { ...data };
-        const foundObject = findObject(newTree, roomId);
-
-        const fetchFromMatrix = async () => {
-            const spaceHierarchy = await matrix.roomHierarchy(roomId, null, 1)
-                .catch(err => console.debug(err));
-            const children = [];
-            console.log(spaceHierarchy);
-            for (const space of spaceHierarchy) {
-                if (space.room_id === roomId) continue;
-                const metaEvent = await auth.getAuthenticationProvider('matrix').getMatrixClient().getStateEvent(space.room_id, 'dev.medienhaus.meta')
-                    .catch((err) => {
-                        console.debug(err);
-                        space.missingMetaEvent = true;
-                    });
-                if (metaEvent) {
-                    console.log(metaEvent);
-                    space.type = metaEvent.type;
-                    space.template = metaEvent.template;
-                    space.application = metaEvent.application;
-                }
-                children.push(space);
-            }
-            fetchChildren = { children: children };
-        };
-
-        // if the id in the url does not match the id of the clicked leaf we fetch new content.
-
-        if (router.query.roomId[0] !== roomId && !foundObject.children) {
-            // if the object does not have any children yet we fetch the next children from the api or from matrix directly
-            // while this saves data, it also prevents updates inside the structure from showing up when already browsing through explore
-            if (getConfig().publicRuntimeConfig.authProviders.matrix.api) {
-                const response = await fetch(`${getConfig().publicRuntimeConfig.authProviders.matrix.api}/api/v2/${roomId}`)
-                    .catch(async (error) => {
-                        console.debug(error);
-                        // if fetching from the api fails we try fetching directly from the matrix server
-                        await fetchFromMatrix();
-                    });
-                if (!response?.ok) return;
-                fetchChildren = await response.json();
-                fetchChildren.children = [...fetchChildren.item];
-                fetchChildren.children.push(...fetchChildren.context);
-            } else {
-                await fetchFromMatrix();
-            }
-        }
-
-        setData(() => {
-            if (fetchChildren) {
-                foundObject.children = fetchChildren.children;
-            }
-
-            const newHierarchy = iciclePartition(newTree);
-            let p = findObject(newHierarchy, roomId);
-            console.log(p);
-            // if the already active node is clicked we want to go back to it's parent if possible.
-            if (router.query.roomId[0] === roomId) p = p.parent;
-            // in case p is null now we know there are no parent nodes and we return the previous state
-            if (!p) return newTree;
-            if (router.query.roomId[0] !== roomId) {
-                newHierarchy.each(
-                    (d) => {
-                        if (!d.target) {
-                            return d.target = {
-                                x0: d.x0,
-                                x1: d.x1,
-                                y0: d.y0,
-                                y1: d.y1,
-                            };
-                        }
-                    },
-                );
-            } else {
-                newHierarchy.each(
-                    (d) => {
-                        return d.target = {
-                            x0: ((d.x0 - p.x0) / (p.x1 - p.x0)) * height,
-                            x1: ((d.x1 - p.x0) / (p.x1 - p.x0)) * height,
-                            y0: d.y0 - p.y0,
-                            y1: d.y1 - p.y0,
-                        };
-                    },
-                );
-            }
-            setRoot(newHierarchy.descendants());
-            return newTree;
-        });
-    }
-
-    const updatePositions = async (roomId) => {
-        setData((prevTree) => {
-            const newTree = { ...prevTree };
-
-            const newHierarchy = iciclePartition(newTree);
-            let p = findObject(newHierarchy, roomId);
-            // if the already active node is clicked we want to go back to it's parent if possible.
-
-            if (router.query.roomId[0] === roomId) p = p.parent;
-            // in case p is null now we know there are no parent nodes and we return the previous state
-            if (!p) return prevTree;
-            newHierarchy.each(
-                (d) => {
-                    return d.target = {
-                        x0: ((d.x0 - p.x0) / (p.x1 - p.x0)) * height,
-                        x1: ((d.x1 - p.x0) / (p.x1 - p.x0)) * height,
-                        y0: d.y0 - p.y0,
-                        y1: d.y1 - p.y0,
-                    };
-                },
-            );
-            setRoot(newHierarchy.descendants());
-            return newTree;
-        });
-
-        // setRoot(newHierarchy.descendants());
-    };
-    const onClick = async (roomId, leaf) => {
-        await callApiAndAddToObject(roomId);
-        await new Promise(r => setTimeout(r, 0)); // hack to actually update positions @TODO fix properly
-        await updatePositions(roomId);
-        const parentId = leaf.parent?.data.id || leaf.parent?.data.room_id;
-        const id = router.query.roomId[0] !== roomId ? roomId : parentId;
-        // if id is undefined we can assume there is no known parent and we exit the function
-        if (!id) return;
-        const type = router.query.roomId[0] !== roomId ? leaf.data.type : leaf.parent.data.type;
-        const template = router.query.roomId[0] !== roomId ? leaf.data.template : leaf.parent.data.template;
-        // setCurrentDepth(router.query.roomId[0] !== roomId ? leaf.depth : leaf.parent.depth);
-        handleClick(id, type, template);
-    };
-
-    if (!height || !root) return <LoadingSpinner />;
-    return (
-        <div
-            style={{ position: 'absolute' }}
-        >{ root.map(leaf => {
-                function rectHeight(d) {
-                    return d.x1 - d.x0;
-                }
-                const roomId = leaf.data.id || leaf.data.room_id;
-                // if a node is selected we need to make room for the iframe, therefore dividing the width by 2
-                const leafWidth = selectedNode ? (leaf.y1 - leaf.y0) / 2 : leaf.y1 - leaf.y0;
-                return <TreeLeaves
-                    key={roomId + leaf.y0}
-                    width={leafWidth}
-                    height={leaf.target ? rectHeight(leaf.target) : rectHeight(leaf)}
-                    parsedHeight={height}
-                    name={leaf.data.name}
-                    handleClick={onClick}
-                    leaf={leaf}
-                    translateX={leaf.target.y0}
-                    translateY={leaf.target.x0}
-                    roomId={roomId}
-                    missingMetaEvent={leaf.data.missingMetaEvent}
-
-                />;
-            }) }</div>
-    );
-}
-
-export default GraphView;
diff --git a/pages/explore-d3/ProjectView.js b/pages/explore-d3/ProjectView.js
deleted file mode 100644
index 12fc2359..00000000
--- a/pages/explore-d3/ProjectView.js
+++ /dev/null
@@ -1,75 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import getConfig from 'next/config';
-import styled from 'styled-components';
-
-import LoadingSpinner from '../../components/UI/LoadingSpinner';
-
-const View = styled.div`
-  display: flex;
-  flex: 1 0;
-  flex-direction: column;
-  overflow-y: scroll;
-
-  > div > * + * {
-    margin-top: calc(var(--margin) * 1.4);
-  }
-
-  > div {
-    padding: calc(var(--margin) * 2);
-    padding-bottom: calc(var(--margin) * 3);
-    margin: 0;
-    border: none;
-    border-top: 1px dotted rgb(210 210 210);
-  }
-
-  img {
-    max-width: 100%;
-  }
-`;
-
-const Header = styled.header`
-  display: grid;
-  grid-template-columns: 1fr auto;
-  width: 100%;
-  padding: var(--margin);
-  padding-bottom: var(--margin);
-
-  @media (width > 51em) {
-    padding-bottom: calc(var(--margin) * 2);
-
-    @media (width > 68em) {
-      padding: calc(var(--margin) * 2);
-      padding-bottom: calc(var(--margin) * 3);
-    }
-  }
-
-  /* @TODO: re-factor quick-fix */
-  h2 {
-    margin: 0 !important;
-  }
-`;
-
-const ProjectView = ({ removingLink, removeLink, content }) => {
-    const [project, setProject] = useState();
-
-    useEffect(() => {
-        fetchProjectHtml(content);
-    }, [content]);
-
-    const fetchProjectHtml =async (roomId) => {
-        const object = await fetch(getConfig().publicRuntimeConfig.authProviders.matrix.api + '/api/v2/' + roomId + '/render/json').catch((err) => console.error(err));
-        const json = await object.json();
-        setProject(json);
-    };
-
-    if (!project) return <LoadingSpinner />;
-    return (
-        <View>
-            <Header>
-                <h2>{ project.abstract.name }</h2>
-            </Header>
-            <div dangerouslySetInnerHTML={{ __html: project.languages.EN.formattedContent }} />
-        </View>
-    );
-};
-export default ProjectView;
diff --git a/pages/explore-d3/TreeLeaves.js b/pages/explore-d3/TreeLeaves.js
deleted file mode 100644
index 303603c3..00000000
--- a/pages/explore-d3/TreeLeaves.js
+++ /dev/null
@@ -1,57 +0,0 @@
-import React, { useState } from 'react';
-import styled from 'styled-components';
-
-import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
-
-const Leaf = styled.button`
-  position: absolute;
-  width: ${props => props.width}px;
-  height: ${props => props.height}px;
-  padding: var(--margin);
-  margin: auto;
-  font: inherit;
-  color: var(--color-foreground);
-  text-align: left;
-  text-transform: unset;
-  cursor: pointer;
-  visibility: ${props => props.translateX < 0 || props.translateY < 0 || props.translateY > props.parsedHeight ? 'hidden' : 'inherit'};
-  background: none;
-  border-style: solid;
-  outline: inherit;
-  opacity: ${props => props.translateX < 0 || props.translateY < 0 || props.translateY >= props.parsedHeight ? 0 : 1};
-  transition: all 0.6s;
-  transform: translate(${props => props.translateX}px, ${props => props.translateY}px);
-  animation: fade-in 0.6s;
-
-  @keyframes fade-in {
-    0% { opacity: 0; }
-    100% { opacity: 1; }
-  }
-
-`;
-const TreeLeaves = ({ handleClick, name, roomId, x, y, width, height, parsedHeight, leaf, missingMetaEvent, translateX, translateY }) => {
-    const [fetchingLeaves, setFetchingLeaves] = useState(false);
-
-    const onClick =async (e) => {
-        e.preventDefault();
-        setFetchingLeaves(true);
-        await handleClick(roomId, leaf);
-        setFetchingLeaves(false);
-    };
-    return (
-        <Leaf
-            x={x}
-            y={y}
-            translateX={translateX || 0}
-            translateY={translateY || 0}
-            width={width}
-            height={height}
-            parsedHeight={parsedHeight}
-
-            onClick={(e) => onClick(e, leaf)}>
-            { missingMetaEvent ? <em>{ name }</em> : name }
-            { fetchingLeaves && <LoadingSpinnerInline /> }
-        </Leaf>
-    );
-};
-export default TreeLeaves;
diff --git a/pages/explore-d3/TreeView.js b/pages/explore-d3/TreeView.js
deleted file mode 100644
index 335df29c..00000000
--- a/pages/explore-d3/TreeView.js
+++ /dev/null
@@ -1,121 +0,0 @@
-import _ from 'lodash';
-import Link from 'next/link';
-import { useRouter } from 'next/router';
-import React, { useEffect, useRef, useState } from 'react';
-import styled from 'styled-components';
-
-const Tree = styled.div`
-  position: relative;
-  left: ${props => [props.left]};
-  display: flex;
-  width: 100%;
-  height: ${props => props.height};
-  transition: visibility 0s, opacity 0.5s linear;
-`;
-
-const Leaf = styled.div`
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-`;
-
-const BranchLayout = styled.button`
-  display: flex;
-  flex-flow: column wrap;
-  width: unset;
-  min-width: 20vw;
-  height: 100%;
-  padding: var(--margin);
-  font: inherit;
-  color: var(--color-foreground);
-  text-align: left;
-  text-transform: unset;
-  cursor: pointer;
-  visibility: ${props => props.visibility};
-  background: none;
-  border-style: solid;
-  outline: inherit;
-
-  @keyframes fade-in {
-    0% { opacity: 0; }
-    100% { opacity: 1; }
-  }
-`;
-
-export default function TreeView({ parsedData, onClick, parent, parsedWidth, parsedHeight, selectedNode }) {
-    const [data, setData] = useState(parsedData);
-    const router = useRouter();
-    const activeRoomId = _.get(router, 'query.roomId.0');
-    const treeRef = useRef();
-
-    useEffect(() => {
-        setData(parsedData);
-    }, [parsedData]);
-
-    const handleClick = async (roomId, type, template) => {
-        // await new Promise((res) => setTimeout(res, 500));
-        onClick(roomId, type, template);
-    };
-
-    const Branch = ({ name, roomId, type, template, handleClick, offset }) => {
-        return (
-            <BranchLayout
-                visibility={data.inactive && 'collapse'}
-
-                onClick={(e) => {
-                    e.preventDefault();
-                    onClick(roomId, type, template);
-                }}>
-                { name }
-            </BranchLayout>
-        );
-    };
-
-    useEffect(() => {
-        console.log(treeRef);
-    }, [treeRef]);
-    return (
-        <Tree ref={treeRef}
-            height={data.inactive ? 'unset' : activeRoomId === data.id ? 'calc(100% - var(--margin) * 5)' : '100%'}
-            // visibility={data.inactive && !data.root && 'collapse'}
-            // left={activeRoomId === data.id && `-${treeRef?.current?.offsetLeft}px`}
-        >
-            <Branch
-                name={data.name}
-                roomId={data.id}
-            />
-            { data.children && <Leaf> { data.children.map((child, index) => {
-                if (child.inactive) return null;
-                return <TreeView parsedData={child}
-                    // activeRoomId={currentRoomId}
-                    // callback={onClick}
-                    // parsedHeight={d3Height}
-                    // selectedNode={selectedNode}
-                    // roomId={roomId}
-                    onClick={onClick}
-                />;
-            }) }</Leaf>
-            }
-            { /* <Branch onClick={() => onClick(parent)}>
-                <h2>{ data.name }</h2>
-            </Branch>
-            { data.children &&
-               data.children.map((child, index) => {
-                   const roomId = child.id || child.room_id;
-                   return <Branch onClick={() => {
-                       handleClick(roomId, child.type, child.template);
-                   }}>
-                       { child.name }
-                   </Branch>;
-                   // return <TreeLeaves
-                   //     name={child.name}
-                   //     roomId={roomId}
-                   //     type={child.type}
-                   //     template={child.template}
-                   //     handleClick={handleClick}
-                   //     offset={treeRef.current?.offsetLeft}
-                   // />;
-               }) } */ }
-        </Tree>
-    );
-}
diff --git a/pages/explore-d3/[[...roomId]].js b/pages/explore-d3/[[...roomId]].js
deleted file mode 100644
index 89e81377..00000000
--- a/pages/explore-d3/[[...roomId]].js
+++ /dev/null
@@ -1,199 +0,0 @@
-import React, { useCallback, useEffect, useRef, useState } from 'react';
-// import styled from 'styled-components';
-import getConfig from 'next/config';
-// import { useTranslation } from 'react-i18next';
-// import _ from 'lodash';
-import { useRouter } from 'next/router';
-// import ContextMultiLevelSelect from '../../components/ContextMultiLevelSelect';
-// import { useAuth } from '../../lib/Auth';
-// import GraphView from './GraphView';
-
-import IframeLayout from '../../components/layouts/iframe';
-import LoadingSpinner from '../../components/UI/LoadingSpinner';
-import { useAuth } from '../../lib/Auth';
-import { useMatrix } from '../../lib/Matrix';
-import WriteIframeHeader from '../write/WriteIframeHeader';
-import ProjectView from './ProjectView';
-import ChatIframeView from '../chat/ChatIframeView';
-import GraphView from './GraphView';
-
-// const ExploreSection = styled.div`
-//   & > * + * {
-//     margin-top: var(--margin);
-//   }
-
-//   & > select + select {
-//     margin-top: calc(var(--margin) * 0.65);
-//   }
-// `;
-
-export default function Explore() {
-    const [graphObject, setGraphObject] = useState(null);
-    const [selectedNode, setSelectedNode] = useState(null);
-    const [d3Height, setD3Height] = useState();
-    const [activePath, setActivePath] = useState([getConfig().publicRuntimeConfig.contextRootSpaceRoomId]);
-    const dimensionsRef = useRef();
-    const router = useRouter();
-    const [currentItemType, setCurrentItemType] = useState('');
-    const auth = useAuth();
-    const matrix = useMatrix(auth.getAuthenticationProvider('matrix'));
-
-    const initialContentFetch = useCallback(async () => {
-        // initial fetch of object
-        const roomId = router.query.roomId ? router.query.roomId[0] : getConfig().publicRuntimeConfig.contextRootSpaceRoomId;
-
-        // if an api endpoint is defined we try to fetch the object from the api. othwerwise we set object to null in order to trigger the else loop.
-        // @TODO if we don't do this fetch will return status 200 even with the api url eing undefined. it will try to fetch "domain.com/explore/undefined" which will return 200.
-        // I am not sure why the url below defaults to "domain.com/explore/undefined/api/v2" instead of "undefined/api/v2". hence the  below.
-        const object = getConfig().publicRuntimeConfig.authProviders.matrix.api ?
-            await fetch(getConfig().publicRuntimeConfig.authProviders.matrix.api + '/api/v2/' + roomId)
-                .catch((err) => console.debug(err)) :
-            null;
-
-        if (object?.ok) {
-            const json = await object.json();
-            json.children = json.item;
-            json.children.push(...json.context);
-            json.root = true;
-            router.push(json.id);
-            setGraphObject(json);
-        } else {
-            console.log('no api:');
-            const spaceHierarchy = await matrix.roomHierarchy(roomId, null, 1)
-                .catch(err => console.debug(err));
-            const children = [];
-            for (const space of spaceHierarchy) {
-                const metaEvent = await auth.getAuthenticationProvider('matrix').getMatrixClient().getStateEvent(space.room_id, 'dev.medienhaus.meta')
-                    .catch((err) => {
-                        console.debug(err);
-                        space.missingMetaEvent = true;
-                    });
-                if (metaEvent) {
-                    space.type = metaEvent.type;
-                    space.template = metaEvent.template;
-                    space.application = metaEvent.application;
-                }
-                if (space.room_id === roomId) continue;
-                children.push(space);
-            }
-            console.log(spaceHierarchy);
-            spaceHierarchy[0].children = children;
-            router.push(spaceHierarchy[0].room_id);
-
-            setGraphObject(spaceHierarchy[0]);
-        }
-        // @TODO dix dependencies
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [matrix]);
-
-    useEffect(() => {
-        if (!graphObject) {
-            initialContentFetch();
-        }
-    }, [graphObject, initialContentFetch]);
-
-    useEffect(() => {
-        // 8 for border
-        // @TODO resize when resizing browser window
-        dimensionsRef.current && setD3Height(document.querySelector('main').offsetHeight - (8 + dimensionsRef?.current?.offsetHeight + (dimensionsRef?.current?.offsetTop * 2)+ parseInt(window.getComputedStyle(dimensionsRef.current).marginBottom)));
-    }, [graphObject]);
-
-    const getRoomContent = async (roomId) => {
-        let fetchMessage = matrix.roomContents.get(roomId);
-        if (!fetchMessage) {
-            fetchMessage = await matrix.hydrateRoomContent(roomId);
-            console.log(fetchMessage);
-        }
-        if (!fetchMessage) return;
-        return fetchMessage.body;
-    };
-
-    const handleClicked = async (roomId, type, template) => {
-        console.log(roomId);
-        if (!roomId) return;
-        setActivePath(prevState => {
-            const parent = activePath[activePath.length - 2];
-            if (parent === roomId && activePath.length > 1) return prevState.splice(0, activePath.length - 1);
-            else return [...prevState, roomId];
-        });
-        let content = null;
-        if (template === 'chat') {
-            setCurrentItemType(template);
-            content = `${getConfig().publicRuntimeConfig.chat.pathToElement}/#/room/${roomId}`;
-        }
-        if (template === 'studentproject') {
-            setCurrentItemType(template);
-            content = roomId;
-        }
-        if (template === 'sketch' || template === 'write') {
-            setCurrentItemType(template);
-            content = await getRoomContent(roomId);
-        }
-
-        setSelectedNode(content); // if selected node is not undefined iframe loads the url(type string) from selectedNode
-        router.push(`/explore-d3/${roomId}`);
-    };
-
-    if (!graphObject || typeof window === 'undefined') return <LoadingSpinner />;
-    return (
-        <>
-            <IframeLayout.Sidebar width={!selectedNode && '100%'}>
-                <h2 ref={dimensionsRef}>/explore</h2>
-                <GraphView
-                    parsedData={graphObject}
-                    parsedHeight={d3Height}
-                    parent={activePath[activePath.length - 2]}
-                    handleClick={handleClicked}
-                    activePath={activePath}
-                    selectedNode={selectedNode}
-                />
-            </IframeLayout.Sidebar>
-            { selectedNode && (
-                (() => {
-                    switch (currentItemType) {
-                        case 'studentproject':
-                            return <ProjectView content={selectedNode} />;
-                        case 'write':
-                            return (
-                                <IframeLayout.IframeWrapper>
-                                    <WriteIframeHeader
-                                        content={selectedNode}
-                                        title={matrix.spaces.get(router.query.roomId[0])?.name || matrix.rooms.get(router.query.roomId[0])?.name}
-                                        removeLink={() => console.log('removing pad from parent')}
-                                        removingLink={false} />
-                                    <iframe src={selectedNode} />
-                                </IframeLayout.IframeWrapper>
-                            );
-                        case 'sketch':
-                            return (
-                                <IframeLayout.IframeWrapper>
-                                    <WriteIframeHeader
-                                        content={selectedNode}
-                                        title={matrix.spaces.get(router.query.roomId[0])?.name || matrix.rooms.get(router.query.roomId[0])?.name}
-                                        removeLink={() => console.log('removing sketch from parent')}
-                                        removingLink={false} />
-                                    <iframe src={selectedNode} />
-                                </IframeLayout.IframeWrapper>
-                            );
-                        default:
-                            return (
-                                <IframeLayout.IframeWrapper>
-                                    <WriteIframeHeader
-                                        content={selectedNode}
-                                        title={matrix.spaces.get(router.query.roomId[0])?.name || matrix.rooms.get(router.query.roomId[0])?.name}
-                                        removeLink={() => console.log('removing pad from parent')}
-                                        removingLink={false} />
-                                    <ChatIframeView src={selectedNode} />
-                                </IframeLayout.IframeWrapper>
-                            );
-                    }
-                })()
-            ) }
-        </>
-    );
-}
-
-Explore.getLayout = () => {
-    return IframeLayout.Layout;
-};
-
diff --git a/pages/explore-table/ProjectView.js b/pages/explore-table/ProjectView.js
deleted file mode 100644
index 14866070..00000000
--- a/pages/explore-table/ProjectView.js
+++ /dev/null
@@ -1,81 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import getConfig from 'next/config';
-import styled from 'styled-components';
-
-import LoadingSpinner from '../../components/UI/LoadingSpinner';
-import ErrorMessage from '../../components/UI/ErrorMessage';
-
-const View = styled.div`
-  display: flex;
-  flex: 1 0;
-  flex-direction: column;
-  overflow-y: scroll;
-
-  > div > * + * {
-    margin-top: calc(var(--margin) * 1.4);
-  }
-
-  > div {
-    padding: calc(var(--margin) * 2);
-    padding-bottom: calc(var(--margin) * 3);
-    margin: 0;
-    border: none;
-    border-top: 1px dotted rgb(210 210 210);
-  }
-
-  img {
-    max-width: 100%;
-  }
-`;
-
-const Header = styled.header`
-  display: grid;
-  grid-template-columns: 1fr auto;
-  width: 100%;
-  padding: var(--margin);
-  padding-bottom: var(--margin);
-
-  @media (width > 51em) {
-    padding-bottom: calc(var(--margin) * 2);
-
-    @media (width > 68em) {
-      padding: calc(var(--margin) * 2);
-      padding-bottom: calc(var(--margin) * 3);
-    }
-  }
-
-  /* @TODO: re-factor quick-fix */
-  h2 {
-    margin: 0 !important;
-  }
-`;
-
-const ProjectView = ({ removingLink, removeLink, content }) => {
-    const [project, setProject] = useState();
-
-    useEffect(() => {
-        fetchProjectHtml(content);
-    }, [content]);
-
-    const fetchProjectHtml =async (roomId) => {
-        const object = await fetch(getConfig().publicRuntimeConfig.authProviders.matrix.api + '/api/v2/' + roomId + '/render/json').catch((err) => console.error(err));
-        const json = await object.json().catch(() => { });
-        if (!json) {
-            return setProject('error fetching project from API');
-        }
-        setProject(json);
-    };
-
-    if (!project) return <LoadingSpinner />;
-    if (typeof project === 'string') return <ErrorMessage>{ project }</ErrorMessage>;
-
-    return (
-        <View>
-            <Header>
-                <h2>{ project.abstract.name }</h2>
-            </Header>
-            <div dangerouslySetInnerHTML={{ __html: project.languages.EN.formattedContent }} />
-        </View>
-    );
-};
-export default ProjectView;
diff --git a/pages/explore-table/TreeLeaves.js b/pages/explore-table/TreeLeaves.js
deleted file mode 100644
index fe41e51e..00000000
--- a/pages/explore-table/TreeLeaves.js
+++ /dev/null
@@ -1,84 +0,0 @@
-import { useRouter } from 'next/router';
-import React, { useState } from 'react';
-import styled from 'styled-components';
-
-import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
-import { ServiceTable } from '../../components/UI/ServiceTable';
-import LoadingSpinner from '../../components/UI/LoadingSpinner';
-
-const Leaf = styled.button`
-  display: ${props => [props.display]};
-  grid-row: ${props => props.className === 'parent' ? '1 / ' + props.childrenLength : props.index + 1};
-  font: inherit;
-  color: var(--color-foreground);
-  text-align: left;
-  text-transform: unset;
-  cursor: pointer;
-  background: none;
-  border-style: solid;
-  ${props => props.className !== 'parent' && 'transition: background-color 1s;'}
-
-  animation: fade-in 1s;
-
-  @keyframes fade-in {
-    0% { opacity: 0; }
-    100% { opacity: 1; }
-  }
-
-`;
-
-const TreeLeaves = ({ handleClick, row, data, roomId, isParent, parent, selectedNode, activePath }) => {
-    const [fetchingLeaves, setFetchingLeaves] = useState(false);
-    const router = useRouter();
-
-    const onClick = async (e, id, index, childTemplate, parentId) => {
-        e.preventDefault();
-        setFetchingLeaves(id);
-        await handleClick(e, id || roomId, index, childTemplate, parentId);
-        setFetchingLeaves(false);
-    };
-
-    if (!data) return <LoadingSpinner />;
-    return (<>
-        { selectedNode && parent && <Leaf
-            onClick={(e) => onClick(e, parent.room_id, row - 1, parent.template)}
-            className="parent"
-            key={parent.room_id}
-        >
-            ← { parent.name }
-        </Leaf> }
-        <ServiceTable explore={selectedNode ? false : true}>
-            { data.map((child) => {
-                const roomId = child.id || child.room_id;
-                // if the roomId is the selected space we skip it
-                if (roomId === router.query.roomId[0]) return null;
-                // if an iframe is open we only want to show items in the list
-                if (selectedNode && child.type !== 'item') return null;
-                return <>
-                    <ServiceTable.Row key={roomId} disabled={fetchingLeaves}>
-                        <ServiceTable.Cell
-                            disabled={fetchingLeaves}
-                            selected={router.query.roomId[1] === roomId || activePath.indexOf(roomId) > -1}
-                            onClick={(e) => onClick(e, roomId, row, child.template, parent.room_id)}>
-                            { child.missingMetaEvent ?
-                                <em>{ isParent && parent && selectedNode ? '← ' : isParent && parent && '↓ ' } <a href="">{ child.name }{ fetchingLeaves === roomId && <LoadingSpinnerInline /> }</a></em>
-                                : <>{ isParent && parent && selectedNode ? '← ' : isParent && parent && '↓ ' } <a href="">{ child.name }{ fetchingLeaves === roomId && <LoadingSpinnerInline /> }</a></> }
-                        </ServiceTable.Cell>
-                        <ServiceTable.Cell title={child.template}>
-                            { child.template === 'write' ? '📝'
-                                : child.template === 'chat' ? '💬'
-                                    : child.template === 'sketch' ? '🎨'
-                                        : child.template === 'studentproject' && '🎓' }
-                        </ServiceTable.Cell>
-                    </ServiceTable.Row>
-                </>;
-            },
-            )
-            }
-        </ServiceTable>
-
-    </>
-
-    );
-};
-export default TreeLeaves;
diff --git a/pages/explore-table/TreeView.js b/pages/explore-table/TreeView.js
deleted file mode 100644
index 7f8e9c88..00000000
--- a/pages/explore-table/TreeView.js
+++ /dev/null
@@ -1,120 +0,0 @@
-import _ from 'lodash';
-import { useRouter } from 'next/router';
-import React, { useEffect, useRef, useState } from 'react';
-import styled from 'styled-components';
-
-const Tree = styled.div`
-  position: relative;
-  left: ${props => [props.left]};
-  display: flex;
-  width: 100%;
-  height: ${props => props.height};
-  transition: visibility 0s, opacity 0.5s linear;
-`;
-
-const Leaf = styled.div`
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-`;
-
-const BranchLayout = styled.button`
-  display: flex;
-  flex-flow: column wrap;
-  width: unset;
-  min-width: 20vw;
-  height: 100%;
-  padding: var(--margin);
-  font: inherit;
-  color: var(--color-foreground);
-  text-align: left;
-  text-transform: unset;
-  cursor: pointer;
-  visibility: ${props => props.visibility};
-  background: none;
-  border-style: solid;
-  outline: inherit;
-
-  @keyframes fade-in {
-    0% { opacity: 0; }
-    100% { opacity: 1; }
-  }
-`;
-
-export default function TreeView({ parsedData, onClick, parent, parsedWidth, parsedHeight, selectedNode }) {
-    const [data, setData] = useState(parsedData);
-    const router = useRouter();
-    const activeRoomId = _.get(router, 'query.roomId.0');
-    const treeRef = useRef();
-
-    useEffect(() => {
-        setData(parsedData);
-    }, [parsedData]);
-
-    // const handleClick = async (roomId, type, template) => {
-    //     // await new Promise((res) => setTimeout(res, 500));
-    //     onClick(roomId, type, template);
-    // };
-
-    const Branch = ({ name, roomId, type, template, handleClick, offset }) => {
-        return (
-            <BranchLayout
-                visibility={data.inactive && 'collapse'}
-
-                onClick={(e) => {
-                    e.preventDefault();
-                    onClick(roomId, type, template);
-                }}>
-                { name }
-            </BranchLayout>
-        );
-    };
-
-    useEffect(() => {
-        console.log(treeRef);
-    }, [treeRef]);
-    return (
-        <Tree ref={treeRef}
-            height={data.inactive ? 'unset' : activeRoomId === data.id ? 'calc(100% - var(--margin) * 5)' : '100%'}
-            // visibility={data.inactive && !data.root && 'collapse'}
-            // left={activeRoomId === data.id && `-${treeRef?.current?.offsetLeft}px`}
-        >
-            <Branch
-                name={data.name}
-                roomId={data.id}
-            />
-            { data.children && <Leaf> { data.children.map((child, index) => {
-                if (child.inactive) return null;
-                return <TreeView parsedData={child}
-                    // activeRoomId={currentRoomId}
-                    // callback={onClick}
-                    // parsedHeight={d3Height}
-                    // selectedNode={selectedNode}
-                    // roomId={roomId}
-                    onClick={onClick}
-                />;
-            }) }</Leaf>
-            }
-            { /* <Branch onClick={() => onClick(parent)}>
-                <h2>{ data.name }</h2>
-            </Branch>
-            { data.children &&
-               data.children.map((child, index) => {
-                   const roomId = child.id || child.room_id;
-                   return <Branch onClick={() => {
-                       handleClick(roomId, child.type, child.template);
-                   }}>
-                       { child.name }
-                   </Branch>;
-                   // return <TreeLeaves
-                   //     name={child.name}
-                   //     roomId={roomId}
-                   //     type={child.type}
-                   //     template={child.template}
-                   //     handleClick={handleClick}
-                   //     offset={treeRef.current?.offsetLeft}
-                   // />;
-               }) } */ }
-        </Tree>
-    );
-}
diff --git a/pages/explore-table/[[...roomId]].js b/pages/explore-table/[[...roomId]].js
deleted file mode 100644
index cd79cbe5..00000000
--- a/pages/explore-table/[[...roomId]].js
+++ /dev/null
@@ -1,167 +0,0 @@
-import React, { useCallback, useEffect, useRef, useState } from 'react';
-import styled from 'styled-components';
-import getConfig from 'next/config';
-import { useRouter } from 'next/router';
-
-import IframeLayout from '../../components/layouts/iframe';
-import LoadingSpinner from '../../components/UI/LoadingSpinner';
-import { useAuth } from '../../lib/Auth';
-import { useMatrix } from '../../lib/Matrix';
-import WriteIframeHeader from '../write/WriteIframeHeader';
-import ProjectView from './ProjectView';
-import ChatIframeView from '../chat/ChatIframeView';
-import GraphView from './GraphView';
-
-// height calculation is guess work at the moment...
-const ExploreSection = styled.div`
-  ${props => !props.selectedNode && 'display: flex;'}
-  ${props => !props.selectedNode && 'grid-template-columns: repeat(2, 1fr);'}
-
-  gap: var(--margin);
-  height: calc(100% - calc(var(--margin) * 4.8));
-
-  .parent {
-    color: var(--color-background);
-    background: var(--color-foreground);
-  }
-
-`;
-
-export default function Explore() {
-    const [graphObject, setGraphObject] = useState(null);
-    const [selectedNode, setSelectedNode] = useState(null);
-    const [activePath, setActivePath] = useState([getConfig().publicRuntimeConfig.contextRootSpaceRoomId]);
-    const dimensionsRef = useRef();
-    const router = useRouter();
-    const [currentItemType, setCurrentItemType] = useState('');
-    const auth = useAuth();
-    const matrix = useMatrix(auth.getAuthenticationProvider('matrix'));
-
-    const initialContentFetch = useCallback(async () => {
-    // initial fetch of object
-        const roomId = router.query.roomId ? router.query.roomId[0] : getConfig().publicRuntimeConfig.contextRootSpaceRoomId;
-        const iframeRoomId = router.query.roomId && router.query.roomId[1];
-
-        if (iframeRoomId) {
-            router.push(`/explore-table/${roomId}/${iframeRoomId}`);
-            setSelectedNode(iframeRoomId);
-            setActivePath([roomId, iframeRoomId]);
-        } else router.push(`/explore-table/${roomId}`);
-        // setHierarchy(spaceHierarchy[0]);
-        setGraphObject(roomId);
-    // }
-    // @TODO fix dependencies
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-
-    useEffect(() => {
-        let cancelled = false;
-        !cancelled && initialContentFetch();
-
-        return () => cancelled = true;
-    }, [initialContentFetch]);
-
-    const getRoomContent = async (roomId) => {
-        let fetchMessage = matrix.roomContents.get(roomId);
-        if (!fetchMessage) {
-            fetchMessage = await matrix.hydrateRoomContent(roomId);
-        }
-        if (!fetchMessage) return;
-        return fetchMessage.body;
-    };
-
-    const handleClicked = async (roomId, template, index, parentId) => {
-        if (!roomId) return;
-        setActivePath(prevState => {
-            prevState.splice(index < 0 ? 0 : index);
-            return [...prevState, roomId];
-        });
-
-        let content = null;
-        if (template === 'chat') {
-            setCurrentItemType(template);
-            content = `${getConfig().publicRuntimeConfig.chat.pathToElement}/#/room/${roomId}`;
-        }
-        if (template === 'studentproject') {
-            setCurrentItemType(template);
-            content = roomId;
-        }
-        if (template === 'sketch' || template === 'write') {
-            setCurrentItemType(template);
-            content = await getRoomContent(roomId);
-        }
-
-        // if selected node is not undefined iframe loads the url(type string) from selectedNode
-        setSelectedNode(() => {
-            if (content) {
-                router.push(`/explore-table/${parentId}/${roomId}`);
-                return content;
-            } else {
-                router.push(`/explore-table/${roomId}`);
-                return null;
-            }
-        });
-    };
-
-    if (!graphObject || typeof window === 'undefined') return <LoadingSpinner />;
-    return (
-        <>
-            <IframeLayout.Sidebar width={!selectedNode && '100%'}>
-                <h2 ref={dimensionsRef}>/explore</h2>
-                <ExploreSection selectedNode={!!selectedNode}>
-                    <GraphView
-                        id={graphObject}
-                        handleClick={handleClicked}
-                        selectedNode={selectedNode}
-                        activePath={activePath}
-                    />
-                </ExploreSection>
-            </IframeLayout.Sidebar>
-            { selectedNode && (
-                (() => {
-                    switch (currentItemType) {
-                        case 'studentproject':
-                            return <ProjectView content={selectedNode} />;
-                        case 'write':
-                            return (
-                                <IframeLayout.IframeWrapper>
-                                    <WriteIframeHeader
-                                        content={selectedNode}
-                                        title={matrix.spaces.get(router.query.roomId[1])?.name || matrix.rooms.get(router.query.roomId[1])?.name}
-                                        removeLink={() => console.log('removing pad from parent')}
-                                        removingLink={false} />
-                                    <iframe src={selectedNode} />
-                                </IframeLayout.IframeWrapper>
-                            );
-                        case 'sketch':
-                            return (
-                                <IframeLayout.IframeWrapper>
-                                    <WriteIframeHeader
-                                        content={selectedNode}
-                                        title={matrix.spaces.get(router.query.roomId[1])?.name || matrix.rooms.get(router.query.roomId[1])?.name}
-                                        removeLink={() => console.log('removing sketch from parent')}
-                                        removingLink={false} />
-                                    <iframe src={selectedNode} />
-                                </IframeLayout.IframeWrapper>
-                            );
-                        default:
-                            return (
-                                <IframeLayout.IframeWrapper>
-                                    <WriteIframeHeader
-                                        content={selectedNode}
-                                        title={matrix.spaces.get(router.query.roomId[1])?.name || matrix.rooms.get(router.query.roomId[1])?.name}
-                                        removeLink={() => console.log('removing pad from parent')}
-                                        removingLink={false} />
-                                    <ChatIframeView src={selectedNode} />
-                                </IframeLayout.IframeWrapper>
-                            );
-                    }
-                })()
-            ) }
-        </>
-    );
-}
-
-Explore.getLayout = () => {
-    return IframeLayout.Layout;
-};
diff --git a/pages/explore/GraphView-backup.js b/pages/explore/GraphView-backup.js
deleted file mode 100644
index 8391c0c2..00000000
--- a/pages/explore/GraphView-backup.js
+++ /dev/null
@@ -1,326 +0,0 @@
-
-import React, { useEffect, useRef, useState } from 'react';
-import * as d3 from 'd3';
-import { partition } from 'd3';
-import getConfig from 'next/config';
-
-import LoadingSpinner from '../../components/UI/LoadingSpinner';
-
-// import { partition } from 'd3';
-// import { format } from 'd3';
-
-function GraphView({ parsedData, callback, parsedWidth, parsedHeight, selectedNode }) {
-    const [data, setData] = useState(parsedData);
-    const [height, setHeight] = useState();
-    const svgRef = useRef(null);
-
-    useEffect(() => {
-        let cancelled = false;
-        if (!cancelled) {
-            setData(parsedData);
-        }
-        console.log(parsedData);
-        return () => {
-            cancelled = true;
-        };
-    }, [parsedData]);
-
-    useEffect(() => {
-        let cancelled = false;
-
-        if (!cancelled) {
-            parsedHeight && setHeight(parsedHeight);
-        }
-        return () => {
-            cancelled = true;
-        };
-    }, [parsedHeight]);
-
-    const drawSvg = (data, height) => {
-        const container = d3.select(svgRef.current);
-        // Remove previous SVG
-        container.selectAll('svg').remove();
-        const format = d3.format(',d');
-
-        function rectHeight(d) {
-            return d.x1 - d.x0 - Math.min(1, (d.x1 - d.x0) / 2);
-        }
-
-        function labelVisible(d) {
-            return d.y1 <= width && d.y0 >= 0 && d.x1 - d.x0 > 16;
-        }
-
-        const width = parsedWidth || window.innerWidth;
-        // const height = parsedHeight;
-
-        function iciclePartition(data) {
-            const root = d3
-                .hierarchy(data)
-                .sum((d) => {
-                    return d.value || 1;
-                })
-                .sort(
-                    (a, b) => b.height - a.height || b.value - a.value,
-                );
-            return partition().size([
-                height,
-                ((root.height + 1) * width / 5),
-            ])(root);
-        }
-
-        // const color = scaleOrdinal(
-        //     quantize(interpolateRainbow, data.children.length + 1),
-        // );
-
-        const root = iciclePartition(data);
-
-        let focus = root;
-
-        // const svg = select('body')
-        //     .append('svg')
-        //     // .attr('viewBox', [root.x1, 0, width, height])
-        //     .style('font', '10px sans-serif');
-
-        const svg = container
-            .append('svg')
-        // .attr('height', height)
-        // .attr('viewBox', [-width / 2, -height / 2, width, height])
-            .attr('style', 'max-width: 100%; height: auto; height: intrinsic;')
-            .style('font', '10px sans-serif');
-
-        const cell = svg
-            .selectAll('g')
-            .data(root.descendants())
-            .join('g')
-            .attr('transform', (d) => `translate(${d.y0},${d.x0})`)
-            .attr('width', (d) => d.y1 - d.y0);
-
-        const rect = cell
-            .append('rect')
-            .attr('width', (d) => d.y1 - d.y0 -1)
-            .attr('height', (d) => rectHeight(d))
-            .attr('fill', (d) => {
-                // if (d.data.template === 'write') return 'red';
-                // if (d.data.template === 'sketch') return 'blue';
-                // if (d.data.type === 'item') return 'green';
-                return 'var(--color-background-sidebar)';
-            })
-            .attr('stroke', 'var(--color-foreground)')
-            .attr('stroke-width', '8')
-            .style('cursor', 'pointer')
-            .on('click', clicked);
-
-        const text = cell
-            .append('text')
-            .style('user-select', 'none')
-            .attr('pointer-events', 'none')
-            .attr('x', 15)
-            .attr('y', 30)
-            .attr('font-size', '1.2rem')
-            .attr('fill', 'var(--color-foreground)')
-            .attr('fill-opacity', (d) => +labelVisible(d));
-
-        text.append('tspan').text((d) => {
-            if (d.data.template === 'write') return '📝 ' + d.data.name;
-            if (d.data.template === 'sketch') return '🎨 ' + d.data.name;
-            if (d.data.template === 'chat') return '💬 ' + d.data.name;
-            if (d.data.type === 'item') return '📐 ' + d.data.name;
-
-            return d.data.name;
-        });
-
-        text
-            .append('tspan')
-            .attr('x', (d) => d.y1 - d.y0 -16)
-            .attr('text-anchor', 'end')
-            .attr('fill-opacity', (d) => labelVisible(d) * 0.7)
-            .text((d) => {
-                return d.data.template;
-            });
-
-        cell.append('title').text(
-            (d) =>
-                `${d
-                    .ancestors()
-                    .map((d) => d.data.name)
-                    .reverse()
-                    .join('/')}\n${format(d.value)}`,
-        );
-
-        function startTransition(p) {
-            focus = focus === p ? (p = p.parent) : p;
-            if (!p) return;
-            console.log(root);
-            root.each(
-                (d) =>
-                    (d.target = {
-                        x0: ((d.x0 - p.x0) / (p.x1 - p.x0)) * height,
-                        x1: ((d.x1 - p.x0) / (p.x1 - p.x0)) * height,
-                        y0: d.y0 - p.y0,
-                        y1: d.y1 - p.y0,
-                    }),
-            );
-
-            const t = cell
-                .transition()
-                .duration(750)
-                .attr(
-                    'transform',
-                    (d) => `translate(${d.target.y0},${d.target.x0})`,
-                );
-
-            rect
-                .transition(t)
-                .attr('height', (d) => rectHeight(d.target));
-
-            text
-                .transition(t)
-                .attr('fill-opacity', (d) => +labelVisible(d.target));
-        }
-
-        async function clicked(event, p) {
-            console.log(p);
-            if (!p) return;
-            // const newNode = d3.hierarchy(newData);
-            // console.log(newNode);
-            // newNode.depth = p.depth + 1;
-            // newNode.height = p.height - 1;
-            // newNode.parent = p;
-
-            // if (!p.children) {
-            //     p.children = [];
-            //     p.data.children = [];
-            // }
-            // p.children.push(newNode);
-            // p.data.children.push(newNode.data);
-            // // setData(newData);
-
-            async function callApiAndAddToObject(selected) {
-                console.log(selected.data.id);
-                function findObject(structure, id) {
-                    let ret;
-                    // base case
-                    if (structure.data.id === id) {
-                        return structure;
-                    } else {
-                        // recursion
-                        structure.children?.forEach(child => {
-                            if (!ret) {
-                                const c = findObject(child, child.data.id);
-                                if (c) ret = c;
-                            }
-                        });
-                    }
-                    return ret;
-                }
-
-                const response = await fetch(`${getConfig().publicRuntimeConfig.authProviders.matrix.api}/api/v2/${selected.data.id}`).catch(error => console.log(error));
-                if (!response?.ok) return;
-                const newdata = await response.json();
-                newdata.children = newdata.item;
-                newdata.children.push(...newdata.context);
-                const newNode = d3.hierarchy(newdata).sum((d) => {
-                    return d.value || 1;
-                });
-
-                //later added some properties to Node like child,parent,depth
-                newNode.depth = selected.depth + 1;
-                newNode.parent = selected;
-
-                console.log(selected);
-
-                // const newTree = { ...root };
-                const foundObject = findObject(root, selected.data.id);
-                console.log(foundObject);
-                // if (foundObject.children) return prevTree;
-                foundObject.children = newNode;
-                foundObject.data.children = newNode.data;
-
-                // return newTree;
-
-                // If no child array, create an empty array
-                if (!p.children) {
-                    p.children = [];
-                    p.data.children = [];
-                }
-
-                p.children.push(newNode);
-                p.data.children.push(newNode.data);
-                // setGraphObject(prevTree => {
-                //     const newTree = { ...prevTree };
-                //     const foundObject = findObject(newTree, roomId);
-                //     if (foundObject.children) return prevTree;
-                //     foundObject.children = data?.children;
-                //     return newTree;
-                // });
-
-                //Selected is a node, to which we are adding the new node as a child
-                //If no child array, create an empty array
-                // if (!selected.children) {
-                //     selected.children = [];
-                //     selected.data.children = [];
-                // }
-
-                // const newTree = { ...graphObject };
-                // const foundObject = findObject(newTree, roomId);
-                // foundObject.children = data?.children;
-                // return data;
-            }
-            console.log(p);
-            await callApiAndAddToObject(p);
-
-            // const newNode = d3.hierarchy(newNode);
-
-            //later added some properties to Node like child,parent,depth
-            // newNode.depth = selected.depth + 1;
-            // newNode.height = selected.height - 1;
-            // newNode.parent = selected;
-            // newNode.id = Date.now();
-
-            //Selected is a node, to which we are adding the new node as a child
-            //If no child array, create an empty array
-            // if (!selected.children) {
-            //     selected.children = [];
-            //     selected.data.children = [];
-            // }
-
-            //Push it to parent.children array
-            // selected.children.push(newNode);
-            // selected.data.children.push(newNode.data);
-
-            startTransition(p);
-
-            // tspan
-            //     .transition(t)
-            //     .attr(
-            //         'fill-opacity',
-            //         (d) => labelVisible(d.target) * 0.7,
-            //     );
-        }
-    };
-
-    useEffect(() => {
-        drawSvg(data, height);
-        return () => {
-            console.log('unmount svg');
-            // svgRef.current = null;
-        };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [height]);
-
-    // useEffect(() => {
-    //     // if (svgRef.current) {
-    //     //     console.log(svg);
-    //     //     svgRef.current.appendChild(svg.node());
-    //     // }
-
-    //     return () => {
-    //         svgRef.current = null;
-    //     };
-    // }, [svg, height]);
-    if (!height) return <LoadingSpinner />;
-    // return <svg ref={svgRef} width="100%" height={height} />;
-    return <svg ref={svgRef} width={selectedNode ? '100%' : '50%'} height={height} />;
-}
-
-export default GraphView;
diff --git a/pages/explore/GraphView.js b/pages/explore/GraphView.js
deleted file mode 100644
index 2bc9ef1d..00000000
--- a/pages/explore/GraphView.js
+++ /dev/null
@@ -1,80 +0,0 @@
-
-import React, { useEffect, useState } from 'react';
-import getConfig from 'next/config';
-import { useRouter } from 'next/router';
-
-import LoadingSpinner from '../../components/UI/LoadingSpinner';
-import TreeLeaves from './TreeLeaves';
-
-function GraphView({ parsedData, parsedHeight, handleClick, selectedNode, activePath }) {
-    const [data, setData] = useState(parsedData);
-    const [height, setHeight] = useState();
-    const router = useRouter();
-
-    useEffect(() => {
-        let cancelled = false;
-        if (!cancelled) {
-            setData(parsedData);
-            console.log(parsedData);
-        }
-        return () => {
-            cancelled = true;
-        };
-    }, [parsedData]);
-
-    useEffect(() => {
-        let cancelled = false;
-
-        if (!cancelled) {
-            parsedHeight && setHeight(parsedHeight);
-        }
-        return () => {
-            cancelled = true;
-        };
-    }, [parsedHeight]);
-
-    if (!height || !data) return <LoadingSpinner />;
-    const focusedId = selectedNode && data.parent ? data.parent.id : router.query?.roomId[0] || getConfig().publicRuntimeConfig.contextRootSpaceRoomId;
-    const roomId = data.id || data.room_id;
-
-    return (
-        <TreeLeaves
-            isParent={focusedId === roomId}
-            parent={data.parent}
-            display={focusedId === roomId ? 'initial' : 'none'}
-            key={roomId}
-            height={height}
-            name={data.name}
-            handleClick={handleClick}
-            template={data.template}
-            children={data.children}
-            directChildren={data.children_state}
-            translateX={0}
-            translateY={0}
-            roomId={roomId}
-            missingMetaEvent={data.missingMetaEvent}
-            selectedNode={selectedNode}
-            activePath={activePath}
-            toddler={false}
-        />
-
-    // data.map((leaf) => {
-    //     const focusedId = router.query?.roomId[0];
-    //     // if (focusedId !== leaf.id) return null;
-    //     return <TreeLeaves
-    //         isParent={focusedId === leaf.id}
-    //         display={focusedId === leaf.id ? 'initial' : 'none'}
-    //         key={leaf.id}
-    //         height={height}
-    //         name={leaf.name}
-    //         handleClick={onClick}
-    //         template={leaf.template}
-    //         children={leaf.children}
-    //         translateX={0}
-    //         translateY={0}
-    //         roomId={leaf.id} />;
-    // })
-    );
-}
-
-export default GraphView;
diff --git a/pages/explore/ProjectView.js b/pages/explore/ProjectView.js
index 4e644ed2..14866070 100644
--- a/pages/explore/ProjectView.js
+++ b/pages/explore/ProjectView.js
@@ -58,22 +58,22 @@ const ProjectView = ({ removingLink, removeLink, content }) => {
     }, [content]);
 
     const fetchProjectHtml =async (roomId) => {
-      const object = await fetch(getConfig().publicRuntimeConfig.authProviders.matrix.api + '/api/v2/' + roomId + '/render/json').catch((err) => console.error(err));
-      const json = await object.json().catch(() => { });
-       if (!json) {
-        return  setProject('error fetching project from API')
-      }
-      setProject(json);
+        const object = await fetch(getConfig().publicRuntimeConfig.authProviders.matrix.api + '/api/v2/' + roomId + '/render/json').catch((err) => console.error(err));
+        const json = await object.json().catch(() => { });
+        if (!json) {
+            return setProject('error fetching project from API');
+        }
+        setProject(json);
     };
 
-  if (!project) return <LoadingSpinner />;
-  if (typeof project === 'string') return <ErrorMessage>{project}</ErrorMessage>
+    if (!project) return <LoadingSpinner />;
+    if (typeof project === 'string') return <ErrorMessage>{ project }</ErrorMessage>;
 
     return (
         <View>
             <Header>
                 <h2>{ project.abstract.name }</h2>
-        </Header>
+            </Header>
             <div dangerouslySetInnerHTML={{ __html: project.languages.EN.formattedContent }} />
         </View>
     );
diff --git a/pages/explore-table/GraphView.js b/pages/explore/TableView.js
similarity index 72%
rename from pages/explore-table/GraphView.js
rename to pages/explore/TableView.js
index 07c457b1..a650d690 100644
--- a/pages/explore-table/GraphView.js
+++ b/pages/explore/TableView.js
@@ -8,8 +8,7 @@ import { useMatrix } from '../../lib/Matrix';
 import TreeLeaves from './TreeLeaves';
 import TreePath from './TreePath';
 
-function GraphView({ handleClick, selectedNode, activePath, id, currentItemType }) {
-    // const [roomId, setRoomId] = useState('');
+function TableView({ handleClick, selectedRoomId, activePath, id, currentItemType }) {
     const [data, setData] = useState([]);
 
     const auth = useAuth();
@@ -18,19 +17,17 @@ function GraphView({ handleClick, selectedNode, activePath, id, currentItemType
     useEffect(() => {
         let cancelled = false;
         if (!cancelled) {
-            if (selectedNode) callApiWithInitalNode(null, selectedNode, 0, currentItemType, id);
+            if (selectedRoomId) callApiWithInitalNode(null, selectedRoomId, 0, currentItemType, id);
             else callApiAndAddToObject(null, id, 0);
         }
         return () => {
             cancelled = true;
         };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
 
     async function callApiWithInitalNode(e, roomId, index, template, parentId) {
         e && e.preventDefault();
-        console.log('call Api or matrix with initial node and add');
-        console.log(template);
+        console.debug('call Api or matrix with initial id and add');
         const spaceHierarchy = await matrix.roomHierarchy(roomId, null, 1)
             .catch(err => console.debug(err));
         const parentHierarchy = await matrix.roomHierarchy(parentId, null, 1)
@@ -58,7 +55,6 @@ function GraphView({ handleClick, selectedNode, activePath, id, currentItemType
             space.parent = parent;
             await getMetaEvent(space);
         }
-        // if (!spaceHierarchy[0]) spaceHierarchy.push({ parent: parent })
         await handleClick(roomId, spaceHierarchy[0].template, index, parentId);
         setData([parentHierarchy, spaceHierarchy]);
     }
@@ -70,7 +66,6 @@ function GraphView({ handleClick, selectedNode, activePath, id, currentItemType
             .catch(err => console.debug(err));
         if (!spaceHierarchy) return;
         const parent = spaceHierarchy[0];
-        // spaceHierarchy.shift()
 
         const getMetaEvent = async (obj) => {
             console.debug('getting meta event for ' + (obj.state_key || obj.room_id));
@@ -90,7 +85,6 @@ function GraphView({ handleClick, selectedNode, activePath, id, currentItemType
             space.parent = parent;
             await getMetaEvent(space);
         }
-        // if (!spaceHierarchy[0]) spaceHierarchy.push({ parent: parent })
         await handleClick(roomId, template, index, parentId);
         setData((prevData) => {
             prevData.splice(index + 1); // delete all entries after the selected row.
@@ -99,20 +93,18 @@ function GraphView({ handleClick, selectedNode, activePath, id, currentItemType
     }
 
     if (!data) return <LoadingSpinner />;
-    // const focusedId = selectedNode && data.parent ? data.parent.id : router.query?.roomId[0] || getConfig().publicRuntimeConfig.contextRootSpaceRoomId;
-    // const roomId = data.id || data.room_id;
     return (
         <>
-            { !selectedNode && !navigator.userAgent.includes('iPhone') && !navigator.userAgent.includes('Android') && <TreePath
-                selectedNode={selectedNode}
+            { !selectedRoomId && !navigator.userAgent.includes('iPhone') && !navigator.userAgent.includes('Android') && <TreePath
+                selectedRoomId={selectedRoomId}
                 data={data}
                 callApiAndAddToObject={callApiAndAddToObject}
             />
             }
             { data.map((leaf, index) => {
-                const numberOfRows = selectedNode ? 2 : 1;
-                if (index < data.length - numberOfRows) return null; // only show a maximum of rows.
-                if (selectedNode && index != data.length - 2) return null; // if a node is selected only show the selected row.
+                const numberOfRows = selectedRoomId ? 2 : 1;
+                if (index < data.length - numberOfRows) return null; // only show a defined maximum of rows.
+                if (selectedRoomId && index != data.length - 2) return null; // if an id is selected only show the selected row.
                 if (leaf.length <= 1) return <ErrorMessage key="error-message">Thank You { auth.user.displayname }! But Our Item Is In Another Context! 🍄</ErrorMessage>;
                 // we sort the array to display object of the type 'item' before others.
                 const parent = leaf[0];
@@ -131,29 +123,12 @@ function GraphView({ handleClick, selectedNode, activePath, id, currentItemType
                     parent={parent}
                     key={leaf[0].room_id + '_' + index}
                     handleClick={callApiAndAddToObject}
-                    selectedNode={selectedNode}
+                    selectedRoomId={selectedRoomId}
                     activePath={activePath}
                 />;
             }) }
         </>
-
-    // data.map((leaf) => {
-    //     const focusedId = router.query?.roomId[0];
-    //     // if (focusedId !== leaf.id) return null;
-    //     return <TreeLeaves
-    //         isParent={focusedId === leaf.id}
-    //         display={focusedId === leaf.id ? 'initial' : 'none'}
-    //         key={leaf.id}
-    //         height={height}
-    //         name={leaf.name}
-    //         handleClick={onClick}
-    //         template={leaf.template}
-    //         children={leaf.children}
-    //         translateX={0}
-    //         translateY={0}
-    //         roomId={leaf.id} />;
-    // })
     );
 }
 
-export default GraphView;
+export default TableView;
diff --git a/pages/explore/TreeLeaves.js b/pages/explore/TreeLeaves.js
index b6111fa6..77d348c6 100644
--- a/pages/explore/TreeLeaves.js
+++ b/pages/explore/TreeLeaves.js
@@ -4,6 +4,7 @@ import styled from 'styled-components';
 
 import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
 import { ServiceTable } from '../../components/UI/ServiceTable';
+import LoadingSpinner from '../../components/UI/LoadingSpinner';
 
 const Leaf = styled.button`
   display: ${props => [props.display]};
@@ -26,118 +27,55 @@ const Leaf = styled.button`
 
 `;
 
-const ToddlerWrapper = styled.div`
-  display: grid;
-  height: 100%;
-  margin-left: 12%;
-`;
-
-const TreeLeaves = ({ handleClick, missingMetaEvent, name, roomId, type, toddler, template, children, directChildren, height, isParent, parent, display, index, selectedNode, activePath }) => {
+const TreeLeaves = ({ handleClick, row, data, roomId, isParent, parent, selectedRoomId, activePath }) => {
     const [fetchingLeaves, setFetchingLeaves] = useState(false);
     const router = useRouter();
 
-    const onClick = async (e, id, childTemplate, isChild) => {
+    const onClick = async (e, id, index, childTemplate, parentId) => {
         e.preventDefault();
-        setFetchingLeaves(true);
-        await handleClick(id || roomId, childTemplate|| template, isChild, toddler && parent.id);
+        setFetchingLeaves(id);
+        await handleClick(e, id || roomId, index, childTemplate, parentId);
         setFetchingLeaves(false);
     };
 
+    if (!data) return <LoadingSpinner />;
     return (<>
-        <Leaf
-            className={toddler ? 'toddler' : isParent ? 'parent' : 'child'}
-            height={height}
-            // the reason we are using display to change the visibility of the element, is that if we want to use animations between different stages of the explore tree,
-            // the elements need to exist so that they can be animated (i.e from not visible to visible). AFAIK this doesn't work with the 'display' property, we will have to use 'visibility' or something else.
-            // depending on how and what kind of transitions/animations we implement this might need to change and we could actually not create 'Leaf' elements if they aren't visible, instead of just hiding them.
-            display={toddler ? 'initial' : display}
-            index={index}
-            childrenLength={children?.length + 1}
-            onClick={onClick}>
-            { missingMetaEvent ?
-                <em>{ isParent && parent && selectedNode ? '← ' : isParent && parent && '↓ ' } { name }</em>
-                : <>{ isParent && parent && selectedNode ? '← ' : isParent && parent && '↓ ' } { name } </> }
-            { fetchingLeaves && <LoadingSpinnerInline /> }
-        </Leaf>
-        { selectedNode && display === 'initial' && children &&
-        // if a node is selected (iframe is open), the children of the parent node are listed below the parent button
-           <ServiceTable>
-               { children.map((child, index) => {
-                   const roomId = child.id || child.room_id;
-                   return (<ServiceTable.Row
-                       key={roomId + '-' + index}>
-                       <ServiceTable.Cell selected={router.query.roomId[0] === roomId}>
-                           <a onClick={(e) => onClick(e, roomId, child.template, true)}>
-                               { child.name }
-                           </a>
-                       </ServiceTable.Cell>
-                       <ServiceTable.Cell>
-                           { child.template === 'write' ? '📝'
-                               : child.template === 'chat' ? '💬'
-                                   : child.template === 'sketch' ? '🎨'
-                                       : child.template === 'studentproject' && '🎓' }
-                       </ServiceTable.Cell>
-                   </ServiceTable.Row>);
-               })
-               }
-           </ServiceTable>
-        }
-        { !(selectedNode && roomId === activePath[activePath.length - 2])
-            && children
-            && children.map((child, index) => {
+        { selectedRoomId && parent && <Leaf
+            onClick={(e) => onClick(e, parent.room_id, row - 1, parent.template)}
+            className="parent"
+            key={parent.room_id}
+        >
+            ← { parent.name }
+        </Leaf> }
+        <ServiceTable explore={selectedRoomId ? false : true}>
+            { data.map((child) => {
                 const roomId = child.id || child.room_id;
-                // if (directChildren.filter(directChild => directChild.state_key === roomId).length === 0) return null;
-                return (<>
-                    <TreeLeaves
-                        key={roomId + index} // @TODO could still create douplicate keys
-                        parent={child.parent}
-                        isParent={selectedNode ? roomId === activePath[activePath.length - 2] : router.query.roomId[0] === roomId}
-                        display={selectedNode && roomId === activePath[activePath.length - 2] ? 'initial' : !selectedNode && router.query.roomId[0] === roomId ? 'initial' : isParent ? 'initial' : 'none'}
-                        index={index}
-                        width={300}
-                        height={height}
-                        name={child.name}
-                        handleClick={handleClick}
-                        children={child.children}
-                        template={child.template}
-                        translateX={0}
-                        translateY={0}
-                        roomId={roomId}
-                        missingMetaEvent={child.missingMetaEvent}
-                        selectedNode={selectedNode}
-                        activePath={activePath}
-                    />
-                    {child.parent?.id === router.query.roomId[0]
-                        && child.children
-                        && <ToddlerWrapper>{child.children.map((child, index) => {
-                        if (child.template === 'lang') return null // lamguage spaces should not be displayed in explore
-                        const childId = child.id || child.room_id;
-                        return <TreeLeaves
-                            key={roomId + index} // @TODO could still create douplicate keys
-                            parent={child.parent}
-                            isParent={false}
-                            toddler={true}
-                            display="initial"
-                            index={index}
-                            width={300}
-                            height={height}
-                            name={child.name}
-                            handleClick={handleClick}
-                            children={child.children}
-                            template={child.template}
-                            translateX={0}
-                            translateY={0}
-                            roomId={selectedNode ? child.parent?.id : childId}
-                            missingMetaEvent={child.missingMetaEvent}
-                            selectedNode={selectedNode}
-                            activePath={activePath}
-
-                        />;
-                    })
-                    }</ToddlerWrapper> }
-                </>
-                );
-            }) }
+                // if the roomId is the selected space we skip it
+                if (roomId === router.query.roomId[0]) return null;
+                // if an iframe is open we only want to show items in the list
+                if (selectedRoomId && child.type !== 'item') return null;
+                return <>
+                    <ServiceTable.Row key={roomId} disabled={fetchingLeaves}>
+                        <ServiceTable.Cell
+                            disabled={fetchingLeaves}
+                            selected={router.query.roomId[1] === roomId || activePath.indexOf(roomId) > -1}
+                            onClick={(e) => onClick(e, roomId, row, child.template, parent.room_id)}>
+                            { child.missingMetaEvent ?
+                                <em>{ isParent && parent && selectedRoomId ? '← ' : isParent && parent && '↓ ' } <a href="">{ child.name }{ fetchingLeaves === roomId && <LoadingSpinnerInline /> }</a></em>
+                                : <>{ isParent && parent && selectedRoomId ? '← ' : isParent && parent && '↓ ' } <a href="">{ child.name }{ fetchingLeaves === roomId && <LoadingSpinnerInline /> }</a></> }
+                        </ServiceTable.Cell>
+                        <ServiceTable.Cell title={child.template}>
+                            { child.template === 'write' ? '📝'
+                                : child.template === 'chat' ? '💬'
+                                    : child.template === 'sketch' ? '🎨'
+                                        : child.template === 'studentproject' && '🎓' }
+                        </ServiceTable.Cell>
+                    </ServiceTable.Row>
+                </>;
+            },
+            )
+            }
+        </ServiceTable>
 
     </>
 
diff --git a/pages/explore-table/TreePath.js b/pages/explore/TreePath.js
similarity index 100%
rename from pages/explore-table/TreePath.js
rename to pages/explore/TreePath.js
diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 092d92d2..af6c2f65 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -10,44 +10,26 @@ import { useMatrix } from '../../lib/Matrix';
 import WriteIframeHeader from '../write/WriteIframeHeader';
 import ProjectView from './ProjectView';
 import ChatIframeView from '../chat/ChatIframeView';
-import GraphView from './GraphView';
+import TableView from './TableView';
 
+// height calculation is mostly guess work at the moment...
 const ExploreSection = styled.div`
-  display: grid;
-  ${props => !props.selectedNode && 'grid-template-columns: repeat(2, 1fr);'}
+  ${props => !props.selectedRoomId && 'display: flex;'}
+  ${props => !props.selectedRoomId && 'grid-template-columns: repeat(2, 1fr);'}
 
-  grid-auto-flow: rows;
-  grid-gap: 0 calc(var(--margin) * -0.2);
-  height: ${props => props.selectedNode ? 'calc(var(--margin) * 3))' : 'calc(100% - calc(var(--margin) * 4.7))'};
+  gap: var(--margin);
+  height: calc(100% - calc(var(--margin) * 4.8));
 
   .parent {
-    grid-column: ${props => props.selectedNode ? '1/-1' : '1'};
-    width: 12%;
-    height: 100%;
-    padding-top: var(--margin);
     color: var(--color-background);
     background: var(--color-foreground);
-    writing-mode: vertical-rl;
-    text-orientation: sideways;
-    text-orientation: mixed;
   }
 
-  .child {
-    grid-column: 1;
-    height: 100%;
-    margin-left: 12%;
-  }
-
-  .toddler {
-    height: 100%;
-  }
 `;
 
 export default function Explore() {
-    // const [, setHierarchy] = useState();
-    const [graphObject, setGraphObject] = useState(null);
-    const [selectedNode, setSelectedNode] = useState(null);
-    const [d3Height, setD3Height] = useState();
+    const [entryPointId, setEntryPointId] = useState(null);
+    const [selectedRoomId, setSelectedRoomId] = useState(null);
     const [activePath, setActivePath] = useState([getConfig().publicRuntimeConfig.contextRootSpaceRoomId]);
     const dimensionsRef = useRef();
     const router = useRouter();
@@ -55,259 +37,43 @@ export default function Explore() {
     const auth = useAuth();
     const matrix = useMatrix(auth.getAuthenticationProvider('matrix'));
 
-    async function callApiAndAddToObject(roomId) {
-        console.log('call Api or matrix and add');
-        function findObject(structure, id) {
-            //this function recursively goes through the nested object until it finds the object with the matching roomId and returns the match.
-            let ret;
-            const currentRoomId = structure.id || structure.room_id;
-            // base case
-            if (currentRoomId=== id) {
-                return structure;
-            } else {
-                // recursion
-                structure.children?.forEach(child => {
-                    if (!ret) {
-                        if (!child.depth) child.depth = structure.depth + 1;
-                        const c = findObject(child, id);
-                        if (c) ret = c;
-                    }
-                });
-            }
-            return ret;
-        }
-
-        let data;
-        // we only want to check for new children if we are going deeper into the tree.
-        // if the roomId therefore matches the router query, we know the user is going back and don't need to look for new children.
-        if (router.query.roomId[0] !== roomId) {
-            const newTree = { ...graphObject };
-            const foundObject = findObject(newTree, roomId);
-            if (foundObject.children.length !== foundObject.children_state.length) {
-                const spaceHierarchy = await matrix.roomHierarchy(roomId, null, 2)
-                    .catch(err => console.debug(err));
-                const nest = await createNestedObject(spaceHierarchy);
-
-                foundObject.children = nest.children;
-            }
-            for (const child of foundObject.children) {
-                console.log(child);
-                if (child.children.length > 0) continue;
-                const spaceHierarchy = await matrix.roomHierarchy(child.room_id, null, 2)
-                    .catch(err => console.debug(err));
-                const nest = await createNestedObject(spaceHierarchy);
-                child.children = nest.children;
-            }
-            setGraphObject(newTree);
-        }
-        // if (router.query.roomId[0] !== roomId) {
-        //     if (getConfig().publicRuntimeConfig.authProviders.matrix.api) {
-        //         const response = await fetch(`${getConfig().publicRuntimeConfig.authProviders.matrix.api}/api/v2/${roomId}`)
-        //             .catch(error => console.log(error));
-        //         if (!response?.ok) return;
-        //         data = await response.json();
-        //         data.children = data.item;
-        //         data.children.push(...data.context);
-        //     } else {
-        //         const spaceHierarchy = await matrix.roomHierarchy(roomId, null, 2)
-        //             .catch(err => console.debug(err));
-        //         // console.log(spaceHierarchy);
-        //         const nest = await createNestedObject(spaceHierarchy);
-        //         console.log(nest);
-        //         // const children = [];
-        //         // let parentName;
-        //         // for (const space of spaceHierarchy) {
-        //         //     if (space.room_id === roomId) {
-        //         //         parentName = space.name;
-        //         //         continue;
-        //         //     }
-        //         //     const metaEvent = await auth.getAuthenticationProvider('matrix').getMatrixClient().getStateEvent(space.room_id, 'dev.medienhaus.meta')
-        //         //         .catch((err) => {
-        //         //             console.debug(err);
-        //         //             space.missingMetaEvent = true;
-        //         //         });
-        //         //     if (metaEvent) {
-        //         //         space.type = metaEvent.type;
-        //         //         space.template = metaEvent.template;
-        //         //         space.application = metaEvent.application;
-        //         //     }
-        //         //     // we also add the parent to the object so we can easily access it when we have a selectedNode.
-        //         //     space.parent = { id: roomId, name: parentName };
-
-        //         //     // fetch second layer of children
-
-        //         //     children.push(space);
-        //         // }
-        //         // data = { children: children };
-        //         data = nest;
-        //     }
-        // }
-
-        // setGraphObject(prevTree => {
-        //     const newTree = { ...prevTree };
-        //     const foundObject = findObject(newTree, roomId);
-        //     // if (foundObject.children) return prevTree;
-        //     foundObject.children = data?.children;
-        //     return newTree;
-        // });
-    }
-
-    async function createNestedObject(parsedArray, child) {
-        if (!parsedArray) return;
-        const getMetaEvent = async (obj) => {
-            console.log('getting meta event');
-            console.log(obj);
-            const metaEvent = await auth.getAuthenticationProvider('matrix').getMatrixClient().getStateEvent(obj.state_key || obj.room_id, 'dev.medienhaus.meta')
-                .catch((err) => {
-                    console.debug(err);
-                    obj.missingMetaEvent = true;
-                });
-            if (metaEvent) {
-                obj.type = metaEvent.type;
-                obj.template = metaEvent.template;
-                obj.application = metaEvent.application;
-            }
-        };
-
-        // if we are running the function for the first time we get the meta event for the first array entry.
-        // otherwise the meta event will be collected in the loop below.
-
-        if (!parsedArray[0].metaEvent) getMetaEvent(parsedArray[0]);
-
-        const array = child || parsedArray;
-
-        array[0].children = [];
-        // if there already is a parent key we can skip the calls since we already did them.
-        // if (!array[0].parent) {
-
-        for (const child of array[0].children_state) {
-            const childObject = parsedArray.filter(obj => obj.room_id === child.state_key);
-
-            if (childObject.length > 0) {
-                childObject[0].parent = { id: array[0].room_id, name: array[0].name };
-                await getMetaEvent(childObject[0]);
-
-                const recursiveChild = await createNestedObject(parsedArray, childObject);
-                console.log(recursiveChild);
-                array[0].children.push(childObject[0]);
-            }
-        }
-        // }
-        console.log(array[0]);
-        return array[0];
-    }
-
-    const initialContentFetch = useCallback(async () => {
-        // initial fetch of object
+    const initialSetup = useCallback(async () => {
+    // initial setup to check for entry points for the explore interface
+        // we use the roomId from the adress bar if there is one, orherwise we start with the supplied root ID from the config file.
         const roomId = router.query.roomId ? router.query.roomId[0] : getConfig().publicRuntimeConfig.contextRootSpaceRoomId;
+        // if there i a second query, we want to use it for the iframe
+        const iframeRoomId = router.query.roomId && router.query.roomId[1];
 
-        // if an api endpoint is defined we try to fetch the object from the api. othwerwise we set object to null in order to trigger the else loop.
-        // @TODO if we don't do this fetch will return status 200 even with the api url eing undefined. it will try to fetch "domain.com/explore/undefined" which will return 200.
-        // I am not sure why the url below defaults to "domain.com/explore/undefined/api/v2" instead of "undefined/api/v2". hence the  below.
-        const object = getConfig().publicRuntimeConfig.authProviders.matrix.api ?
-            await fetch(getConfig().publicRuntimeConfig.authProviders.matrix.api + '/api/v2/' + roomId)
-                .catch((err) => console.debug(err)) :
-            null;
-        // const object = await fetch('http://192.168.0.50:3009/api/v2/!gBzMkmAvxvlPEwlvdq:moci.space/render/d3/fullTree').catch((err) => console.error(err));
-        if (object?.ok) {
-            const json = await object.json();
-            json.children = json.item;
-            json.children.push(...json.context);
-            json.root = true;
-            json.depth = 0;
-            router.push(`/explore/${json.id}`);
-
-            setGraphObject(json);
-        } else {
-            console.debug('no api:');
-            const spaceHierarchy = await matrix.roomHierarchy(roomId, null, 2)
-                .catch(err => console.debug(err));
-            const nest = await createNestedObject(spaceHierarchy);
-
-            // const children = [];
-            // let parentName;
-            // for (const space of spaceHierarchy) {
-            //     if (space.room_id === roomId) {
-            //         parentName = space.name;
-            //         continue;
-            //     }
-            //     const metaEvent = await auth.getAuthenticationProvider('matrix').getMatrixClient().getStateEvent(space.room_id, 'dev.medienhaus.meta')
-            //         .catch((err) => {
-            //             console.debug(err);
-            //             space.missingMetaEvent = true;
-            //         });
-            //     if (metaEvent) {
-            //         space.type = metaEvent.type;
-            //         space.template = metaEvent.template;
-            //         space.application = metaEvent.application;
-            //     }
-
-            //     space.parent = { id: roomId, name: parentName };
-            //     // children.push(space);
-            // }
-            // spaceHierarchy[0].children = children;
-
-            router.push(`/explore/${roomId}`);
-            // setHierarchy(spaceHierarchy[0]);
-            setGraphObject(nest);
-        }
-        // @TODO dix dependencies
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [matrix]);
+        if (iframeRoomId) {
+            router.push(`/explore/${roomId}/${iframeRoomId}`);
+            setSelectedRoomId(iframeRoomId);
+            setActivePath([roomId, iframeRoomId]);
+        } else router.push(`/explore/${roomId}`);
+        setEntryPointId(roomId);
+    }, []);
 
     useEffect(() => {
-        if (!graphObject) {
-            initialContentFetch();
-        }
-    }, [graphObject, initialContentFetch]);
+        let cancelled = false;
+        !cancelled && initialSetup();
 
-    useEffect(() => {
-        // 8 for border
-        dimensionsRef.current && setD3Height(document.querySelector('main').offsetHeight - (8 + dimensionsRef?.current?.offsetHeight + (dimensionsRef?.current?.offsetTop * 2)+ parseInt(window.getComputedStyle(dimensionsRef.current).marginBottom)));
-    }, [graphObject]);
+        return () => cancelled = true;
+    }, [initialSetup]);
 
     const getRoomContent = async (roomId) => {
-        // const object = await fetch(getConfig().publicRuntimeConfig.authProviders.matrix.api + '/api/v2/' + roomId + '/render/json').catch((err) => console.error(err));
         let fetchMessage = matrix.roomContents.get(roomId);
         if (!fetchMessage) {
             fetchMessage = await matrix.hydrateRoomContent(roomId);
-            console.log(fetchMessage);
         }
         if (!fetchMessage) return;
         return fetchMessage.body;
-        // const object = await fetch('http://192.168.0.50:3009/api/v2/!gBzMkmAvxvlPEwlvdq:moci.space/render/d3/fullTree').catch((err) => console.error(err));
-
-        // if (object?.ok) {
-        //     const json = await object.json();
-        //     console.log(json);
-        // }
     };
 
-    const handleClicked = async (roomId, template, isChild, parent) => {
+    const handleClicked = async (roomId, template, index, parentId) => {
         if (!roomId) return;
-        console.log(roomId);
-
-        await callApiAndAddToObject(roomId);
         setActivePath(prevState => {
-            if (selectedNode) prevState = prevState.splice(0, prevState.length - 1);
-
-            if ((selectedNode && !isChild) || router.query.roomId[0] === roomId && prevState.length > 1) {
-                console.log('parent');
-                router.push(`/explore/${prevState[prevState.length - 2]}`);
-                return prevState.splice(0, prevState.length - 1);
-            } else {
-                console.log('child');
-                router.push(`/explore/${roomId}`);
-                if (parent) return [...prevState, parent, roomId];
-                else return [...prevState, roomId];
-            }
+            prevState.splice(index < 0 ? 0 : index);
+            return [...prevState, roomId];
         });
-        // console.log(apicall);
-
-        // setParents(prevState => [...prevState, currentRoomId]);
-        // setCurrentRoomId(roomId); //this triggers usEffect to rerender
-        // console.log(api);
-        // if (type !== 'item') return;
 
         let content = null;
         if (template === 'chat') {
@@ -323,66 +89,68 @@ export default function Explore() {
             content = await getRoomContent(roomId);
         }
 
-        // setSelectedNode(content); // if selected node is not undefined iframe loads the url(type string) from selectedNode
-        setSelectedNode(prevState => content === prevState ? null : content); // if selected node is not undefined iframe loads the url(type string) from selectedNode
-        // router.push(`/explore/${roomId}`);
-        // await callApiAndAddToObject(roomId);
-
-        // setCurrentRoomId(roomId);
+        // if selected node is NOT undefined iframe loads the url (type string) from selectedRoomId
+        setSelectedRoomId(() => {
+            if (content) {
+                router.push(`/explore/${parentId}/${roomId}`);
+                return content;
+            } else {
+                router.push(`/explore/${roomId}`);
+                return null;
+            }
+        });
     };
-    if (!graphObject || typeof window === 'undefined') return <LoadingSpinner />;
+
+    if (!entryPointId || typeof window === 'undefined') return <LoadingSpinner />;
     return (
         <>
-            <IframeLayout.Sidebar width={!selectedNode && '100%'}>
+            <IframeLayout.Sidebar width={!selectedRoomId && '100%'}>
                 <h2 ref={dimensionsRef}>/explore</h2>
-                <ExploreSection
-                    selectedNode={!!selectedNode}
-                >
-                    <GraphView
-                        parsedData={graphObject}
-                        parsedHeight={d3Height}
+                <ExploreSection selectedRoomId={!!selectedRoomId}>
+                    <TableView
+                        id={entryPointId}
                         handleClick={handleClicked}
-                        selectedNode={!!selectedNode}
+                        selectedRoomId={selectedRoomId}
                         activePath={activePath}
                     />
                 </ExploreSection>
             </IframeLayout.Sidebar>
-            { selectedNode && (
+            { selectedRoomId && (
                 (() => {
                     switch (currentItemType) {
                         case 'studentproject':
-                            return <ProjectView content={selectedNode} />;
+                            return <ProjectView content={selectedRoomId} />;
                         case 'write':
                             return (
                                 <IframeLayout.IframeWrapper>
                                     <WriteIframeHeader
-                                        content={selectedNode}
-                                        title={matrix.spaces.get(router.query.roomId[0])?.name || matrix.rooms.get(router.query.roomId[0])?.name}
+                                        content={selectedRoomId}
+                                        title={matrix.spaces.get(router.query.roomId[1])?.name || matrix.rooms.get(router.query.roomId[1])?.name}
                                         removeLink={() => console.log('removing pad from parent')}
                                         removingLink={false} />
-                                    <iframe src={selectedNode} />
+                                    <iframe src={selectedRoomId} />
                                 </IframeLayout.IframeWrapper>
                             );
                         case 'sketch':
                             return (
                                 <IframeLayout.IframeWrapper>
                                     <WriteIframeHeader
-                                        content={selectedNode}
-                                        title={matrix.spaces.get(router.query.roomId[0])?.name || matrix.rooms.get(router.query.roomId[0])?.name}
+                                        content={selectedRoomId}
+                                        title={matrix.spaces.get(router.query.roomId[1])?.name || matrix.rooms.get(router.query.roomId[1])?.name}
                                         removeLink={() => console.log('removing sketch from parent')}
                                         removingLink={false} />
-                                    <iframe src={selectedNode} />
+                                    <iframe src={selectedRoomId} />
                                 </IframeLayout.IframeWrapper>
                             );
                         default:
                             return (
                                 <IframeLayout.IframeWrapper>
                                     <WriteIframeHeader
-                                        content={selectedNode}
-                                        title={matrix.spaces.get(router.query.roomId[0])?.name || matrix.rooms.get(router.query.roomId[0])?.name}
+                                        content={selectedRoomId}
+                                        title={matrix.spaces.get(router.query.roomId[1])?.name || matrix.rooms.get(router.query.roomId[1])?.name}
                                         removeLink={() => console.log('removing pad from parent')}
                                         removingLink={false} />
-                                    <ChatIframeView src={selectedNode} />
+                                    <ChatIframeView src={selectedRoomId} />
                                 </IframeLayout.IframeWrapper>
                             );
                     }
@@ -395,4 +163,3 @@ export default function Explore() {
 Explore.getLayout = () => {
     return IframeLayout.Layout;
 };
-

From 0307bc873849812d3f37c4301674e2e6d6fc829d Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 13 Jul 2023 13:14:27 +0200
Subject: [PATCH 096/714] remove unused function

---
 pages/write/[[...roomId]].js | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/pages/write/[[...roomId]].js b/pages/write/[[...roomId]].js
index 7e2ccef0..0a3eb4d1 100644
--- a/pages/write/[[...roomId]].js
+++ b/pages/write/[[...roomId]].js
@@ -138,8 +138,6 @@ export default function Write() {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [serviceSpaceId, serverPads, createWriteRoom]);
 
-    const copyToClipboard = () => navigator.clipboard.writeText(content.body);
-
     /**
      * Removes the given pad from the user's library, and also deletes the pad entirely via API if possible.
      */
@@ -364,7 +362,7 @@ export default function Write() {
                         title={matrix.rooms.get(roomId).name}
                         deletePad={deletePad}
                         isDeletingPad={isDeletingPad}
-                        mypadsPadObject={mypadsPadObject } />
+                        mypadsPadObject={mypadsPadObject} />
                     <iframe src={iframeUrl.toString()}  />
                 </IframeLayout.IframeWrapper>
             ) }

From 1ec8ba3ddd98ce96cccde27f8f5317dd87d1805b Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 13 Jul 2023 13:20:11 +0200
Subject: [PATCH 097/714] just linter things

---
 pages/explore/[[...roomId]].js | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index af6c2f65..c7df3407 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -50,6 +50,7 @@ export default function Explore() {
             setActivePath([roomId, iframeRoomId]);
         } else router.push(`/explore/${roomId}`);
         setEntryPointId(roomId);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
 
     useEffect(() => {
@@ -65,6 +66,7 @@ export default function Explore() {
             fetchMessage = await matrix.hydrateRoomContent(roomId);
         }
         if (!fetchMessage) return;
+
         return fetchMessage.body;
     };
 
@@ -72,6 +74,7 @@ export default function Explore() {
         if (!roomId) return;
         setActivePath(prevState => {
             prevState.splice(index < 0 ? 0 : index);
+
             return [...prevState, roomId];
         });
 
@@ -93,15 +96,18 @@ export default function Explore() {
         setSelectedRoomId(() => {
             if (content) {
                 router.push(`/explore/${parentId}/${roomId}`);
+
                 return content;
             } else {
                 router.push(`/explore/${roomId}`);
+
                 return null;
             }
         });
     };
 
     if (!entryPointId || typeof window === 'undefined') return <LoadingSpinner />;
+
     return (
         <>
             <IframeLayout.Sidebar width={!selectedRoomId && '100%'}>

From 0cc51252b1deab5d614104f5ac2b228371b1f088 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 13 Jul 2023 13:24:35 +0200
Subject: [PATCH 098/714] warp functions in useCallback hooks

---
 pages/explore/TableView.js | 20 ++++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

diff --git a/pages/explore/TableView.js b/pages/explore/TableView.js
index a650d690..615e879d 100644
--- a/pages/explore/TableView.js
+++ b/pages/explore/TableView.js
@@ -1,5 +1,5 @@
 
-import React, { useEffect, useState } from 'react';
+import React, { useCallback, useEffect, useState } from 'react';
 
 import ErrorMessage from '../../components/UI/ErrorMessage';
 import LoadingSpinner from '../../components/UI/LoadingSpinner';
@@ -20,12 +20,13 @@ function TableView({ handleClick, selectedRoomId, activePath, id, currentItemTyp
             if (selectedRoomId) callApiWithInitalNode(null, selectedRoomId, 0, currentItemType, id);
             else callApiAndAddToObject(null, id, 0);
         }
+
         return () => {
             cancelled = true;
         };
-    }, []);
+    }, [callApiAndAddToObject, callApiWithInitalNode, currentItemType, id, selectedRoomId]);
 
-    async function callApiWithInitalNode(e, roomId, index, template, parentId) {
+    const callApiWithInitalNode = useCallback(async(e, roomId, index, template, parentId) => {
         e && e.preventDefault();
         console.debug('call Api or matrix with initial id and add');
         const spaceHierarchy = await matrix.roomHierarchy(roomId, null, 1)
@@ -34,7 +35,7 @@ function TableView({ handleClick, selectedRoomId, activePath, id, currentItemTyp
             .catch(err => console.debug(err));
         const parent = parentHierarchy[0];
 
-        const getMetaEvent = async (obj) => {
+        async function getMetaEvent(obj) {
             console.debug('getting meta event');
             const metaEvent = await auth.getAuthenticationProvider('matrix').getMatrixClient().getStateEvent(obj.state_key || obj.room_id, 'dev.medienhaus.meta')
                 .catch((err) => {
@@ -46,7 +47,7 @@ function TableView({ handleClick, selectedRoomId, activePath, id, currentItemTyp
                 obj.template = metaEvent.template;
                 obj.application = metaEvent.application;
             }
-        };
+        }
         for (const space of parentHierarchy) {
             space.parent = parent;
             await getMetaEvent(space);
@@ -57,9 +58,9 @@ function TableView({ handleClick, selectedRoomId, activePath, id, currentItemTyp
         }
         await handleClick(roomId, spaceHierarchy[0].template, index, parentId);
         setData([parentHierarchy, spaceHierarchy]);
-    }
+    }, [auth, handleClick, matrix])
 
-    async function callApiAndAddToObject(e, roomId, index, template, parentId) {
+   const callApiAndAddToObject = useCallback( async (e, roomId, index, template, parentId) => {
         e && e.preventDefault();
         console.log('call Api or matrix and add');
         const spaceHierarchy = await matrix.roomHierarchy(roomId, null, 1)
@@ -88,11 +89,13 @@ function TableView({ handleClick, selectedRoomId, activePath, id, currentItemTyp
         await handleClick(roomId, template, index, parentId);
         setData((prevData) => {
             prevData.splice(index + 1); // delete all entries after the selected row.
+
             return [...prevData, spaceHierarchy];
         });
-    }
+    },[auth, handleClick, matrix])
 
     if (!data) return <LoadingSpinner />;
+
     return (
         <>
             { !selectedRoomId && !navigator.userAgent.includes('iPhone') && !navigator.userAgent.includes('Android') && <TreePath
@@ -117,6 +120,7 @@ function TableView({ handleClick, selectedRoomId, activePath, id, currentItemTyp
                         return 0; // no sorting necessary
                     }
                 });
+
                 return <TreeLeaves
                     row={index}
                     data={sortedLeaves}

From 4e8edd1cdb5e719dbe9b8ec7893a3157fe1e11a9 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 13 Jul 2023 13:24:42 +0200
Subject: [PATCH 099/714] make linter happy

---
 pages/explore/TreeLeaves.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/pages/explore/TreeLeaves.js b/pages/explore/TreeLeaves.js
index 77d348c6..dee562d0 100644
--- a/pages/explore/TreeLeaves.js
+++ b/pages/explore/TreeLeaves.js
@@ -39,6 +39,7 @@ const TreeLeaves = ({ handleClick, row, data, roomId, isParent, parent, selected
     };
 
     if (!data) return <LoadingSpinner />;
+
     return (<>
         { selectedRoomId && parent && <Leaf
             onClick={(e) => onClick(e, parent.room_id, row - 1, parent.template)}
@@ -54,6 +55,7 @@ const TreeLeaves = ({ handleClick, row, data, roomId, isParent, parent, selected
                 if (roomId === router.query.roomId[0]) return null;
                 // if an iframe is open we only want to show items in the list
                 if (selectedRoomId && child.type !== 'item') return null;
+
                 return <>
                     <ServiceTable.Row key={roomId} disabled={fetchingLeaves}>
                         <ServiceTable.Cell

From 9cf1d650fcc3aeab3eb8e56a99e545ce27c19797 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 13 Jul 2023 15:45:07 +0200
Subject: [PATCH 100/714] fix, selecedRoomId being a url, change switch cases
 to new templates

---
 pages/explore/TableView.js     |  6 ++--
 pages/explore/TreeLeaves.js    |  6 ++--
 pages/explore/TreePath.js      |  5 ++--
 pages/explore/[[...roomId]].js | 55 +++++++++++++---------------------
 pages/sketch/[[...roomId]].js  |  1 +
 5 files changed, 30 insertions(+), 43 deletions(-)

diff --git a/pages/explore/TableView.js b/pages/explore/TableView.js
index 615e879d..c263f78d 100644
--- a/pages/explore/TableView.js
+++ b/pages/explore/TableView.js
@@ -60,8 +60,8 @@ function TableView({ handleClick, selectedRoomId, activePath, id, currentItemTyp
         setData([parentHierarchy, spaceHierarchy]);
     }, [auth, handleClick, matrix])
 
-   const callApiAndAddToObject = useCallback( async (e, roomId, index, template, parentId) => {
-        e && e.preventDefault();
+   const callApiAndAddToObject = useCallback(async(e, roomId, index, template, parentId) => {
+       e && e.preventDefault();
         console.log('call Api or matrix and add');
         const spaceHierarchy = await matrix.roomHierarchy(roomId, null, 1)
             .catch(err => console.debug(err));
@@ -104,7 +104,7 @@ function TableView({ handleClick, selectedRoomId, activePath, id, currentItemTyp
                 callApiAndAddToObject={callApiAndAddToObject}
             />
             }
-            { data.map((leaf, index) => {
+            {data.map((leaf, index) => {
                 const numberOfRows = selectedRoomId ? 2 : 1;
                 if (index < data.length - numberOfRows) return null; // only show a defined maximum of rows.
                 if (selectedRoomId && index != data.length - 2) return null; // if an id is selected only show the selected row.
diff --git a/pages/explore/TreeLeaves.js b/pages/explore/TreeLeaves.js
index dee562d0..d38c8cb9 100644
--- a/pages/explore/TreeLeaves.js
+++ b/pages/explore/TreeLeaves.js
@@ -67,9 +67,9 @@ const TreeLeaves = ({ handleClick, row, data, roomId, isParent, parent, selected
                                 : <>{ isParent && parent && selectedRoomId ? '← ' : isParent && parent && '↓ ' } <a href="">{ child.name }{ fetchingLeaves === roomId && <LoadingSpinnerInline /> }</a></> }
                         </ServiceTable.Cell>
                         <ServiceTable.Cell title={child.template}>
-                            { child.template === 'write' ? '📝'
-                                : child.template === 'chat' ? '💬'
-                                    : child.template === 'sketch' ? '🎨'
+                            { child.template === 'write-link' ? '📝'
+                                : child.template === 'chat-link' ? '💬'
+                                    : child.template === 'sketch-link' ? '🎨'
                                         : child.template === 'studentproject' && '🎓' }
                         </ServiceTable.Cell>
                     </ServiceTable.Row>
diff --git a/pages/explore/TreePath.js b/pages/explore/TreePath.js
index c5eba08e..44f47fe4 100644
--- a/pages/explore/TreePath.js
+++ b/pages/explore/TreePath.js
@@ -21,7 +21,7 @@ const Leaf = styled(ServiceTable.Cell)`
   }
 
 `;
-const TreePath = ({ selectedNode, data, callApiAndAddToObject }) => {
+const TreePath = ({ selectedRoomId, data, callApiAndAddToObject }) => {
     const [isFetching, setIsFetching] = useState(false);
 
     const handleClick = async (e, roomId, row, template) => {
@@ -32,9 +32,10 @@ const TreePath = ({ selectedNode, data, callApiAndAddToObject }) => {
     };
 
     return (
-        <ServiceTable explore={selectedNode ? false : true}>
+        <ServiceTable explore={selectedRoomId ? false : true}>
             { data.map((path, index) => {
                 if (!path[0]?.parent) return null;
+
                 return <ServiceTable.Row key={index}>
                     <Leaf selected
                         disabled={isFetching}
diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index c7df3407..ab3b72fc 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -60,15 +60,6 @@ export default function Explore() {
         return () => cancelled = true;
     }, [initialSetup]);
 
-    const getRoomContent = async (roomId) => {
-        let fetchMessage = matrix.roomContents.get(roomId);
-        if (!fetchMessage) {
-            fetchMessage = await matrix.hydrateRoomContent(roomId);
-        }
-        if (!fetchMessage) return;
-
-        return fetchMessage.body;
-    };
 
     const handleClicked = async (roomId, template, index, parentId) => {
         if (!roomId) return;
@@ -78,32 +69,26 @@ export default function Explore() {
             return [...prevState, roomId];
         });
 
-        let content = null;
-        if (template === 'chat') {
+        
+        if (template === 'chat-link') {
             setCurrentItemType(template);
-            content = `${getConfig().publicRuntimeConfig.chat.pathToElement}/#/room/${roomId}`;
+            router.push(`/explore/${parentId}/${roomId}`);
+            setSelectedRoomId(roomId)
         }
         if (template === 'studentproject') {
             setCurrentItemType(template);
-            content = roomId;
+            router.push(`/explore/${parentId}/${roomId}`);
+            setSelectedRoomId(roomId)
         }
-        if (template === 'sketch' || template === 'write') {
+        if (template === 'sketch-link' || template === 'write-link') {
             setCurrentItemType(template);
-            content = await getRoomContent(roomId);
+            router.push(`/explore/${parentId}/${roomId}`);
+            setSelectedRoomId(roomId)
+        } else {
+            router.push(`/explore/${roomId}`);
+            setSelectedRoomId(null)
         }
 
-        // if selected node is NOT undefined iframe loads the url (type string) from selectedRoomId
-        setSelectedRoomId(() => {
-            if (content) {
-                router.push(`/explore/${parentId}/${roomId}`);
-
-                return content;
-            } else {
-                router.push(`/explore/${roomId}`);
-
-                return null;
-            }
-        });
     };
 
     if (!entryPointId || typeof window === 'undefined') return <LoadingSpinner />;
@@ -126,37 +111,37 @@ export default function Explore() {
                     switch (currentItemType) {
                         case 'studentproject':
                             return <ProjectView content={selectedRoomId} />;
-                        case 'write':
+                        case 'write-link':
                             return (
                                 <IframeLayout.IframeWrapper>
                                     <WriteIframeHeader
-                                        content={selectedRoomId}
+                                        content={matrix.roomContents.get(selectedRoomId).body}
                                         title={matrix.spaces.get(router.query.roomId[1])?.name || matrix.rooms.get(router.query.roomId[1])?.name}
                                         removeLink={() => console.log('removing pad from parent')}
                                         removingLink={false} />
-                                    <iframe src={selectedRoomId} />
+                                    <iframe src={matrix.roomContents.get(selectedRoomId).body} />
                                 </IframeLayout.IframeWrapper>
                             );
-                        case 'sketch':
+                        case 'sketch-link':
                             return (
                                 <IframeLayout.IframeWrapper>
                                     <WriteIframeHeader
-                                        content={selectedRoomId}
+                                        content={matrix.roomContents.get(selectedRoomId).body}
                                         title={matrix.spaces.get(router.query.roomId[1])?.name || matrix.rooms.get(router.query.roomId[1])?.name}
                                         removeLink={() => console.log('removing sketch from parent')}
                                         removingLink={false} />
-                                    <iframe src={selectedRoomId} />
+                                    <iframe src={matrix.roomContents.get(selectedRoomId).body} />
                                 </IframeLayout.IframeWrapper>
                             );
                         default:
                             return (
                                 <IframeLayout.IframeWrapper>
                                     <WriteIframeHeader
-                                        content={selectedRoomId}
+                                        content={`${getConfig().publicRuntimeConfig.chat.pathToElement}/#/room/${selectedRoomId}`}
                                         title={matrix.spaces.get(router.query.roomId[1])?.name || matrix.rooms.get(router.query.roomId[1])?.name}
                                         removeLink={() => console.log('removing pad from parent')}
                                         removingLink={false} />
-                                    <ChatIframeView src={selectedRoomId} />
+                                    <ChatIframeView src={matrix.roomContents.get(selectedRoomId).body} />
                                 </IframeLayout.IframeWrapper>
                             );
                     }
diff --git a/pages/sketch/[[...roomId]].js b/pages/sketch/[[...roomId]].js
index 4bb7ea9a..28ca1e86 100644
--- a/pages/sketch/[[...roomId]].js
+++ b/pages/sketch/[[...roomId]].js
@@ -232,6 +232,7 @@ export default function Sketch() {
                     } catch (e) {
                         return false;
                     }
+
                     return url.protocol === 'http:' || url.protocol === 'https:';
                 };
                 if (isValidUrl(e.target.value)) setValidLink(true);

From e39f5fd1da801ea7278ca7c56414487127662d7b Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 13 Jul 2023 19:56:02 +0200
Subject: [PATCH 101/714] remove darkmode until fixed

---
 assets/_globalCss.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/assets/_globalCss.css b/assets/_globalCss.css
index 399adaa8..374fdde8 100644
--- a/assets/_globalCss.css
+++ b/assets/_globalCss.css
@@ -13,7 +13,7 @@
   --color-background-beta: hsl(0deg 0% 94%);
 }
 
-@media (prefers-color-scheme: dark) {
+/* @media (prefers-color-scheme: dark) {
   :root {
     --color-background: rgb(25 25 25);
     --color-background-sidebar: rgb(10 10 10);
@@ -22,7 +22,7 @@
     --color-disabled: rgb(128 128 128);
     --color-selection: rgb(255 240 170);
   }
-}
+} */
 
 *,
 *::before,

From f38817d84dc1379247fda616d26590de8c01c989 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Robert=20Schn=C3=BCll?= <mail@robertschnuell.de>
Date: Fri, 14 Jul 2023 12:09:59 +0200
Subject: [PATCH 102/714] commit last uncommited files from month ago

Will be reviewed in the future. No clue if they are necessary.
---
 pages/explore/AdvancedRoomOptions.js |  42 ++++----
 pages/explore/createContext.js       | 150 ++++++++++++++++++++++++---
 pages/explore/presets.js             |   5 +-
 pages/explore/templateSelect.js      | 136 +++++++++++-------------
 4 files changed, 224 insertions(+), 109 deletions(-)

diff --git a/pages/explore/AdvancedRoomOptions.js b/pages/explore/AdvancedRoomOptions.js
index 269dc4fa..7c7937b2 100644
--- a/pages/explore/AdvancedRoomOptions.js
+++ b/pages/explore/AdvancedRoomOptions.js
@@ -5,7 +5,6 @@ import _ from 'lodash';
 
 import { useAuth } from '../../lib/Auth';
 import { useMatrix } from '../../lib/Matrix';
-
 import TemplateSelect from './TemplateSelect';
 
 /**
@@ -19,38 +18,37 @@ import TemplateSelect from './TemplateSelect';
  * @param {String} presets – x
  *
  * This component is used in the 'settings' action component as well as in the 'create context' component.
- * 
+ *
  * @TODO
  * - in the future more advanced options will be added which are not matrix specification based. as example adding of temporal or allocation data, both part of the 'dev.medienhaus' custom state events
 */
 
-
 const AdvancedRoomOptions = ({ currentId, currentOptions, powerLevels, presets }) => {
     const auth = useAuth();
     const matrix = auth.getAuthenticationProvider('matrix');
     const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
 
     return (
-    <>
+        <>
+            <select>
+                <option value="" disabled selected>visibilty</option>
+                { _.map(presets?.allowedHistoryVisibility, option => {
+                    return <option value={option?.name}>{ option?.display } — { option?.description }</option>;
+                }) }
+            </select>
+            <select>
+                <option value="" disabled selected>join rules</option>
+                { _.map(presets?.allowedJoinRules, option => {
+                    return <option value={option?.name}>{ option?.display } — { option?.description }</option>;
+                }) }
+            </select>
             <select>
-                        <option value="" disabled selected>visibilty</option>
-                        { _.map(presets?.allowedHistoryVisibility, option => {
-                            return <option value={option?.name}>{ option?.display } — { option?.description }</option>;
-                        }) }
-                    </select>
-                    <select>
-                        <option value="" disabled selected>join rules</option>
-                        { _.map(presets?.allowedJoinRules, option => {
-                            return <option value={option?.name}>{ option?.display } — { option?.description }</option>;
-                        }) }
-                    </select>
-                    <select>
-                        <option value="" disabled selected>member participation presets</option>
-                        { _.map(presets?.allowedPowerLevelPresets, option => {
-                            return <option value={option?.name}>{ option?.display } — { option?.description }</option>;
-                        }) }
-                    </select>
-    </>
+                <option value="" disabled selected>member participation presets</option>
+                { _.map(presets?.allowedPowerLevelPresets, option => {
+                    return <option value={option?.name}>{ option?.display } — { option?.description }</option>;
+                }) }
+            </select>
+        </>
     );
 };
 
diff --git a/pages/explore/createContext.js b/pages/explore/createContext.js
index 29ae44c7..910fa806 100644
--- a/pages/explore/createContext.js
+++ b/pages/explore/createContext.js
@@ -5,31 +5,155 @@ import _ from 'lodash';
 
 import { useAuth } from '../../lib/Auth';
 import { useMatrix } from '../../lib/Matrix';
-
 import TemplateSelect from './TemplateSelect';
-import AdvancedRoomOptions from './AdvancedRoomOptions'
+import AdvancedRoomOptions from './AdvancedRoomOptions';
 import presets from './presets';
 
+const AdvancesOptions = styled.details`
+  & {
+    margin-bottom: var(--margin);
+  }
+
+  & select {
+    margin-bottom: var(--margin);
+  }
+`;
 
 const CreateContext = ({ currentId, userInfos }) => {
     const auth = useAuth();
     const matrix = auth.getAuthenticationProvider('matrix');
     const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
 
+    const [name, setName] = useState();
+    const [topic, setTopic] = useState();
+    const [template, setTemplate] = useState();
+    const [historyVisibility, setHistoryVisibility] = useState();
+    const [joinRules, setJoinRules] = useState();
+    const [powerLevels, setPowerLevels] = useState();
+
+    const [createNewContextErrorMessage, setCreateNewContextErrorMessage] = useState();
+
+    const createContext = async (e) => {
+        e.preventDefault();
+        //first of all some content checking otherwise displaying custom error messages
+        if (!name) {
+            setCreateNewContextErrorMessage('name not set');
+            return;
+        }
+        if (name.length < 4) {
+            setCreateNewContextErrorMessage('name must have at least 4 Character');
+            return;
+        }
+        if (!template) {
+            setCreateNewContextErrorMessage('template not selected');
+            return;
+        }
+        // topic is optional. Advanced options as well if not selected will fall back to default
+        if (topic?.length > 400) {
+            setCreateNewContextErrorMessage('topic too long (max 400chars)');
+            return;
+        }
+        if (!historyVisibility) {
+            setHistoryVisibility('default');
+            return;
+        }
+        if (!joinRules) {
+            setJoinRules('default');
+            return;
+        }
+        if (!powerLevels) {
+            setPowerLevels('default');
+            return;
+        }
+
+        const p = _.find(presets?.allowedPowerLevelPresets, { name: powerLevels });
+        const call = createMatrixRoom(
+            name,
+            topic,
+            template,
+            historyVisibility,
+            joinRules,
+            p?.powerLevels,
+        );
+
+        //console.log(p?.powerLevels);
+        console.log(await call);
+        //no error detected delete some leftovers
+        setCreateNewContextErrorMessage('');
+    };
+
+    const createMatrixRoom = async (name, topic = 'a', historyVisibility, joinRules, powerLevels) => {
+        const opts = {
+            name: name,
+            room_version: '9',
+            preset: 'public_chat',
+            topic: topic,
+            visibility: 'public',
+            creation_content: {
+                type: 'm.space',
+            },
+            initial_state: [{
+                type: 'm.room.history_visibility',
+                content: { history_visibility: historyVisibility },
+            },
+            {
+                type: 'm.room.join_rules',
+                content: { join_rule: joinRules },
+            }],
+        };
+
+        console.log(name);
+        console.log(topic);
+        console.log(historyVisibility);
+        console.log(joinRules);
+        console.log(powerLevels);
+
+        const room = await matrixClient.createRoom(opts);
+        const medienhausMetaEvent = {
+            type: 'context',
+            template: template,
+            version: '0.4',
+        };
+
+        await matrixClient.sendStateEvent(room.room_id, 'dev.medienhaus.meta', medienhausMetaEvent);
+        return room;
+    };
+
     return (
-        <form>
-            <input type="text" required placeholder='name'></input>
-            <input type="text" placeholder='topic (optional)'></input>
-            <TemplateSelect 
-            currentId={currentId} 
-            userInfos={userInfos} 
-            templateDirectoryId={getConfig().publicRuntimeConfig.templates.context}
+        <form onSubmit={createContext}>
+            <input type="text" onChange={(e) => {setName(e?.target?.value);}} value={name} required placeholder="name" />
+            <input type="text" onChange={(e) => {setTopic(e?.target?.value);}} value={topic} placeholder="topic (optional)" />
+            <TemplateSelect
+                currentId={currentId}
+                userInfos={userInfos}
+                currentTemplate={setTemplate}
+                templateDirectoryId={getConfig().publicRuntimeConfig.templates.context}
             />
-            <details>
+
+            <AdvancesOptions>
                 <summary>Advanced</summary>
-                <AdvancedRoomOptions presets={presets}/>
-            </details>
-            
+                <select defaultValue={_.find(presets?.allowedHistoryVisibility, { default: true })?.name} value={historyVisibility} onChange={(e) => {setHistoryVisibility(e.target.value); }}>
+                    <option value="" disabled>visibilty</option>
+                    { _.map(presets?.allowedHistoryVisibility, (option, key) => {
+                        return <option key={key} value={option?.name}>{ option?.display } — { option?.description }</option>;
+                    }) }
+                </select>
+                <select defaultValue={_.find(presets?.allowedJoinRules, { default: true })?.name} value={joinRules} onChange={(e) => {setJoinRules(e.target.value);}}>
+                    <option value="" disabled>join rules</option>
+                    { _.map(presets?.allowedJoinRules, (option, key) => {
+                        return <option key={key} value={option?.name}>{ option?.display } — { option?.description }</option>;
+                    }) }
+                </select>
+                <select defaultValue={_.find(presets?.allowedPowerLevelPresets, { default: true })?.name} value={powerLevels} onChange={(e) => {setPowerLevels(e.target.value);}}>
+                    <option value="" disabled>member participation presets</option>
+                    { _.map(presets?.allowedPowerLevelPresets, (option, key) => {
+                        return <option key={key} value={option?.name}>{ option?.display } — { option?.description }</option>;
+                    }) }
+                </select>
+            </AdvancesOptions>
+            { (createNewContextErrorMessage) &&
+                <div>‼️ { createNewContextErrorMessage }</div> //error message container
+            }
             <button type="submit">create</button>
         </form>
 
diff --git a/pages/explore/presets.js b/pages/explore/presets.js
index 15cfea73..68239f64 100644
--- a/pages/explore/presets.js
+++ b/pages/explore/presets.js
@@ -16,6 +16,7 @@ module.exports = {
             name: 'public',
             display: '🌐',
             description: 'public to everyone to join',
+            default: true,
         },
         {
             name: 'restricted',
@@ -38,6 +39,7 @@ module.exports = {
             name: 'world_readable',
             display: '🌐',
             description: 'some description',
+            default: true,
         },
         {
             name: 'shared',
@@ -60,6 +62,7 @@ module.exports = {
             name: 'public',
             display: '🌐',
             description: 'public (default); all members can add content.',
+            default: true,
             powerLevels: {
                 'users_default': 0,
                 'events': {
@@ -77,7 +80,7 @@ module.exports = {
                     'm.reaction': 50,
                     'dev.medienhaus.meta': 100,
                 },
-                'events_default': 50,
+                'events_default': 0,
                 'state_default': 50,
                 'ban': 50,
                 'kick': 50,
diff --git a/pages/explore/templateSelect.js b/pages/explore/templateSelect.js
index 4160ae78..a64c8579 100644
--- a/pages/explore/templateSelect.js
+++ b/pages/explore/templateSelect.js
@@ -5,7 +5,6 @@ import _ from 'lodash';
 import { useAuth } from '../../lib/Auth';
 import { useMatrix } from '../../lib/Matrix';
 
-
 /**
  * TEMPLATE SELECT COMPONENT
  * ------------------
@@ -16,45 +15,41 @@ import { useMatrix } from '../../lib/Matrix';
  * @param {Function} currentTemplate — x
  * @param {Boolean} updateCurrentId – x
  *
- * @TODO 
+ * @TODO
  * - piping sync functionallity in this component so that the content of the template room will not be requested each time, without any content has changed.
  * - adding new contents in templateDirectoryRoom
  * - fixing same bugs to save a new template todo in 'onSaveCreateNewTemplate'
 */
 
-const TemplateSelect = ({ currentId, templateDirectoryId, userInfos, currentTemplate   }) => {
+const TemplateSelect = ({ currentId, templateDirectoryId, userInfos, currentTemplate }) => {
     const auth = useAuth();
     const matrix = auth.getAuthenticationProvider('matrix');
     const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
 
-    const [fetchedTemplates, setFetchedTemplates] = useState([]); //hold all of the templates from the templateId in chache 
+    const [fetchedTemplates, setFetchedTemplates] = useState([]); //hold all of the templates from the templateId in chache
 
-    const [selectedTemplate,setSelectedTemplate] = useState();
+    const [selectedTemplate, setSelectedTemplate] = useState();
 
     // States to create a new Template
-    const [createNewDialog,setCreateNewDialog] = useState(false);
-    const [createNewTemplateName,setCreateNewTemplateName] = useState('');
-    const [createNewTemplateErrorMessage,setCreateNewTemplateErrorMessage] = useState('')
-
-
+    const [createNewDialog, setCreateNewDialog] = useState(false);
+    const [createNewTemplateName, setCreateNewTemplateName] = useState('');
+    const [createNewTemplateErrorMessage, setCreateNewTemplateErrorMessage] = useState('');
 
     useEffect(() => {
-        //checking if currentTemplate is a function 
-        if (!currentTemplate) return
-            // checking if 'selectedTemplate' is 
-            if(selectedTemplate !== '_createNew') {
-                currentTemplate(selectedTemplate)
-            } else {
-                currentTemplate('')
-            }
+        //checking if currentTemplate is a function
+        if (!currentTemplate) return;
+        // checking if 'selectedTemplate' is
+        if (selectedTemplate !== '_createNew') {
+            currentTemplate(selectedTemplate);
+        } else {
+            currentTemplate('');
+        }
     }, [selectedTemplate]);
-    
 
     useEffect(() => {
-        getTemplatesOfContexts(templateDirectoryId)
-        setCreateNewDialog(false)
-    }, [currentId,setCreateNewDialog]); //fetches all of the templates from the given Id when this Component is instantiated after the selected observed Id changed
-
+        getTemplatesOfContexts(templateDirectoryId);
+        setCreateNewDialog(false);
+    }, [currentId, setCreateNewDialog]); //fetches all of the templates from the given Id when this Component is instantiated after the selected observed Id changed
 
     const getTemplatesOfContexts = async (roomId) => { // gets the templates from the Id
         const metaEvent = await auth.getAuthenticationProvider('matrix').getMatrixClient().getStateEvent(roomId, 'dev.medienhaus.meta').catch(() => {});
@@ -63,85 +58,80 @@ const TemplateSelect = ({ currentId, templateDirectoryId, userInfos, currentTemp
         const roomContent = await (matrix.fetchRoomMessages(roomId, 50));
         const templates = _.uniq(roomContent?.chunk.map(entry => entry?.content?.body)).filter(e => e);
         setFetchedTemplates(templates);
-    }
+    };
 
     const onChangeTemplateSelect = (e) => {
-        if (e.target.value === 'template') return 
-        setSelectedTemplate(e.target.value)
-        if(e.target.value === '_createNew')  {
-            setCreateNewDialog(true)
+        if (e.target.value === 'template') return;
+        setSelectedTemplate(e.target.value);
+        if (e.target.value === '_createNew') {
+            setCreateNewDialog(true);
         } else {
-            setCreateNewDialog(false)
+            setCreateNewDialog(false);
         }
     };
 
     const onSaveCreateNewTemplate = async () => {
         /**
-        *   @TODO 
+        *   @TODO
         *   ✔️ checking if user is member of room
         *   ✔️ checking if user is allowed to post message in the room otherwise throw error
         *   ✔️ posting message with new template to the room
         *   ✔️ return positive response and empty errormesssage if event_id is returned by matrix server
-        *   - generalising this functionallity of 'checking if in room, checking if allowed to post, post message' and adding it to the matrixAuthProvider 
+        *   - generalising this functionallity of 'checking if in room, checking if allowed to post, post message' and adding it to the matrixAuthProvider
         *   - some error occured getJoinedRoomMembers is fetched and the user is not part of the room. M_UNKNOWN with 500 returned.
         */
 
-        const members = await matrixClient.getJoinedRoomMembers(templateDirectoryId)
-   
-        if(!(userInfos?.id in members?.joined)) { //checking if current loggedIn User is already member of the room, if not condition is triggered
-            console.log('not member, trying to join')
-            const joinRequest = await matrixClient.joinRoom(templateDirectoryId)
-            if(joinRequest?.roomId !== templateDirectoryId) { //if not joined successful then throw error
-                setCreateNewTemplateErrorMessage("now allowed to join the template directory room Id")
-                return
+        const members = await matrixClient.getJoinedRoomMembers(templateDirectoryId);
+
+        if (!(userInfos?.id in members?.joined)) { //checking if current loggedIn User is already member of the room, if not condition is triggered
+            console.log('not member, trying to join');
+            const joinRequest = await matrixClient.joinRoom(templateDirectoryId);
+            if (joinRequest?.roomId !== templateDirectoryId) { //if not joined successful then throw error
+                setCreateNewTemplateErrorMessage('now allowed to join the template directory room Id');
+                return;
             }
         }
 
         //checking rights if allowed to post
         const powerLevels = await matrixClient.getStateEvent(templateDirectoryId, 'm.room.power_levels').catch(() => {});
-        console.log(powerLevels?.users[userInfos?.id]  )
-        if( ( powerLevels?.users[userInfos?.id] >= powerLevels?.events_default) || powerLevels?.events_default === powerLevels?.users_default ) {
+        console.log(powerLevels?.users[userInfos?.id]);
+        if ((powerLevels?.users[userInfos?.id] >= powerLevels?.events_default) || powerLevels?.events_default === powerLevels?.users_default) {
             //user is allowed to send messages
-            const sendMessage = await matrixClient.sendMessage(templateDirectoryId,{"msgtype":"m.text","body":createNewTemplateName})
-            if(sendMessage?.event_id) { // everything worked out as expected :)  closing create new template dialoge, reset everything and selecting the new option
-                setCreateNewTemplateErrorMessage("")
-                getTemplatesOfContexts(templateDirectoryId)
-                setCreateNewDialog(false)
-                setSelectedTemplate(createNewTemplateName)
+            const sendMessage = await matrixClient.sendMessage(templateDirectoryId, { 'msgtype': 'm.text', 'body': createNewTemplateName });
+            if (sendMessage?.event_id) { // everything worked out as expected :)  closing create new template dialoge, reset everything and selecting the new option
+                setCreateNewTemplateErrorMessage('');
+                getTemplatesOfContexts(templateDirectoryId);
+                setCreateNewDialog(false);
+                setSelectedTemplate(createNewTemplateName);
             } else {
-                setCreateNewTemplateErrorMessage("something went wrong")
+                setCreateNewTemplateErrorMessage('something went wrong');
             }
         } else {
-            setCreateNewTemplateErrorMessage("now allowed to submit new templates to the room Id")
-            return
+            setCreateNewTemplateErrorMessage('now allowed to submit new templates to the room Id');
+            return;
         }
-  
-
-
-    }
+    };
 
     const onChangeCreateNewTemplate = (e) => {
-        setCreateNewTemplateName(e.target.value)
-        if(e.target.value.length < 4){
-            setCreateNewTemplateErrorMessage("template needs to contain at least 4 character")
-            return
+        setCreateNewTemplateName(e.target.value);
+        if (e.target.value.length < 4) {
+            setCreateNewTemplateErrorMessage('template needs to contain at least 4 character');
+            return;
         } else {
-            setCreateNewTemplateErrorMessage("")
+            setCreateNewTemplateErrorMessage('');
         }
-        if(fetchedTemplates.includes(e.target.value)) {
-            setCreateNewTemplateErrorMessage("template already exists")
-            return
+        if (fetchedTemplates.includes(e.target.value)) {
+            setCreateNewTemplateErrorMessage('template already exists');
+            return;
         } else {
-            setCreateNewTemplateErrorMessage("")
+            setCreateNewTemplateErrorMessage('');
         }
-    }
-
-
+    };
 
     return (
         <>
-            <select name="template" value={selectedTemplate} onChange={onChangeTemplateSelect}>
-                <option value="template" disabled selected>Template</option>
+            <select name="template" defaultValue="template" value={selectedTemplate} onChange={onChangeTemplateSelect}>
+                <option value="template" disabled>Template</option>
                 { fetchedTemplates.map((template, key) => {
                     {/* cycle through all of the collective specified templates stored in a matrix room */}
                     return <option key={key} value={template}>
@@ -150,14 +140,14 @@ const TemplateSelect = ({ currentId, templateDirectoryId, userInfos, currentTemp
                 }) }
                 <option key="new" value="_createNew">create new…</option> { /* static element for users to create a new template */ }
             </select>
-            { createNewDialog && 
+            { createNewDialog &&
                 <>
-                    <input type="text" name="newTemplate" value={createNewTemplateName} onChange={onChangeCreateNewTemplate} required placeholder="…" /> 
-                    <button disabled={createNewTemplateErrorMessage} onClick={onSaveCreateNewTemplate} type='button'>create template</button>
+                    <input type="text" name="newTemplate" value={createNewTemplateName} onChange={onChangeCreateNewTemplate} required placeholder="…" />
+                    <button disabled={createNewTemplateErrorMessage} onClick={onSaveCreateNewTemplate} type="button">create template</button>
                 </>
             }{ /* this input is only generated if the dropwdown was selected 'create new…' */ }
-            { (createNewTemplateErrorMessage)  && 
-                <div>‼️ {createNewTemplateErrorMessage}</div> //error message container
+            { (createNewTemplateErrorMessage) &&
+                <div>‼️ { createNewTemplateErrorMessage }</div> //error message container
             }
         </>
     );

From 4dbd9449d33a3c259d7a9c80911f5b2c0286cace Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Fri, 14 Jul 2023 16:24:04 +0200
Subject: [PATCH 103/714] merge roomActions -> explore; move roomActions to
 /actions

---
 components/UI/ServiceTable.js                        | 2 ++
 components/layouts/partials/navigation.js            | 1 +
 pages/{explore => actions}/AddExistingContext.js     | 0
 pages/{explore => actions}/AdvancedRoomOptions.js    | 0
 pages/{explore => actions}/actions/AddAction.js      | 0
 pages/{explore => actions}/actions/InfoAction.js     | 0
 pages/{explore => actions}/actions/RemoveAction.js   | 0
 pages/{explore => actions}/actions/SettingsAction.js | 0
 pages/{explore => actions}/actions/index.js          | 0
 pages/{explore => actions}/createContext.js          | 0
 pages/{explore => actions}/index.js                  | 2 +-
 pages/{explore => actions}/presets.js                | 0
 pages/{explore => actions}/templateSelect.js         | 0
 pages/{explore => actions}/userHandle.js             | 0
 14 files changed, 4 insertions(+), 1 deletion(-)
 rename pages/{explore => actions}/AddExistingContext.js (100%)
 rename pages/{explore => actions}/AdvancedRoomOptions.js (100%)
 rename pages/{explore => actions}/actions/AddAction.js (100%)
 rename pages/{explore => actions}/actions/InfoAction.js (100%)
 rename pages/{explore => actions}/actions/RemoveAction.js (100%)
 rename pages/{explore => actions}/actions/SettingsAction.js (100%)
 rename pages/{explore => actions}/actions/index.js (100%)
 rename pages/{explore => actions}/createContext.js (100%)
 rename pages/{explore => actions}/index.js (98%)
 rename pages/{explore => actions}/presets.js (100%)
 rename pages/{explore => actions}/templateSelect.js (100%)
 rename pages/{explore => actions}/userHandle.js (100%)

diff --git a/components/UI/ServiceTable.js b/components/UI/ServiceTable.js
index 1ab70ec7..e3be24e2 100644
--- a/components/UI/ServiceTable.js
+++ b/components/UI/ServiceTable.js
@@ -25,6 +25,7 @@ const Table = styled.table`
   @media (width > 51em) {
     ${props => props.explore && 'max-width: calc(33% - (3 * var(--margin)));'}
   }
+
   border-top: 1px solid rgb(0 0 0 / 5%);
 `;
 
@@ -36,6 +37,7 @@ const TableRow = styled.tr`
   &:not(:last-of-type) {
     border-bottom: 1px dotted rgb(210 210 210);
   }
+
   border-bottom: 1px solid rgb(0 0 0 / 5%);
 `;
 
diff --git a/components/layouts/partials/navigation.js b/components/layouts/partials/navigation.js
index 2b6182d5..64f57567 100644
--- a/components/layouts/partials/navigation.js
+++ b/components/layouts/partials/navigation.js
@@ -45,6 +45,7 @@ export default function Navigation({ closeNavigation }) {
                 <li><Link href="/">/dashboard</Link></li>
                 <li><Link href="/account">/account</Link></li>
                 { getConfig().publicRuntimeConfig.contextRootSpaceRoomId && <li><Link href={`/explore/${getConfig().publicRuntimeConfig.contextRootSpaceRoomId}`}>/explore</Link></li> }
+                { getConfig().publicRuntimeConfig.contextRootSpaceRoomId && <li><Link href="/actions">/actions</Link></li> }
             </List>
             <List>
                 <li><Link href="/write">/write</Link></li>
diff --git a/pages/explore/AddExistingContext.js b/pages/actions/AddExistingContext.js
similarity index 100%
rename from pages/explore/AddExistingContext.js
rename to pages/actions/AddExistingContext.js
diff --git a/pages/explore/AdvancedRoomOptions.js b/pages/actions/AdvancedRoomOptions.js
similarity index 100%
rename from pages/explore/AdvancedRoomOptions.js
rename to pages/actions/AdvancedRoomOptions.js
diff --git a/pages/explore/actions/AddAction.js b/pages/actions/actions/AddAction.js
similarity index 100%
rename from pages/explore/actions/AddAction.js
rename to pages/actions/actions/AddAction.js
diff --git a/pages/explore/actions/InfoAction.js b/pages/actions/actions/InfoAction.js
similarity index 100%
rename from pages/explore/actions/InfoAction.js
rename to pages/actions/actions/InfoAction.js
diff --git a/pages/explore/actions/RemoveAction.js b/pages/actions/actions/RemoveAction.js
similarity index 100%
rename from pages/explore/actions/RemoveAction.js
rename to pages/actions/actions/RemoveAction.js
diff --git a/pages/explore/actions/SettingsAction.js b/pages/actions/actions/SettingsAction.js
similarity index 100%
rename from pages/explore/actions/SettingsAction.js
rename to pages/actions/actions/SettingsAction.js
diff --git a/pages/explore/actions/index.js b/pages/actions/actions/index.js
similarity index 100%
rename from pages/explore/actions/index.js
rename to pages/actions/actions/index.js
diff --git a/pages/explore/createContext.js b/pages/actions/createContext.js
similarity index 100%
rename from pages/explore/createContext.js
rename to pages/actions/createContext.js
diff --git a/pages/explore/index.js b/pages/actions/index.js
similarity index 98%
rename from pages/explore/index.js
rename to pages/actions/index.js
index 7f40a4fd..37304224 100644
--- a/pages/explore/index.js
+++ b/pages/actions/index.js
@@ -17,7 +17,7 @@ const ExploreSection = styled.div`
   }
 `;
 
-export default function Explore() {
+export default function ExploreActions() {
     const auth = useAuth();
     const { t } = useTranslation('explore');
 
diff --git a/pages/explore/presets.js b/pages/actions/presets.js
similarity index 100%
rename from pages/explore/presets.js
rename to pages/actions/presets.js
diff --git a/pages/explore/templateSelect.js b/pages/actions/templateSelect.js
similarity index 100%
rename from pages/explore/templateSelect.js
rename to pages/actions/templateSelect.js
diff --git a/pages/explore/userHandle.js b/pages/actions/userHandle.js
similarity index 100%
rename from pages/explore/userHandle.js
rename to pages/actions/userHandle.js

From 4f59b93e072e76933f76b561300a66f79fd438cd Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Fri, 14 Jul 2023 16:43:28 +0200
Subject: [PATCH 104/714] use next.config.example.js from main branch

---
 next.config.example.js | 11 +----------
 1 file changed, 1 insertion(+), 10 deletions(-)

diff --git a/next.config.example.js b/next.config.example.js
index 9e77cc72..47a14e7c 100644
--- a/next.config.example.js
+++ b/next.config.example.js
@@ -18,20 +18,11 @@ module.exports = {
                 // api: 'https://your.etherpadserver.org/mypads/api',
                 // spacesGroupName: '/spaces'
             },
-            sketch: {
-                baseUrl: 'https://sketch.yourserver.org',
-            },
-        },
-        contextRootSpaceRoomId: '!gzsKJXOMipzIxsoqYk:dev.medienhaus.udk-berlin.de',
-        templates: {
-            context: '!DKzCQzwwAaeXIVkLRh:dev.medienhaus.udk-berlin.de',
         },
+        contextRootSpaceRoomId: '!gB.....Ewlvdq:matrix.org',
         account: {
             allowAddingNewEmails: true,
         },
-        chat: {
-            pathToElement: '//localhost/element',
-        },
     },
     async rewrites() {
         return [

From 8bde72b77df24e42ee708c692f75e79ac9eb7b80 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Fri, 14 Jul 2023 16:57:02 +0200
Subject: [PATCH 105/714] fix naming in pages/actions/index.js and rename
 locales file

---
 pages/actions/index.js                           | 12 ++++++------
 public/locales/de/{explore.json => actions.json} |  0
 2 files changed, 6 insertions(+), 6 deletions(-)
 rename public/locales/de/{explore.json => actions.json} (100%)

diff --git a/pages/actions/index.js b/pages/actions/index.js
index 37304224..3980072b 100644
--- a/pages/actions/index.js
+++ b/pages/actions/index.js
@@ -7,7 +7,7 @@ import ContextMultiLevelSelect from '../../components/ContextMultiLevelSelect';
 import { useAuth } from '../../lib/Auth';
 import Actions from './actions';
 
-const ExploreSection = styled.div`
+const ActionSection = styled.div`
   & > * + * {
     margin-top: var(--margin);
   }
@@ -17,9 +17,9 @@ const ExploreSection = styled.div`
   }
 `;
 
-export default function ExploreActions() {
+export default function ActionCollection() {
     const auth = useAuth();
-    const { t } = useTranslation('explore');
+    const { t } = useTranslation('actions');
 
     const [activeContexts, setActiveContexts] = useState([getConfig().publicRuntimeConfig.contextRootSpaceRoomId]);
     const [contents, setContents] = useState(null);
@@ -51,9 +51,9 @@ export default function ExploreActions() {
 
     return (
         <>
-            <h2>/explore</h2>
+            <h2>/actions</h2>
             <br />
-            <ExploreSection>
+            <ActionSection>
                 <ContextMultiLevelSelect onChange={setActiveContexts} activeContexts={activeContexts} />
                 { (contents && contents.length > 0) ? (
                     <div>
@@ -72,7 +72,7 @@ export default function ExploreActions() {
                 ) : (
                     <p>- { t('There are no contents for this context') } -</p>
                 ) }
-            </ExploreSection>
+            </ActionSection>
 
             <Actions
                 currentId={activeContexts[activeContexts.length - 1]}
diff --git a/public/locales/de/explore.json b/public/locales/de/actions.json
similarity index 100%
rename from public/locales/de/explore.json
rename to public/locales/de/actions.json

From f74fa398d1d63bc02ba1493b59a9c406c22d6de7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Robert=20Schn=C3=BCll?= <mail@robertschnuell.de>
Date: Sat, 15 Jul 2023 12:07:12 +0200
Subject: [PATCH 106/714] refactoring actions to components and adding those
 actions to the `explore` route

---
 .../actions/AddAction.js                      | 10 +--
 .../actions/InfoAction.js                     |  4 +-
 .../actions/RemoveAction.js                   |  8 +-
 .../actions/SettingsAction.js                 |  8 +-
 .../actions/functions}/AddExistingContext.js  |  6 +-
 .../actions/functions}/AdvancedRoomOptions.js |  4 +-
 .../actions/functions/CreateContext.js        |  6 +-
 .../actions/functions/TemplateSelect.js       |  4 +-
 .../actions => components}/actions/index.js   |  4 +-
 {pages => components}/actions/presets.js      | 12 +++
 components/layouts/partials/navigation.js     |  1 -
 .../userHandle/index.js                       |  0
 pages/actions/index.js                        | 85 -------------------
 pages/explore/[[...roomId]].js                | 42 ++++++---
 14 files changed, 69 insertions(+), 125 deletions(-)
 rename {pages/actions => components}/actions/AddAction.js (89%)
 rename {pages/actions => components}/actions/InfoAction.js (98%)
 rename {pages/actions => components}/actions/RemoveAction.js (92%)
 rename {pages/actions => components}/actions/SettingsAction.js (97%)
 rename {pages/actions => components/actions/functions}/AddExistingContext.js (95%)
 rename {pages/actions => components/actions/functions}/AdvancedRoomOptions.js (95%)
 rename pages/actions/createContext.js => components/actions/functions/CreateContext.js (97%)
 rename pages/actions/templateSelect.js => components/actions/functions/TemplateSelect.js (98%)
 rename {pages/actions => components}/actions/index.js (99%)
 rename {pages => components}/actions/presets.js (91%)
 rename pages/actions/userHandle.js => components/userHandle/index.js (100%)
 delete mode 100644 pages/actions/index.js

diff --git a/pages/actions/actions/AddAction.js b/components/actions/AddAction.js
similarity index 89%
rename from pages/actions/actions/AddAction.js
rename to components/actions/AddAction.js
index 72014490..352d36a0 100644
--- a/pages/actions/actions/AddAction.js
+++ b/components/actions/AddAction.js
@@ -3,11 +3,11 @@ import styled from 'styled-components';
 import getConfig from 'next/config';
 import _ from 'lodash';
 
-import { useAuth } from '../../../lib/Auth';
-import { useMatrix } from '../../../lib/Matrix';
-import CreateContext from '../CreateContext';
-import TemplateSelect from '../TemplateSelect';
-import AddExistingContext from '../AddExistingContext';
+import { useAuth } from '../../lib/Auth';
+import { useMatrix } from '../../lib/Matrix';
+import CreateContext from './functions/CreateContext';
+import TemplateSelect from './functions/TemplateSelect';
+import AddExistingContext from './functions/AddExistingContext';
 
 const ModSection = styled.div`
   & {
diff --git a/pages/actions/actions/InfoAction.js b/components/actions/InfoAction.js
similarity index 98%
rename from pages/actions/actions/InfoAction.js
rename to components/actions/InfoAction.js
index e03ee8e9..43d2b0f0 100644
--- a/pages/actions/actions/InfoAction.js
+++ b/components/actions/InfoAction.js
@@ -3,8 +3,8 @@ import styled from 'styled-components';
 import getConfig from 'next/config';
 import _ from 'lodash';
 
-import { useAuth } from '../../../lib/Auth';
-import { useMatrix } from '../../../lib/Matrix';
+import { useAuth } from '../../lib/Auth';
+import { useMatrix } from '../../lib/Matrix';
 import UserHandle from '../UserHandle';
 
 const InfoSection = styled.div`
diff --git a/pages/actions/actions/RemoveAction.js b/components/actions/RemoveAction.js
similarity index 92%
rename from pages/actions/actions/RemoveAction.js
rename to components/actions/RemoveAction.js
index 0cc93b4a..bf4565fa 100644
--- a/pages/actions/actions/RemoveAction.js
+++ b/components/actions/RemoveAction.js
@@ -3,10 +3,10 @@ import styled from 'styled-components';
 import getConfig from 'next/config';
 import _ from 'lodash';
 
-import { useAuth } from '../../../lib/Auth';
-import { useMatrix } from '../../../lib/Matrix';
-import CreateContext from '../CreateContext';
-import TemplateSelect from '../TemplateSelect';
+import { useAuth } from '../../lib/Auth';
+import { useMatrix } from '../../lib/Matrix';
+import CreateContext from './functions/CreateContext';
+import TemplateSelect from './functions/TemplateSelect';
 
 const RemoveSection = styled.div`
   & {
diff --git a/pages/actions/actions/SettingsAction.js b/components/actions/SettingsAction.js
similarity index 97%
rename from pages/actions/actions/SettingsAction.js
rename to components/actions/SettingsAction.js
index 7b192dae..082141a1 100644
--- a/pages/actions/actions/SettingsAction.js
+++ b/components/actions/SettingsAction.js
@@ -2,11 +2,11 @@ import React, { useEffect, useState } from 'react';
 import styled from 'styled-components';
 import _ from 'lodash';
 
-import TemplateSelect from '../TemplateSelect';
+import TemplateSelect from './functions/TemplateSelect';
 import UserHandle from '../UserHandle';
-import { useAuth } from '../../../lib/Auth';
-import { useMatrix } from '../../../lib/Matrix';
-import settingsPresets from '../presets';
+import { useAuth } from '../../lib/Auth';
+import { useMatrix } from '../../lib/Matrix';
+import settingsPresets from './presets';
 
 const SettingsSection = styled.div`
   & {
diff --git a/pages/actions/AddExistingContext.js b/components/actions/functions/AddExistingContext.js
similarity index 95%
rename from pages/actions/AddExistingContext.js
rename to components/actions/functions/AddExistingContext.js
index 33a902c0..b251b6b5 100644
--- a/pages/actions/AddExistingContext.js
+++ b/components/actions/functions/AddExistingContext.js
@@ -3,9 +3,9 @@ import styled from 'styled-components';
 import getConfig from 'next/config';
 import _ from 'lodash';
 
-import { useAuth } from '../../lib/Auth';
-import { useMatrix } from '../../lib/Matrix';
-import ContextMultiLevelSelect from '../../components/ContextMultiLevelSelect';
+import { useAuth } from '../../../lib/Auth';
+import { useMatrix } from '../../../lib/Matrix';
+import ContextMultiLevelSelect from '../../../components/ContextMultiLevelSelect';
 
 const AddContextDialog = styled.div`
   & > * + * {
diff --git a/pages/actions/AdvancedRoomOptions.js b/components/actions/functions/AdvancedRoomOptions.js
similarity index 95%
rename from pages/actions/AdvancedRoomOptions.js
rename to components/actions/functions/AdvancedRoomOptions.js
index 7c7937b2..08171bdb 100644
--- a/pages/actions/AdvancedRoomOptions.js
+++ b/components/actions/functions/AdvancedRoomOptions.js
@@ -3,8 +3,8 @@ import styled from 'styled-components';
 import getConfig from 'next/config';
 import _ from 'lodash';
 
-import { useAuth } from '../../lib/Auth';
-import { useMatrix } from '../../lib/Matrix';
+import { useAuth } from '../../../lib/Auth';
+import { useMatrix } from '../../../lib/Matrix';
 import TemplateSelect from './TemplateSelect';
 
 /**
diff --git a/pages/actions/createContext.js b/components/actions/functions/CreateContext.js
similarity index 97%
rename from pages/actions/createContext.js
rename to components/actions/functions/CreateContext.js
index 910fa806..5f21591c 100644
--- a/pages/actions/createContext.js
+++ b/components/actions/functions/CreateContext.js
@@ -3,11 +3,11 @@ import styled from 'styled-components';
 import getConfig from 'next/config';
 import _ from 'lodash';
 
-import { useAuth } from '../../lib/Auth';
-import { useMatrix } from '../../lib/Matrix';
+import { useAuth } from '../../../lib/Auth';
+import { useMatrix } from '../../../lib/Matrix';
 import TemplateSelect from './TemplateSelect';
 import AdvancedRoomOptions from './AdvancedRoomOptions';
-import presets from './presets';
+import presets from '../presets';
 
 const AdvancesOptions = styled.details`
   & {
diff --git a/pages/actions/templateSelect.js b/components/actions/functions/TemplateSelect.js
similarity index 98%
rename from pages/actions/templateSelect.js
rename to components/actions/functions/TemplateSelect.js
index a64c8579..6333ec32 100644
--- a/pages/actions/templateSelect.js
+++ b/components/actions/functions/TemplateSelect.js
@@ -2,8 +2,8 @@ import React, { useCallback, useEffect, useState } from 'react';
 import styled from 'styled-components';
 import _ from 'lodash';
 
-import { useAuth } from '../../lib/Auth';
-import { useMatrix } from '../../lib/Matrix';
+import { useAuth } from '../../../lib/Auth';
+import { useMatrix } from '../../../lib/Matrix';
 
 /**
  * TEMPLATE SELECT COMPONENT
diff --git a/pages/actions/actions/index.js b/components/actions/index.js
similarity index 99%
rename from pages/actions/actions/index.js
rename to components/actions/index.js
index 17895464..333aa991 100644
--- a/pages/actions/actions/index.js
+++ b/components/actions/index.js
@@ -3,8 +3,8 @@ import styled from 'styled-components';
 import getConfig from 'next/config';
 import _ from 'lodash';
 
-import { useAuth } from '../../../lib/Auth';
-import { useMatrix } from '../../../lib/Matrix';
+import { useAuth } from '../../lib/Auth';
+import { useMatrix } from '../../lib/Matrix';
 import SettingsAction from './SettingsAction';
 import InfoAction from './InfoAction';
 import AddAction from './AddAction';
diff --git a/pages/actions/presets.js b/components/actions/presets.js
similarity index 91%
rename from pages/actions/presets.js
rename to components/actions/presets.js
index 68239f64..123f8080 100644
--- a/pages/actions/presets.js
+++ b/components/actions/presets.js
@@ -1,5 +1,17 @@
 import { useTranslation } from 'react-i18next';
 // eslint-disable-next-line no-undef
+
+/**
+ * HELPERFILE 'presets' for actions
+ *
+ * @TODO
+ *  - changing all text to translatable entries.
+ *  - disucuss if the file makes sense at this position or should be shifted more to a settings folder, as all of this presets are more like default recomandations
+ *  - adding the option to use an own 'preset file' as part of a config
+ *
+ *
+*/
+
 module.exports = {
     name: {
         allowedCharacter: 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789_-',
diff --git a/components/layouts/partials/navigation.js b/components/layouts/partials/navigation.js
index 64f57567..2b6182d5 100644
--- a/components/layouts/partials/navigation.js
+++ b/components/layouts/partials/navigation.js
@@ -45,7 +45,6 @@ export default function Navigation({ closeNavigation }) {
                 <li><Link href="/">/dashboard</Link></li>
                 <li><Link href="/account">/account</Link></li>
                 { getConfig().publicRuntimeConfig.contextRootSpaceRoomId && <li><Link href={`/explore/${getConfig().publicRuntimeConfig.contextRootSpaceRoomId}`}>/explore</Link></li> }
-                { getConfig().publicRuntimeConfig.contextRootSpaceRoomId && <li><Link href="/actions">/actions</Link></li> }
             </List>
             <List>
                 <li><Link href="/write">/write</Link></li>
diff --git a/pages/actions/userHandle.js b/components/userHandle/index.js
similarity index 100%
rename from pages/actions/userHandle.js
rename to components/userHandle/index.js
diff --git a/pages/actions/index.js b/pages/actions/index.js
deleted file mode 100644
index 3980072b..00000000
--- a/pages/actions/index.js
+++ /dev/null
@@ -1,85 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import styled from 'styled-components';
-import getConfig from 'next/config';
-import { useTranslation } from 'react-i18next';
-
-import ContextMultiLevelSelect from '../../components/ContextMultiLevelSelect';
-import { useAuth } from '../../lib/Auth';
-import Actions from './actions';
-
-const ActionSection = styled.div`
-  & > * + * {
-    margin-top: var(--margin);
-  }
-
-  & > select + select {
-    margin-top: calc(var(--margin) * 0.65);
-  }
-`;
-
-export default function ActionCollection() {
-    const auth = useAuth();
-    const { t } = useTranslation('actions');
-
-    const [activeContexts, setActiveContexts] = useState([getConfig().publicRuntimeConfig.contextRootSpaceRoomId]);
-    const [contents, setContents] = useState(null);
-
-    useEffect(() => {
-        const fetchContents = async () => {
-            const contents = [];
-            const roomHierarchy = await auth.getAuthenticationProvider('matrix').getMatrixClient().getRoomHierarchy(activeContexts[activeContexts.length - 1], undefined, 1);
-            // Remove the first entry, which is the context itself
-            roomHierarchy.rooms.shift();
-            // Ignore `m.space.child` events that are empty
-            // We're only interested in the -contents- of this context, so filter out everything that's a sub-context
-            for (const room of roomHierarchy.rooms) {
-                const metaEvent = await auth.getAuthenticationProvider('matrix').getMatrixClient().getStateEvent(room.room_id, 'dev.medienhaus.meta').catch(() => {});
-                if (!metaEvent || (metaEvent && metaEvent.type !== 'context')) {
-                    // This is a valid content item we want to show
-                    contents.push({
-                        ...room,
-                        type: metaEvent?.type ?? 'chat', // If there's no meta.type we assume it's a chat room
-                        template: metaEvent?.template,
-                    });
-                }
-            }
-            setContents(contents);
-        };
-
-        if (activeContexts) fetchContents();
-    }, [activeContexts, auth]);
-
-    return (
-        <>
-            <h2>/actions</h2>
-            <br />
-            <ActionSection>
-                <ContextMultiLevelSelect onChange={setActiveContexts} activeContexts={activeContexts} />
-                { (contents && contents.length > 0) ? (
-                    <div>
-                        <ol>
-                            { contents.map((content, key) => (
-                                <li key={key}>
-                                    { content.name }
-                                    <small>
-                                        { content.type && (<> (type: <code>{ content.type }</code>)</>) }
-                                        { content.template && (<> (template: <code>{ content.template }</code>)</>) }
-                                    </small>
-                                </li>
-                            )) }
-                        </ol>
-                    </div>
-                ) : (
-                    <p>- { t('There are no contents for this context') } -</p>
-                ) }
-            </ActionSection>
-
-            <Actions
-                currentId={activeContexts[activeContexts.length - 1]}
-                parentId={activeContexts?.length >= 2 ? activeContexts[activeContexts.length - 2] : undefined}
-                popActiveContexts={() => {activeContexts.pop();}}
-            />
-
-        </>
-    );
-}
diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index b6e13a31..7c72b660 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -11,6 +11,7 @@ import WriteIframeHeader from '../etherpad/WriteIframeHeader';
 import ProjectView from './ProjectView';
 import ChatIframeView from '../chat/ChatIframeView';
 import TableView from './TableView';
+import Actions from '../../components/actions';
 
 // height calculation is mostly guess work at the moment...
 const ExploreSection = styled.div`
@@ -48,7 +49,12 @@ export default function Explore() {
             router.push(`/explore/${roomId}/${iframeRoomId}`);
             setSelectedRoomId(iframeRoomId);
             setActivePath([roomId, iframeRoomId]);
-        } else router.push(`/explore/${roomId}`);
+        } else {
+            console.log('vbbbbbbingvbbbbbbingvbbbbbbingvbbbbbbingvbbbbbbing');
+            console.log(roomId);
+            setActivePath([roomId]);
+            router.push(`/explore/${roomId}`);
+        }
         setEntryPointId(roomId);
     // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
@@ -60,41 +66,44 @@ export default function Explore() {
         return () => cancelled = true;
     }, [initialSetup]);
 
-
     const handleClicked = async (roomId, template, index, parentId) => {
         if (!roomId) return;
-        setActivePath(prevState => {
-            prevState.splice(index < 0 ? 0 : index);
 
-            return [...prevState, roomId];
-        });
+        if (parentId === activePath[activePath.length-1]) { //user clicked on a child entry of the current selected level
+            const tmp = activePath;
+            tmp.push(roomId);
+            setActivePath(tmp);
+        } else if (roomId === activePath[activePath.length-2]) { // user went one level above
+            const tmp = activePath;
+            tmp.pop();
+            setActivePath(tmp);
+        } // @TODO: add `else if` for the case that the user went back several levels, find in array and splice from there on…
 
-        
         if (template === 'chat-link') {
             setCurrentItemType(template);
             router.push(`/explore/${parentId}/${roomId}`);
-            setSelectedRoomId(roomId)
+            setSelectedRoomId(roomId);
         }
         if (template === 'studentproject') {
             setCurrentItemType(template);
             router.push(`/explore/${parentId}/${roomId}`);
-            setSelectedRoomId(roomId)
+            setSelectedRoomId(roomId);
         }
         if (template === 'sketch-link' || template === 'write-link') {
             setCurrentItemType(template);
             router.push(`/explore/${parentId}/${roomId}`);
-            setSelectedRoomId(roomId)
+            setSelectedRoomId(roomId);
         } else {
             router.push(`/explore/${roomId}`);
-            setSelectedRoomId(null)
+            setSelectedRoomId(null);
         }
-
     };
 
     if (!entryPointId || typeof window === 'undefined') return <LoadingSpinner />;
 
     return (
         <>
+
             <IframeLayout.Sidebar width={!selectedRoomId && '100%'}>
                 <h2 ref={dimensionsRef}>/explore</h2>
                 <ExploreSection selectedRoomId={!!selectedRoomId}>
@@ -106,6 +115,15 @@ export default function Explore() {
                     />
                 </ExploreSection>
             </IframeLayout.Sidebar>
+            <Actions
+                currentId={activePath[activePath.length - 1]}
+                parentId={activePath?.length >= 2 ? activePath[activePath.length - 2] : undefined}
+                popActiveContexts={() => {
+                    const tmp = activePath;
+                    tmp.pop();
+                    setActivePath(tmp);
+                }}
+            />
             { selectedRoomId && (
                 (() => {
                     switch (currentItemType) {

From 8fb0e55fbbcb7a2a320662a7be238ad01c9f3434 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Robert=20Schn=C3=BCll?= <mail@robertschnuell.de>
Date: Sat, 15 Jul 2023 12:17:39 +0200
Subject: [PATCH 107/714] getting rid of console.logs

---
 pages/explore/[[...roomId]].js | 2 --
 1 file changed, 2 deletions(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 7c72b660..b7d48c67 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -50,8 +50,6 @@ export default function Explore() {
             setSelectedRoomId(iframeRoomId);
             setActivePath([roomId, iframeRoomId]);
         } else {
-            console.log('vbbbbbbingvbbbbbbingvbbbbbbingvbbbbbbingvbbbbbbing');
-            console.log(roomId);
             setActivePath([roomId]);
             router.push(`/explore/${roomId}`);
         }

From 65588bdc5d83fb11853db85b4255208ef5756d08 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Tue, 18 Jul 2023 17:42:44 +0200
Subject: [PATCH 108/714] capitalise components/UserHandle as defined in
 components/actions

---
 components/{userHandle => UserHandle}/index.js | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 rename components/{userHandle => UserHandle}/index.js (100%)

diff --git a/components/userHandle/index.js b/components/UserHandle/index.js
similarity index 100%
rename from components/userHandle/index.js
rename to components/UserHandle/index.js

From 60b9bcb808b23a208fb6c87119a92568c82d685a Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Tue, 18 Jul 2023 18:48:26 +0200
Subject: [PATCH 109/714] remove double import

---
 components/layouts/partials/navigation.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/components/layouts/partials/navigation.js b/components/layouts/partials/navigation.js
index 7d780833..e01e3ab9 100644
--- a/components/layouts/partials/navigation.js
+++ b/components/layouts/partials/navigation.js
@@ -1,7 +1,6 @@
 import getConfig from 'next/config';
 import { default as NextLink } from 'next/link';
 import styled from 'styled-components';
-import getConfig from 'next/config';
 
 import { useAuth } from '../../../lib/Auth';
 

From de43c29a990775b9307261172fe5885ef01e7770 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 19 Jul 2023 12:43:50 +0200
Subject: [PATCH 110/714] linter things

---
 pages/etherpad/[[...roomId]].js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/etherpad/[[...roomId]].js b/pages/etherpad/[[...roomId]].js
index d048559d..f2eb29d1 100644
--- a/pages/etherpad/[[...roomId]].js
+++ b/pages/etherpad/[[...roomId]].js
@@ -363,7 +363,7 @@ export default function Etherpad() {
                         deletePad={deletePad}
                         isDeletingPad={isDeletingPad}
                         mypadsPadObject={mypadsPadObject} />
-                    <iframe src={iframeUrl.toString()}  />
+                    <iframe src={iframeUrl.toString()} />
                 </IframeLayout.IframeWrapper>
             ) }
         </>

From 19c290cd57c37cc08ecfbbc961ed5026f10ea548 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Wed, 19 Jul 2023 14:55:27 +0200
Subject: [PATCH 111/714] fix double border-top, and fix eslint errors

---
 components/UI/ServiceTable.js | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/components/UI/ServiceTable.js b/components/UI/ServiceTable.js
index 1ab70ec7..de0a1ef0 100644
--- a/components/UI/ServiceTable.js
+++ b/components/UI/ServiceTable.js
@@ -25,17 +25,22 @@ const Table = styled.table`
   @media (width > 51em) {
     ${props => props.explore && 'max-width: calc(33% - (3 * var(--margin)));'}
   }
+
   border-top: 1px solid rgb(0 0 0 / 5%);
 `;
 
 const TableRow = styled.tr`
   max-width: 100%;
   text-decoration: ${props => props.disabled && 'none'};
-  border-top: 1px dotted rgb(210 210 210);
+
+  &:not(:first-of-type) {
+    border-top: 1px dotted rgb(210 210 210);
+  }
 
   &:not(:last-of-type) {
     border-bottom: 1px dotted rgb(210 210 210);
   }
+
   border-bottom: 1px solid rgb(0 0 0 / 5%);
 `;
 

From 61ddd3a5413f3ca39ccb843de52c8edf73f7ea9e Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 19 Jul 2023 14:58:59 +0200
Subject: [PATCH 112/714] collect room content for rooms outside of a users own
 account

---
 pages/explore/[[...roomId]].js | 36 ++++++++++++++++++++++------------
 1 file changed, 24 insertions(+), 12 deletions(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index b6e13a31..7eeb2c5c 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -30,6 +30,7 @@ const ExploreSection = styled.div`
 export default function Explore() {
     const [entryPointId, setEntryPointId] = useState(null);
     const [selectedRoomId, setSelectedRoomId] = useState(null);
+    const [roomContent, setRoomContent] = useState();
     const [activePath, setActivePath] = useState([getConfig().publicRuntimeConfig.contextRootSpaceRoomId]);
     const dimensionsRef = useRef();
     const router = useRouter();
@@ -60,7 +61,6 @@ export default function Explore() {
         return () => cancelled = true;
     }, [initialSetup]);
 
-
     const handleClicked = async (roomId, template, index, parentId) => {
         if (!roomId) return;
         setActivePath(prevState => {
@@ -69,26 +69,38 @@ export default function Explore() {
             return [...prevState, roomId];
         });
 
-        
+        const getContent = async (roomId) => {
+            const cachedContent = matrix.roomContents.get(selectedRoomId)?.body;
+            if (cachedContent) setRoomContent(cachedContent);
+            // if the room is not yet cached we manually try to hydrate the content
+            else {
+                const content = await matrix.hydrateRoomContent(roomId);
+                if (content) setRoomContent(content.body);
+            }
+        };
+
         if (template === 'chat-link') {
             setCurrentItemType(template);
             router.push(`/explore/${parentId}/${roomId}`);
-            setSelectedRoomId(roomId)
+            setSelectedRoomId(roomId);
+            await getContent(roomId);
         }
         if (template === 'studentproject') {
             setCurrentItemType(template);
             router.push(`/explore/${parentId}/${roomId}`);
-            setSelectedRoomId(roomId)
+            setSelectedRoomId(roomId);
+            await getContent(roomId);
         }
         if (template === 'sketch-link' || template === 'write-link') {
+            console.log('object');
             setCurrentItemType(template);
             router.push(`/explore/${parentId}/${roomId}`);
-            setSelectedRoomId(roomId)
+            setSelectedRoomId(roomId);
+            await getContent(roomId);
         } else {
             router.push(`/explore/${roomId}`);
-            setSelectedRoomId(null)
+            setSelectedRoomId(null);
         }
-
     };
 
     if (!entryPointId || typeof window === 'undefined') return <LoadingSpinner />;
@@ -115,22 +127,22 @@ export default function Explore() {
                             return (
                                 <IframeLayout.IframeWrapper>
                                     <WriteIframeHeader
-                                        content={matrix.roomContents.get(selectedRoomId).body}
+                                        content={roomContent}
                                         title={matrix.spaces.get(router.query.roomId[1])?.name || matrix.rooms.get(router.query.roomId[1])?.name}
                                         removeLink={() => console.log('removing pad from parent')}
                                         removingLink={false} />
-                                    <iframe src={matrix.roomContents.get(selectedRoomId).body} />
+                                    <iframe src={roomContent} />
                                 </IframeLayout.IframeWrapper>
                             );
                         case 'sketch-link':
                             return (
                                 <IframeLayout.IframeWrapper>
                                     <WriteIframeHeader
-                                        content={matrix.roomContents.get(selectedRoomId).body}
+                                        content={roomContent}
                                         title={matrix.spaces.get(router.query.roomId[1])?.name || matrix.rooms.get(router.query.roomId[1])?.name}
                                         removeLink={() => console.log('removing sketch from parent')}
                                         removingLink={false} />
-                                    <iframe src={matrix.roomContents.get(selectedRoomId).body} />
+                                    <iframe src={roomContent} />
                                 </IframeLayout.IframeWrapper>
                             );
                         default:
@@ -141,7 +153,7 @@ export default function Explore() {
                                         title={matrix.spaces.get(router.query.roomId[1])?.name || matrix.rooms.get(router.query.roomId[1])?.name}
                                         removeLink={() => console.log('removing pad from parent')}
                                         removingLink={false} />
-                                    <ChatIframeView src={matrix.roomContents.get(selectedRoomId).body} />
+                                    <ChatIframeView src={roomContent} />
                                 </IframeLayout.IframeWrapper>
                             );
                     }

From d24f0fa403205a3d4de8682ba6a5d4b423284172 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 19 Jul 2023 14:59:11 +0200
Subject: [PATCH 113/714] add missing key tag

---
 pages/explore/TreeLeaves.js | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/pages/explore/TreeLeaves.js b/pages/explore/TreeLeaves.js
index d38c8cb9..81b99d92 100644
--- a/pages/explore/TreeLeaves.js
+++ b/pages/explore/TreeLeaves.js
@@ -27,7 +27,7 @@ const Leaf = styled.button`
 
 `;
 
-const TreeLeaves = ({ handleClick, row, data, roomId, isParent, parent, selectedRoomId, activePath }) => {
+const TreeLeaves = ({ handleClick, row, data, roomId, isParent, parent, selectedRoomId, activePath, key }) => {
     const [fetchingLeaves, setFetchingLeaves] = useState(false);
     const router = useRouter();
 
@@ -48,7 +48,10 @@ const TreeLeaves = ({ handleClick, row, data, roomId, isParent, parent, selected
         >
             ← { parent.name }
         </Leaf> }
-        <ServiceTable explore={selectedRoomId ? false : true}>
+        <ServiceTable
+            explore={selectedRoomId ? false : true}
+            key={key}
+        >
             { data.map((child) => {
                 const roomId = child.id || child.room_id;
                 // if the roomId is the selected space we skip it

From ecd9e9db553250168a7dbc2d0d57e5f7c245ffcf Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 19 Jul 2023 15:00:16 +0200
Subject: [PATCH 114/714] linter things

---
 pages/explore/TableView.js | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/pages/explore/TableView.js b/pages/explore/TableView.js
index c263f78d..d22b24b9 100644
--- a/pages/explore/TableView.js
+++ b/pages/explore/TableView.js
@@ -26,7 +26,7 @@ function TableView({ handleClick, selectedRoomId, activePath, id, currentItemTyp
         };
     }, [callApiAndAddToObject, callApiWithInitalNode, currentItemType, id, selectedRoomId]);
 
-    const callApiWithInitalNode = useCallback(async(e, roomId, index, template, parentId) => {
+    const callApiWithInitalNode = useCallback(async (e, roomId, index, template, parentId) => {
         e && e.preventDefault();
         console.debug('call Api or matrix with initial id and add');
         const spaceHierarchy = await matrix.roomHierarchy(roomId, null, 1)
@@ -58,10 +58,10 @@ function TableView({ handleClick, selectedRoomId, activePath, id, currentItemTyp
         }
         await handleClick(roomId, spaceHierarchy[0].template, index, parentId);
         setData([parentHierarchy, spaceHierarchy]);
-    }, [auth, handleClick, matrix])
+    }, [auth, handleClick, matrix]);
 
-   const callApiAndAddToObject = useCallback(async(e, roomId, index, template, parentId) => {
-       e && e.preventDefault();
+    const callApiAndAddToObject = useCallback(async (e, roomId, index, template, parentId) => {
+        e && e.preventDefault();
         console.log('call Api or matrix and add');
         const spaceHierarchy = await matrix.roomHierarchy(roomId, null, 1)
             .catch(err => console.debug(err));
@@ -75,6 +75,7 @@ function TableView({ handleClick, selectedRoomId, activePath, id, currentItemTyp
                     console.debug(err);
                     obj.missingMetaEvent = true;
                 });
+
             if (metaEvent) {
                 obj.type = metaEvent.type;
                 obj.template = metaEvent.template;
@@ -92,7 +93,7 @@ function TableView({ handleClick, selectedRoomId, activePath, id, currentItemTyp
 
             return [...prevData, spaceHierarchy];
         });
-    },[auth, handleClick, matrix])
+    }, [auth, handleClick, matrix]);
 
     if (!data) return <LoadingSpinner />;
 
@@ -104,7 +105,7 @@ function TableView({ handleClick, selectedRoomId, activePath, id, currentItemTyp
                 callApiAndAddToObject={callApiAndAddToObject}
             />
             }
-            {data.map((leaf, index) => {
+            { data.map((leaf, index) => {
                 const numberOfRows = selectedRoomId ? 2 : 1;
                 if (index < data.length - numberOfRows) return null; // only show a defined maximum of rows.
                 if (selectedRoomId && index != data.length - 2) return null; // if an id is selected only show the selected row.

From 57c1d3ec6cd04d26cc60e754783e9ee880a208f7 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 19 Jul 2023 15:00:34 +0200
Subject: [PATCH 115/714] more linter things

---
 lib/Matrix.js                  | 4 ++++
 lib/auth/MatrixAuthProvider.js | 3 ++-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/lib/Matrix.js b/lib/Matrix.js
index 7e49e640..408e858a 100644
--- a/lib/Matrix.js
+++ b/lib/Matrix.js
@@ -57,6 +57,7 @@ function useMatrixProvider(activeMatrixAuthenticationProviders) {
                 } else {
                     newState.delete(roomId);
                 }
+
                 return newState;
             };
         };
@@ -297,6 +298,7 @@ function useMatrixProvider(activeMatrixAuthenticationProviders) {
 
                 return newState;
             });
+
             return message;
         };
 
@@ -307,9 +309,11 @@ function useMatrixProvider(activeMatrixAuthenticationProviders) {
                 const hierarchy = await matrixClient.getRoomHierarchy(roomId, limit, maxDepth, suggestedOnly, fromToken);
                 rooms.push(...hierarchy.rooms);
                 if (hierarchy.next_batch) await fetchHierarchyFromMatrix(hierarchy.next_batch);
+
                 return rooms;
             };
             await fetchHierarchyFromMatrix();
+
             return rooms;
         };
 
diff --git a/lib/auth/MatrixAuthProvider.js b/lib/auth/MatrixAuthProvider.js
index f19055a1..b90000db 100644
--- a/lib/auth/MatrixAuthProvider.js
+++ b/lib/auth/MatrixAuthProvider.js
@@ -139,8 +139,9 @@ class MatrixAuthProvider {
             template: template,
             version: '0.4',
         };
-        await this.matrixClient.sendStateEvent(room.room_id, 'dev.medienhaus.meta', medienhausMetaEvent).catch((e) => {console.debug(e)});
+        await this.matrixClient.sendStateEvent(room.room_id, 'dev.medienhaus.meta', medienhausMetaEvent).catch((e) => {console.debug(e);});
         await new Promise(r => setTimeout(r, 100)); // quick rate limit hack
+
         return room;
     }
 }

From f6188081b172a1e9a59788fda0d7b8d8c61e0816 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Wed, 19 Jul 2023 15:03:30 +0200
Subject: [PATCH 116/714] fix borders in components/UI/ServiceTable.js, maybe?

---
 components/UI/ServiceTable.js | 12 +-----------
 1 file changed, 1 insertion(+), 11 deletions(-)

diff --git a/components/UI/ServiceTable.js b/components/UI/ServiceTable.js
index de0a1ef0..6dd3202e 100644
--- a/components/UI/ServiceTable.js
+++ b/components/UI/ServiceTable.js
@@ -25,22 +25,12 @@ const Table = styled.table`
   @media (width > 51em) {
     ${props => props.explore && 'max-width: calc(33% - (3 * var(--margin)));'}
   }
-
-  border-top: 1px solid rgb(0 0 0 / 5%);
 `;
 
 const TableRow = styled.tr`
   max-width: 100%;
   text-decoration: ${props => props.disabled && 'none'};
-
-  &:not(:first-of-type) {
-    border-top: 1px dotted rgb(210 210 210);
-  }
-
-  &:not(:last-of-type) {
-    border-bottom: 1px dotted rgb(210 210 210);
-  }
-
+  border-top: 1px solid rgb(0 0 0 / 5%);
   border-bottom: 1px solid rgb(0 0 0 / 5%);
 `;
 

From 6d3848a0be5383989fc67ed1607d3daefdcde412 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 19 Jul 2023 15:09:47 +0200
Subject: [PATCH 117/714] rename WriteIframeHeader to ServiceIframeHeader and
 update imports

---
 .../{WriteIframeHeader.js => ServiceIframeHeader.js}      | 4 ++--
 pages/etherpad/[[...roomId]].js                           | 4 ++--
 pages/explore/[[...roomId]].js                            | 8 ++++----
 3 files changed, 8 insertions(+), 8 deletions(-)
 rename pages/etherpad/{WriteIframeHeader.js => ServiceIframeHeader.js} (86%)

diff --git a/pages/etherpad/WriteIframeHeader.js b/pages/etherpad/ServiceIframeHeader.js
similarity index 86%
rename from pages/etherpad/WriteIframeHeader.js
rename to pages/etherpad/ServiceIframeHeader.js
index 1cc3475a..f9cdfa16 100644
--- a/pages/etherpad/WriteIframeHeader.js
+++ b/pages/etherpad/ServiceIframeHeader.js
@@ -5,7 +5,7 @@ import BinIcon from '../../assets/icons/bin.svg';
 import CopyToClipboard from '../../components/UI/CopyToClipboard';
 import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
 
-const WriteIframeHeader = ({ isDeletingPad, deletePad, title, mypadsPadObject, content }) => {
+const ServiceIframeHeader = ({ isDeletingPad, deletePad, title, mypadsPadObject, content }) => {
     const { t } = useTranslation('write');
 
     return (
@@ -20,4 +20,4 @@ const WriteIframeHeader = ({ isDeletingPad, deletePad, title, mypadsPadObject, c
         </IframeLayout.IframeHeader>
     );
 };
-export default WriteIframeHeader;
+export default ServiceIframeHeader;
diff --git a/pages/etherpad/[[...roomId]].js b/pages/etherpad/[[...roomId]].js
index f2eb29d1..829e481a 100644
--- a/pages/etherpad/[[...roomId]].js
+++ b/pages/etherpad/[[...roomId]].js
@@ -14,7 +14,7 @@ import { ServiceTable } from '../../components/UI/ServiceTable';
 import Form from '../../components/UI/Form';
 import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
 import LoadingSpinner from '../../components/UI/LoadingSpinner';
-import WriteIframeHeader from './WriteIframeHeader';
+import ServiceIframeHeader from './ServiceIframeHeader';
 
 export default function Etherpad() {
     const auth = useAuth();
@@ -357,7 +357,7 @@ export default function Etherpad() {
             </IframeLayout.Sidebar>
             { roomId && content && (
                 <IframeLayout.IframeWrapper>
-                    <WriteIframeHeader
+                    <ServiceIframeHeader
                         content={content.body}
                         title={matrix.rooms.get(roomId).name}
                         deletePad={deletePad}
diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 7eeb2c5c..efa12984 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -7,7 +7,7 @@ import IframeLayout from '../../components/layouts/iframe';
 import LoadingSpinner from '../../components/UI/LoadingSpinner';
 import { useAuth } from '../../lib/Auth';
 import { useMatrix } from '../../lib/Matrix';
-import WriteIframeHeader from '../etherpad/WriteIframeHeader';
+import ServiceIframeHeader from '../etherpad/ServiceIframeHeader';
 import ProjectView from './ProjectView';
 import ChatIframeView from '../chat/ChatIframeView';
 import TableView from './TableView';
@@ -126,7 +126,7 @@ export default function Explore() {
                         case 'write-link':
                             return (
                                 <IframeLayout.IframeWrapper>
-                                    <WriteIframeHeader
+                                    <ServiceIframeHeader
                                         content={roomContent}
                                         title={matrix.spaces.get(router.query.roomId[1])?.name || matrix.rooms.get(router.query.roomId[1])?.name}
                                         removeLink={() => console.log('removing pad from parent')}
@@ -137,7 +137,7 @@ export default function Explore() {
                         case 'sketch-link':
                             return (
                                 <IframeLayout.IframeWrapper>
-                                    <WriteIframeHeader
+                                    <ServiceIframeHeader
                                         content={roomContent}
                                         title={matrix.spaces.get(router.query.roomId[1])?.name || matrix.rooms.get(router.query.roomId[1])?.name}
                                         removeLink={() => console.log('removing sketch from parent')}
@@ -148,7 +148,7 @@ export default function Explore() {
                         default:
                             return (
                                 <IframeLayout.IframeWrapper>
-                                    <WriteIframeHeader
+                                    <ServiceIframeHeader
                                         content={`${getConfig().publicRuntimeConfig.chat.pathToElement}/#/room/${selectedRoomId}`}
                                         title={matrix.spaces.get(router.query.roomId[1])?.name || matrix.rooms.get(router.query.roomId[1])?.name}
                                         removeLink={() => console.log('removing pad from parent')}

From a72f8b265a3db501f773234766f525aaf6f7b81a Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 20 Jul 2023 11:13:04 +0200
Subject: [PATCH 118/714] remove unused styles and add components

---
 components/actions/index.js | 42 +++++++++++--------------------------
 1 file changed, 12 insertions(+), 30 deletions(-)

diff --git a/components/actions/index.js b/components/actions/index.js
index 333aa991..92a7abc2 100644
--- a/components/actions/index.js
+++ b/components/actions/index.js
@@ -9,29 +9,10 @@ import SettingsAction from './SettingsAction';
 import InfoAction from './InfoAction';
 import AddAction from './AddAction';
 import RemoveAction from './RemoveAction';
+import { ServiceTable } from '../UI/ServiceTable';
 
-const ActionsSection = styled.details`
-  & {
-    margin-bottom: var(--margin);
-  }
-
-  & > summary {
-    width: 50px;
-    height: 35px;
-    font-weight: bold;
-    color: var(--color-bg);
-    text-align: center;
-    list-style: none;
-    background-color: var(--color-fg);
-  }
-
-  & > div > button {
-    width: 50px;
-    margin-top: var(--margin);
-    margin-right: var(--margin);
-    margin-bottom: var(--margin);
-  }
-
+const ActionsSection = styled.div`
+  height: 100%;
 `;
 
 const ButtonsSection = styled.div`
@@ -110,6 +91,7 @@ const Actions = ({ currentId, parentId, popActiveContexts }) => {
                 * - could become a problem in the future if the ContextMulitLevelSelect Component will have the ability to start not from the root of the tree, so therefore the parent Events are not cached.
                 */
                 setParentIdMod(false);
+
                 return;
             }
             setParentIdMod(parentPowerLevel?.users[userInfos?.id] >= 50);
@@ -245,16 +227,16 @@ const Actions = ({ currentId, parentId, popActiveContexts }) => {
 
     return (
         <ActionsSection>
-            <summary>…</summary>
-            <ButtonsSection>
-                <button onClick={() => {setShowActions(() => showActions === 'info' ? '' : 'info');}}> 🏷️</button>
-                <button onClick={() => {setShowActions(() => showActions === 'add' ? '' : 'add');}}> 📥</button>
-                <button disabled={!userParentIdMod} onClick={() => {setShowActions(() => showActions === 'remove' ? '' : 'remove');}}> 📤</button>
-                <button disabled={!userCurrentIdMod} onClick={() => {setShowActions(() => showActions === 'settings' ? '' : 'settings');}}> ⚙️</button>
-            </ButtonsSection>
+            { /* <summary>…</summary> */ }
+            { /* <ButtonsSection> */ }
+            <ServiceTable.Cell><button onClick={() => { setShowActions(() => showActions === 'info' ? '' : 'info'); }}> Display Info</button></ServiceTable.Cell>
+            <ServiceTable.Cell> <button onClick={() => {setShowActions(() => showActions === 'add' ? '' : 'add');}}> manage selected ID</button></ServiceTable.Cell>
+            <ServiceTable.Cell><button disabled={!userParentIdMod} onClick={() => {setShowActions(() => showActions === 'remove' ? '' : 'remove');}}> 📤</button></ServiceTable.Cell>
+            <ServiceTable.Cell> <button disabled={!userCurrentIdMod} onClick={() => {setShowActions(() => showActions === 'settings' ? '' : 'settings');}}> ⚙️</button></ServiceTable.Cell>
+            { /* </ButtonsSection> */ }
 
             <MenuSection>
-                { showActions === 'info' && //checks if this action got active via a button user input before rendering this component.
+                { showActions === 'info' && // checks if this action got active via a button user input before rendering this component.
                 <InfoAction
                     userInfos={userInfos}
                     currentId={currentId}

From eb652207ff3003121b4f12c152939186edc790fd Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 20 Jul 2023 11:13:28 +0200
Subject: [PATCH 119/714] linter

---
 components/actions/functions/CreateContext.js | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/components/actions/functions/CreateContext.js b/components/actions/functions/CreateContext.js
index 5f21591c..90253713 100644
--- a/components/actions/functions/CreateContext.js
+++ b/components/actions/functions/CreateContext.js
@@ -38,31 +38,38 @@ const CreateContext = ({ currentId, userInfos }) => {
         //first of all some content checking otherwise displaying custom error messages
         if (!name) {
             setCreateNewContextErrorMessage('name not set');
+
             return;
         }
         if (name.length < 4) {
             setCreateNewContextErrorMessage('name must have at least 4 Character');
+
             return;
         }
         if (!template) {
             setCreateNewContextErrorMessage('template not selected');
+
             return;
         }
         // topic is optional. Advanced options as well if not selected will fall back to default
         if (topic?.length > 400) {
             setCreateNewContextErrorMessage('topic too long (max 400chars)');
+
             return;
         }
         if (!historyVisibility) {
             setHistoryVisibility('default');
+
             return;
         }
         if (!joinRules) {
             setJoinRules('default');
+
             return;
         }
         if (!powerLevels) {
             setPowerLevels('default');
+
             return;
         }
 
@@ -116,6 +123,7 @@ const CreateContext = ({ currentId, userInfos }) => {
         };
 
         await matrixClient.sendStateEvent(room.room_id, 'dev.medienhaus.meta', medienhausMetaEvent);
+
         return room;
     };
 

From b78339247b3227f341b98ed61541900e03711240 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 20 Jul 2023 11:14:16 +0200
Subject: [PATCH 120/714] remove second table row from explore

---
 components/UI/ServiceTable.js  |  4 ---
 pages/explore/TableView.js     |  3 +-
 pages/explore/TreeLeaves.js    | 12 ++-----
 pages/explore/TreePath.js      | 21 +++++++++----
 pages/explore/[[...roomId]].js | 57 ++++++++++++++--------------------
 5 files changed, 42 insertions(+), 55 deletions(-)

diff --git a/components/UI/ServiceTable.js b/components/UI/ServiceTable.js
index 6dd3202e..e923b56d 100644
--- a/components/UI/ServiceTable.js
+++ b/components/UI/ServiceTable.js
@@ -21,10 +21,6 @@ const Table = styled.table`
   max-height: 100%;
   overflow-y: auto;
   border-collapse: collapse;
-
-  @media (width > 51em) {
-    ${props => props.explore && 'max-width: calc(33% - (3 * var(--margin)));'}
-  }
 `;
 
 const TableRow = styled.tr`
diff --git a/pages/explore/TableView.js b/pages/explore/TableView.js
index d22b24b9..e8637ae8 100644
--- a/pages/explore/TableView.js
+++ b/pages/explore/TableView.js
@@ -99,10 +99,11 @@ function TableView({ handleClick, selectedRoomId, activePath, id, currentItemTyp
 
     return (
         <>
-            { !selectedRoomId && !navigator.userAgent.includes('iPhone') && !navigator.userAgent.includes('Android') && <TreePath
+            { !navigator.userAgent.includes('iPhone') && !navigator.userAgent.includes('Android') && <TreePath
                 selectedRoomId={selectedRoomId}
                 data={data}
                 callApiAndAddToObject={callApiAndAddToObject}
+                activePath={activePath}
             />
             }
             { data.map((leaf, index) => {
diff --git a/pages/explore/TreeLeaves.js b/pages/explore/TreeLeaves.js
index 81b99d92..4f7dfe67 100644
--- a/pages/explore/TreeLeaves.js
+++ b/pages/explore/TreeLeaves.js
@@ -40,17 +40,9 @@ const TreeLeaves = ({ handleClick, row, data, roomId, isParent, parent, selected
 
     if (!data) return <LoadingSpinner />;
 
-    return (<>
-        { selectedRoomId && parent && <Leaf
-            onClick={(e) => onClick(e, parent.room_id, row - 1, parent.template)}
-            className="parent"
-            key={parent.room_id}
-        >
-            ← { parent.name }
-        </Leaf> }
+    return (<React.Fragment key={key}>
         <ServiceTable
             explore={selectedRoomId ? false : true}
-            key={key}
         >
             { data.map((child) => {
                 const roomId = child.id || child.room_id;
@@ -82,7 +74,7 @@ const TreeLeaves = ({ handleClick, row, data, roomId, isParent, parent, selected
             }
         </ServiceTable>
 
-    </>
+    </React.Fragment>
 
     );
 };
diff --git a/pages/explore/TreePath.js b/pages/explore/TreePath.js
index 44f47fe4..a7f15c53 100644
--- a/pages/explore/TreePath.js
+++ b/pages/explore/TreePath.js
@@ -3,6 +3,7 @@ import styled from 'styled-components';
 
 import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
 import { ServiceTable } from '../../components/UI/ServiceTable';
+// import Actions from '../../components/actions';
 
 const Leaf = styled(ServiceTable.Cell)`
   cursor: pointer;
@@ -21,7 +22,7 @@ const Leaf = styled(ServiceTable.Cell)`
   }
 
 `;
-const TreePath = ({ selectedRoomId, data, callApiAndAddToObject }) => {
+const TreePath = ({ selectedRoomId, data, callApiAndAddToObject, activePath }) => {
     const [isFetching, setIsFetching] = useState(false);
 
     const handleClick = async (e, roomId, row, template) => {
@@ -37,11 +38,19 @@ const TreePath = ({ selectedRoomId, data, callApiAndAddToObject }) => {
                 if (!path[0]?.parent) return null;
 
                 return <ServiceTable.Row key={index}>
-                    <Leaf selected
-                        disabled={isFetching}
-                        onClick={(e) => handleClick(e, path[0].parent.room_id, index - 1, path[0].parent.template)}>
-                        <a>{ index > 0 && '↳ ' }{ path[0].parent.name }{ isFetching === path[0].parent.room_id && <LoadingSpinnerInline /> }</a>
-                    </Leaf>
+                    <ServiceTable.Cell>
+                        <Leaf selected
+                            disabled={isFetching}
+                            onClick={(e) => handleClick(e, path[0].parent.room_id, index - 1, path[0].parent.template)}>
+                            <a>{ index > 0 && '↳ ' }{ path[0].parent.name }{ isFetching === path[0].parent.room_id && <LoadingSpinnerInline /> }</a>
+                        </Leaf>
+                    </ServiceTable.Cell>
+                    { /* <Actions
+                        currentId={activePath[activePath.length - 1]}
+                        parentId={activePath?.length >= 2 ? activePath[activePath.length - 2] : undefined}
+                        // popActiveContexts={() => setActivePath(prevState => prevState.pop())}
+                    /> */ }
+
                 </ServiceTable.Row>;
             }) }
         </ServiceTable>
diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 7c878cf2..332ccb68 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -15,9 +15,6 @@ import Actions from '../../components/actions';
 
 // height calculation is mostly guess work at the moment...
 const ExploreSection = styled.div`
-  ${props => !props.selectedRoomId && 'display: flex;'}
-  ${props => !props.selectedRoomId && 'grid-template-columns: repeat(2, 1fr);'}
-
   gap: var(--margin);
   height: calc(100% - calc(var(--margin) * 4.8));
 
@@ -88,27 +85,17 @@ export default function Explore() {
             }
         };
 
-        if (template === 'chat-link') {
-            setCurrentItemType(template);
-            router.push(`/explore/${parentId}/${roomId}`);
-            setSelectedRoomId(roomId);
-            await getContent(roomId);
-        }
-        if (template === 'studentproject') {
-            setCurrentItemType(template);
-            router.push(`/explore/${parentId}/${roomId}`);
-            setSelectedRoomId(roomId);
-            await getContent(roomId);
-        }
-        if (template === 'sketch-link' || template === 'write-link') {
-            console.log('object');
+        if (template !== 'chat-link' &&
+            template !== 'studentproject' &&
+            template !== 'sketch-link' &&
+            template !== 'write-link') {
+            router.push(`/explore/${roomId}`);
+            setSelectedRoomId(null);
+        } else {
             setCurrentItemType(template);
             router.push(`/explore/${parentId}/${roomId}`);
             setSelectedRoomId(roomId);
             await getContent(roomId);
-        } else {
-            router.push(`/explore/${roomId}`);
-            setSelectedRoomId(null);
         }
     };
 
@@ -117,7 +104,7 @@ export default function Explore() {
     return (
         <>
 
-            <IframeLayout.Sidebar width={!selectedRoomId && '100%'}>
+            <IframeLayout.Sidebar>
                 <h2 ref={dimensionsRef}>/explore</h2>
                 <ExploreSection selectedRoomId={!!selectedRoomId}>
                     <TableView
@@ -128,16 +115,7 @@ export default function Explore() {
                     />
                 </ExploreSection>
             </IframeLayout.Sidebar>
-            <Actions
-                currentId={activePath[activePath.length - 1]}
-                parentId={activePath?.length >= 2 ? activePath[activePath.length - 2] : undefined}
-                popActiveContexts={() => {
-                    const tmp = activePath;
-                    tmp.pop();
-                    setActivePath(tmp);
-                }}
-            />
-            { selectedRoomId && (
+            { selectedRoomId ? (
                 (() => {
                     switch (currentItemType) {
                         case 'studentproject':
@@ -170,14 +148,25 @@ export default function Explore() {
                                     <ServiceIframeHeader
                                         content={`${getConfig().publicRuntimeConfig.chat.pathToElement}/#/room/${selectedRoomId}`}
                                         title={matrix.spaces.get(router.query.roomId[1])?.name || matrix.rooms.get(router.query.roomId[1])?.name}
-                                        removeLink={() => console.log('removing pad from parent')}
+                                        removeLink={() => console.log('removing chat from parent')}
                                         removingLink={false} />
-                                    <ChatIframeView src={roomContent} />
+                                    <ChatIframeView src={`${getConfig().publicRuntimeConfig.chat.pathToElement}/#/room/${selectedRoomId}`} />
                                 </IframeLayout.IframeWrapper>
                             );
                     }
                 })()
-            ) }
+            ) : <IframeLayout.IframeWrapper>
+                <ServiceIframeHeader
+                    content={roomContent}
+                    title={matrix.spaces.get(router.query.roomId[1])?.name || matrix.rooms.get(router.query.roomId[1])?.name || 'Header Text'}
+                    removeLink={() => console.log('removing sketch from parent')}
+                    removingLink={false} />
+                <Actions
+                    currentId={activePath[activePath.length - 1]}
+                    parentId={activePath?.length >= 2 ? activePath[activePath.length - 2] : undefined}
+                    // popActiveContexts={() => setActivePath(prevState => prevState.pop())}
+                />
+            </IframeLayout.IframeWrapper> }
         </>
     );
 }

From 099aab8a1b6a72a15c8a2be83255c37618319c8b Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 20 Jul 2023 15:09:54 +0200
Subject: [PATCH 121/714] add new icon

---
 assets/icons/list-settings.svg | 1 +
 1 file changed, 1 insertion(+)
 create mode 100644 assets/icons/list-settings.svg

diff --git a/assets/icons/list-settings.svg b/assets/icons/list-settings.svg
new file mode 100644
index 00000000..0cc3df47
--- /dev/null
+++ b/assets/icons/list-settings.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M2 18H9V20H2V18ZM2 11H11V13H2V11ZM2 4H22V6H2V4ZM20.674 13.0251L21.8301 12.634L22.8301 14.366L21.914 15.1711C21.9704 15.4386 22 15.7158 22 16C22 16.2842 21.9704 16.5614 21.914 16.8289L22.8301 17.634L21.8301 19.366L20.674 18.9749C20.2635 19.3441 19.7763 19.6295 19.2391 19.8044L19 21H17L16.7609 19.8044C16.2237 19.6295 15.7365 19.3441 15.326 18.9749L14.1699 19.366L13.1699 17.634L14.086 16.8289C14.0296 16.5614 14 16.2842 14 16C14 15.7158 14.0296 15.4386 14.086 15.1711L13.1699 14.366L14.1699 12.634L15.326 13.0251C15.7365 12.6559 16.2237 12.3705 16.7609 12.1956L17 11H19L19.2391 12.1956C19.7763 12.3705 20.2635 12.6559 20.674 13.0251ZM18 18C19.1046 18 20 17.1046 20 16C20 14.8954 19.1046 14 18 14C16.8954 14 16 14.8954 16 16C16 17.1046 16.8954 18 18 18Z"></path></svg>
\ No newline at end of file

From 11176fd38f831da4f78530afc46263474e98cfa1 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 20 Jul 2023 15:10:23 +0200
Subject: [PATCH 122/714] remove unused css rule

---
 components/UI/ServiceTable.js | 2 --
 1 file changed, 2 deletions(-)

diff --git a/components/UI/ServiceTable.js b/components/UI/ServiceTable.js
index e923b56d..d9ceac90 100644
--- a/components/UI/ServiceTable.js
+++ b/components/UI/ServiceTable.js
@@ -15,8 +15,6 @@ import styled from 'styled-components';
 
 // @TODO max-height is used because just using 'height' messes up other services like write and sketch. because those are using serviceSubmenu and the calculation doesn't work there.'
 const Table = styled.table`
-  ${props => props.explore && 'display: block;'}
-
   width: 100%;
   max-height: 100%;
   overflow-y: auto;

From 3588b7b8195ca91cd5383403047cd3412bb4544a Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 20 Jul 2023 15:10:41 +0200
Subject: [PATCH 123/714] add manage context action icon

---
 pages/etherpad/ServiceIframeHeader.js | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/pages/etherpad/ServiceIframeHeader.js b/pages/etherpad/ServiceIframeHeader.js
index f9cdfa16..97c0748a 100644
--- a/pages/etherpad/ServiceIframeHeader.js
+++ b/pages/etherpad/ServiceIframeHeader.js
@@ -4,8 +4,9 @@ import IframeLayout from '../../components/layouts/iframe';
 import BinIcon from '../../assets/icons/bin.svg';
 import CopyToClipboard from '../../components/UI/CopyToClipboard';
 import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
+import ListSettingsIcon from '../../assets/icons/list-settings.svg';
 
-const ServiceIframeHeader = ({ isDeletingPad, deletePad, title, mypadsPadObject, content }) => {
+const ServiceIframeHeader = ({ isDeletingPad, deletePad, title, mypadsPadObject, content, hasManageContextActionRights, setManageContextActionToggle }) => {
     const { t } = useTranslation('write');
 
     return (
@@ -16,6 +17,13 @@ const ServiceIframeHeader = ({ isDeletingPad, deletePad, title, mypadsPadObject,
                 <button title={t(mypadsPadObject ? 'Delete pad' : 'Remove pad from my library')} onClick={deletePad}>
                     { isDeletingPad ? <LoadingSpinnerInline /> : <BinIcon fill="var(--color-foreground)" /> }
                 </button>
+                { hasManageContextActionRights && <button>
+                    <ListSettingsIcon
+                        title={t('Manage the selected context')}
+                        fill="var(--color-foreground)"
+                        onClick={() => setManageContextActionToggle(prevState => !prevState)}
+                    />
+                </button> }
             </IframeLayout.IframeHeaderButtonWrapper>
         </IframeLayout.IframeHeader>
     );

From 007ae658104ec817e444769dc621ecc0a4658815 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 20 Jul 2023 15:11:28 +0200
Subject: [PATCH 124/714] implement first basic manage context action button
 without functions and change layout of explore

---
 pages/explore/ManageContextActions.js |  14 +++
 pages/explore/TableView.js            | 164 ++++++++------------------
 pages/explore/TreeLeaves.js           |  87 +++++---------
 pages/explore/TreePath.js             |   2 +-
 pages/explore/[[...roomId]].js        | 132 +++++++++++++++++----
 5 files changed, 205 insertions(+), 194 deletions(-)
 create mode 100644 pages/explore/ManageContextActions.js

diff --git a/pages/explore/ManageContextActions.js b/pages/explore/ManageContextActions.js
new file mode 100644
index 00000000..6edaa32d
--- /dev/null
+++ b/pages/explore/ManageContextActions.js
@@ -0,0 +1,14 @@
+import React from 'react';
+import styled from 'styled-components';
+
+const ManageContextActionsWrapper = styled.div`
+  width: 100%;
+  height: 100%;
+`;
+const ManageContextActions = () => {
+    return <ManageContextActionsWrapper>
+        <h2>Manage Contexts</h2>
+    </ManageContextActionsWrapper>;
+};
+
+export default ManageContextActions;
diff --git a/pages/explore/TableView.js b/pages/explore/TableView.js
index e8637ae8..445093a9 100644
--- a/pages/explore/TableView.js
+++ b/pages/explore/TableView.js
@@ -8,131 +8,69 @@ import { useMatrix } from '../../lib/Matrix';
 import TreeLeaves from './TreeLeaves';
 import TreePath from './TreePath';
 
-function TableView({ handleClick, selectedRoomId, activePath, id, currentItemType }) {
-    const [data, setData] = useState([]);
-
+function TableView({ handleClick, selectedRoomId, activePath, id, currentItemType, selectedSpaceChildren, setSelectedSpaceChildren, callApiAndAddToObject }) {
     const auth = useAuth();
     const matrix = useMatrix(auth.getAuthenticationProvider('matrix'));
 
-    useEffect(() => {
-        let cancelled = false;
-        if (!cancelled) {
-            if (selectedRoomId) callApiWithInitalNode(null, selectedRoomId, 0, currentItemType, id);
-            else callApiAndAddToObject(null, id, 0);
-        }
-
-        return () => {
-            cancelled = true;
-        };
-    }, [callApiAndAddToObject, callApiWithInitalNode, currentItemType, id, selectedRoomId]);
-
-    const callApiWithInitalNode = useCallback(async (e, roomId, index, template, parentId) => {
-        e && e.preventDefault();
-        console.debug('call Api or matrix with initial id and add');
-        const spaceHierarchy = await matrix.roomHierarchy(roomId, null, 1)
-            .catch(err => console.debug(err));
-        const parentHierarchy = await matrix.roomHierarchy(parentId, null, 1)
-            .catch(err => console.debug(err));
-        const parent = parentHierarchy[0];
-
-        async function getMetaEvent(obj) {
-            console.debug('getting meta event');
-            const metaEvent = await auth.getAuthenticationProvider('matrix').getMatrixClient().getStateEvent(obj.state_key || obj.room_id, 'dev.medienhaus.meta')
-                .catch((err) => {
-                    console.debug(err);
-                    obj.missingMetaEvent = true;
-                });
-            if (metaEvent) {
-                obj.type = metaEvent.type;
-                obj.template = metaEvent.template;
-                obj.application = metaEvent.application;
-            }
-        }
-        for (const space of parentHierarchy) {
-            space.parent = parent;
-            await getMetaEvent(space);
-        }
-        for (const space of spaceHierarchy) {
-            space.parent = parent;
-            await getMetaEvent(space);
-        }
-        await handleClick(roomId, spaceHierarchy[0].template, index, parentId);
-        setData([parentHierarchy, spaceHierarchy]);
-    }, [auth, handleClick, matrix]);
-
-    const callApiAndAddToObject = useCallback(async (e, roomId, index, template, parentId) => {
-        e && e.preventDefault();
-        console.log('call Api or matrix and add');
-        const spaceHierarchy = await matrix.roomHierarchy(roomId, null, 1)
-            .catch(err => console.debug(err));
-        if (!spaceHierarchy) return;
-        const parent = spaceHierarchy[0];
-
-        const getMetaEvent = async (obj) => {
-            console.debug('getting meta event for ' + (obj.state_key || obj.room_id));
-            const metaEvent = await auth.getAuthenticationProvider('matrix').getMatrixClient().getStateEvent(obj.state_key || obj.room_id, 'dev.medienhaus.meta')
-                .catch((err) => {
-                    console.debug(err);
-                    obj.missingMetaEvent = true;
-                });
-
-            if (metaEvent) {
-                obj.type = metaEvent.type;
-                obj.template = metaEvent.template;
-                obj.application = metaEvent.application;
-            }
-        };
-
-        for (const space of spaceHierarchy) {
-            space.parent = parent;
-            await getMetaEvent(space);
-        }
-        await handleClick(roomId, template, index, parentId);
-        setData((prevData) => {
-            prevData.splice(index + 1); // delete all entries after the selected row.
-
-            return [...prevData, spaceHierarchy];
-        });
-    }, [auth, handleClick, matrix]);
-
-    if (!data) return <LoadingSpinner />;
+    // useEffect(() => {
+    //     let cancelled = false;
+    //     if (!cancelled) {
+    //         if (selectedRoomId) callApiWithInitalNode(null, selectedRoomId, 0, currentItemType, id);
+    //         else callApiAndAddToObject(null, id, 0);
+    //     }
+
+    //     return () => {
+    //         cancelled = true;
+    //     };
+    // }, [callApiAndAddToObject, callApiWithInitalNode, currentItemType, id, selectedRoomId]);
+
+    // const callApiWithInitalNode = useCallback(async (e, roomId, index, template, parentId) => {
+    //     console.log('call initial node');
+    //     e && e.preventDefault();
+    //     console.debug('call Api or matrix with initial id and add');
+    //     const spaceHierarchy = await matrix.roomHierarchy(roomId, null, 1)
+    //         .catch(err => console.debug(err));
+    //     const parentHierarchy = await matrix.roomHierarchy(parentId, null, 1)
+    //         .catch(err => console.debug(err));
+    //     const parent = parentHierarchy[0];
+
+    //     async function getMetaEvent(obj) {
+    //         console.debug('getting meta event');
+    //         const metaEvent = await auth.getAuthenticationProvider('matrix').getMatrixClient().getStateEvent(obj.state_key || obj.room_id, 'dev.medienhaus.meta')
+    //             .catch((err) => {
+    //                 console.debug(err);
+    //                 obj.missingMetaEvent = true;
+    //             });
+    //         if (metaEvent) {
+    //             obj.type = metaEvent.type;
+    //             obj.template = metaEvent.template;
+    //             obj.application = metaEvent.application;
+    //         }
+    //     }
+    //     for (const space of parentHierarchy) {
+    //         space.parent = parent;
+    //         await getMetaEvent(space);
+    //     }
+    //     for (const space of spaceHierarchy) {
+    //         space.parent = parent;
+    //         await getMetaEvent(space);
+    //     }
+    //     await handleClick(roomId, spaceHierarchy[0].template, index, parentId);
+    //     setSelectedSpaceChildren([parentHierarchy, spaceHierarchy]);
+    // }, [auth, handleClick, matrix, setSelectedSpaceChildren]);
+
+    // if (!data) return <LoadingSpinner />;
+    if (!selectedSpaceChildren) return <LoadingSpinner />;
 
     return (
         <>
             { !navigator.userAgent.includes('iPhone') && !navigator.userAgent.includes('Android') && <TreePath
                 selectedRoomId={selectedRoomId}
-                data={data}
+                data={selectedSpaceChildren}
                 callApiAndAddToObject={callApiAndAddToObject}
                 activePath={activePath}
             />
             }
-            { data.map((leaf, index) => {
-                const numberOfRows = selectedRoomId ? 2 : 1;
-                if (index < data.length - numberOfRows) return null; // only show a defined maximum of rows.
-                if (selectedRoomId && index != data.length - 2) return null; // if an id is selected only show the selected row.
-                if (leaf.length <= 1) return <ErrorMessage key="error-message">Thank You { auth.user.displayname }! But Our Item Is In Another Context! 🍄</ErrorMessage>;
-                // we sort the array to display object of the type 'item' before others.
-                const parent = leaf[0];
-                const sortedLeaves = [...leaf].sort(function(a, b) {
-                    if (a.type === 'item' && b.type !== 'item') {
-                        return -1; // a comes before b
-                    } else if (a.type !== 'item' && b.type === 'item') {
-                        return 1; // a comes after b
-                    } else {
-                        return 0; // no sorting necessary
-                    }
-                });
-
-                return <TreeLeaves
-                    row={index}
-                    data={sortedLeaves}
-                    parent={parent}
-                    key={leaf[0].room_id + '_' + index}
-                    handleClick={callApiAndAddToObject}
-                    selectedRoomId={selectedRoomId}
-                    activePath={activePath}
-                />;
-            }) }
         </>
     );
 }
diff --git a/pages/explore/TreeLeaves.js b/pages/explore/TreeLeaves.js
index 4f7dfe67..62bd858c 100644
--- a/pages/explore/TreeLeaves.js
+++ b/pages/explore/TreeLeaves.js
@@ -6,75 +6,50 @@ import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
 import { ServiceTable } from '../../components/UI/ServiceTable';
 import LoadingSpinner from '../../components/UI/LoadingSpinner';
 
-const Leaf = styled.button`
-  display: ${props => [props.display]};
-  grid-row: ${props => props.className === 'parent' ? '1 / ' + props.childrenLength : props.index + 1};
-  font: inherit;
-  color: var(--color-foreground);
-  text-align: left;
-  text-transform: unset;
-  cursor: pointer;
-  background: none;
-  border-style: solid;
-  ${props => props.className !== 'parent' && 'transition: background-color 1s;'}
-
-  animation: fade-in 1s;
-
-  @keyframes fade-in {
-    0% { opacity: 0; }
-    100% { opacity: 1; }
-  }
+const SpaceChildren = styled.div`
+  width: 100%;
 
 `;
 
-const TreeLeaves = ({ handleClick, row, data, roomId, isParent, parent, selectedRoomId, activePath, key }) => {
+const TreeLeaves = ({ handleClick, row, leaf, isParent, parent, selectedRoomId, activePath, key }) => {
     const [fetchingLeaves, setFetchingLeaves] = useState(false);
     const router = useRouter();
+    const roomId = leaf.id || leaf.room_id;
 
-    const onClick = async (e, id, index, childTemplate, parentId) => {
+    const onClick = async (e, id, index, leafTemplate, parentId) => {
         e.preventDefault();
         setFetchingLeaves(id);
-        await handleClick(e, id || roomId, index, childTemplate, parentId);
+        await handleClick(e, id || roomId, index, leafTemplate, parentId);
         setFetchingLeaves(false);
     };
 
-    if (!data) return <LoadingSpinner />;
-
-    return (<React.Fragment key={key}>
-        <ServiceTable
-            explore={selectedRoomId ? false : true}
-        >
-            { data.map((child) => {
-                const roomId = child.id || child.room_id;
-                // if the roomId is the selected space we skip it
-                if (roomId === router.query.roomId[0]) return null;
-                // if an iframe is open we only want to show items in the list
-                if (selectedRoomId && child.type !== 'item') return null;
-
-                return <>
-                    <ServiceTable.Row key={roomId} disabled={fetchingLeaves}>
-                        <ServiceTable.Cell
-                            disabled={fetchingLeaves}
-                            selected={router.query.roomId[1] === roomId || activePath.indexOf(roomId) > -1}
-                            onClick={(e) => onClick(e, roomId, row, child.template, parent.room_id)}>
-                            { child.missingMetaEvent ?
-                                <em>{ isParent && parent && selectedRoomId ? '← ' : isParent && parent && '↓ ' } <a href="">{ child.name }{ fetchingLeaves === roomId && <LoadingSpinnerInline /> }</a></em>
-                                : <>{ isParent && parent && selectedRoomId ? '← ' : isParent && parent && '↓ ' } <a href="">{ child.name }{ fetchingLeaves === roomId && <LoadingSpinnerInline /> }</a></> }
-                        </ServiceTable.Cell>
-                        <ServiceTable.Cell title={child.template}>
-                            { child.template === 'write-link' ? '📝'
-                                : child.template === 'chat-link' ? '💬'
-                                    : child.template === 'sketch-link' ? '🎨'
-                                        : child.template === 'studentproject' && '🎓' }
-                        </ServiceTable.Cell>
-                    </ServiceTable.Row>
-                </>;
-            },
-            )
-            }
+    if (!leaf) return <LoadingSpinner />;
+    // if the roomId is the selected space we skip it
+    if (roomId === router.query.roomId[0]) return null;
+    // if an iframe is open we only want to show items in the list
+    if (selectedRoomId && leaf.type !== 'item') return null;
+
+    return (<SpaceChildren key={key}>
+        <ServiceTable>
+            <ServiceTable.Row key={roomId} disabled={fetchingLeaves}>
+                <ServiceTable.Cell
+                    disabled={fetchingLeaves}
+                    selected={router.query.roomId[1] === roomId || activePath.indexOf(roomId) > -1}
+                    onClick={(e) => onClick(e, roomId, row, leaf.template, parent.room_id)}>
+                    { leaf.missingMetaEvent ?
+                        <em>{ isParent && parent && selectedRoomId ? '← ' : isParent && parent && '↓ ' } <a href="">{ leaf.name }{ fetchingLeaves === roomId && <LoadingSpinnerInline /> }</a></em>
+                        : <>{ isParent && parent && selectedRoomId ? '← ' : isParent && parent && '↓ ' } <a href="">{ leaf.name }{ fetchingLeaves === roomId && <LoadingSpinnerInline /> }</a></> }
+                </ServiceTable.Cell>
+                <ServiceTable.Cell title={leaf.template}>
+                    { leaf.template === 'write-link' ? '📝'
+                        : leaf.template === 'chat-link' ? '💬'
+                            : leaf.template === 'sketch-link' ? '🎨'
+                                : leaf.template === 'studentproject' && '🎓' }
+                </ServiceTable.Cell>
+            </ServiceTable.Row>
         </ServiceTable>
 
-    </React.Fragment>
+    </SpaceChildren>
 
     );
 };
diff --git a/pages/explore/TreePath.js b/pages/explore/TreePath.js
index a7f15c53..a7402c24 100644
--- a/pages/explore/TreePath.js
+++ b/pages/explore/TreePath.js
@@ -33,7 +33,7 @@ const TreePath = ({ selectedRoomId, data, callApiAndAddToObject, activePath }) =
     };
 
     return (
-        <ServiceTable explore={selectedRoomId ? false : true}>
+        <ServiceTable>
             { data.map((path, index) => {
                 if (!path[0]?.parent) return null;
 
diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 332ccb68..9db5282a 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -2,6 +2,7 @@ import React, { useCallback, useEffect, useRef, useState } from 'react';
 import styled from 'styled-components';
 import getConfig from 'next/config';
 import { useRouter } from 'next/router';
+import _ from 'lodash';
 
 import IframeLayout from '../../components/layouts/iframe';
 import LoadingSpinner from '../../components/UI/LoadingSpinner';
@@ -11,25 +12,35 @@ import ServiceIframeHeader from '../etherpad/ServiceIframeHeader';
 import ProjectView from './ProjectView';
 import ChatIframeView from '../chat/ChatIframeView';
 import TableView from './TableView';
-import Actions from '../../components/actions';
+// import Actions from '../../components/actions';
+import ManageContextActions from './ManageContextActions';
+import ErrorMessage from '../../components/UI/ErrorMessage';
+import TreeLeaves from './TreeLeaves';
+import { breakpoints } from '../../components/_breakpoints';
 
 // height calculation is mostly guess work at the moment...
 const ExploreSection = styled.div`
-  gap: var(--margin);
-  height: calc(100% - calc(var(--margin) * 4.8));
+  width: 100%;
+  height: 100%;
+  padding: var(--margin);
 
   .parent {
     color: var(--color-background);
     background: var(--color-foreground);
   }
 
+  @media ${breakpoints.tabletAndAbove} {
+    padding: 0 calc(var(--margin) * 1.5);
+  }
 `;
 
 export default function Explore() {
-    const [entryPointId, setEntryPointId] = useState(null);
     const [selectedRoomId, setSelectedRoomId] = useState(null);
     const [roomContent, setRoomContent] = useState();
     const [activePath, setActivePath] = useState([getConfig().publicRuntimeConfig.contextRootSpaceRoomId]);
+    const [hasManageContextActionRights, setHasManageContextActionRights] = useState(true);
+    const [selectedSpaceChildren, setSelectedSpaceChildren] = useState([]);
+    const [manageContextActionToggle, setManageContextActionToggle] = useState(false);
     const dimensionsRef = useRef();
     const router = useRouter();
     const [currentItemType, setCurrentItemType] = useState('');
@@ -51,7 +62,7 @@ export default function Explore() {
             setActivePath([roomId]);
             router.push(`/explore/${roomId}`);
         }
-        setEntryPointId(roomId);
+        callApiAndAddToObject(null, roomId, 0);
     // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
 
@@ -62,18 +73,15 @@ export default function Explore() {
         return () => cancelled = true;
     }, [initialSetup]);
 
-    const handleClicked = async (roomId, template, index, parentId) => {
+    const handleClicked = useCallback(async (roomId, template, index, parentId) => {
+        console.log(template);
         if (!roomId) return;
 
-        if (parentId === activePath[activePath.length-1]) { //user clicked on a child entry of the current selected level
-            const tmp = activePath;
-            tmp.push(roomId);
-            setActivePath(tmp);
-        } else if (roomId === activePath[activePath.length-2]) { // user went one level above
-            const tmp = activePath;
-            tmp.pop();
-            setActivePath(tmp);
-        } // @TODO: add `else if` for the case that the user went back several levels, find in array and splice from there on…
+        setActivePath(prevState => {
+            prevState.splice(index < 0 ? 0 : index + 1);
+
+            return [...prevState, roomId];
+        });
 
         const getContent = async (roomId) => {
             const cachedContent = matrix.roomContents.get(selectedRoomId)?.body;
@@ -97,23 +105,62 @@ export default function Explore() {
             setSelectedRoomId(roomId);
             await getContent(roomId);
         }
+    }, [matrix, router, selectedRoomId]);
+
+    const callApiAndAddToObject = async (e, roomId, index, template, parentId) => {
+        if (!selectedSpaceChildren) return;
+        e && e.preventDefault();
+        console.log('call Api or matrix and add');
+        const spaceHierarchy = await matrix.roomHierarchy(roomId, null, 1)
+            .catch(err => console.debug(err));
+        if (!spaceHierarchy) return;
+        console.log(spaceHierarchy);
+        const parent = spaceHierarchy[0];
+
+        const getMetaEvent = async (obj) => {
+            console.debug('getting meta event for ' + (obj.state_key || obj.room_id));
+            const metaEvent = await auth.getAuthenticationProvider('matrix').getMatrixClient().getStateEvent(obj.state_key || obj.room_id, 'dev.medienhaus.meta')
+                .catch((err) => {
+                    console.debug(err);
+                    obj.missingMetaEvent = true;
+                });
+
+            if (metaEvent) {
+                obj.type = metaEvent.type;
+                obj.template = metaEvent.template;
+                obj.application = metaEvent.application;
+            }
+        };
+
+        for (const space of spaceHierarchy) {
+            space.parent = parent;
+            await getMetaEvent(space);
+        }
+        await handleClicked(roomId, template, index, parentId);
+        setSelectedSpaceChildren((prevState) => {
+            prevState.splice(index+1); // delete all entries after the selected row.
+
+            return [...prevState, spaceHierarchy];
+        });
     };
 
-    if (!entryPointId || typeof window === 'undefined') return <LoadingSpinner />;
+    if (typeof window === 'undefined') return <LoadingSpinner />;
+    // console.log(selectedSpaceChildren[selectedSpaceChildren.length -1]);
 
     return (
         <>
 
             <IframeLayout.Sidebar>
                 <h2 ref={dimensionsRef}>/explore</h2>
-                <ExploreSection selectedRoomId={!!selectedRoomId}>
+                { !_.isEmpty(selectedSpaceChildren) &&
                     <TableView
-                        id={entryPointId}
                         handleClick={handleClicked}
                         selectedRoomId={selectedRoomId}
                         activePath={activePath}
+                        callApiAndAddToObject={callApiAndAddToObject}
+                        selectedSpaceChildren={selectedSpaceChildren}
                     />
-                </ExploreSection>
+                }
             </IframeLayout.Sidebar>
             { selectedRoomId ? (
                 (() => {
@@ -155,17 +202,54 @@ export default function Explore() {
                             );
                     }
                 })()
-            ) : <IframeLayout.IframeWrapper>
+            ) : !_.isEmpty(selectedSpaceChildren) && <IframeLayout.IframeWrapper>
                 <ServiceIframeHeader
                     content={roomContent}
-                    title={matrix.spaces.get(router.query.roomId[1])?.name || matrix.rooms.get(router.query.roomId[1])?.name || 'Header Text'}
+                    title={matrix.spaces.get(router.query.roomId[0])?.name || matrix.rooms.get(router.query.roomId[0])?.name || 'Header Text'}
                     removeLink={() => console.log('removing sketch from parent')}
-                    removingLink={false} />
-                <Actions
+                    removingLink={false}
+                    hasManageContextActionRights={hasManageContextActionRights}
+                    setManageContextActionToggle={setManageContextActionToggle}
+                />
+                { manageContextActionToggle && <ManageContextActions /> }
+
+                { !manageContextActionToggle &&
+                        selectedSpaceChildren &&
+                        <ExploreSection>{
+                            selectedSpaceChildren[selectedSpaceChildren.length - 1]
+                                .sort(function(a, b) {
+                                    if (a.type === 'item' && b.type !== 'item') {
+                                        return -1; // a comes before b
+                                    } else if (a.type !== 'item' && b.type === 'item') {
+                                        return 1; // a comes after b
+                                    } else {
+                                        return 0; // no sorting necessary
+                                    }
+                                }).map((leaf, index) => {
+                                    if (leaf.length <= 1) {
+                                        return <ErrorMessage key="error-message">
+                                            Thank You { auth.user.displayname }! But Our Item Is In Another Context! 🍄
+                                        </ErrorMessage>;
+                                    }
+
+                                    // we sort the array to display object of the type 'item' before others.
+                                    return <TreeLeaves
+                                        row={index}
+                                        leaf={leaf}
+                                        parent={parent}
+                                        key={leaf.room_id + '_' + index}
+                                        handleClick={callApiAndAddToObject}
+                                        selectedRoomId={selectedRoomId}
+                                        activePath={activePath}
+                                    />;
+                                }) } </ExploreSection>
+                }
+                { /* <Actions
                     currentId={activePath[activePath.length - 1]}
                     parentId={activePath?.length >= 2 ? activePath[activePath.length - 2] : undefined}
                     // popActiveContexts={() => setActivePath(prevState => prevState.pop())}
-                />
+                /> */ }
+
             </IframeLayout.IframeWrapper> }
         </>
     );

From 23a89e46f1ffceb037e05a8ace9dcdc6c6927829 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 20 Jul 2023 15:59:07 +0200
Subject: [PATCH 125/714] remove unused imports from `Actions` and
 `CreateContext`; refactor `AddActions `to `ManageContextActions.js`

---
 components/actions/AddAction.js               | 81 -------------------
 components/actions/functions/CreateContext.js |  5 +-
 components/actions/index.js                   | 33 +++-----
 pages/explore/ManageContextActions.js         | 24 +++++-
 pages/explore/TableView.js                    | 78 ------------------
 5 files changed, 34 insertions(+), 187 deletions(-)
 delete mode 100644 components/actions/AddAction.js
 delete mode 100644 pages/explore/TableView.js

diff --git a/components/actions/AddAction.js b/components/actions/AddAction.js
deleted file mode 100644
index 352d36a0..00000000
--- a/components/actions/AddAction.js
+++ /dev/null
@@ -1,81 +0,0 @@
-import React, { useCallback, useEffect, useState } from 'react';
-import styled from 'styled-components';
-import getConfig from 'next/config';
-import _ from 'lodash';
-
-import { useAuth } from '../../lib/Auth';
-import { useMatrix } from '../../lib/Matrix';
-import CreateContext from './functions/CreateContext';
-import TemplateSelect from './functions/TemplateSelect';
-import AddExistingContext from './functions/AddExistingContext';
-
-const ModSection = styled.div`
-  & {
-    margin-bottom: var(--margin);
-  }
-
-  & > button {
-    margin-bottom: var(--margin);
-  }
-`;
-
-const UserSection = styled.div`
-  & {
-    margin-bottom: var(--margin);
-  }
-
-  & > button {
-    margin-bottom: var(--margin);
-  }
-`;
-
-/**
- * ACTIONS COMPONENT
- * ------------------
- *
- * @param {String} currentId — the Id of the current observed Room
- * @param {String} parentId — the Id of the parent of the currently observed Room. Matrix background: parentId lists currentId as an m.space.child stateevent. currentId got no information about the parentId.
- * @param {function} popActiveContexts – deletes the latest Element of the Contexts Multi Level Select Stack. Needed for the remove action.
- *
- * @TODO
- * - add item function with integration of existing application spaces, like write.
- * - add joined contexts
-*/
-
-const AddAction = ({ currentId, userInfos, mod, currentName, setShowActions }) => {
-    const auth = useAuth();
-    const matrix = auth.getAuthenticationProvider('matrix');
-    const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
-
-    return (
-        <>
-            <UserSection>
-                <button>⭐</button>
-                <button>Join</button>
-            </UserSection>
-            { mod? //if no mod rights are granted for this current Id this section will not be displayed
-                <ModSection>
-                    <details>
-                        <summary>create new substructure</summary>
-                        <CreateContext currentId={currentId} userInfos={userInfos} />
-                    </details>
-
-                    <details>
-                        <summary>add existing context from root</summary>
-                        <AddExistingContext parentId={currentId} parentName={currentName} setShowActions={setShowActions} />
-                    </details>
-
-                    <details>
-                        <summary>add existing item from application</summary>
-                        <></>
-                    </details>
-
-                </ModSection>
-                : <></>
-            }
-        </>
-
-    );
-};
-
-export default AddAction;
diff --git a/components/actions/functions/CreateContext.js b/components/actions/functions/CreateContext.js
index 90253713..bf3a4cb3 100644
--- a/components/actions/functions/CreateContext.js
+++ b/components/actions/functions/CreateContext.js
@@ -1,12 +1,10 @@
-import React, { useCallback, useEffect, useState } from 'react';
+import React, { useState } from 'react';
 import styled from 'styled-components';
 import getConfig from 'next/config';
 import _ from 'lodash';
 
 import { useAuth } from '../../../lib/Auth';
-import { useMatrix } from '../../../lib/Matrix';
 import TemplateSelect from './TemplateSelect';
-import AdvancedRoomOptions from './AdvancedRoomOptions';
 import presets from '../presets';
 
 const AdvancesOptions = styled.details`
@@ -21,7 +19,6 @@ const AdvancesOptions = styled.details`
 
 const CreateContext = ({ currentId, userInfos }) => {
     const auth = useAuth();
-    const matrix = auth.getAuthenticationProvider('matrix');
     const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
 
     const [name, setName] = useState();
diff --git a/components/actions/index.js b/components/actions/index.js
index 92a7abc2..2e04e66c 100644
--- a/components/actions/index.js
+++ b/components/actions/index.js
@@ -1,26 +1,18 @@
-import React, { useCallback, useEffect, useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import styled from 'styled-components';
-import getConfig from 'next/config';
 import _ from 'lodash';
 
 import { useAuth } from '../../lib/Auth';
-import { useMatrix } from '../../lib/Matrix';
 import SettingsAction from './SettingsAction';
 import InfoAction from './InfoAction';
-import AddAction from './AddAction';
 import RemoveAction from './RemoveAction';
 import { ServiceTable } from '../UI/ServiceTable';
+import ManageContextActions from '../../pages/explore/ManageContextActions';
 
 const ActionsSection = styled.div`
   height: 100%;
 `;
 
-const ButtonsSection = styled.div`
-  & {
-    margin-bottom: var(--margin);
-  }
-`;
-
 const MenuSection = styled.div`
   & {
     margin-bottom: var(--margin);
@@ -50,7 +42,6 @@ const Actions = ({ currentId, parentId, popActiveContexts }) => {
     */
 
     const auth = useAuth();
-    const matrix = auth.getAuthenticationProvider('matrix');
     const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
 
     /**
@@ -62,8 +53,8 @@ const Actions = ({ currentId, parentId, popActiveContexts }) => {
     const [showActions, setShowActions] = useState();
     const [userInfos, setUserInfos] = useState(); //stores information about the curren User
 
-    const [userCurrentIdMod, setUserCurrentIdMod] = useState(false);
-    const [userParentIdMod, setParentIdMod] = useState(false);
+    const [isCurrentUserModerator, setIsisCurrentUserModerator] = useState(false);
+    const [isUserModeratorInParent, setIsUserModeratorInParent] = useState(false);
 
     /**
     * EFFECTS
@@ -90,11 +81,11 @@ const Actions = ({ currentId, parentId, popActiveContexts }) => {
                 * @TODO
                 * - could become a problem in the future if the ContextMulitLevelSelect Component will have the ability to start not from the root of the tree, so therefore the parent Events are not cached.
                 */
-                setParentIdMod(false);
+                setIsUserModeratorInParent(false);
 
                 return;
             }
-            setParentIdMod(parentPowerLevel?.users[userInfos?.id] >= 50);
+            setIsUserModeratorInParent(parentPowerLevel?.users[userInfos?.id] >= 50);
         }
     }, [parentId]);
 
@@ -188,7 +179,7 @@ const Actions = ({ currentId, parentId, popActiveContexts }) => {
             currentId,
             'm.room.power_levels',
         ).catch(() => {});
-        setUserCurrentIdMod(powerLevelsEvent?.users[userId] >= 50);  //check if the current user got is listed with a custom power level if true and >= 50 (mod default) mod flag is set true
+        setIsisCurrentUserModerator(powerLevelsEvent?.users[userId] >= 50);  //check if the current user got is listed with a custom power level if true and >= 50 (mod default) mod flag is set true
         setRoomPowerLevels(powerLevelsEvent);
         setUserInfos({ ...userInfos, id: userId });
 
@@ -230,9 +221,8 @@ const Actions = ({ currentId, parentId, popActiveContexts }) => {
             { /* <summary>…</summary> */ }
             { /* <ButtonsSection> */ }
             <ServiceTable.Cell><button onClick={() => { setShowActions(() => showActions === 'info' ? '' : 'info'); }}> Display Info</button></ServiceTable.Cell>
-            <ServiceTable.Cell> <button onClick={() => {setShowActions(() => showActions === 'add' ? '' : 'add');}}> manage selected ID</button></ServiceTable.Cell>
-            <ServiceTable.Cell><button disabled={!userParentIdMod} onClick={() => {setShowActions(() => showActions === 'remove' ? '' : 'remove');}}> 📤</button></ServiceTable.Cell>
-            <ServiceTable.Cell> <button disabled={!userCurrentIdMod} onClick={() => {setShowActions(() => showActions === 'settings' ? '' : 'settings');}}> ⚙️</button></ServiceTable.Cell>
+            <ServiceTable.Cell><button disabled={!isUserModeratorInParent} onClick={() => {setShowActions(() => showActions === 'remove' ? '' : 'remove');}}> 📤</button></ServiceTable.Cell>
+            <ServiceTable.Cell><button disabled={!isCurrentUserModerator} onClick={() => {setShowActions(() => showActions === 'settings' ? '' : 'settings');}}> ⚙️</button></ServiceTable.Cell>
             { /* </ButtonsSection> */ }
 
             <MenuSection>
@@ -249,11 +239,10 @@ const Actions = ({ currentId, parentId, popActiveContexts }) => {
                     getMembers={fetchRoomMembers}
                     getMeta={fetchRoomMeta}
                 /> }
-                { showActions === 'add' &&
-                <AddAction
+                { isCurrentUserModerator &&
+                <ManageContextActions
                     userInfos={userInfos}
                     currentId={currentId}
-                    mod={userCurrentIdMod}
                     currentName={roomName}
                     setShowActions={setShowActions}
                 /> }
diff --git a/pages/explore/ManageContextActions.js b/pages/explore/ManageContextActions.js
index 6edaa32d..c273cda3 100644
--- a/pages/explore/ManageContextActions.js
+++ b/pages/explore/ManageContextActions.js
@@ -1,13 +1,33 @@
 import React from 'react';
 import styled from 'styled-components';
+import { t } from 'i18next';
+
+import CreateContext from '../../components/actions/functions/CreateContext';
+import AddExistingContext from '../../components/actions/functions/AddExistingContext';
 
 const ManageContextActionsWrapper = styled.div`
   width: 100%;
   height: 100%;
 `;
-const ManageContextActions = () => {
+const ManageContextActions = ({ userInfos, currentId, currentName, setShowActions }) => {
     return <ManageContextActionsWrapper>
-        <h2>Manage Contexts</h2>
+        <h2>{ t('Manage contexts and items within ') }{ currentName }</h2>
+        <div>
+            <details>
+                <summary>{ t('create new substructure') }</summary>
+                <CreateContext currentId={currentId} userInfos={userInfos} />
+            </details>
+
+            <details>
+                <summary>{ t('add existing context from root') }</summary>
+                <AddExistingContext parentId={currentId} parentName={currentName} setShowActions={setShowActions} />
+            </details>
+
+            <details>
+                <summary>{ t('add existing item from application') }</summary>
+            </details>
+        </div>
+
     </ManageContextActionsWrapper>;
 };
 
diff --git a/pages/explore/TableView.js b/pages/explore/TableView.js
deleted file mode 100644
index 445093a9..00000000
--- a/pages/explore/TableView.js
+++ /dev/null
@@ -1,78 +0,0 @@
-
-import React, { useCallback, useEffect, useState } from 'react';
-
-import ErrorMessage from '../../components/UI/ErrorMessage';
-import LoadingSpinner from '../../components/UI/LoadingSpinner';
-import { useAuth } from '../../lib/Auth';
-import { useMatrix } from '../../lib/Matrix';
-import TreeLeaves from './TreeLeaves';
-import TreePath from './TreePath';
-
-function TableView({ handleClick, selectedRoomId, activePath, id, currentItemType, selectedSpaceChildren, setSelectedSpaceChildren, callApiAndAddToObject }) {
-    const auth = useAuth();
-    const matrix = useMatrix(auth.getAuthenticationProvider('matrix'));
-
-    // useEffect(() => {
-    //     let cancelled = false;
-    //     if (!cancelled) {
-    //         if (selectedRoomId) callApiWithInitalNode(null, selectedRoomId, 0, currentItemType, id);
-    //         else callApiAndAddToObject(null, id, 0);
-    //     }
-
-    //     return () => {
-    //         cancelled = true;
-    //     };
-    // }, [callApiAndAddToObject, callApiWithInitalNode, currentItemType, id, selectedRoomId]);
-
-    // const callApiWithInitalNode = useCallback(async (e, roomId, index, template, parentId) => {
-    //     console.log('call initial node');
-    //     e && e.preventDefault();
-    //     console.debug('call Api or matrix with initial id and add');
-    //     const spaceHierarchy = await matrix.roomHierarchy(roomId, null, 1)
-    //         .catch(err => console.debug(err));
-    //     const parentHierarchy = await matrix.roomHierarchy(parentId, null, 1)
-    //         .catch(err => console.debug(err));
-    //     const parent = parentHierarchy[0];
-
-    //     async function getMetaEvent(obj) {
-    //         console.debug('getting meta event');
-    //         const metaEvent = await auth.getAuthenticationProvider('matrix').getMatrixClient().getStateEvent(obj.state_key || obj.room_id, 'dev.medienhaus.meta')
-    //             .catch((err) => {
-    //                 console.debug(err);
-    //                 obj.missingMetaEvent = true;
-    //             });
-    //         if (metaEvent) {
-    //             obj.type = metaEvent.type;
-    //             obj.template = metaEvent.template;
-    //             obj.application = metaEvent.application;
-    //         }
-    //     }
-    //     for (const space of parentHierarchy) {
-    //         space.parent = parent;
-    //         await getMetaEvent(space);
-    //     }
-    //     for (const space of spaceHierarchy) {
-    //         space.parent = parent;
-    //         await getMetaEvent(space);
-    //     }
-    //     await handleClick(roomId, spaceHierarchy[0].template, index, parentId);
-    //     setSelectedSpaceChildren([parentHierarchy, spaceHierarchy]);
-    // }, [auth, handleClick, matrix, setSelectedSpaceChildren]);
-
-    // if (!data) return <LoadingSpinner />;
-    if (!selectedSpaceChildren) return <LoadingSpinner />;
-
-    return (
-        <>
-            { !navigator.userAgent.includes('iPhone') && !navigator.userAgent.includes('Android') && <TreePath
-                selectedRoomId={selectedRoomId}
-                data={selectedSpaceChildren}
-                callApiAndAddToObject={callApiAndAddToObject}
-                activePath={activePath}
-            />
-            }
-        </>
-    );
-}
-
-export default TableView;

From 505827e99e097b9ec863b95352f358aec87e6565 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 20 Jul 2023 15:59:23 +0200
Subject: [PATCH 126/714] rudimentary implement explore actions

---
 pages/explore/[[...roomId]].js | 33 ++++++++++++++++++---------------
 1 file changed, 18 insertions(+), 15 deletions(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 9db5282a..7a6625f8 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -11,12 +11,11 @@ import { useMatrix } from '../../lib/Matrix';
 import ServiceIframeHeader from '../etherpad/ServiceIframeHeader';
 import ProjectView from './ProjectView';
 import ChatIframeView from '../chat/ChatIframeView';
-import TableView from './TableView';
-// import Actions from '../../components/actions';
-import ManageContextActions from './ManageContextActions';
+import Actions from '../../components/actions';
 import ErrorMessage from '../../components/UI/ErrorMessage';
 import TreeLeaves from './TreeLeaves';
 import { breakpoints } from '../../components/_breakpoints';
+import TreePath from './TreePath';
 
 // height calculation is mostly guess work at the moment...
 const ExploreSection = styled.div`
@@ -153,13 +152,13 @@ export default function Explore() {
             <IframeLayout.Sidebar>
                 <h2 ref={dimensionsRef}>/explore</h2>
                 { !_.isEmpty(selectedSpaceChildren) &&
-                    <TableView
-                        handleClick={handleClicked}
-                        selectedRoomId={selectedRoomId}
-                        activePath={activePath}
-                        callApiAndAddToObject={callApiAndAddToObject}
-                        selectedSpaceChildren={selectedSpaceChildren}
-                    />
+                     !navigator.userAgent.includes('iPhone') && !navigator.userAgent.includes('Android') && <TreePath
+                    selectedRoomId={selectedRoomId}
+                    data={selectedSpaceChildren}
+                    callApiAndAddToObject={callApiAndAddToObject}
+                    activePath={activePath}
+                />
+
                 }
             </IframeLayout.Sidebar>
             { selectedRoomId ? (
@@ -211,11 +210,14 @@ export default function Explore() {
                     hasManageContextActionRights={hasManageContextActionRights}
                     setManageContextActionToggle={setManageContextActionToggle}
                 />
-                { manageContextActionToggle && <ManageContextActions /> }
+                <ExploreSection>
+                    { manageContextActionToggle && <Actions
+                        currentId={activePath[activePath.length - 1]}
+                        parentId={activePath[activePath.length - 2]}
+                    /> }
 
-                { !manageContextActionToggle &&
+                    { !manageContextActionToggle &&
                         selectedSpaceChildren &&
-                        <ExploreSection>{
                             selectedSpaceChildren[selectedSpaceChildren.length - 1]
                                 .sort(function(a, b) {
                                     if (a.type === 'item' && b.type !== 'item') {
@@ -242,8 +244,9 @@ export default function Explore() {
                                         selectedRoomId={selectedRoomId}
                                         activePath={activePath}
                                     />;
-                                }) } </ExploreSection>
-                }
+                                })
+                    }
+                </ExploreSection>
                 { /* <Actions
                     currentId={activePath[activePath.length - 1]}
                     parentId={activePath?.length >= 2 ? activePath[activePath.length - 2] : undefined}

From da031aa2025ea23471afebb2da18f78c0afbfbd3 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Thu, 20 Jul 2023 16:22:29 +0200
Subject: [PATCH 127/714] use ToggleButton for /explore actions button; add
 icon for browse button

---
 assets/icons/folder.svg               |  1 +
 components/UI/ServiceIframeHeader.js  | 56 +++++++++++++++++++++++++++
 pages/etherpad/ServiceIframeHeader.js | 31 ---------------
 pages/etherpad/[[...roomId]].js       |  2 +-
 pages/explore/[[...roomId]].js        |  2 +-
 5 files changed, 59 insertions(+), 33 deletions(-)
 create mode 100644 assets/icons/folder.svg
 create mode 100644 components/UI/ServiceIframeHeader.js
 delete mode 100644 pages/etherpad/ServiceIframeHeader.js

diff --git a/assets/icons/folder.svg b/assets/icons/folder.svg
new file mode 100644
index 00000000..92b689ff
--- /dev/null
+++ b/assets/icons/folder.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M3.08697 9H20.9134C21.4657 9 21.9134 9.44772 21.9134 10C21.9134 10.0277 21.9122 10.0554 21.9099 10.083L21.0766 20.083C21.0334 20.6013 20.6001 21 20.08 21H3.9203C3.40021 21 2.96695 20.6013 2.92376 20.083L2.09042 10.083C2.04456 9.53267 2.45355 9.04932 3.00392 9.00345C3.03155 9.00115 3.05925 9 3.08697 9ZM4.84044 19H19.1599L19.8266 11H4.17377L4.84044 19ZM13.4144 5H20.0002C20.5525 5 21.0002 5.44772 21.0002 6V7H3.00017V4C3.00017 3.44772 3.44789 3 4.00017 3H11.4144L13.4144 5Z"></path></svg>
diff --git a/components/UI/ServiceIframeHeader.js b/components/UI/ServiceIframeHeader.js
new file mode 100644
index 00000000..215d25de
--- /dev/null
+++ b/components/UI/ServiceIframeHeader.js
@@ -0,0 +1,56 @@
+import styled from 'styled-components';
+import { useState } from 'react';
+import { useTranslation } from 'react-i18next';
+
+import IframeLayout from '../../components/layouts/iframe';
+import BinIcon from '../../assets/icons/bin.svg';
+import CopyToClipboard from '../../components/UI/CopyToClipboard';
+import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
+import FolderIcon from '../../assets/icons/folder.svg';
+import ListSettingsIcon from '../../assets/icons/list-settings.svg';
+
+const ToggleButton = styled.button`
+  /* unset globally defined button styles; set height to line-height */
+  width: unset;
+  height: calc(var(--margin) * 1.3);
+  padding: unset;
+  background-color: unset;
+  border: unset;
+`;
+
+const ServiceIframeHeader = ({ isDeletingPad, deletePad, title, mypadsPadObject, content, hasManageContextActionRights, setManageContextActionToggle }) => {
+    const [isManageContextMenuOpen, setIsManageContextMenuOpen] = useState(false);
+    const { t } = useTranslation('write');
+
+    return (
+        <IframeLayout.IframeHeader>
+            <h2>{ title }</h2>
+            <IframeLayout.IframeHeaderButtonWrapper isManageContextMenuOpen={isManageContextMenuOpen}>
+                <CopyToClipboard content={content} />
+                <button title={t(mypadsPadObject ? 'Delete pad' : 'Remove pad from my library')} onClick={deletePad}>
+                    { isDeletingPad ? <LoadingSpinnerInline /> : <BinIcon fill="var(--color-foreground)" /> }
+                </button>
+                { hasManageContextActionRights && (
+                    isManageContextMenuOpen ? (
+                        <ToggleButton onClick={() => { setManageContextActionToggle(true); }}>
+                            <ListSettingsIcon
+                                title={t('Manage the selected context')}
+                                fill="var(--color-foreground)"
+                                onClick={() => { setIsManageContextMenuOpen(false); }}
+                            />
+                        </ToggleButton>
+                    ) : (
+                        <ToggleButton onClick={() => { setManageContextActionToggle(false); }}>
+                            <FolderIcon
+                                title={t('Browse the selected context')}
+                                fill="var(--color-foreground)"
+                                onClick={() => { setIsManageContextMenuOpen(true); }}
+                            />
+                        </ToggleButton>
+                    )
+                ) }
+            </IframeLayout.IframeHeaderButtonWrapper>
+        </IframeLayout.IframeHeader>
+    );
+};
+export default ServiceIframeHeader;
diff --git a/pages/etherpad/ServiceIframeHeader.js b/pages/etherpad/ServiceIframeHeader.js
deleted file mode 100644
index 97c0748a..00000000
--- a/pages/etherpad/ServiceIframeHeader.js
+++ /dev/null
@@ -1,31 +0,0 @@
-import { useTranslation } from 'react-i18next';
-
-import IframeLayout from '../../components/layouts/iframe';
-import BinIcon from '../../assets/icons/bin.svg';
-import CopyToClipboard from '../../components/UI/CopyToClipboard';
-import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
-import ListSettingsIcon from '../../assets/icons/list-settings.svg';
-
-const ServiceIframeHeader = ({ isDeletingPad, deletePad, title, mypadsPadObject, content, hasManageContextActionRights, setManageContextActionToggle }) => {
-    const { t } = useTranslation('write');
-
-    return (
-        <IframeLayout.IframeHeader>
-            <h2>{ title }</h2>
-            <IframeLayout.IframeHeaderButtonWrapper>
-                <CopyToClipboard content={content} />
-                <button title={t(mypadsPadObject ? 'Delete pad' : 'Remove pad from my library')} onClick={deletePad}>
-                    { isDeletingPad ? <LoadingSpinnerInline /> : <BinIcon fill="var(--color-foreground)" /> }
-                </button>
-                { hasManageContextActionRights && <button>
-                    <ListSettingsIcon
-                        title={t('Manage the selected context')}
-                        fill="var(--color-foreground)"
-                        onClick={() => setManageContextActionToggle(prevState => !prevState)}
-                    />
-                </button> }
-            </IframeLayout.IframeHeaderButtonWrapper>
-        </IframeLayout.IframeHeader>
-    );
-};
-export default ServiceIframeHeader;
diff --git a/pages/etherpad/[[...roomId]].js b/pages/etherpad/[[...roomId]].js
index 829e481a..103c3c2e 100644
--- a/pages/etherpad/[[...roomId]].js
+++ b/pages/etherpad/[[...roomId]].js
@@ -14,7 +14,7 @@ import { ServiceTable } from '../../components/UI/ServiceTable';
 import Form from '../../components/UI/Form';
 import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
 import LoadingSpinner from '../../components/UI/LoadingSpinner';
-import ServiceIframeHeader from './ServiceIframeHeader';
+import ServiceIframeHeader from '../../components/UI/ServiceIframeHeader';
 
 export default function Etherpad() {
     const auth = useAuth();
diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 7a6625f8..dd973f66 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -8,7 +8,7 @@ import IframeLayout from '../../components/layouts/iframe';
 import LoadingSpinner from '../../components/UI/LoadingSpinner';
 import { useAuth } from '../../lib/Auth';
 import { useMatrix } from '../../lib/Matrix';
-import ServiceIframeHeader from '../etherpad/ServiceIframeHeader';
+import ServiceIframeHeader from '../../components/UI/ServiceIframeHeader';
 import ProjectView from './ProjectView';
 import ChatIframeView from '../chat/ChatIframeView';
 import Actions from '../../components/actions';

From f5d49fb8cf0e7fb816300374a74021893ba6c992 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 20 Jul 2023 16:35:34 +0200
Subject: [PATCH 128/714] remove unused code

---
 components/actions/index.js | 132 +-----------------------------------
 1 file changed, 1 insertion(+), 131 deletions(-)

diff --git a/components/actions/index.js b/components/actions/index.js
index 2e04e66c..82896587 100644
--- a/components/actions/index.js
+++ b/components/actions/index.js
@@ -3,10 +3,6 @@ import styled from 'styled-components';
 import _ from 'lodash';
 
 import { useAuth } from '../../lib/Auth';
-import SettingsAction from './SettingsAction';
-import InfoAction from './InfoAction';
-import RemoveAction from './RemoveAction';
-import { ServiceTable } from '../UI/ServiceTable';
 import ManageContextActions from '../../pages/explore/ManageContextActions';
 
 const ActionsSection = styled.div`
@@ -50,11 +46,9 @@ const Actions = ({ currentId, parentId, popActiveContexts }) => {
     *
     */
 
-    const [showActions, setShowActions] = useState();
     const [userInfos, setUserInfos] = useState(); //stores information about the curren User
 
     const [isCurrentUserModerator, setIsisCurrentUserModerator] = useState(false);
-    const [isUserModeratorInParent, setIsUserModeratorInParent] = useState(false);
 
     /**
     * EFFECTS
@@ -67,28 +61,9 @@ const Actions = ({ currentId, parentId, popActiveContexts }) => {
 
     useEffect(() => {
         fetchRoomName();
-        fetchRoomTopic();
-        fetchRoomJoinRule();
-        fetchRoomHistoryVisibility();
         fetchRoomPowerLevels();
     }, [currentId]);
 
-    useEffect(() => {
-        if (parentId) {
-            const parentPowerLevel = cachedRoomPowerLevels?.[parentId]?.powerLevels;
-            if (!parentPowerLevel) {
-                /** if a parentId exists but there is no cached record of the PowerLevel no parentMod rights are accesible to check and therefor set it to false.
-                * @TODO
-                * - could become a problem in the future if the ContextMulitLevelSelect Component will have the ability to start not from the root of the tree, so therefore the parent Events are not cached.
-                */
-                setIsUserModeratorInParent(false);
-
-                return;
-            }
-            setIsUserModeratorInParent(parentPowerLevel?.users[userInfos?.id] >= 50);
-        }
-    }, [parentId]);
-
     /**
     * CURRENT ROOM DATA STORAGE (VOLATILE)
     * ------------------
@@ -101,12 +76,6 @@ const Actions = ({ currentId, parentId, popActiveContexts }) => {
     */
 
     const [roomName, setRoomName] = useState();
-    const [roomTopic, setRoomTopic] = useState();
-    const [roomJoinRule, setRoomJoinRule] = useState();
-    const [roomPowerLevels, setRoomPowerLevels] = useState();
-    const [roomMembers, setRoomMembers] = useState({ list: [], institutions: [] });
-    const [roomHistoryVisibility, setRoomHistoryVisibility] = useState();
-    const [roomMeta, setMetaRoom] = useState({ type: '', template: '', application: [] });
 
     /**
     * ALL ROOM DATA STORAGE (SESSION NON VOLATILE)
@@ -138,41 +107,7 @@ const Actions = ({ currentId, parentId, popActiveContexts }) => {
         // send also to the sessions non volatile state storage
         setCachedRoomNames({ ...cachedRoomNames, [currentId]: { name: nameEvent?.name } });
     };
-    const fetchRoomTopic = async () => {
-        const topicEvent = await matrixClient.getStateEvent(
-            currentId,
-            'm.room.topic',
-        ).catch(() => {});
-        setRoomTopic(topicEvent?.topic);
-    };
-    const fetchRoomMembers = async () => {
-        const joinedMembers = await matrixClient.getJoinedRoomMembers(currentId).catch(() => {});
-        const members = { };
-        members.list = _.map(joinedMembers?.joined, (member, key) => {
-            return {
-                id: key,
-                displayname: member?.display_name,
-            };
-        });
-        members.institutions = _.uniq(_.map(members.list, member => member?.id.split(':')[1]));
-        //  institutions just holds the names of the matrix homeservers which the joined members orignated from.
-        //  will become more relevant in the future if federatable networks will be implemented. for now its just an non interactive list of strings
-        setRoomMembers(members);
-    };
-    const fetchRoomJoinRule = async () => {
-        const joinRulesEvent = await matrixClient.getStateEvent(
-            currentId,
-            'm.room.join_rules',
-        ).catch(() => {});
-        setRoomJoinRule(joinRulesEvent?.join_rule);
-    };
-    const fetchRoomHistoryVisibility = async () => {
-        const historyVisibilityEvent = await matrixClient.getStateEvent(
-            currentId,
-            'm.room.history_visibility',
-        ).catch(() => {});
-        setRoomHistoryVisibility(historyVisibilityEvent?.history_visibility);
-    };
+
     const fetchRoomPowerLevels = async () => {
         const userId = matrixClient?.credentials?.userId;
         const powerLevelsEvent = await matrixClient.getStateEvent(
@@ -180,21 +115,12 @@ const Actions = ({ currentId, parentId, popActiveContexts }) => {
             'm.room.power_levels',
         ).catch(() => {});
         setIsisCurrentUserModerator(powerLevelsEvent?.users[userId] >= 50);  //check if the current user got is listed with a custom power level if true and >= 50 (mod default) mod flag is set true
-        setRoomPowerLevels(powerLevelsEvent);
         setUserInfos({ ...userInfos, id: userId });
 
         // send also to the sessions non volatile state storage
         setCachedRoomPowerLevels({ ...cachedRoomPowerLevels, [currentId]: { powerLevels: powerLevelsEvent } });
     };
 
-    const fetchRoomMeta = async () => {
-        const metaEvent = await matrixClient.getStateEvent(
-            currentId,
-            'dev.medienhaus.meta',
-        ).catch(() => {});
-        setMetaRoom(metaEvent);
-    };
-
     /**
     * RENDER
     * ------------------
@@ -218,68 +144,12 @@ const Actions = ({ currentId, parentId, popActiveContexts }) => {
 
     return (
         <ActionsSection>
-            { /* <summary>…</summary> */ }
-            { /* <ButtonsSection> */ }
-            <ServiceTable.Cell><button onClick={() => { setShowActions(() => showActions === 'info' ? '' : 'info'); }}> Display Info</button></ServiceTable.Cell>
-            <ServiceTable.Cell><button disabled={!isUserModeratorInParent} onClick={() => {setShowActions(() => showActions === 'remove' ? '' : 'remove');}}> 📤</button></ServiceTable.Cell>
-            <ServiceTable.Cell><button disabled={!isCurrentUserModerator} onClick={() => {setShowActions(() => showActions === 'settings' ? '' : 'settings');}}> ⚙️</button></ServiceTable.Cell>
-            { /* </ButtonsSection> */ }
-
             <MenuSection>
-                { showActions === 'info' && // checks if this action got active via a button user input before rendering this component.
-                <InfoAction
-                    userInfos={userInfos}
-                    currentId={currentId}
-                    members={roomMembers}
-                    name={roomName}
-                    topic={roomTopic}
-                    join={roomJoinRule}
-                    historyVisibility={roomHistoryVisibility}
-                    meta={roomMeta}
-                    getMembers={fetchRoomMembers}
-                    getMeta={fetchRoomMeta}
-                /> }
                 { isCurrentUserModerator &&
                 <ManageContextActions
                     userInfos={userInfos}
                     currentId={currentId}
                     currentName={roomName}
-                    setShowActions={setShowActions}
-                /> }
-                { showActions === 'remove' &&
-                <RemoveAction
-                    userInfos={userInfos}
-                    currentId={currentId}
-                    parentId={parentId}
-                    setShowActions={setShowActions}
-                    showActions={showActions}
-                    name={roomName}
-                    activeAction={showActions}
-                    popActiveContexts={popActiveContexts}
-                /> }
-                { showActions === 'settings' &&
-                <SettingsAction
-                    userInfos={userInfos}
-                    onMemberChange={fetchRoomMembers}
-                    currentId={currentId}
-                    name={roomName}
-                    setName={setRoomName}
-                    refreshName={fetchRoomName}
-                    topic={roomTopic}
-                    setTopic={setRoomTopic}
-                    refreshTopic={fetchRoomTopic}
-                    join={roomJoinRule}
-                    setJoin={setRoomJoinRule}
-                    refreshJoin={fetchRoomJoinRule}
-                    historyVisibility={roomHistoryVisibility}
-                    setHistoryVisibility={setRoomHistoryVisibility}
-                    refreshHistoryVisibility={fetchRoomHistoryVisibility}
-                    powerLevels={roomPowerLevels}
-                    setPowerLevels={setRoomPowerLevels}
-                    refreshPowerLevels={fetchRoomPowerLevels}
-                    members={roomMembers}
-                    setMembers={setRoomMembers}
-                    refreshMembers={fetchRoomMembers}
                 /> }
             </MenuSection>
 

From c1de7a23347f2eca21af0ff2ec06638b3166dcd0 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 20 Jul 2023 16:35:53 +0200
Subject: [PATCH 129/714] get context templates from config and remove unused
 code

---
 components/actions/functions/CreateContext.js |   1 -
 .../actions/functions/TemplateSelect.js       | 115 ++----------------
 2 files changed, 9 insertions(+), 107 deletions(-)

diff --git a/components/actions/functions/CreateContext.js b/components/actions/functions/CreateContext.js
index bf3a4cb3..ea5dfc70 100644
--- a/components/actions/functions/CreateContext.js
+++ b/components/actions/functions/CreateContext.js
@@ -132,7 +132,6 @@ const CreateContext = ({ currentId, userInfos }) => {
                 currentId={currentId}
                 userInfos={userInfos}
                 currentTemplate={setTemplate}
-                templateDirectoryId={getConfig().publicRuntimeConfig.templates.context}
             />
 
             <AdvancesOptions>
diff --git a/components/actions/functions/TemplateSelect.js b/components/actions/functions/TemplateSelect.js
index 6333ec32..8205c60b 100644
--- a/components/actions/functions/TemplateSelect.js
+++ b/components/actions/functions/TemplateSelect.js
@@ -1,9 +1,5 @@
-import React, { useCallback, useEffect, useState } from 'react';
-import styled from 'styled-components';
-import _ from 'lodash';
-
-import { useAuth } from '../../../lib/Auth';
-import { useMatrix } from '../../../lib/Matrix';
+import React, { useEffect, useState } from 'react';
+import getConfig from 'next/config';
 
 /**
  * TEMPLATE SELECT COMPONENT
@@ -19,21 +15,15 @@ import { useMatrix } from '../../../lib/Matrix';
  * - piping sync functionallity in this component so that the content of the template room will not be requested each time, without any content has changed.
  * - adding new contents in templateDirectoryRoom
  * - fixing same bugs to save a new template todo in 'onSaveCreateNewTemplate'
+ * - in the future `contextTemplates` needs to check if an array or string is supplied. If string (roomId) is supplied we need to fetch them from the roomId.
 */
 
-const TemplateSelect = ({ currentId, templateDirectoryId, userInfos, currentTemplate }) => {
-    const auth = useAuth();
-    const matrix = auth.getAuthenticationProvider('matrix');
-    const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
-
-    const [fetchedTemplates, setFetchedTemplates] = useState([]); //hold all of the templates from the templateId in chache
+const TemplateSelect = ({ currentId, userInfos, currentTemplate }) => {
+    const contextTemplates = getConfig().publicRuntimeConfig.templates.context; //
 
     const [selectedTemplate, setSelectedTemplate] = useState();
 
     // States to create a new Template
-    const [createNewDialog, setCreateNewDialog] = useState(false);
-    const [createNewTemplateName, setCreateNewTemplateName] = useState('');
-    const [createNewTemplateErrorMessage, setCreateNewTemplateErrorMessage] = useState('');
 
     useEffect(() => {
         //checking if currentTemplate is a function
@@ -44,111 +34,24 @@ const TemplateSelect = ({ currentId, templateDirectoryId, userInfos, currentTemp
         } else {
             currentTemplate('');
         }
-    }, [selectedTemplate]);
-
-    useEffect(() => {
-        getTemplatesOfContexts(templateDirectoryId);
-        setCreateNewDialog(false);
-    }, [currentId, setCreateNewDialog]); //fetches all of the templates from the given Id when this Component is instantiated after the selected observed Id changed
-
-    const getTemplatesOfContexts = async (roomId) => { // gets the templates from the Id
-        const metaEvent = await auth.getAuthenticationProvider('matrix').getMatrixClient().getStateEvent(roomId, 'dev.medienhaus.meta').catch(() => {});
-        if ((metaEvent?.template !== 'templates')) return;
-        console.log(metaEvent);
-        const roomContent = await (matrix.fetchRoomMessages(roomId, 50));
-        const templates = _.uniq(roomContent?.chunk.map(entry => entry?.content?.body)).filter(e => e);
-        setFetchedTemplates(templates);
-    };
+    }, [currentTemplate, selectedTemplate]);
 
     const onChangeTemplateSelect = (e) => {
-        if (e.target.value === 'template') return;
         setSelectedTemplate(e.target.value);
-        if (e.target.value === '_createNew') {
-            setCreateNewDialog(true);
-        } else {
-            setCreateNewDialog(false);
-        }
-    };
-
-    const onSaveCreateNewTemplate = async () => {
-        /**
-        *   @TODO
-        *   ✔️ checking if user is member of room
-        *   ✔️ checking if user is allowed to post message in the room otherwise throw error
-        *   ✔️ posting message with new template to the room
-        *   ✔️ return positive response and empty errormesssage if event_id is returned by matrix server
-        *   - generalising this functionallity of 'checking if in room, checking if allowed to post, post message' and adding it to the matrixAuthProvider
-        *   - some error occured getJoinedRoomMembers is fetched and the user is not part of the room. M_UNKNOWN with 500 returned.
-        */
-
-        const members = await matrixClient.getJoinedRoomMembers(templateDirectoryId);
-
-        if (!(userInfos?.id in members?.joined)) { //checking if current loggedIn User is already member of the room, if not condition is triggered
-            console.log('not member, trying to join');
-            const joinRequest = await matrixClient.joinRoom(templateDirectoryId);
-            if (joinRequest?.roomId !== templateDirectoryId) { //if not joined successful then throw error
-                setCreateNewTemplateErrorMessage('now allowed to join the template directory room Id');
-                return;
-            }
-        }
-
-        //checking rights if allowed to post
-        const powerLevels = await matrixClient.getStateEvent(templateDirectoryId, 'm.room.power_levels').catch(() => {});
-        console.log(powerLevels?.users[userInfos?.id]);
-        if ((powerLevels?.users[userInfos?.id] >= powerLevels?.events_default) || powerLevels?.events_default === powerLevels?.users_default) {
-            //user is allowed to send messages
-            const sendMessage = await matrixClient.sendMessage(templateDirectoryId, { 'msgtype': 'm.text', 'body': createNewTemplateName });
-            if (sendMessage?.event_id) { // everything worked out as expected :)  closing create new template dialoge, reset everything and selecting the new option
-                setCreateNewTemplateErrorMessage('');
-                getTemplatesOfContexts(templateDirectoryId);
-                setCreateNewDialog(false);
-                setSelectedTemplate(createNewTemplateName);
-            } else {
-                setCreateNewTemplateErrorMessage('something went wrong');
-            }
-        } else {
-            setCreateNewTemplateErrorMessage('now allowed to submit new templates to the room Id');
-            return;
-        }
-    };
-
-    const onChangeCreateNewTemplate = (e) => {
-        setCreateNewTemplateName(e.target.value);
-        if (e.target.value.length < 4) {
-            setCreateNewTemplateErrorMessage('template needs to contain at least 4 character');
-            return;
-        } else {
-            setCreateNewTemplateErrorMessage('');
-        }
-        if (fetchedTemplates.includes(e.target.value)) {
-            setCreateNewTemplateErrorMessage('template already exists');
-            return;
-        } else {
-            setCreateNewTemplateErrorMessage('');
-        }
     };
 
     return (
         <>
             <select name="template" defaultValue="template" value={selectedTemplate} onChange={onChangeTemplateSelect}>
                 <option value="template" disabled>Template</option>
-                { fetchedTemplates.map((template, key) => {
-                    {/* cycle through all of the collective specified templates stored in a matrix room */}
+                { contextTemplates?.map((template, key) => {
+                    {/* cycle through all of context templates supplied in the config */}
+
                     return <option key={key} value={template}>
                         { template }
                     </option>;
                 }) }
-                <option key="new" value="_createNew">create new…</option> { /* static element for users to create a new template */ }
             </select>
-            { createNewDialog &&
-                <>
-                    <input type="text" name="newTemplate" value={createNewTemplateName} onChange={onChangeCreateNewTemplate} required placeholder="…" />
-                    <button disabled={createNewTemplateErrorMessage} onClick={onSaveCreateNewTemplate} type="button">create template</button>
-                </>
-            }{ /* this input is only generated if the dropwdown was selected 'create new…' */ }
-            { (createNewTemplateErrorMessage) &&
-                <div>‼️ { createNewTemplateErrorMessage }</div> //error message container
-            }
         </>
     );
 };

From 28c7fdae9184d5b82288f94666da717b449f7f79 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 20 Jul 2023 17:27:59 +0200
Subject: [PATCH 130/714] move files into explore and remove unused files

---
 components/actions/InfoAction.js              | 146 -------------
 components/actions/RemoveAction.js            |  92 ---------
 components/actions/SettingsAction.js          | 191 ------------------
 .../actions/functions/AddExistingContext.js   | 113 -----------
 .../explore}/AdvancedRoomOptions.js           |   0
 .../explore}/CreateContext.js                 |  98 +++------
 .../explore/ExploreMatrixActions.js           |   7 +-
 .../explore}/TemplateSelect.js                |   0
 .../explore/oldactions}/presets.js            |   0
 9 files changed, 37 insertions(+), 610 deletions(-)
 delete mode 100644 components/actions/InfoAction.js
 delete mode 100644 components/actions/RemoveAction.js
 delete mode 100644 components/actions/SettingsAction.js
 delete mode 100644 components/actions/functions/AddExistingContext.js
 rename {components/actions/functions => pages/explore}/AdvancedRoomOptions.js (100%)
 rename {components/actions/functions => pages/explore}/CreateContext.js (64%)
 rename components/actions/index.js => pages/explore/ExploreMatrixActions.js (96%)
 rename {components/actions/functions => pages/explore}/TemplateSelect.js (100%)
 rename {components/actions => pages/explore/oldactions}/presets.js (100%)

diff --git a/components/actions/InfoAction.js b/components/actions/InfoAction.js
deleted file mode 100644
index 43d2b0f0..00000000
--- a/components/actions/InfoAction.js
+++ /dev/null
@@ -1,146 +0,0 @@
-import React, { useCallback, useEffect, useState } from 'react';
-import styled from 'styled-components';
-import getConfig from 'next/config';
-import _ from 'lodash';
-
-import { useAuth } from '../../lib/Auth';
-import { useMatrix } from '../../lib/Matrix';
-import UserHandle from '../UserHandle';
-
-const InfoSection = styled.div`
-  & {
-    margin-bottom: var(--margin);
-  }
-
-`;
-
-/**
- * INFO ACTION COMPONENT
- * ------------------
- * @TODO
- * - adding routes for user interaction 'more' -> 'members' -> 'username'; now been done in the UserHandle Component
- * - searching for referenced in sync cached rooms (fast)
- * - searching for referenced in root tree (slow)
-*/
-
-const InfoAction = ({
-    currentId,
-    userInfos,
-    members,
-    name,
-    topic,
-    join,
-    historyVisibility,
-    meta,
-    getMembers,
-    getMeta,
-}) => {
-    return (
-        <InfoSection>
-            <dl>
-                { name ? <>
-                    <dt>Name</dt>
-                    <dd>{ name }</dd>
-                </>
-                    : <></> }
-                { topic ? <>
-                    <dt>Topic</dt>
-                    <dd>{ topic }</dd>
-                </>
-                    : <></> }
-                <>
-                    <dt>Join Rules</dt>
-                    <dd>      { (() => {
-                        switch (join) {
-                            case 'public':
-                                return <>🌐</>;
-                            case 'restricted': // is the case if is member is also member of a different specified room (aka spacemember function in element)
-                                return <>🔐</>;
-                            case 'knock':
-                                return <>🚪</>;
-                            case 'invite':
-                                return <>🔒</>;
-                            default:
-                                return <></>;
-                        }
-                    })() }</dd>
-                </>
-                <>
-                    <dt>Visibility</dt>
-                    <dd>      { (() => {
-                        switch (historyVisibility) {
-                            case 'world_readable':
-                                return <>🌐</>;
-                            case 'shared':
-                                return <>📖</>;
-                            case 'joined':
-                                return <>🔐</>;
-                            case 'invited':
-                                return <>🔒</>;
-                            default:
-                                return <></>;
-                        }
-                    })() }</dd>
-                </>
-            </dl>
-            <details>
-                <summary>more</summary>
-                <p>Id: <span>{ currentId }</span></p>
-                <details onClick={getMeta}>
-                    <summary>meta</summary>
-                    <dl>
-                        { meta?.application ?
-                            <>
-                                <dt>Application</dt>
-                                <dd>{ meta?.application }</dd>
-                            </>
-                            : <></>
-                        }
-                        <dt>Type</dt>
-                        <dd>{ meta?.type }</dd>
-                        <dt>Template</dt>
-                        <dd>{ meta?.template }</dd>
-                    </dl>
-                </details>
-                <details onClick={members?.list?.length > 0 ? undefined : getMembers}> {/* check first if members are already fetched once to prevent unessesary calls    */}
-                    <summary>Institutions</summary>
-                    <ul>
-                        { _.map(members?.institutions, (institution, key) => {
-                            return <li key={key}>{ institution }</li>;
-                        }) }
-                    </ul>
-
-                </details>
-                <details onClick={members?.list?.length > 0 ? undefined : getMembers}>
-                    <summary>Members</summary>
-                    <ul>
-                        { _.map(members?.list, (member, key) => {
-                            return <li key={key}>
-                                { member?.id === userInfos?.id ? //checks if the user is the logged in user, to disable interaction
-                                    <>
-                                        {
-                                            member?.displayname ?
-                                                member?.displayname :
-                                                member?.id.split(':')[0].substring(1)
-                                        } (you)
-                                    </> : 
-                                    <UserHandle userId={member} />
-                                }
-                            </li>;
-                        })
-                        }
-                    </ul>
-                </details>
-                {/*
-                    <details>
-                        <summary>Referenced</summary>
-                        …
-                    </details>
-                */}
-            </details>
-        </InfoSection>
-
-    );
-};
-
-export default InfoAction;
\ No newline at end of file
diff --git a/components/actions/RemoveAction.js b/components/actions/RemoveAction.js
deleted file mode 100644
index bf4565fa..00000000
--- a/components/actions/RemoveAction.js
+++ /dev/null
@@ -1,92 +0,0 @@
-import React, { useCallback, useEffect, useState } from 'react';
-import styled from 'styled-components';
-import getConfig from 'next/config';
-import _ from 'lodash';
-
-import { useAuth } from '../../lib/Auth';
-import { useMatrix } from '../../lib/Matrix';
-import CreateContext from './functions/CreateContext';
-import TemplateSelect from './functions/TemplateSelect';
-
-const RemoveSection = styled.div`
-  & {
-    margin-bottom: var(--margin);
-  }
-
-  & > button {
-    width: 150px;
-    margin-right: var(--margin);
-    margin-bottom: var(--margin);
-  }
-
-  & span:first-of-type {
-    background-color: var(--color-hi);
-  }
-`;
-
-/**
- * COMPONENT 'RemoveAction'
- *
- * @TODO
- *  - the ContextMultiLevelSelect does not updates completly fine after a remove action is successfully executed. Needs an refresh of the childElements for the Select list.
- *
- *
- * @param {String} currentId — the Id of the current observed Room
- * @param {String} parentId — x
- * @param {String} name – x
- * @param {function} activeAction – x
- * @param {function} setShowActions – x
-*/
-
-const RemoveAction = ({
-    currentId,
-    parentId,
-    parentPowerLevel,
-    name,
-    activeAction,
-    setShowActions,
-    popActiveContexts,
-}) => {
-    const auth = useAuth();
-    const matrix = auth.getAuthenticationProvider('matrix');
-    const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
-
-    const [parentName, setParentName] = useState();
-
-    const removeChildFromParent = async () => {
-        const call = await matrix.removeSpaceChild(parentId, currentId);
-        if (call?.event_id) { //if an event_id is provided as an response the call were accepted and the currentId removed from the parentId as a m.room.spaceChild
-            setShowActions('');
-            popActiveContexts();
-        }
-    };
-
-    useEffect(() => {
-        if (activeAction === 'remove') {
-            fetchParentName();
-        }
-    }, [activeAction, parentId]);
-
-    const fetchParentName = async () => {
-        const nameEvent = await matrixClient.getStateEvent(
-            parentId,
-            'm.room.name',
-        ).catch(() => {});
-        setParentName(nameEvent?.name);
-    };
-
-    return (
-        <>
-            { (parentName && name) &&
-        (<RemoveSection>
-            <p>are you sure you want to remove this? <span>"{ name }"</span> from <span>"{ parentName }"</span> </p>
-            <button onClick={removeChildFromParent}>yes</button>
-            <button onClick={() => {setShowActions('');}}>abort!</button>
-        </RemoveSection>)
-            }
-        </>
-
-    );
-};
-
-export default RemoveAction;
diff --git a/components/actions/SettingsAction.js b/components/actions/SettingsAction.js
deleted file mode 100644
index 082141a1..00000000
--- a/components/actions/SettingsAction.js
+++ /dev/null
@@ -1,191 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import styled from 'styled-components';
-import _ from 'lodash';
-
-import TemplateSelect from './functions/TemplateSelect';
-import UserHandle from '../UserHandle';
-import { useAuth } from '../../lib/Auth';
-import { useMatrix } from '../../lib/Matrix';
-import settingsPresets from './presets';
-
-const SettingsSection = styled.div`
-  & {
-    margin-bottom: var(--margin);
-  }
-
-  & input,
-  select {
-    margin-bottom: var(--margin);
-  }
-`;
-
-const MemberSection = styled.ul`
-  & {
-    margin-bottom: var(--margin);
-  }
-
-  & button {
-    width: 50px;
-  }
-`;
-
-const KickDialog = styled.div`
-  & {
-    margin-bottom: var(--margin);
-  }
-`;
-
-/**
- * @TODO:
- * - connecting stateEvents with Sync, so if a member got kicked the State will chance automatically without an additional call.
-*/
-
-/**
- * COMPONENT 'SettingsAction'
- * Not all parameters will be explained in detail as the functionallity is quite redundant based on a simmilar naming scheme
- * @param {String} currentId — the Id of the current observed Room
- * @param {Object} userInfos — contains the informations about the current loggedIn User
- * @param {String} name – x
- * @param {function} setName – x
- * @param {async function} refreshName – x
- * …
- * setMembers is not given as the interaction with the matrix server is all been done in this compontent itself for the members
-*/
-
-const SettingsAction = ({
-    currentId,
-    onInfoChange,
-    userInfos,
-    name,
-    setName,
-    refreshName,
-    topic,
-    setTopic,
-    refreshTopic,
-    join,
-    setJoin,
-    refreshJoin,
-    historyVisibility,
-    sethistoryVisibility,
-    refreshHistoryVisibility,
-    powerLevels,
-    setPowerLevels,
-    refreshPowerLevels,
-    members,
-    refreshMembers,
-}) => {
-    const auth = useAuth();
-    const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
-
-    /**
-    * OnSave Functions
-    * For all OnSaveCalled to the matrix server it doesn't matter if the content has not changed and the call is still executed
-    * as matrix will return the same event_id without creating a new one if the content
-    * of the Call is identical with the last event_id content.
-    * So therefore no additional client side checking is absolutly nessesarry if the content has changed at all.
-    */
-
-    const onTopicSave = async () => {
-        if (topic?.length < 1) return;
-        const contentToSend = ''+topic;
-        const call = await matrixClient.setRoomTopic(currentId, contentToSend);
-        console.log(call);
-        if (!call?.event_id) return;//show error and return
-        await refreshName(); //refresh with the data from the server side to double ckeck as a verfication if not yet another user changed it in the meantime
-        if (contentToSend !== topic) return; //show error that somethign changed in the meantime
-    };
-
-    const onNameSave = async () => {
-        if (topic?.length < 1) return;
-        const call = await matrixClient.setRoomTopic(currentId, topic);
-        console.log(call);
-        if (!call?.event_id) return;//show error and return
-        await refreshName();
-    };
-
-    const [memberKickCandidate, setMemberKickCandidate] = useState();
-
-    const kickUser = async (userId, verfify) => {
-        if (verfify && memberKickCandidate) {
-            await matrixClient.kick(currentId, userId).catch(e => {console.log(e);});
-            console.log(userId + ' kicked!');
-            setMemberKickCandidate('');
-            //onInfoChange()
-        }
-
-        setMemberKickCandidate(userId);
-    };
-
-    return (
-        <>
-            <SettingsSection>
-                <input type="text" disabled value={currentId} />
-                <input type="text" placeholder="name" onChange={(e) => {setName(e.target.value);}} name="name" value={name} onBlur={onNameSave} />
-                <input type="text" placeholder="topic" onChange={(e) => {setTopic(e.target.value);}} name="topic" value={topic} onBlur={onTopicSave} />
-                <details>
-                    <summary>advanced</summary>
-                    <select>
-                        <option value="" disabled selected>visibilty</option>
-                        { _.map(settingsPresets?.allowedHistoryVisibility, option => {
-                            return <option value={option?.name}>{ option?.display } — { option?.description }</option>;
-                        }) }
-                    </select>
-                    <select>
-                        <option value="" disabled selected>join rules</option>
-                        { _.map(settingsPresets?.allowedJoinRules, option => {
-                            return <option value={option?.name}>{ option?.display } — { option?.description }</option>;
-                        }) }
-                    </select>
-                    <select>
-                        <option value="" disabled selected>member participation presets</option>
-                        { _.map(settingsPresets?.allowedPowerLevelPresets, option => {
-                            return <option value={option?.name}>{ option?.display } — { option?.description }</option>;
-                        }) }
-                    </select>
-                </details>
-                <details onClick={members?.list?.length > 0 ? undefined : refreshMembers}>
-                    <summary>members</summary>
-                    <MemberSection>
-                        { _.map(members?.list, (member, key) => {
-                            return <li key={key}>
-                                { member?.id === userInfos?.id ?
-                                    <>
-                                        {
-                                            member?.displayname ?
-                                                member?.displayname :
-                                                member?.id.split(':')[0].substring(1)
-                                        } (you)
-                                    </>
-                                    :
-                                    <>
-                                        <UserHandle userId={member} />
-                                        <KickDialog>
-                                            { memberKickCandidate !== member?.id ?
-                                                <button onClick={() => kickUser(member?.id)}>❌</button>
-                                                :
-                                                <>
-                                                    <button onClick={() => kickUser(member?.id, true)}>sure?</button>
-                                                    <button onClick={() => kickUser('')}>abort!</button>
-                                                </>
-                                            }
-                                        </KickDialog>
-                                    </>
-                                }
-                            </li>;
-                        })
-                        }
-                    </MemberSection>
-                </details>
-                <details>
-                    <summary>danger zone</summary>
-                    <button>delete</button>
-                </details>
-
-            </SettingsSection>
-
-        </>
-
-    );
-};
-
-export default SettingsAction;
diff --git a/components/actions/functions/AddExistingContext.js b/components/actions/functions/AddExistingContext.js
deleted file mode 100644
index b251b6b5..00000000
--- a/components/actions/functions/AddExistingContext.js
+++ /dev/null
@@ -1,113 +0,0 @@
-import React, { useCallback, useEffect, useState } from 'react';
-import styled from 'styled-components';
-import getConfig from 'next/config';
-import _ from 'lodash';
-
-import { useAuth } from '../../../lib/Auth';
-import { useMatrix } from '../../../lib/Matrix';
-import ContextMultiLevelSelect from '../../../components/ContextMultiLevelSelect';
-
-const AddContextDialog = styled.div`
-  & > * + * {
-    margin-top: var(--margin);
-  }
-
-  & > select + select {
-    margin-top: calc(var(--margin) * 0.65);
-  }
-
-  & span {
-    background-color: var(--color-me);
-  }
-`;
-
-/**
- * 'ADD EXISTING CONTEXT' COMPONENT
- * ------------------
- *
- * @param {String} parentId — x
- * @param {String} parentName — x
- * @param {function} setShowActions – x
- *
- * @TODO
- *  - for now an not nessesary call is executed to get the name of the selected Id to add to the parent context. This information already exisits in the 'ContextMultiLevelSelect' Component,
- *    but this would need an modification of this component to get this information. Something to implement in the future.
- *
-*/
-
-const AddExistingContext = ({ parentId, parentName, setShowActions }) => {
-    const auth = useAuth();
-    const matrix = auth.getAuthenticationProvider('matrix');
-    const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
-
-    const [activeContexts, setActiveContexts] = useState([getConfig().publicRuntimeConfig.contextRootSpaceRoomId]);
-
-    const [selectedContextName, setSelectedContextName] = useState();
-
-    const [addAllowed, setAddAllowed] = useState();
-
-    const [errorMessage, setErrorMessage] = useState();
-
-    // originated from explore index
-    useEffect(() => {
-        const fetchContents = async () => {
-            const roomHierarchy = await auth.getAuthenticationProvider('matrix').getMatrixClient().getRoomHierarchy(activeContexts[activeContexts.length - 1], undefined, 1);
-            // Remove the first entry, which is the context itself
-            roomHierarchy.rooms.shift();
-            // Ignore `m.space.child` events that are empty
-        };
-        if (activeContexts) fetchContents();
-        fetchRoomName();
-    }, [activeContexts, auth]);
-
-    const fetchRoomName = async () => {
-        const nameEvent = await matrixClient.getStateEvent(
-            activeContexts[activeContexts.length - 1],
-            'm.room.name',
-        ).catch(() => {});
-        setSelectedContextName(nameEvent?.name);
-        if (parentId && activeContexts[activeContexts.length - 1]) {
-            setErrorMessage(undefined);
-            setAddAllowed(true);
-        } else {
-            setErrorMessage('At least one of the context is not selected properly');
-            setAddAllowed(false);
-        }
-        if (parentId && activeContexts[activeContexts.length - 1] && parentId !== activeContexts[activeContexts.length - 1]) {
-            setErrorMessage(undefined);
-            setAddAllowed(true);
-        } else {
-            setErrorMessage('Not possible to add the same context to itself');
-            setAddAllowed(false);
-        }
-    };
-
-    const addContextToParent = async () => {
-        const call = await matrix.addSpaceChild(parentId, activeContexts[activeContexts.length - 1]);
-        if (call?.event_id) {
-            // call worked as expected Dialog can be closed.
-            cleanUp();
-        } else {
-            setErrorMessage(`matrix server refused to add ${selectedContextName} (${activeContexts[activeContexts.length - 1]}) as a child to ${parentId} (${parentId})`);
-        }
-    };
-
-    // resetting all states back to start for a fresh new interaction.
-    const cleanUp = () => {
-        setActiveContexts([getConfig().publicRuntimeConfig.contextRootSpaceRoomId]);
-        setErrorMessage(undefined);
-        setShowActions('');
-    };
-
-    return (
-        <AddContextDialog>
-            <ContextMultiLevelSelect onChange={setActiveContexts} activeContexts={activeContexts} />
-            <p> you are about to add "<span>{ selectedContextName }</span>" to "<span>{ parentName }</span>"</p>
-            <button disabled={!addAllowed} onClick={addContextToParent}>add</button>
-            <button onClick={cleanUp}>abort</button>
-            { errorMessage && <pre>‼️ { errorMessage }</pre> }
-        </AddContextDialog>
-    );
-};
-
-export default AddExistingContext;
diff --git a/components/actions/functions/AdvancedRoomOptions.js b/pages/explore/AdvancedRoomOptions.js
similarity index 100%
rename from components/actions/functions/AdvancedRoomOptions.js
rename to pages/explore/AdvancedRoomOptions.js
diff --git a/components/actions/functions/CreateContext.js b/pages/explore/CreateContext.js
similarity index 64%
rename from components/actions/functions/CreateContext.js
rename to pages/explore/CreateContext.js
index ea5dfc70..48433343 100644
--- a/components/actions/functions/CreateContext.js
+++ b/pages/explore/CreateContext.js
@@ -1,11 +1,13 @@
 import React, { useState } from 'react';
 import styled from 'styled-components';
-import getConfig from 'next/config';
 import _ from 'lodash';
+import getConfig from 'next/config';
 
-import { useAuth } from '../../../lib/Auth';
+import { useAuth } from '../../lib/Auth';
 import TemplateSelect from './TemplateSelect';
-import presets from '../presets';
+import presets from './oldactions/presets';
+import { useMatrix } from '../../lib/Matrix';
+import ErrorMessage from '../../components/UI/ErrorMessage';
 
 const AdvancesOptions = styled.details`
   & {
@@ -17,15 +19,15 @@ const AdvancesOptions = styled.details`
   }
 `;
 
-const CreateContext = ({ currentId, userInfos }) => {
+const CreateContext = ({ currentId, parentId, userInfos }) => {
     const auth = useAuth();
-    const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
+    const matrix = useMatrix(auth.getAuthenticationProvider('matrix'));
 
     const [name, setName] = useState();
     const [topic, setTopic] = useState();
     const [template, setTemplate] = useState();
     const [historyVisibility, setHistoryVisibility] = useState();
-    const [joinRules, setJoinRules] = useState();
+    const [joinRule, setJoinRule] = useState();
     const [powerLevels, setPowerLevels] = useState();
 
     const [createNewContextErrorMessage, setCreateNewContextErrorMessage] = useState();
@@ -33,6 +35,7 @@ const CreateContext = ({ currentId, userInfos }) => {
     const createContext = async (e) => {
         e.preventDefault();
         //first of all some content checking otherwise displaying custom error messages
+
         if (!name) {
             setCreateNewContextErrorMessage('name not set');
 
@@ -54,74 +57,39 @@ const CreateContext = ({ currentId, userInfos }) => {
 
             return;
         }
-        if (!historyVisibility) {
-            setHistoryVisibility('default');
 
-            return;
-        }
-        if (!joinRules) {
-            setJoinRules('default');
-
-            return;
-        }
         if (!powerLevels) {
             setPowerLevels('default');
 
             return;
         }
 
-        const p = _.find(presets?.allowedPowerLevelPresets, { name: powerLevels });
-        const call = createMatrixRoom(
-            name,
+        // create the new context space
+        const createNewSubContext = await matrix.createRoom(name,
+            true,
             topic,
+            joinRule || 'public',
+            'context',
             template,
+            getConfig().publicRuntimeConfig.name,
+            'public',
             historyVisibility,
-            joinRules,
-            p?.powerLevels,
-        );
-
-        //console.log(p?.powerLevels);
-        console.log(await call);
-        //no error detected delete some leftovers
-        setCreateNewContextErrorMessage('');
-    };
-
-    const createMatrixRoom = async (name, topic = 'a', historyVisibility, joinRules, powerLevels) => {
-        const opts = {
-            name: name,
-            room_version: '9',
-            preset: 'public_chat',
-            topic: topic,
-            visibility: 'public',
-            creation_content: {
-                type: 'm.space',
+            'public_chat').catch(async (err) => {
+            setCreateNewContextErrorMessage(err.message);
+            await new Promise(r => setTimeout(r, 3000));
+            setCreateNewContextErrorMessage('');
+        });
+
+        // then add our new context to the parent.
+        if (createNewSubContext) {
+            auth.getAuthenticationProvider('matrix').addSpaceChild(currentId, createNewSubContext).catch(async (err) => {
+                setCreateNewContextErrorMessage(err.message);
+                await new Promise(r => setTimeout(r, 3000));
+                setCreateNewContextErrorMessage('');
             },
-            initial_state: [{
-                type: 'm.room.history_visibility',
-                content: { history_visibility: historyVisibility },
-            },
-            {
-                type: 'm.room.join_rules',
-                content: { join_rule: joinRules },
-            }],
-        };
-
-        console.log(name);
-        console.log(topic);
-        console.log(historyVisibility);
-        console.log(joinRules);
-        console.log(powerLevels);
-
-        const room = await matrixClient.createRoom(opts);
-        const medienhausMetaEvent = {
-            type: 'context',
-            template: template,
-            version: '0.4',
-        };
-
-        await matrixClient.sendStateEvent(room.room_id, 'dev.medienhaus.meta', medienhausMetaEvent);
-
-        return room;
+
+            );
+        }
     };
 
     return (
@@ -142,7 +110,7 @@ const CreateContext = ({ currentId, userInfos }) => {
                         return <option key={key} value={option?.name}>{ option?.display } — { option?.description }</option>;
                     }) }
                 </select>
-                <select defaultValue={_.find(presets?.allowedJoinRules, { default: true })?.name} value={joinRules} onChange={(e) => {setJoinRules(e.target.value);}}>
+                <select defaultValue={_.find(presets?.allowedJoinRules, { default: true })?.name} value={joinRule} onChange={(e) => {setJoinRule(e.target.value);}}>
                     <option value="" disabled>join rules</option>
                     { _.map(presets?.allowedJoinRules, (option, key) => {
                         return <option key={key} value={option?.name}>{ option?.display } — { option?.description }</option>;
@@ -156,7 +124,7 @@ const CreateContext = ({ currentId, userInfos }) => {
                 </select>
             </AdvancesOptions>
             { (createNewContextErrorMessage) &&
-                <div>‼️ { createNewContextErrorMessage }</div> //error message container
+                <ErrorMessage>{ createNewContextErrorMessage }</ErrorMessage> //error message container
             }
             <button type="submit">create</button>
         </form>
diff --git a/components/actions/index.js b/pages/explore/ExploreMatrixActions.js
similarity index 96%
rename from components/actions/index.js
rename to pages/explore/ExploreMatrixActions.js
index 82896587..d9567461 100644
--- a/components/actions/index.js
+++ b/pages/explore/ExploreMatrixActions.js
@@ -3,7 +3,7 @@ import styled from 'styled-components';
 import _ from 'lodash';
 
 import { useAuth } from '../../lib/Auth';
-import ManageContextActions from '../../pages/explore/ManageContextActions';
+import ManageContextActions from './ManageContextActions';
 
 const ActionsSection = styled.div`
   height: 100%;
@@ -27,7 +27,7 @@ const MenuSection = styled.div`
  * - changing all hardcoded mod rights (50) in all files related to the 'action' component to dynamicly ones. so that it will check what the powerlevel for the intended event to send needs to be, based on the indidual specific room criterial.
 */
 
-const Actions = ({ currentId, parentId, popActiveContexts }) => {
+const ExploreMatrixActions = ({ currentId, parentId, popActiveContexts }) => {
     /**
     * MATRIX
     * ------------------
@@ -149,6 +149,7 @@ const Actions = ({ currentId, parentId, popActiveContexts }) => {
                 <ManageContextActions
                     userInfos={userInfos}
                     currentId={currentId}
+                    parentId={parentId}
                     currentName={roomName}
                 /> }
             </MenuSection>
@@ -157,4 +158,4 @@ const Actions = ({ currentId, parentId, popActiveContexts }) => {
     );
 };
 
-export default Actions;
+export default ExploreMatrixActions;
diff --git a/components/actions/functions/TemplateSelect.js b/pages/explore/TemplateSelect.js
similarity index 100%
rename from components/actions/functions/TemplateSelect.js
rename to pages/explore/TemplateSelect.js
diff --git a/components/actions/presets.js b/pages/explore/oldactions/presets.js
similarity index 100%
rename from components/actions/presets.js
rename to pages/explore/oldactions/presets.js

From 2a19c60bd4d0c2a7d7bf16688f8615e8f1921342 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 20 Jul 2023 17:29:04 +0200
Subject: [PATCH 131/714] remove unused imports and variables

---
 pages/explore/AdvancedRoomOptions.js | 12 +-----------
 1 file changed, 1 insertion(+), 11 deletions(-)

diff --git a/pages/explore/AdvancedRoomOptions.js b/pages/explore/AdvancedRoomOptions.js
index 08171bdb..37eab98c 100644
--- a/pages/explore/AdvancedRoomOptions.js
+++ b/pages/explore/AdvancedRoomOptions.js
@@ -1,12 +1,6 @@
-import React, { useCallback, useEffect, useState } from 'react';
-import styled from 'styled-components';
-import getConfig from 'next/config';
+import React from 'react';
 import _ from 'lodash';
 
-import { useAuth } from '../../../lib/Auth';
-import { useMatrix } from '../../../lib/Matrix';
-import TemplateSelect from './TemplateSelect';
-
 /**
  * ADVANCED ROOM MODERATE OPTIONS COMPONENT
  * ------------------
@@ -24,10 +18,6 @@ import TemplateSelect from './TemplateSelect';
 */
 
 const AdvancedRoomOptions = ({ currentId, currentOptions, powerLevels, presets }) => {
-    const auth = useAuth();
-    const matrix = auth.getAuthenticationProvider('matrix');
-    const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
-
     return (
         <>
             <select>

From c6421b124b8798bed8dfeff65f3deffa9ac9b7be Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 20 Jul 2023 17:29:42 +0200
Subject: [PATCH 132/714] update createRoom with new variables

---
 lib/Matrix.js                  |  4 ++--
 lib/auth/MatrixAuthProvider.js | 10 +++++-----
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/lib/Matrix.js b/lib/Matrix.js
index 408e858a..c78fa5f1 100644
--- a/lib/Matrix.js
+++ b/lib/Matrix.js
@@ -259,8 +259,8 @@ function useMatrixProvider(activeMatrixAuthenticationProviders) {
             leaveMatrixRoom.event_id && deleteElement(roomId);
         };
 
-        const createRoom = async (name, isSpace, topic, joinRule, type, template, application) => {
-            const room = await authenticationProvider.createRoom(name, isSpace, topic, joinRule, type, template, application);
+        const createRoom = async (name, isSpace, topic, joinRule, type, template, application, visibility, historyVisibility, preset) => {
+            const room = await authenticationProvider.createRoom(name, isSpace, topic, joinRule, type, template, application, visibility, historyVisibility, preset);
             if (isSpace) {
                 if (!spaces.has(room.room_id)) {
                     setSpaces(setRoom(room.room_id));
diff --git a/lib/auth/MatrixAuthProvider.js b/lib/auth/MatrixAuthProvider.js
index b90000db..bfded138 100644
--- a/lib/auth/MatrixAuthProvider.js
+++ b/lib/auth/MatrixAuthProvider.js
@@ -94,19 +94,19 @@ class MatrixAuthProvider {
         return this.matrixClient.http.authedRequest('GET', `/rooms/${roomId}/messages`, { limit: limit, dir: 'b', filter: JSON.stringify({ types: ['m.room.message'] }) }, undefined, { abortSignal });
     }
 
-    async createRoom(name, isSpace, topic, joinRule, type, template) {
+    async createRoom(name, isSpace, topic, joinRule, type, template, visibility, historyVisibility, preset) {
         const opts = {
             name: name,
-            room_version: '9',
-            preset: 'private_chat',
+            room_version: '10',
+            preset: preset || 'private_chat',
             topic: topic,
-            visibility: 'private', // by default we want rooms and spaces to be private, this can later be changed either in /content or /moderate
+            visibility: visibility || 'private', // by default we want rooms and spaces to be private, this can later be changed either in /content or /moderate
             creation_content: {
                 type: isSpace ? 'm.space' : 'm.room',
             },
             initial_state: [{
                 type: 'm.room.history_visibility',
-                content: { history_visibility: 'world_readable' }, // history has to be world_readable so content of the rooms is visible for everyone who joins the room at a later point in time
+                content: { history_visibility: historyVisibility || 'world_readable' }, // history has to be world_readable so content of the rooms is visible for everyone who joins the room at a later point in time
             },
             {
                 type: 'm.room.join_rules',

From 83ddba256d3110cdee9244a1025a3f1433b4d27f Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 20 Jul 2023 17:36:09 +0200
Subject: [PATCH 133/714] remane Actions to ExploreMatrixActions and remove
 unused functions

---
 pages/explore/ManageContextActions.js | 14 +++++++-------
 pages/explore/[[...roomId]].js        |  6 ++----
 2 files changed, 9 insertions(+), 11 deletions(-)

diff --git a/pages/explore/ManageContextActions.js b/pages/explore/ManageContextActions.js
index c273cda3..720714e3 100644
--- a/pages/explore/ManageContextActions.js
+++ b/pages/explore/ManageContextActions.js
@@ -2,30 +2,30 @@ import React from 'react';
 import styled from 'styled-components';
 import { t } from 'i18next';
 
-import CreateContext from '../../components/actions/functions/CreateContext';
-import AddExistingContext from '../../components/actions/functions/AddExistingContext';
+import CreateContext from './CreateContext';
+// import AddExistingContext from './AddExistingContext';
 
 const ManageContextActionsWrapper = styled.div`
   width: 100%;
   height: 100%;
 `;
-const ManageContextActions = ({ userInfos, currentId, currentName, setShowActions }) => {
+const ManageContextActions = ({ userInfos, parentId, currentId, currentName, setShowActions }) => {
     return <ManageContextActionsWrapper>
         <h2>{ t('Manage contexts and items within ') }{ currentName }</h2>
         <div>
             <details>
                 <summary>{ t('create new substructure') }</summary>
-                <CreateContext currentId={currentId} userInfos={userInfos} />
+                <CreateContext currentId={currentId} parentId={parentId} userInfos={userInfos} />
             </details>
 
-            <details>
-                <summary>{ t('add existing context from root') }</summary>
+            { /* <details>
+                <summary>{ t('add existing context') }</summary>
                 <AddExistingContext parentId={currentId} parentName={currentName} setShowActions={setShowActions} />
             </details>
 
             <details>
                 <summary>{ t('add existing item from application') }</summary>
-            </details>
+            </details> */ }
         </div>
 
     </ManageContextActionsWrapper>;
diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index dd973f66..e5b3c1a5 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -11,7 +11,7 @@ import { useMatrix } from '../../lib/Matrix';
 import ServiceIframeHeader from '../../components/UI/ServiceIframeHeader';
 import ProjectView from './ProjectView';
 import ChatIframeView from '../chat/ChatIframeView';
-import Actions from '../../components/actions';
+import ExploreMatrixActions from './ExploreMatrixActions';
 import ErrorMessage from '../../components/UI/ErrorMessage';
 import TreeLeaves from './TreeLeaves';
 import { breakpoints } from '../../components/_breakpoints';
@@ -73,7 +73,6 @@ export default function Explore() {
     }, [initialSetup]);
 
     const handleClicked = useCallback(async (roomId, template, index, parentId) => {
-        console.log(template);
         if (!roomId) return;
 
         setActivePath(prevState => {
@@ -113,7 +112,6 @@ export default function Explore() {
         const spaceHierarchy = await matrix.roomHierarchy(roomId, null, 1)
             .catch(err => console.debug(err));
         if (!spaceHierarchy) return;
-        console.log(spaceHierarchy);
         const parent = spaceHierarchy[0];
 
         const getMetaEvent = async (obj) => {
@@ -211,7 +209,7 @@ export default function Explore() {
                     setManageContextActionToggle={setManageContextActionToggle}
                 />
                 <ExploreSection>
-                    { manageContextActionToggle && <Actions
+                    { manageContextActionToggle && <ExploreMatrixActions
                         currentId={activePath[activePath.length - 1]}
                         parentId={activePath[activePath.length - 2]}
                     /> }

From c6b1aab82b0b471659ab3b16920ea830c106cb7e Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 20 Jul 2023 17:36:51 +0200
Subject: [PATCH 134/714] update with context templates

---
 next.config.example.js | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/next.config.example.js b/next.config.example.js
index 56ff6118..47fe53e2 100644
--- a/next.config.example.js
+++ b/next.config.example.js
@@ -26,6 +26,11 @@ module.exports = {
                 baseUrl: 'http://spacedeck.localhost',
             },
         },
+        templates: {
+            context: ['seminar'],
+            item: ['chat-link', 'write-link', 'sketch-link', 'studentproject'],
+        },
+
         contextRootSpaceRoomId: '!gB.....Ewlvdq:matrix.org',
         account: {
             allowAddingNewEmails: true,

From 9084cbdce65fc79130da63f724cada2b7365c111 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Thu, 20 Jul 2023 17:45:10 +0200
Subject: [PATCH 135/714] fix initial value for context action toggle button in
 ServiceIframeHeader

---
 components/UI/ServiceIframeHeader.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/UI/ServiceIframeHeader.js b/components/UI/ServiceIframeHeader.js
index 215d25de..377b984a 100644
--- a/components/UI/ServiceIframeHeader.js
+++ b/components/UI/ServiceIframeHeader.js
@@ -19,7 +19,7 @@ const ToggleButton = styled.button`
 `;
 
 const ServiceIframeHeader = ({ isDeletingPad, deletePad, title, mypadsPadObject, content, hasManageContextActionRights, setManageContextActionToggle }) => {
-    const [isManageContextMenuOpen, setIsManageContextMenuOpen] = useState(false);
+    const [isManageContextMenuOpen, setIsManageContextMenuOpen] = useState(true);
     const { t } = useTranslation('write');
 
     return (

From c6aa29b4417459421e064ccfae6c54a32ec49c85 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Tue, 25 Jul 2023 12:14:08 +0200
Subject: [PATCH 136/714] display loading spinner when creating context and
 disable button when required fields are not filled in

---
 pages/explore/CreateContext.js | 21 ++++++++++++---------
 1 file changed, 12 insertions(+), 9 deletions(-)

diff --git a/pages/explore/CreateContext.js b/pages/explore/CreateContext.js
index 48433343..a38d9982 100644
--- a/pages/explore/CreateContext.js
+++ b/pages/explore/CreateContext.js
@@ -8,6 +8,7 @@ import TemplateSelect from './TemplateSelect';
 import presets from './oldactions/presets';
 import { useMatrix } from '../../lib/Matrix';
 import ErrorMessage from '../../components/UI/ErrorMessage';
+import LoadingSpinner from '../../components/UI/LoadingSpinner';
 
 const AdvancesOptions = styled.details`
   & {
@@ -25,6 +26,7 @@ const CreateContext = ({ currentId, parentId, userInfos }) => {
 
     const [name, setName] = useState();
     const [topic, setTopic] = useState();
+    const [isLoading, setIsLoading] = useState(false);
     const [template, setTemplate] = useState();
     const [historyVisibility, setHistoryVisibility] = useState();
     const [joinRule, setJoinRule] = useState();
@@ -35,7 +37,7 @@ const CreateContext = ({ currentId, parentId, userInfos }) => {
     const createContext = async (e) => {
         e.preventDefault();
         //first of all some content checking otherwise displaying custom error messages
-
+        setIsLoading(true);
         if (!name) {
             setCreateNewContextErrorMessage('name not set');
 
@@ -52,18 +54,15 @@ const CreateContext = ({ currentId, parentId, userInfos }) => {
             return;
         }
         // topic is optional. Advanced options as well if not selected will fall back to default
-        if (topic?.length > 400) {
-            setCreateNewContextErrorMessage('topic too long (max 400chars)');
+        // if (topic?.length > 400) {
+        //     setCreateNewContextErrorMessage('topic too long (max 400chars)');
 
-            return;
-        }
+        //     return;
+        // }
 
         if (!powerLevels) {
             setPowerLevels('default');
-
-            return;
         }
-
         // create the new context space
         const createNewSubContext = await matrix.createRoom(name,
             true,
@@ -90,6 +89,10 @@ const CreateContext = ({ currentId, parentId, userInfos }) => {
 
             );
         }
+        setName('');
+        setTopic('');
+        setTemplate('');
+        setIsLoading(false);
     };
 
     return (
@@ -126,7 +129,7 @@ const CreateContext = ({ currentId, parentId, userInfos }) => {
             { (createNewContextErrorMessage) &&
                 <ErrorMessage>{ createNewContextErrorMessage }</ErrorMessage> //error message container
             }
-            <button type="submit">create</button>
+            <button disabled={isLoading || !name || !template} type="submit">{ isLoading ? <LoadingSpinner inverted /> : 'create' }</button>
         </form>
 
     );

From d70fc62033b8ad87016cc6b13706edf3623d0f5b Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Tue, 25 Jul 2023 13:02:17 +0200
Subject: [PATCH 137/714] add missing variable

---
 lib/auth/MatrixAuthProvider.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/lib/auth/MatrixAuthProvider.js b/lib/auth/MatrixAuthProvider.js
index bfded138..343eacfe 100644
--- a/lib/auth/MatrixAuthProvider.js
+++ b/lib/auth/MatrixAuthProvider.js
@@ -94,7 +94,7 @@ class MatrixAuthProvider {
         return this.matrixClient.http.authedRequest('GET', `/rooms/${roomId}/messages`, { limit: limit, dir: 'b', filter: JSON.stringify({ types: ['m.room.message'] }) }, undefined, { abortSignal });
     }
 
-    async createRoom(name, isSpace, topic, joinRule, type, template, visibility, historyVisibility, preset) {
+    async createRoom(name, isSpace, topic, joinRule, type, template, application, visibility, historyVisibility, preset) {
         const opts = {
             name: name,
             room_version: '10',
@@ -139,6 +139,7 @@ class MatrixAuthProvider {
             template: template,
             version: '0.4',
         };
+        if (application) medienhausMetaEvent.application = application;
         await this.matrixClient.sendStateEvent(room.room_id, 'dev.medienhaus.meta', medienhausMetaEvent).catch((e) => {console.debug(e);});
         await new Promise(r => setTimeout(r, 100)); // quick rate limit hack
 

From 3b603dd088ad43d9cd22e7337f6fdc5c6dc8a1c1 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Tue, 25 Jul 2023 13:02:51 +0200
Subject: [PATCH 138/714] use Form component and minor fixes

---
 pages/explore/CreateContext.js | 17 +++++++----------
 1 file changed, 7 insertions(+), 10 deletions(-)

diff --git a/pages/explore/CreateContext.js b/pages/explore/CreateContext.js
index a38d9982..bd990490 100644
--- a/pages/explore/CreateContext.js
+++ b/pages/explore/CreateContext.js
@@ -9,6 +9,7 @@ import presets from './oldactions/presets';
 import { useMatrix } from '../../lib/Matrix';
 import ErrorMessage from '../../components/UI/ErrorMessage';
 import LoadingSpinner from '../../components/UI/LoadingSpinner';
+import Form from '../../components/UI/Form';
 
 const AdvancesOptions = styled.details`
   & {
@@ -43,11 +44,6 @@ const CreateContext = ({ currentId, parentId, userInfos }) => {
 
             return;
         }
-        if (name.length < 4) {
-            setCreateNewContextErrorMessage('name must have at least 4 Character');
-
-            return;
-        }
         if (!template) {
             setCreateNewContextErrorMessage('template not selected');
 
@@ -64,7 +60,8 @@ const CreateContext = ({ currentId, parentId, userInfos }) => {
             setPowerLevels('default');
         }
         // create the new context space
-        const createNewSubContext = await matrix.createRoom(name,
+        const createNewSubContext = await matrix.createRoom(
+            name,
             true,
             topic,
             joinRule || 'public',
@@ -86,7 +83,6 @@ const CreateContext = ({ currentId, parentId, userInfos }) => {
                 await new Promise(r => setTimeout(r, 3000));
                 setCreateNewContextErrorMessage('');
             },
-
             );
         }
         setName('');
@@ -96,13 +92,14 @@ const CreateContext = ({ currentId, parentId, userInfos }) => {
     };
 
     return (
-        <form onSubmit={createContext}>
+        <Form onSubmit={createContext}>
             <input type="text" onChange={(e) => {setName(e?.target?.value);}} value={name} required placeholder="name" />
             <input type="text" onChange={(e) => {setTopic(e?.target?.value);}} value={topic} placeholder="topic (optional)" />
             <TemplateSelect
                 currentId={currentId}
                 userInfos={userInfos}
-                currentTemplate={setTemplate}
+                currentTemplate={template}
+                setTemplate={setTemplate}
             />
 
             <AdvancesOptions>
@@ -130,7 +127,7 @@ const CreateContext = ({ currentId, parentId, userInfos }) => {
                 <ErrorMessage>{ createNewContextErrorMessage }</ErrorMessage> //error message container
             }
             <button disabled={isLoading || !name || !template} type="submit">{ isLoading ? <LoadingSpinner inverted /> : 'create' }</button>
-        </form>
+        </Form>
 
     );
 };

From 2cbbd61c717e69602a13e374c0966b76781932cb Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Tue, 25 Jul 2023 13:03:39 +0200
Subject: [PATCH 139/714] refactor and remove logic which is already handled in
 CreateContext.js

---
 pages/explore/TemplateSelect.js | 34 ++++++++-------------------------
 1 file changed, 8 insertions(+), 26 deletions(-)

diff --git a/pages/explore/TemplateSelect.js b/pages/explore/TemplateSelect.js
index 8205c60b..0e04a783 100644
--- a/pages/explore/TemplateSelect.js
+++ b/pages/explore/TemplateSelect.js
@@ -1,15 +1,12 @@
-import React, { useEffect, useState } from 'react';
+import React from 'react';
 import getConfig from 'next/config';
 
 /**
  * TEMPLATE SELECT COMPONENT
  * ------------------
- *
- * @param {String} currentId — the Id of the current observed Room
- * @param {String} templateDirectoryId — the Id of the Room to fetch the templates from
- * @param {String} userInfos — x
- * @param {Function} currentTemplate — x
- * @param {Boolean} updateCurrentId – x
+
+ * @param {String} currentTemplate — currently selected template
+ * @param {Function} setTemplate — setter function for when changing templates
  *
  * @TODO
  * - piping sync functionallity in this component so that the content of the template room will not be requested each time, without any content has changed.
@@ -18,32 +15,17 @@ import getConfig from 'next/config';
  * - in the future `contextTemplates` needs to check if an array or string is supplied. If string (roomId) is supplied we need to fetch them from the roomId.
 */
 
-const TemplateSelect = ({ currentId, userInfos, currentTemplate }) => {
+const TemplateSelect = ({ currentTemplate, setTemplate }) => {
     const contextTemplates = getConfig().publicRuntimeConfig.templates.context; //
 
-    const [selectedTemplate, setSelectedTemplate] = useState();
-
-    // States to create a new Template
-
-    useEffect(() => {
-        //checking if currentTemplate is a function
-        if (!currentTemplate) return;
-        // checking if 'selectedTemplate' is
-        if (selectedTemplate !== '_createNew') {
-            currentTemplate(selectedTemplate);
-        } else {
-            currentTemplate('');
-        }
-    }, [currentTemplate, selectedTemplate]);
-
     const onChangeTemplateSelect = (e) => {
-        setSelectedTemplate(e.target.value);
+        setTemplate(e.target.value);
     };
 
     return (
         <>
-            <select name="template" defaultValue="template" value={selectedTemplate} onChange={onChangeTemplateSelect}>
-                <option value="template" disabled>Template</option>
+            <select name="template" defaultValue="" value={currentTemplate} onChange={onChangeTemplateSelect}>
+                <option value="" disabled>Template</option>
                 { contextTemplates?.map((template, key) => {
                     {/* cycle through all of context templates supplied in the config */}
 

From 4aec6b14e167db7f78f5101df3f7c647398117e4 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Tue, 25 Jul 2023 15:00:59 +0200
Subject: [PATCH 140/714] fix layout in /explore context action item list,
 maybe?

---
 components/layouts/iframe.js   | 13 +++++++--
 pages/explore/TreeLeaves.js    | 50 ++++++++++++++--------------------
 pages/explore/[[...roomId]].js | 37 +++++++++++++------------
 3 files changed, 51 insertions(+), 49 deletions(-)

diff --git a/components/layouts/iframe.js b/components/layouts/iframe.js
index 3be11a28..b6b24695 100644
--- a/components/layouts/iframe.js
+++ b/components/layouts/iframe.js
@@ -40,8 +40,14 @@ const IframeWrapper = styled.div`
   flex: 1 0;
   flex-direction: column;
   align-items: center;
-  justify-content: center;
+
+  /* justify-content: center; */
   height: 100%;
+  padding: var(--margin);
+
+  @media ${breakpoints.tabletAndAbove} {
+    padding: calc(var(--margin) * 2) calc(var(--margin) * 1.5);
+  }
 
   iframe {
     width: 100%;
@@ -59,15 +65,18 @@ const IframeHeader = styled.header`
   display: grid;
   grid-template-columns: 1fr auto;
   width: 100%;
+
+  /*
   padding: var(--margin);
 
   @media ${breakpoints.tabletAndAbove} {
     padding: calc(var(--margin) * 2) calc(var(--margin) * 1.5);
   }
+  */
 
   /* @TODO: re-factor quick-fix */
   h2 {
-    margin: 0 !important;
+    margin-bottom: calc(var(--margin) * 2);
   }
 `;
 
diff --git a/pages/explore/TreeLeaves.js b/pages/explore/TreeLeaves.js
index 62bd858c..29f740f2 100644
--- a/pages/explore/TreeLeaves.js
+++ b/pages/explore/TreeLeaves.js
@@ -1,16 +1,9 @@
 import { useRouter } from 'next/router';
 import React, { useState } from 'react';
-import styled from 'styled-components';
 
 import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
 import { ServiceTable } from '../../components/UI/ServiceTable';
 import LoadingSpinner from '../../components/UI/LoadingSpinner';
-
-const SpaceChildren = styled.div`
-  width: 100%;
-
-`;
-
 const TreeLeaves = ({ handleClick, row, leaf, isParent, parent, selectedRoomId, activePath, key }) => {
     const [fetchingLeaves, setFetchingLeaves] = useState(false);
     const router = useRouter();
@@ -24,33 +17,32 @@ const TreeLeaves = ({ handleClick, row, leaf, isParent, parent, selectedRoomId,
     };
 
     if (!leaf) return <LoadingSpinner />;
+
     // if the roomId is the selected space we skip it
     if (roomId === router.query.roomId[0]) return null;
+
     // if an iframe is open we only want to show items in the list
     if (selectedRoomId && leaf.type !== 'item') return null;
 
-    return (<SpaceChildren key={key}>
-        <ServiceTable>
-            <ServiceTable.Row key={roomId} disabled={fetchingLeaves}>
-                <ServiceTable.Cell
-                    disabled={fetchingLeaves}
-                    selected={router.query.roomId[1] === roomId || activePath.indexOf(roomId) > -1}
-                    onClick={(e) => onClick(e, roomId, row, leaf.template, parent.room_id)}>
-                    { leaf.missingMetaEvent ?
-                        <em>{ isParent && parent && selectedRoomId ? '← ' : isParent && parent && '↓ ' } <a href="">{ leaf.name }{ fetchingLeaves === roomId && <LoadingSpinnerInline /> }</a></em>
-                        : <>{ isParent && parent && selectedRoomId ? '← ' : isParent && parent && '↓ ' } <a href="">{ leaf.name }{ fetchingLeaves === roomId && <LoadingSpinnerInline /> }</a></> }
-                </ServiceTable.Cell>
-                <ServiceTable.Cell title={leaf.template}>
-                    { leaf.template === 'write-link' ? '📝'
-                        : leaf.template === 'chat-link' ? '💬'
-                            : leaf.template === 'sketch-link' ? '🎨'
-                                : leaf.template === 'studentproject' && '🎓' }
-                </ServiceTable.Cell>
-            </ServiceTable.Row>
-        </ServiceTable>
-
-    </SpaceChildren>
-
+    return (
+        <ServiceTable.Row key={roomId} disabled={fetchingLeaves}>
+            <ServiceTable.Cell
+                disabled={fetchingLeaves}
+                selected={router.query.roomId[1] === roomId || activePath.indexOf(roomId) > -1}
+                onClick={(e) => onClick(e, roomId, row, leaf.template, parent.room_id)}>
+                { leaf.missingMetaEvent ?
+                    <em>{ isParent && parent && selectedRoomId ? '← ' : isParent && parent && '↓ ' } <a href="">{ leaf.name }{ fetchingLeaves === roomId && <LoadingSpinnerInline /> }</a></em>
+                    : <>{ isParent && parent && selectedRoomId ? '← ' : isParent && parent && '↓ ' } <a href="">{ leaf.name }{ fetchingLeaves === roomId && <LoadingSpinnerInline /> }</a></>
+                }
+            </ServiceTable.Cell>
+            <ServiceTable.Cell title={leaf.template}>
+                { leaf.template === 'write-link' ? '📝'
+                    : leaf.template === 'chat-link' ? '💬'
+                        : leaf.template === 'sketch-link' ? '🎨'
+                            : leaf.template === 'studentproject' && '🎓'
+                }
+            </ServiceTable.Cell>
+        </ServiceTable.Row>
     );
 };
 export default TreeLeaves;
diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index e5b3c1a5..7658b210 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -1,9 +1,10 @@
 import React, { useCallback, useEffect, useRef, useState } from 'react';
-import styled from 'styled-components';
+// import styled from 'styled-components';
 import getConfig from 'next/config';
 import { useRouter } from 'next/router';
 import _ from 'lodash';
 
+import { ServiceTable } from '../../components/UI/ServiceTable';
 import IframeLayout from '../../components/layouts/iframe';
 import LoadingSpinner from '../../components/UI/LoadingSpinner';
 import { useAuth } from '../../lib/Auth';
@@ -14,24 +15,24 @@ import ChatIframeView from '../chat/ChatIframeView';
 import ExploreMatrixActions from './ExploreMatrixActions';
 import ErrorMessage from '../../components/UI/ErrorMessage';
 import TreeLeaves from './TreeLeaves';
-import { breakpoints } from '../../components/_breakpoints';
+// import { breakpoints } from '../../components/_breakpoints';
 import TreePath from './TreePath';
 
 // height calculation is mostly guess work at the moment...
-const ExploreSection = styled.div`
-  width: 100%;
-  height: 100%;
-  padding: var(--margin);
-
-  .parent {
-    color: var(--color-background);
-    background: var(--color-foreground);
-  }
-
-  @media ${breakpoints.tabletAndAbove} {
-    padding: 0 calc(var(--margin) * 1.5);
-  }
-`;
+// const ExploreSection = styled.div`
+//   width: 100%;
+//   height: 100%;
+//   padding: var(--margin);
+//
+//   .parent {
+//     color: var(--color-background);
+//     background: var(--color-foreground);
+//   }
+//
+//   @media ${breakpoints.tabletAndAbove} {
+//     padding: 0 calc(var(--margin) * 1.5);
+//   }
+// `;
 
 export default function Explore() {
     const [selectedRoomId, setSelectedRoomId] = useState(null);
@@ -208,7 +209,7 @@ export default function Explore() {
                     hasManageContextActionRights={hasManageContextActionRights}
                     setManageContextActionToggle={setManageContextActionToggle}
                 />
-                <ExploreSection>
+                <ServiceTable>
                     { manageContextActionToggle && <ExploreMatrixActions
                         currentId={activePath[activePath.length - 1]}
                         parentId={activePath[activePath.length - 2]}
@@ -244,7 +245,7 @@ export default function Explore() {
                                     />;
                                 })
                     }
-                </ExploreSection>
+                </ServiceTable>
                 { /* <Actions
                     currentId={activePath[activePath.length - 1]}
                     parentId={activePath?.length >= 2 ? activePath[activePath.length - 2] : undefined}

From 4804e0e0145880258f46efa741a132680ec9d9cc Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Tue, 25 Jul 2023 15:58:49 +0200
Subject: [PATCH 141/714] finalise that prototypical pull-request for
 @marcel-klasse

---
 components/UI/ServiceTable.js  | 16 ++++++++++------
 pages/explore/[[...roomId]].js | 19 +------------------
 2 files changed, 11 insertions(+), 24 deletions(-)

diff --git a/components/UI/ServiceTable.js b/components/UI/ServiceTable.js
index d9ceac90..c1a4104e 100644
--- a/components/UI/ServiceTable.js
+++ b/components/UI/ServiceTable.js
@@ -1,19 +1,24 @@
 // This component returns a styled table with optional table head(<th />).
 // Example usage:
-
+//
 // <ServiceTable>
 //   <ServiceTable.Row>
-//     <ServiceTable.Cell>This content will be aligned left and take up all remaining space</ServiceTable.Cell>
-//     <ServiceTable.Cell>Any following cell will be aligned right and fit the exact size of its content</ServiceTable.Cell>
+//     <ServiceTable.Cell>
+//       This content will be aligned left and take up all remaining space
+//     </ServiceTable.Cell>
+//     <ServiceTable.Cell>
+//       Any following cell will be aligned right and fit the exact size of its content
+//     </ServiceTable.Cell>
 //     ...
-
 //   </ServiceTable.Row>
 // </ServiceTable>
 
 import React from 'react';
 import styled from 'styled-components';
 
-// @TODO max-height is used because just using 'height' messes up other services like write and sketch. because those are using serviceSubmenu and the calculation doesn't work there.'
+// @TODO
+// max-height is used because just using 'height' messes up other services like write and
+// sketch because those are using serviceSubmenu and the calculation doesn't work there.
 const Table = styled.table`
   width: 100%;
   max-height: 100%;
@@ -44,7 +49,6 @@ const TableCell = styled.td`
       cursor: ${props => props.selected && 'not-allowed'};
     }
   }
-
 `;
 
 export function ServiceTable({ children, explore }) {
diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 7658b210..c3cce90e 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -1,5 +1,4 @@
 import React, { useCallback, useEffect, useRef, useState } from 'react';
-// import styled from 'styled-components';
 import getConfig from 'next/config';
 import { useRouter } from 'next/router';
 import _ from 'lodash';
@@ -15,25 +14,8 @@ import ChatIframeView from '../chat/ChatIframeView';
 import ExploreMatrixActions from './ExploreMatrixActions';
 import ErrorMessage from '../../components/UI/ErrorMessage';
 import TreeLeaves from './TreeLeaves';
-// import { breakpoints } from '../../components/_breakpoints';
 import TreePath from './TreePath';
 
-// height calculation is mostly guess work at the moment...
-// const ExploreSection = styled.div`
-//   width: 100%;
-//   height: 100%;
-//   padding: var(--margin);
-//
-//   .parent {
-//     color: var(--color-background);
-//     background: var(--color-foreground);
-//   }
-//
-//   @media ${breakpoints.tabletAndAbove} {
-//     padding: 0 calc(var(--margin) * 1.5);
-//   }
-// `;
-
 export default function Explore() {
     const [selectedRoomId, setSelectedRoomId] = useState(null);
     const [roomContent, setRoomContent] = useState();
@@ -246,6 +228,7 @@ export default function Explore() {
                                 })
                     }
                 </ServiceTable>
+
                 { /* <Actions
                     currentId={activePath[activePath.length - 1]}
                     parentId={activePath?.length >= 2 ? activePath[activePath.length - 2] : undefined}

From e101de941f4836d96d477699d24dc9a0cfd98eb2 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Tue, 25 Jul 2023 16:58:16 +0200
Subject: [PATCH 142/714] clean up and remove redundent calls to check power
 level, instead use global state

---
 components/UI/ServiceIframeHeader.js  |  4 +--
 pages/explore/CreateContext.js        |  3 +--
 pages/explore/ExploreMatrixActions.js | 38 +++++++--------------------
 pages/explore/[[...roomId]].js        | 28 +++++++++++++++-----
 4 files changed, 35 insertions(+), 38 deletions(-)

diff --git a/components/UI/ServiceIframeHeader.js b/components/UI/ServiceIframeHeader.js
index 377b984a..12df300a 100644
--- a/components/UI/ServiceIframeHeader.js
+++ b/components/UI/ServiceIframeHeader.js
@@ -18,7 +18,7 @@ const ToggleButton = styled.button`
   border: unset;
 `;
 
-const ServiceIframeHeader = ({ isDeletingPad, deletePad, title, mypadsPadObject, content, hasManageContextActionRights, setManageContextActionToggle }) => {
+const ServiceIframeHeader = ({ isDeletingPad, deletePad, title, mypadsPadObject, content, isCurrentUserModerator, setManageContextActionToggle }) => {
     const [isManageContextMenuOpen, setIsManageContextMenuOpen] = useState(true);
     const { t } = useTranslation('write');
 
@@ -30,7 +30,7 @@ const ServiceIframeHeader = ({ isDeletingPad, deletePad, title, mypadsPadObject,
                 <button title={t(mypadsPadObject ? 'Delete pad' : 'Remove pad from my library')} onClick={deletePad}>
                     { isDeletingPad ? <LoadingSpinnerInline /> : <BinIcon fill="var(--color-foreground)" /> }
                 </button>
-                { hasManageContextActionRights && (
+                { isCurrentUserModerator && (
                     isManageContextMenuOpen ? (
                         <ToggleButton onClick={() => { setManageContextActionToggle(true); }}>
                             <ListSettingsIcon
diff --git a/pages/explore/CreateContext.js b/pages/explore/CreateContext.js
index bd990490..a24e6a10 100644
--- a/pages/explore/CreateContext.js
+++ b/pages/explore/CreateContext.js
@@ -21,7 +21,7 @@ const AdvancesOptions = styled.details`
   }
 `;
 
-const CreateContext = ({ currentId, parentId, userInfos }) => {
+const CreateContext = ({ currentId, parentId }) => {
     const auth = useAuth();
     const matrix = useMatrix(auth.getAuthenticationProvider('matrix'));
 
@@ -97,7 +97,6 @@ const CreateContext = ({ currentId, parentId, userInfos }) => {
             <input type="text" onChange={(e) => {setTopic(e?.target?.value);}} value={topic} placeholder="topic (optional)" />
             <TemplateSelect
                 currentId={currentId}
-                userInfos={userInfos}
                 currentTemplate={template}
                 setTemplate={setTemplate}
             />
diff --git a/pages/explore/ExploreMatrixActions.js b/pages/explore/ExploreMatrixActions.js
index d9567461..73561946 100644
--- a/pages/explore/ExploreMatrixActions.js
+++ b/pages/explore/ExploreMatrixActions.js
@@ -1,6 +1,5 @@
-import React, { useEffect, useState } from 'react';
+import React, { useCallback, useEffect, useState } from 'react';
 import styled from 'styled-components';
-import _ from 'lodash';
 
 import { useAuth } from '../../lib/Auth';
 import ManageContextActions from './ManageContextActions';
@@ -22,12 +21,12 @@ const MenuSection = styled.div`
  * @param {String} currentId — the Id of the current observed Room
  * @param {String} parentId — the Id of the parent of the currently observed Room. Matrix background: parentId lists currentId as an m.space.child stateevent. currentId got no information about the parentId.
  * @param {function} popActiveContexts – deletes the latest Element of the Contexts Multi Level Select Stack. Needed for the remove action.
- *
+ * @param {Boolean} isCurrentUserModerator - true if the user has moderatoion rights for the currentId.
  * @TODO
  * - changing all hardcoded mod rights (50) in all files related to the 'action' component to dynamicly ones. so that it will check what the powerlevel for the intended event to send needs to be, based on the indidual specific room criterial.
 */
 
-const ExploreMatrixActions = ({ currentId, parentId, popActiveContexts }) => {
+const ExploreMatrixActions = ({ currentId, parentId, isCurrentUserModerator, popActiveContexts }) => {
     /**
     * MATRIX
     * ------------------
@@ -46,10 +45,6 @@ const ExploreMatrixActions = ({ currentId, parentId, popActiveContexts }) => {
     *
     */
 
-    const [userInfos, setUserInfos] = useState(); //stores information about the curren User
-
-    const [isCurrentUserModerator, setIsisCurrentUserModerator] = useState(false);
-
     /**
     * EFFECTS
     * ------------------
@@ -60,9 +55,11 @@ const ExploreMatrixActions = ({ currentId, parentId, popActiveContexts }) => {
     */
 
     useEffect(() => {
-        fetchRoomName();
-        fetchRoomPowerLevels();
-    }, [currentId]);
+        let cancelled = false;
+        if (!cancelled) fetchRoomName();
+
+        return () => cancelled = true;
+    }, [currentId, fetchRoomName]);
 
     /**
     * CURRENT ROOM DATA STORAGE (VOLATILE)
@@ -89,7 +86,6 @@ const ExploreMatrixActions = ({ currentId, parentId, popActiveContexts }) => {
     */
 
     const [cachedRoomNames, setCachedRoomNames] = useState({});
-    const [cachedRoomPowerLevels, setCachedRoomPowerLevels] = useState({});
 
     /**
     * FETCH FUNCTIONS
@@ -97,7 +93,7 @@ const ExploreMatrixActions = ({ currentId, parentId, popActiveContexts }) => {
     * fetch functions to get room specific informations from the current Id
     */
 
-    const fetchRoomName = async () => {
+    const fetchRoomName = useCallback(async () => {
         const nameEvent = await matrixClient.getStateEvent(
             currentId,
             'm.room.name',
@@ -106,20 +102,7 @@ const ExploreMatrixActions = ({ currentId, parentId, popActiveContexts }) => {
 
         // send also to the sessions non volatile state storage
         setCachedRoomNames({ ...cachedRoomNames, [currentId]: { name: nameEvent?.name } });
-    };
-
-    const fetchRoomPowerLevels = async () => {
-        const userId = matrixClient?.credentials?.userId;
-        const powerLevelsEvent = await matrixClient.getStateEvent(
-            currentId,
-            'm.room.power_levels',
-        ).catch(() => {});
-        setIsisCurrentUserModerator(powerLevelsEvent?.users[userId] >= 50);  //check if the current user got is listed with a custom power level if true and >= 50 (mod default) mod flag is set true
-        setUserInfos({ ...userInfos, id: userId });
-
-        // send also to the sessions non volatile state storage
-        setCachedRoomPowerLevels({ ...cachedRoomPowerLevels, [currentId]: { powerLevels: powerLevelsEvent } });
-    };
+    }, [cachedRoomNames, currentId, matrixClient]);
 
     /**
     * RENDER
@@ -147,7 +130,6 @@ const ExploreMatrixActions = ({ currentId, parentId, popActiveContexts }) => {
             <MenuSection>
                 { isCurrentUserModerator &&
                 <ManageContextActions
-                    userInfos={userInfos}
                     currentId={currentId}
                     parentId={parentId}
                     currentName={roomName}
diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index c3cce90e..406e5476 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -20,13 +20,14 @@ export default function Explore() {
     const [selectedRoomId, setSelectedRoomId] = useState(null);
     const [roomContent, setRoomContent] = useState();
     const [activePath, setActivePath] = useState([getConfig().publicRuntimeConfig.contextRootSpaceRoomId]);
-    const [hasManageContextActionRights, setHasManageContextActionRights] = useState(true);
+    const [isCurrentUserModerator, setIsCurrentUserModerator] = useState(false);
     const [selectedSpaceChildren, setSelectedSpaceChildren] = useState([]);
     const [manageContextActionToggle, setManageContextActionToggle] = useState(false);
     const dimensionsRef = useRef();
     const router = useRouter();
     const [currentItemType, setCurrentItemType] = useState('');
     const auth = useAuth();
+    const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
     const matrix = useMatrix(auth.getAuthenticationProvider('matrix'));
 
     const initialSetup = useCallback(async () => {
@@ -117,12 +118,25 @@ export default function Explore() {
             await getMetaEvent(space);
         }
         await handleClicked(roomId, template, index, parentId);
+
         setSelectedSpaceChildren((prevState) => {
             prevState.splice(index+1); // delete all entries after the selected row.
 
             return [...prevState, spaceHierarchy];
         });
     };
+    useEffect(() => {
+        let cancelled = false;
+
+        if (!cancelled && matrixClient && matrix?.spaces && activePath) {
+            const userId = matrixClient?.credentials?.userId;
+            setIsCurrentUserModerator(matrix.spaces.get(activePath[activePath.length - 1])?.events?.get('m.room.power_levels').values().next().value.getContent().users[userId]);
+        }
+
+        return () => {
+            cancelled = true;
+        };
+    }, [activePath, matrix.spaces, matrixClient]);
 
     if (typeof window === 'undefined') return <LoadingSpinner />;
     // console.log(selectedSpaceChildren[selectedSpaceChildren.length -1]);
@@ -188,14 +202,16 @@ export default function Explore() {
                     title={matrix.spaces.get(router.query.roomId[0])?.name || matrix.rooms.get(router.query.roomId[0])?.name || 'Header Text'}
                     removeLink={() => console.log('removing sketch from parent')}
                     removingLink={false}
-                    hasManageContextActionRights={hasManageContextActionRights}
+                    isCurrentUserModerator={isCurrentUserModerator}
                     setManageContextActionToggle={setManageContextActionToggle}
                 />
                 <ServiceTable>
-                    { manageContextActionToggle && <ExploreMatrixActions
-                        currentId={activePath[activePath.length - 1]}
-                        parentId={activePath[activePath.length - 2]}
-                    /> }
+                    { manageContextActionToggle &&
+                            <ExploreMatrixActions
+                                isCurrentUserModerator={isCurrentUserModerator}
+                                currentId={activePath[activePath.length - 1]}
+                                parentId={activePath[activePath.length - 2]}
+                            /> }
 
                     { !manageContextActionToggle &&
                         selectedSpaceChildren &&

From 04e93a843c851146344f8f337aec4ee1ea900072 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Tue, 25 Jul 2023 17:28:11 +0200
Subject: [PATCH 143/714] fix issues with `activePath`

---
 pages/explore/TreeLeaves.js    |  4 ++--
 pages/explore/[[...roomId]].js | 22 ++++++++++++----------
 2 files changed, 14 insertions(+), 12 deletions(-)

diff --git a/pages/explore/TreeLeaves.js b/pages/explore/TreeLeaves.js
index 29f740f2..b490969e 100644
--- a/pages/explore/TreeLeaves.js
+++ b/pages/explore/TreeLeaves.js
@@ -4,7 +4,7 @@ import React, { useState } from 'react';
 import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
 import { ServiceTable } from '../../components/UI/ServiceTable';
 import LoadingSpinner from '../../components/UI/LoadingSpinner';
-const TreeLeaves = ({ handleClick, row, leaf, isParent, parent, selectedRoomId, activePath, key }) => {
+const TreeLeaves = ({ handleClick, depth, leaf, isParent, parent, selectedRoomId, activePath }) => {
     const [fetchingLeaves, setFetchingLeaves] = useState(false);
     const router = useRouter();
     const roomId = leaf.id || leaf.room_id;
@@ -29,7 +29,7 @@ const TreeLeaves = ({ handleClick, row, leaf, isParent, parent, selectedRoomId,
             <ServiceTable.Cell
                 disabled={fetchingLeaves}
                 selected={router.query.roomId[1] === roomId || activePath.indexOf(roomId) > -1}
-                onClick={(e) => onClick(e, roomId, row, leaf.template, parent.room_id)}>
+                onClick={(e) => onClick(e, roomId, depth, leaf.template, parent.room_id)}>
                 { leaf.missingMetaEvent ?
                     <em>{ isParent && parent && selectedRoomId ? '← ' : isParent && parent && '↓ ' } <a href="">{ leaf.name }{ fetchingLeaves === roomId && <LoadingSpinnerInline /> }</a></em>
                     : <>{ isParent && parent && selectedRoomId ? '← ' : isParent && parent && '↓ ' } <a href="">{ leaf.name }{ fetchingLeaves === roomId && <LoadingSpinnerInline /> }</a></>
diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 406e5476..24832143 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -31,7 +31,7 @@ export default function Explore() {
     const matrix = useMatrix(auth.getAuthenticationProvider('matrix'));
 
     const initialSetup = useCallback(async () => {
-    // initial setup to check for entry points for the explore interface
+        // initial setup to check for entry points for the explore interface
         // we use the roomId from the adress bar if there is one, orherwise we start with the supplied root ID from the config file.
         const roomId = router.query.roomId ? router.query.roomId[0] : getConfig().publicRuntimeConfig.contextRootSpaceRoomId;
         // if there i a second query, we want to use it for the iframe
@@ -58,6 +58,8 @@ export default function Explore() {
 
     const handleClicked = useCallback(async (roomId, template, index, parentId) => {
         if (!roomId) return;
+        // exit the function if we clicked on the currently selected space
+        if (activePath[activePath.length - 1] === roomId) return;
 
         setActivePath(prevState => {
             prevState.splice(index < 0 ? 0 : index + 1);
@@ -87,7 +89,7 @@ export default function Explore() {
             setSelectedRoomId(roomId);
             await getContent(roomId);
         }
-    }, [matrix, router, selectedRoomId]);
+    }, [activePath, matrix, router, selectedRoomId]);
 
     const callApiAndAddToObject = async (e, roomId, index, template, parentId) => {
         if (!selectedSpaceChildren) return;
@@ -139,7 +141,6 @@ export default function Explore() {
     }, [activePath, matrix.spaces, matrixClient]);
 
     if (typeof window === 'undefined') return <LoadingSpinner />;
-    // console.log(selectedSpaceChildren[selectedSpaceChildren.length -1]);
 
     return (
         <>
@@ -147,12 +148,13 @@ export default function Explore() {
             <IframeLayout.Sidebar>
                 <h2 ref={dimensionsRef}>/explore</h2>
                 { !_.isEmpty(selectedSpaceChildren) &&
-                     !navigator.userAgent.includes('iPhone') && !navigator.userAgent.includes('Android') && <TreePath
-                    selectedRoomId={selectedRoomId}
-                    data={selectedSpaceChildren}
-                    callApiAndAddToObject={callApiAndAddToObject}
-                    activePath={activePath}
-                />
+                    !navigator.userAgent.includes('iPhone') && !navigator.userAgent.includes('Android') &&
+                    <TreePath
+                        selectedRoomId={selectedRoomId}
+                        data={selectedSpaceChildren}
+                        callApiAndAddToObject={callApiAndAddToObject}
+                        activePath={activePath}
+                    />
 
                 }
             </IframeLayout.Sidebar>
@@ -233,7 +235,7 @@ export default function Explore() {
 
                                     // we sort the array to display object of the type 'item' before others.
                                     return <TreeLeaves
-                                        row={index}
+                                        depth={selectedSpaceChildren.length}
                                         leaf={leaf}
                                         parent={parent}
                                         key={leaf.room_id + '_' + index}

From 2428b6f0923b736766c72b232dda268fd975ed1e Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Tue, 25 Jul 2023 17:39:50 +0200
Subject: [PATCH 144/714] fix parent variable being undefined and remove unused
 code

---
 pages/explore/TreeLeaves.js    | 8 ++++----
 pages/explore/[[...roomId]].js | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/pages/explore/TreeLeaves.js b/pages/explore/TreeLeaves.js
index b490969e..c528a33b 100644
--- a/pages/explore/TreeLeaves.js
+++ b/pages/explore/TreeLeaves.js
@@ -4,7 +4,7 @@ import React, { useState } from 'react';
 import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
 import { ServiceTable } from '../../components/UI/ServiceTable';
 import LoadingSpinner from '../../components/UI/LoadingSpinner';
-const TreeLeaves = ({ handleClick, depth, leaf, isParent, parent, selectedRoomId, activePath }) => {
+const TreeLeaves = ({ handleClick, depth, leaf, parent, selectedRoomId, activePath }) => {
     const [fetchingLeaves, setFetchingLeaves] = useState(false);
     const router = useRouter();
     const roomId = leaf.id || leaf.room_id;
@@ -29,10 +29,10 @@ const TreeLeaves = ({ handleClick, depth, leaf, isParent, parent, selectedRoomId
             <ServiceTable.Cell
                 disabled={fetchingLeaves}
                 selected={router.query.roomId[1] === roomId || activePath.indexOf(roomId) > -1}
-                onClick={(e) => onClick(e, roomId, depth, leaf.template, parent.room_id)}>
+                onClick={(e) => onClick(e, roomId, depth, leaf.template, parent)}>
                 { leaf.missingMetaEvent ?
-                    <em>{ isParent && parent && selectedRoomId ? '← ' : isParent && parent && '↓ ' } <a href="">{ leaf.name }{ fetchingLeaves === roomId && <LoadingSpinnerInline /> }</a></em>
-                    : <>{ isParent && parent && selectedRoomId ? '← ' : isParent && parent && '↓ ' } <a href="">{ leaf.name }{ fetchingLeaves === roomId && <LoadingSpinnerInline /> }</a></>
+                    <em> <a href="">{ leaf.name }{ fetchingLeaves === roomId && <LoadingSpinnerInline /> }</a></em>
+                    : <a href="">{ leaf.name }{ fetchingLeaves === roomId && <LoadingSpinnerInline /> }</a>
                 }
             </ServiceTable.Cell>
             <ServiceTable.Cell title={leaf.template}>
diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 24832143..170820c9 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -237,7 +237,7 @@ export default function Explore() {
                                     return <TreeLeaves
                                         depth={selectedSpaceChildren.length}
                                         leaf={leaf}
-                                        parent={parent}
+                                        parent={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].room_id}
                                         key={leaf.room_id + '_' + index}
                                         handleClick={callApiAndAddToObject}
                                         selectedRoomId={selectedRoomId}

From 41ff1703c2d5e286ec9a55804d9710d0618194d2 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Tue, 25 Jul 2023 17:53:34 +0200
Subject: [PATCH 145/714] fix alignment/position of LoadingSpinnerInline in
 TreePath

---
 components/UI/LoadingSpinnerInline.js |  2 ++
 components/UI/ServiceTable.js         |  3 +--
 pages/explore/TreePath.js             | 13 ++++++-------
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/components/UI/LoadingSpinnerInline.js b/components/UI/LoadingSpinnerInline.js
index 0f399bb9..c761989d 100644
--- a/components/UI/LoadingSpinnerInline.js
+++ b/components/UI/LoadingSpinnerInline.js
@@ -6,6 +6,8 @@ const LoadingSpinnerInline = styled(LoadingSpinner)`
   display: inline-block;
   width: calc(var(--margin) * 1.4);
   height: calc(var(--margin) * 1.4);
+  margin: 0 calc(var(--margin) * 0.5);
+  vertical-align: middle;
 `;
 
 export default LoadingSpinnerInline;
diff --git a/components/UI/ServiceTable.js b/components/UI/ServiceTable.js
index c1a4104e..c4c9db70 100644
--- a/components/UI/ServiceTable.js
+++ b/components/UI/ServiceTable.js
@@ -36,12 +36,11 @@ const TableRow = styled.tr`
 const TableCell = styled.td`
   width: 100%;
   padding: 0;
+  line-height: calc(var(--margin) * 3);
   text-overflow: ellipsis;
 
   a {
-    display: block;
     width: 100%;
-    line-height: calc(var(--margin) * 3);
     color: ${props => props.selected && 'var(--color-disabled)'};
     text-decoration: ${props => props.selected && 'none'};
 
diff --git a/pages/explore/TreePath.js b/pages/explore/TreePath.js
index a7402c24..6ef3ec89 100644
--- a/pages/explore/TreePath.js
+++ b/pages/explore/TreePath.js
@@ -38,13 +38,12 @@ const TreePath = ({ selectedRoomId, data, callApiAndAddToObject, activePath }) =
                 if (!path[0]?.parent) return null;
 
                 return <ServiceTable.Row key={index}>
-                    <ServiceTable.Cell>
-                        <Leaf selected
-                            disabled={isFetching}
-                            onClick={(e) => handleClick(e, path[0].parent.room_id, index - 1, path[0].parent.template)}>
-                            <a>{ index > 0 && '↳ ' }{ path[0].parent.name }{ isFetching === path[0].parent.room_id && <LoadingSpinnerInline /> }</a>
-                        </Leaf>
-                    </ServiceTable.Cell>
+                    <Leaf selected
+                        disabled={isFetching}
+                        onClick={(e) => handleClick(e, path[0].parent.room_id, index - 1, path[0].parent.template)}>
+                        <a>{ index > 0 && '↳ ' }{ path[0].parent.name }{ isFetching === path[0].parent.room_id && <LoadingSpinnerInline /> }</a>
+                    </Leaf>
+
                     { /* <Actions
                         currentId={activePath[activePath.length - 1]}
                         parentId={activePath?.length >= 2 ? activePath[activePath.length - 2] : undefined}

From b3ec98877f67d0d4cb5d361960702a06ec34ff0e Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 26 Jul 2023 14:01:20 +0200
Subject: [PATCH 146/714] remove unused variable

---
 components/UI/ServiceTable.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/UI/ServiceTable.js b/components/UI/ServiceTable.js
index c4c9db70..4a1c63da 100644
--- a/components/UI/ServiceTable.js
+++ b/components/UI/ServiceTable.js
@@ -50,9 +50,9 @@ const TableCell = styled.td`
   }
 `;
 
-export function ServiceTable({ children, explore }) {
+export function ServiceTable({ children, selected }) {
     return (
-        <Table explore={explore}>
+        <Table selected={selected}>
             <tbody>{ children }</tbody>
         </Table>
     );

From 7cfe006a008c54fa65b97832b641a80e1ccba6a8 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 26 Jul 2023 14:15:00 +0200
Subject: [PATCH 147/714] refactor to update when address bar query changes

---
 pages/explore/TreeLeaves.js    |  32 +++----
 pages/explore/TreePath.js      |  20 ++---
 pages/explore/[[...roomId]].js | 156 +++++++++++++++------------------
 3 files changed, 87 insertions(+), 121 deletions(-)

diff --git a/pages/explore/TreeLeaves.js b/pages/explore/TreeLeaves.js
index c528a33b..b2f2bbb2 100644
--- a/pages/explore/TreeLeaves.js
+++ b/pages/explore/TreeLeaves.js
@@ -1,38 +1,30 @@
 import { useRouter } from 'next/router';
-import React, { useState } from 'react';
+import React from 'react';
+import Link from 'next/link';
+import getConfig from 'next/config';
 
 import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
 import { ServiceTable } from '../../components/UI/ServiceTable';
 import LoadingSpinner from '../../components/UI/LoadingSpinner';
-const TreeLeaves = ({ handleClick, depth, leaf, parent, selectedRoomId, activePath }) => {
-    const [fetchingLeaves, setFetchingLeaves] = useState(false);
+
+const TreeLeaves = ({ leaf, selectedRoomId, isFetchingContent }) => {
     const router = useRouter();
     const roomId = leaf.id || leaf.room_id;
-
-    const onClick = async (e, id, index, leafTemplate, parentId) => {
-        e.preventDefault();
-        setFetchingLeaves(id);
-        await handleClick(e, id || roomId, index, leafTemplate, parentId);
-        setFetchingLeaves(false);
-    };
+    const parentId = leaf.parent.id || leaf.parent.room_id;
 
     if (!leaf) return <LoadingSpinner />;
-
-    // if the roomId is the selected space we skip it
-    if (roomId === router.query.roomId[0]) return null;
-
     // if an iframe is open we only want to show items in the list
     if (selectedRoomId && leaf.type !== 'item') return null;
 
     return (
-        <ServiceTable.Row key={roomId} disabled={fetchingLeaves}>
+        <ServiceTable.Row key={roomId} disabled={isFetchingContent}>
             <ServiceTable.Cell
-                disabled={fetchingLeaves}
-                selected={router.query.roomId[1] === roomId || activePath.indexOf(roomId) > -1}
-                onClick={(e) => onClick(e, roomId, depth, leaf.template, parent)}>
+                disabled={isFetchingContent}
+                selected={router.query.roomId[1] === roomId|| router.query.roomId[0] === roomId}
+            >
                 { leaf.missingMetaEvent ?
-                    <em> <a href="">{ leaf.name }{ fetchingLeaves === roomId && <LoadingSpinnerInline /> }</a></em>
-                    : <a href="">{ leaf.name }{ fetchingLeaves === roomId && <LoadingSpinnerInline /> }</a>
+                    <em> <a href="">{ leaf.name }{ isFetchingContent === roomId && <LoadingSpinnerInline /> }</a></em>
+                    :<Link disabled={isFetchingContent} href={getConfig().publicRuntimeConfig.templates.item.includes(leaf.template) ? `/explore/${parentId}/${roomId}` : `/explore/${roomId}`}>{ leaf.name }{ isFetchingContent === roomId && <LoadingSpinnerInline /> }</Link>
                 }
             </ServiceTable.Cell>
             <ServiceTable.Cell title={leaf.template}>
diff --git a/pages/explore/TreePath.js b/pages/explore/TreePath.js
index 6ef3ec89..dca1f910 100644
--- a/pages/explore/TreePath.js
+++ b/pages/explore/TreePath.js
@@ -1,5 +1,6 @@
-import React, { useState } from 'react';
+import React from 'react';
 import styled from 'styled-components';
+import Link from 'next/link';
 
 import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
 import { ServiceTable } from '../../components/UI/ServiceTable';
@@ -22,16 +23,7 @@ const Leaf = styled(ServiceTable.Cell)`
   }
 
 `;
-const TreePath = ({ selectedRoomId, data, callApiAndAddToObject, activePath }) => {
-    const [isFetching, setIsFetching] = useState(false);
-
-    const handleClick = async (e, roomId, row, template) => {
-        e.preventDefault();
-        setIsFetching(roomId);
-        await callApiAndAddToObject(e, roomId, row, template);
-        setIsFetching(false);
-    };
-
+const TreePath = ({ data, isFetchingContent }) => {
     return (
         <ServiceTable>
             { data.map((path, index) => {
@@ -39,9 +31,9 @@ const TreePath = ({ selectedRoomId, data, callApiAndAddToObject, activePath }) =
 
                 return <ServiceTable.Row key={index}>
                     <Leaf selected
-                        disabled={isFetching}
-                        onClick={(e) => handleClick(e, path[0].parent.room_id, index - 1, path[0].parent.template)}>
-                        <a>{ index > 0 && '↳ ' }{ path[0].parent.name }{ isFetching === path[0].parent.room_id && <LoadingSpinnerInline /> }</a>
+                        disabled={isFetchingContent}
+                    >
+                        <Link disabled href={`/explore/${path[0].parent.room_id}`}>{ index > 0 && '↳ ' }{ path[0].parent.name }{ isFetchingContent === path[0].parent.room_id && <LoadingSpinnerInline /> }</Link>
                     </Leaf>
 
                     { /* <Actions
diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 170820c9..9bfc1d77 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -19,54 +19,27 @@ import TreePath from './TreePath';
 export default function Explore() {
     const [selectedRoomId, setSelectedRoomId] = useState(null);
     const [roomContent, setRoomContent] = useState();
-    const [activePath, setActivePath] = useState([getConfig().publicRuntimeConfig.contextRootSpaceRoomId]);
     const [isCurrentUserModerator, setIsCurrentUserModerator] = useState(false);
     const [selectedSpaceChildren, setSelectedSpaceChildren] = useState([]);
     const [manageContextActionToggle, setManageContextActionToggle] = useState(false);
+    const [isFetchingContent, setIsFetchingContent] = useState(false);
     const dimensionsRef = useRef();
     const router = useRouter();
-    const [currentItemType, setCurrentItemType] = useState('');
+    const [currentTemplate, setCurrentTemplate] = useState('');
     const auth = useAuth();
     const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
     const matrix = useMatrix(auth.getAuthenticationProvider('matrix'));
 
-    const initialSetup = useCallback(async () => {
+    const onRouterChange = useCallback(async () => {
+        setIsFetchingContent(true);
         // initial setup to check for entry points for the explore interface
         // we use the roomId from the adress bar if there is one, orherwise we start with the supplied root ID from the config file.
         const roomId = router.query.roomId ? router.query.roomId[0] : getConfig().publicRuntimeConfig.contextRootSpaceRoomId;
+        const userId = matrixClient.credentials.userId;
+        setIsFetchingContent(roomId);
+        setIsCurrentUserModerator(matrix.spaces.get(roomId)?.events?.get('m.room.power_levels').values().next().value.getContent().users[userId]);
         // if there i a second query, we want to use it for the iframe
         const iframeRoomId = router.query.roomId && router.query.roomId[1];
-
-        if (iframeRoomId) {
-            router.push(`/explore/${roomId}/${iframeRoomId}`);
-            setSelectedRoomId(iframeRoomId);
-            setActivePath([roomId, iframeRoomId]);
-        } else {
-            setActivePath([roomId]);
-            router.push(`/explore/${roomId}`);
-        }
-        callApiAndAddToObject(null, roomId, 0);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-
-    useEffect(() => {
-        let cancelled = false;
-        !cancelled && initialSetup();
-
-        return () => cancelled = true;
-    }, [initialSetup]);
-
-    const handleClicked = useCallback(async (roomId, template, index, parentId) => {
-        if (!roomId) return;
-        // exit the function if we clicked on the currently selected space
-        if (activePath[activePath.length - 1] === roomId) return;
-
-        setActivePath(prevState => {
-            prevState.splice(index < 0 ? 0 : index + 1);
-
-            return [...prevState, roomId];
-        });
-
         const getContent = async (roomId) => {
             const cachedContent = matrix.roomContents.get(selectedRoomId)?.body;
             if (cachedContent) setRoomContent(cachedContent);
@@ -77,68 +50,78 @@ export default function Explore() {
             }
         };
 
-        if (template !== 'chat-link' &&
-            template !== 'studentproject' &&
-            template !== 'sketch-link' &&
-            template !== 'write-link') {
-            router.push(`/explore/${roomId}`);
-            setSelectedRoomId(null);
+        if (iframeRoomId) {
+            await callApiAndAddToObject(null, iframeRoomId);
+            await getContent(iframeRoomId);
+            setSelectedRoomId(iframeRoomId);
         } else {
-            setCurrentItemType(template);
-            router.push(`/explore/${parentId}/${roomId}`);
-            setSelectedRoomId(roomId);
-            await getContent(roomId);
+            await callApiAndAddToObject(null, roomId);
+            setSelectedRoomId(null);
+        }
+        setIsFetchingContent(false);
+    }, [callApiAndAddToObject, matrix, matrixClient.credentials.userId, router.query.roomId, selectedRoomId]);
+
+    useEffect(() => {
+        let cancelled = false;
+        if (!cancelled && matrix.initialSyncDone && router.query?.roomId) {
+            console.log(router.query.roomId);
+            onRouterChange();
+        }
+
+        return () => {
+            cancelled = true;
+        };
+    }, [router.query.roomId, matrix.initialSyncDone, onRouterChange]);
+
+    const getMetaEvent = useCallback(async (obj) => {
+        console.debug('getting meta event for ' + (obj.state_key || obj.room_id));
+        const metaEvent = await auth.getAuthenticationProvider('matrix').getMatrixClient().getStateEvent(obj.state_key || obj.room_id, 'dev.medienhaus.meta')
+            .catch((err) => {
+                console.debug(err);
+                obj.missingMetaEvent = true;
+            });
+
+        if (metaEvent) {
+            obj.type = metaEvent.type;
+            obj.template = metaEvent.template;
+            obj.application = metaEvent.application;
+            setCurrentTemplate(obj.template);
         }
-    }, [activePath, matrix, router, selectedRoomId]);
+    }, [auth]);
 
-    const callApiAndAddToObject = async (e, roomId, index, template, parentId) => {
+    const callApiAndAddToObject = useCallback(async (e, roomId) => {
         if (!selectedSpaceChildren) return;
         e && e.preventDefault();
-        console.log('call Api or matrix and add');
+        console.debug('call Api or matrix and add');
         const spaceHierarchy = await matrix.roomHierarchy(roomId, null, 1)
             .catch(err => console.debug(err));
         if (!spaceHierarchy) return;
         const parent = spaceHierarchy[0];
 
-        const getMetaEvent = async (obj) => {
-            console.debug('getting meta event for ' + (obj.state_key || obj.room_id));
-            const metaEvent = await auth.getAuthenticationProvider('matrix').getMatrixClient().getStateEvent(obj.state_key || obj.room_id, 'dev.medienhaus.meta')
-                .catch((err) => {
-                    console.debug(err);
-                    obj.missingMetaEvent = true;
-                });
-
-            if (metaEvent) {
-                obj.type = metaEvent.type;
-                obj.template = metaEvent.template;
-                obj.application = metaEvent.application;
-            }
-        };
-
         for (const space of spaceHierarchy) {
             space.parent = parent;
             await getMetaEvent(space);
         }
-        await handleClicked(roomId, template, index, parentId);
 
         setSelectedSpaceChildren((prevState) => {
-            prevState.splice(index+1); // delete all entries after the selected row.
+            // we loop through the first entries of the state to see if the selected roomId is already inside the array
+            let indexOfParent = null;
+            for (const [index, children] of prevState.entries()) {
+                if (children[0].room_id === roomId) {
+                    // if we have a match we return the position and exit the loop
+                    indexOfParent = index;
+                    break;
+                }
+            }
+            // if indexOfParent is 0 we simply return the new spaceHierarchy
+            if (indexOfParent === 0) return [spaceHierarchy];
+            // otherwise we delete all entries starting with the found index
+            if (indexOfParent) prevState.splice(indexOfParent);
 
+            // if indexOfParent is still null we simply add the new spaceHierarchy to the end of the array.
             return [...prevState, spaceHierarchy];
         });
-    };
-    useEffect(() => {
-        let cancelled = false;
-
-        if (!cancelled && matrixClient && matrix?.spaces && activePath) {
-            const userId = matrixClient?.credentials?.userId;
-            setIsCurrentUserModerator(matrix.spaces.get(activePath[activePath.length - 1])?.events?.get('m.room.power_levels').values().next().value.getContent().users[userId]);
-        }
-
-        return () => {
-            cancelled = true;
-        };
-    }, [activePath, matrix.spaces, matrixClient]);
+    }, [getMetaEvent, matrix, selectedSpaceChildren]);
 
     if (typeof window === 'undefined') return <LoadingSpinner />;
 
@@ -152,15 +135,14 @@ export default function Explore() {
                     <TreePath
                         selectedRoomId={selectedRoomId}
                         data={selectedSpaceChildren}
-                        callApiAndAddToObject={callApiAndAddToObject}
-                        activePath={activePath}
+                        isFetchingContent={isFetchingContent}
                     />
 
                 }
             </IframeLayout.Sidebar>
             { selectedRoomId ? (
                 (() => {
-                    switch (currentItemType) {
+                    switch (currentTemplate) {
                         case 'studentproject':
                             return <ProjectView content={selectedRoomId} />;
                         case 'write-link':
@@ -201,7 +183,7 @@ export default function Explore() {
             ) : !_.isEmpty(selectedSpaceChildren) && <IframeLayout.IframeWrapper>
                 <ServiceIframeHeader
                     content={roomContent}
-                    title={matrix.spaces.get(router.query.roomId[0])?.name || matrix.rooms.get(router.query.roomId[0])?.name || 'Header Text'}
+                    title={matrix.spaces.get(router.query.roomId[0])?.name || matrix.rooms.get(router.query.roomId[0])?.name || selectedSpaceChildren[selectedSpaceChildren.length -1][0].name}
                     removeLink={() => console.log('removing sketch from parent')}
                     removingLink={false}
                     isCurrentUserModerator={isCurrentUserModerator}
@@ -211,12 +193,11 @@ export default function Explore() {
                     { manageContextActionToggle &&
                             <ExploreMatrixActions
                                 isCurrentUserModerator={isCurrentUserModerator}
-                                currentId={activePath[activePath.length - 1]}
-                                parentId={activePath[activePath.length - 2]}
+                                currentId={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].room_id}
+                                parentId={selectedSpaceChildren[selectedSpaceChildren.length - 2]?.[0].room_id}
                             /> }
 
                     { !manageContextActionToggle &&
-                        selectedSpaceChildren &&
                             selectedSpaceChildren[selectedSpaceChildren.length - 1]
                                 .sort(function(a, b) {
                                     if (a.type === 'item' && b.type !== 'item') {
@@ -226,12 +207,14 @@ export default function Explore() {
                                     } else {
                                         return 0; // no sorting necessary
                                     }
-                                }).map((leaf, index) => {
+                                })
+                                .map((leaf, index) => {
                                     if (leaf.length <= 1) {
                                         return <ErrorMessage key="error-message">
                                             Thank You { auth.user.displayname }! But Our Item Is In Another Context! 🍄
                                         </ErrorMessage>;
                                     }
+                                    if (index === 0) return null;
 
                                     // we sort the array to display object of the type 'item' before others.
                                     return <TreeLeaves
@@ -239,9 +222,8 @@ export default function Explore() {
                                         leaf={leaf}
                                         parent={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].room_id}
                                         key={leaf.room_id + '_' + index}
-                                        handleClick={callApiAndAddToObject}
                                         selectedRoomId={selectedRoomId}
-                                        activePath={activePath}
+                                        isFetchingContent={isFetchingContent}
                                     />;
                                 })
                     }

From a04d370063163cc2840988e5883f929fc03a3af7 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 26 Jul 2023 14:15:38 +0200
Subject: [PATCH 148/714] remove unnecessary div

---
 pages/explore/ManageContextActions.js | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/pages/explore/ManageContextActions.js b/pages/explore/ManageContextActions.js
index 720714e3..d242e692 100644
--- a/pages/explore/ManageContextActions.js
+++ b/pages/explore/ManageContextActions.js
@@ -12,13 +12,12 @@ const ManageContextActionsWrapper = styled.div`
 const ManageContextActions = ({ userInfos, parentId, currentId, currentName, setShowActions }) => {
     return <ManageContextActionsWrapper>
         <h2>{ t('Manage contexts and items within ') }{ currentName }</h2>
-        <div>
-            <details>
-                <summary>{ t('create new substructure') }</summary>
-                <CreateContext currentId={currentId} parentId={parentId} userInfos={userInfos} />
-            </details>
+        <details>
+            <summary>{ t('create new substructure') }</summary>
+            <CreateContext currentId={currentId} parentId={parentId} userInfos={userInfos} />
+        </details>
 
-            { /* <details>
+        { /* <details>
                 <summary>{ t('add existing context') }</summary>
                 <AddExistingContext parentId={currentId} parentName={currentName} setShowActions={setShowActions} />
             </details>
@@ -26,7 +25,6 @@ const ManageContextActions = ({ userInfos, parentId, currentId, currentName, set
             <details>
                 <summary>{ t('add existing item from application') }</summary>
             </details> */ }
-        </div>
 
     </ManageContextActionsWrapper>;
 };

From 4fc5ca7e9bda64f7173076699ad7a5cca1d40f7f Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 26 Jul 2023 14:15:58 +0200
Subject: [PATCH 149/714] add descritions

---
 pages/explore/oldactions/presets.js | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/pages/explore/oldactions/presets.js b/pages/explore/oldactions/presets.js
index 123f8080..d94b57c1 100644
--- a/pages/explore/oldactions/presets.js
+++ b/pages/explore/oldactions/presets.js
@@ -1,4 +1,3 @@
-import { useTranslation } from 'react-i18next';
 // eslint-disable-next-line no-undef
 
 /**
@@ -50,23 +49,23 @@ module.exports = {
         {
             name: 'world_readable',
             display: '🌐',
-            description: 'some description',
+            description: 'world readable',
             default: true,
         },
         {
             name: 'shared',
             display: '📖',
-            description: 'some description',
+            description: 'shared',
         },
         {
             name: 'joined',
             display: '🔐',
-            description: 'some description',
+            description: 'joined',
         },
         {
             name: 'invited',
             display: '🔒',
-            description: 'some description',
+            description: 'invited',
         },
     ],
     allowedPowerLevelPresets: [

From 010c2060013680651a55492bb0b6513406ade578 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 26 Jul 2023 16:30:22 +0200
Subject: [PATCH 150/714] move presets and update imports

---
 pages/explore/CreateContext.js            | 2 +-
 pages/explore/{oldactions => }/presets.js | 0
 2 files changed, 1 insertion(+), 1 deletion(-)
 rename pages/explore/{oldactions => }/presets.js (100%)

diff --git a/pages/explore/CreateContext.js b/pages/explore/CreateContext.js
index a24e6a10..4e32f22e 100644
--- a/pages/explore/CreateContext.js
+++ b/pages/explore/CreateContext.js
@@ -5,7 +5,7 @@ import getConfig from 'next/config';
 
 import { useAuth } from '../../lib/Auth';
 import TemplateSelect from './TemplateSelect';
-import presets from './oldactions/presets';
+import presets from './presets';
 import { useMatrix } from '../../lib/Matrix';
 import ErrorMessage from '../../components/UI/ErrorMessage';
 import LoadingSpinner from '../../components/UI/LoadingSpinner';
diff --git a/pages/explore/oldactions/presets.js b/pages/explore/presets.js
similarity index 100%
rename from pages/explore/oldactions/presets.js
rename to pages/explore/presets.js

From ab79fe95b0d7da9d8d3922ecf0439d2ee4a1fe4e Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 26 Jul 2023 16:30:51 +0200
Subject: [PATCH 151/714] rename deletePad to deleteContent

---
 components/UI/ServiceIframeHeader.js | 6 +++---
 pages/etherpad/[[...roomId]].js      | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/UI/ServiceIframeHeader.js b/components/UI/ServiceIframeHeader.js
index 12df300a..f34ae656 100644
--- a/components/UI/ServiceIframeHeader.js
+++ b/components/UI/ServiceIframeHeader.js
@@ -18,7 +18,7 @@ const ToggleButton = styled.button`
   border: unset;
 `;
 
-const ServiceIframeHeader = ({ isDeletingPad, deletePad, title, mypadsPadObject, content, isCurrentUserModerator, setManageContextActionToggle }) => {
+const ServiceIframeHeader = ({ isDeletingPad, deleteContent, title, mypadsPadObject, content, isCurrentUserModerator, setManageContextActionToggle }) => {
     const [isManageContextMenuOpen, setIsManageContextMenuOpen] = useState(true);
     const { t } = useTranslation('write');
 
@@ -27,9 +27,9 @@ const ServiceIframeHeader = ({ isDeletingPad, deletePad, title, mypadsPadObject,
             <h2>{ title }</h2>
             <IframeLayout.IframeHeaderButtonWrapper isManageContextMenuOpen={isManageContextMenuOpen}>
                 <CopyToClipboard content={content} />
-                <button title={t(mypadsPadObject ? 'Delete pad' : 'Remove pad from my library')} onClick={deletePad}>
+                { deleteContent && <button title={t(mypadsPadObject ? 'Delete pad' : 'Remove pad from my library')} onClick={deleteContent}>
                     { isDeletingPad ? <LoadingSpinnerInline /> : <BinIcon fill="var(--color-foreground)" /> }
-                </button>
+                </button> }
                 { isCurrentUserModerator && (
                     isManageContextMenuOpen ? (
                         <ToggleButton onClick={() => { setManageContextActionToggle(true); }}>
diff --git a/pages/etherpad/[[...roomId]].js b/pages/etherpad/[[...roomId]].js
index 83908790..bc8b2f2c 100644
--- a/pages/etherpad/[[...roomId]].js
+++ b/pages/etherpad/[[...roomId]].js
@@ -360,7 +360,7 @@ export default function Etherpad() {
                     <ServiceIframeHeader
                         content={content.body}
                         title={matrix.rooms.get(roomId).name}
-                        deletePad={deletePad}
+                        deleteContent={deletePad}
                         isDeletingPad={isDeletingPad}
                         mypadsPadObject={mypadsPadObject} />
                     <iframe src={iframeUrl.toString()} />

From 2348d155e6049cc21564fa2547122201f24a156d Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 26 Jul 2023 16:32:12 +0200
Subject: [PATCH 152/714] refactor and remove unnecessary states

---
 pages/explore/[[...roomId]].js | 190 +++++++++++++--------------------
 1 file changed, 76 insertions(+), 114 deletions(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 9bfc1d77..05701923 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -9,85 +9,65 @@ import LoadingSpinner from '../../components/UI/LoadingSpinner';
 import { useAuth } from '../../lib/Auth';
 import { useMatrix } from '../../lib/Matrix';
 import ServiceIframeHeader from '../../components/UI/ServiceIframeHeader';
-import ProjectView from './ProjectView';
-import ChatIframeView from '../chat/ChatIframeView';
 import ExploreMatrixActions from './ExploreMatrixActions';
 import ErrorMessage from '../../components/UI/ErrorMessage';
 import TreeLeaves from './TreeLeaves';
 import TreePath from './TreePath';
+import ExploreIframeViews from './ExploreIframeViews';
 
 export default function Explore() {
-    const [selectedRoomId, setSelectedRoomId] = useState(null);
-    const [roomContent, setRoomContent] = useState();
-    const [isCurrentUserModerator, setIsCurrentUserModerator] = useState(false);
     const [selectedSpaceChildren, setSelectedSpaceChildren] = useState([]);
     const [manageContextActionToggle, setManageContextActionToggle] = useState(false);
     const [isFetchingContent, setIsFetchingContent] = useState(false);
     const dimensionsRef = useRef();
     const router = useRouter();
-    const [currentTemplate, setCurrentTemplate] = useState('');
     const auth = useAuth();
     const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
     const matrix = useMatrix(auth.getAuthenticationProvider('matrix'));
 
-    const onRouterChange = useCallback(async () => {
-        setIsFetchingContent(true);
-        // initial setup to check for entry points for the explore interface
+    /**
+     * A roomId is set when the route is /explore/<roomId>, otherwise it's undefined
+     * @type {String|undefined}
+     */
+
+    const roomId = _.get(router, 'query.roomId.0');
+    const iframeRoomId = _.get(router, 'query.roomId.1');
+    const isCurrentUserModerator = matrix.spaces.get(roomId)?.events?.get('m.room.power_levels').values().next().value.getContent().users[matrixClient.getUserId()];
+    const currentTemplate = iframeRoomId && selectedSpaceChildren[selectedSpaceChildren.length -1]?.find(space => space.room_id === iframeRoomId).template;
+
+    if (!roomId) {
         // we use the roomId from the adress bar if there is one, orherwise we start with the supplied root ID from the config file.
-        const roomId = router.query.roomId ? router.query.roomId[0] : getConfig().publicRuntimeConfig.contextRootSpaceRoomId;
-        const userId = matrixClient.credentials.userId;
-        setIsFetchingContent(roomId);
-        setIsCurrentUserModerator(matrix.spaces.get(roomId)?.events?.get('m.room.power_levels').values().next().value.getContent().users[userId]);
-        // if there i a second query, we want to use it for the iframe
-        const iframeRoomId = router.query.roomId && router.query.roomId[1];
-        const getContent = async (roomId) => {
-            const cachedContent = matrix.roomContents.get(selectedRoomId)?.body;
-            if (cachedContent) setRoomContent(cachedContent);
-            // if the room is not yet cached we manually try to hydrate the content
-            else {
-                const content = await matrix.hydrateRoomContent(roomId);
-                if (content) setRoomContent(content.body);
-            }
+        router.push(`/explore/${getConfig().publicRuntimeConfig.contextRootSpaceRoomId}`);
+    }
+
+    useEffect(() => {
+        const controller = new AbortController();
+        const signal = controller.signal;
+        const checkForRoomContent = async () => {
+            await matrix.hydrateRoomContent(iframeRoomId, signal);
         };
+        iframeRoomId && checkForRoomContent();
 
-        if (iframeRoomId) {
-            await callApiAndAddToObject(null, iframeRoomId);
-            await getContent(iframeRoomId);
-            setSelectedRoomId(iframeRoomId);
-        } else {
-            await callApiAndAddToObject(null, roomId);
-            setSelectedRoomId(null);
-        }
+        return () => controller.abort;
+    }, [iframeRoomId, matrix]);
+
+    const onRouterChange = useCallback(async () => {
+        setIsFetchingContent(roomId);
+
+        await callApiAndAddToObject(null, roomId);
         setIsFetchingContent(false);
-    }, [callApiAndAddToObject, matrix, matrixClient.credentials.userId, router.query.roomId, selectedRoomId]);
+    }, [roomId, callApiAndAddToObject]);
 
     useEffect(() => {
         let cancelled = false;
         if (!cancelled && matrix.initialSyncDone && router.query?.roomId) {
-            console.log(router.query.roomId);
             onRouterChange();
         }
 
         return () => {
             cancelled = true;
         };
-    }, [router.query.roomId, matrix.initialSyncDone, onRouterChange]);
-
-    const getMetaEvent = useCallback(async (obj) => {
-        console.debug('getting meta event for ' + (obj.state_key || obj.room_id));
-        const metaEvent = await auth.getAuthenticationProvider('matrix').getMatrixClient().getStateEvent(obj.state_key || obj.room_id, 'dev.medienhaus.meta')
-            .catch((err) => {
-                console.debug(err);
-                obj.missingMetaEvent = true;
-            });
-
-        if (metaEvent) {
-            obj.type = metaEvent.type;
-            obj.template = metaEvent.template;
-            obj.application = metaEvent.application;
-            setCurrentTemplate(obj.template);
-        }
-    }, [auth]);
+    }, [router.query?.roomId, matrix.initialSyncDone, onRouterChange]);
 
     const callApiAndAddToObject = useCallback(async (e, roomId) => {
         if (!selectedSpaceChildren) return;
@@ -98,6 +78,21 @@ export default function Explore() {
         if (!spaceHierarchy) return;
         const parent = spaceHierarchy[0];
 
+        const getMetaEvent = async (obj) => {
+            console.debug('getting meta event for ' + (obj.state_key || obj.room_id));
+            const metaEvent = await auth.getAuthenticationProvider('matrix').getMatrixClient().getStateEvent(obj.state_key || obj.room_id, 'dev.medienhaus.meta')
+                .catch((err) => {
+                    console.debug(err);
+                    obj.missingMetaEvent = true;
+                });
+
+            if (metaEvent) {
+                obj.type = metaEvent.type;
+                obj.template = metaEvent.template;
+                obj.application = metaEvent.application;
+            }
+        };
+
         for (const space of spaceHierarchy) {
             space.parent = parent;
             await getMetaEvent(space);
@@ -113,91 +108,57 @@ export default function Explore() {
                     break;
                 }
             }
-            // if indexOfParent is 0 we simply return the new spaceHierarchy
-            if (indexOfParent === 0) return [spaceHierarchy];
+            // if indexOfParent is 0 or our context root id, which is defined in the config, we simply return the new spaceHierarchy
+            if (indexOfParent === 0 || roomId === getConfig().publicRuntimeConfig.contextRootSpaceRoomId) return [spaceHierarchy];
             // otherwise we delete all entries starting with the found index
             if (indexOfParent) prevState.splice(indexOfParent);
 
             // if indexOfParent is still null we simply add the new spaceHierarchy to the end of the array.
             return [...prevState, spaceHierarchy];
         });
-    }, [getMetaEvent, matrix, selectedSpaceChildren]);
+    }, [auth, matrix, selectedSpaceChildren]);
 
     if (typeof window === 'undefined') return <LoadingSpinner />;
 
     return (
         <>
-
             <IframeLayout.Sidebar>
                 <h2 ref={dimensionsRef}>/explore</h2>
-                { !_.isEmpty(selectedSpaceChildren) &&
-                    !navigator.userAgent.includes('iPhone') && !navigator.userAgent.includes('Android') &&
+                { !navigator.userAgent.includes('iPhone') && !navigator.userAgent.includes('Android') &&
+                    !_.isEmpty(selectedSpaceChildren) &&
                     <TreePath
-                        selectedRoomId={selectedRoomId}
                         data={selectedSpaceChildren}
                         isFetchingContent={isFetchingContent}
                     />
 
                 }
             </IframeLayout.Sidebar>
-            { selectedRoomId ? (
-                (() => {
-                    switch (currentTemplate) {
-                        case 'studentproject':
-                            return <ProjectView content={selectedRoomId} />;
-                        case 'write-link':
-                            return (
-                                <IframeLayout.IframeWrapper>
-                                    <ServiceIframeHeader
-                                        content={roomContent}
-                                        title={matrix.spaces.get(router.query.roomId[1])?.name || matrix.rooms.get(router.query.roomId[1])?.name}
-                                        removeLink={() => console.log('removing pad from parent')}
-                                        removingLink={false} />
-                                    <iframe src={roomContent} />
-                                </IframeLayout.IframeWrapper>
-                            );
-                        case 'sketch-link':
-                            return (
-                                <IframeLayout.IframeWrapper>
-                                    <ServiceIframeHeader
-                                        content={roomContent}
-                                        title={matrix.spaces.get(router.query.roomId[1])?.name || matrix.rooms.get(router.query.roomId[1])?.name}
-                                        removeLink={() => console.log('removing sketch from parent')}
-                                        removingLink={false} />
-                                    <iframe src={roomContent} />
-                                </IframeLayout.IframeWrapper>
-                            );
-                        default:
-                            return (
-                                <IframeLayout.IframeWrapper>
-                                    <ServiceIframeHeader
-                                        content={`${getConfig().publicRuntimeConfig.chat.pathToElement}/#/room/${selectedRoomId}`}
-                                        title={matrix.spaces.get(router.query.roomId[1])?.name || matrix.rooms.get(router.query.roomId[1])?.name}
-                                        removeLink={() => console.log('removing chat from parent')}
-                                        removingLink={false} />
-                                    <ChatIframeView src={`${getConfig().publicRuntimeConfig.chat.pathToElement}/#/room/${selectedRoomId}`} />
-                                </IframeLayout.IframeWrapper>
-                            );
-                    }
-                })()
-            ) : !_.isEmpty(selectedSpaceChildren) && <IframeLayout.IframeWrapper>
-                <ServiceIframeHeader
-                    content={roomContent}
-                    title={matrix.spaces.get(router.query.roomId[0])?.name || matrix.rooms.get(router.query.roomId[0])?.name || selectedSpaceChildren[selectedSpaceChildren.length -1][0].name}
-                    removeLink={() => console.log('removing sketch from parent')}
-                    removingLink={false}
-                    isCurrentUserModerator={isCurrentUserModerator}
-                    setManageContextActionToggle={setManageContextActionToggle}
-                />
-                <ServiceTable>
-                    { manageContextActionToggle &&
+            { !_.isEmpty(selectedSpaceChildren) &&
+            <IframeLayout.IframeWrapper>
+
+                { iframeRoomId ? (
+                    <ExploreIframeViews
+                        currentTemplate={currentTemplate}
+                        iframeRoomId={iframeRoomId}
+                        title={matrix.spaces.get(router.query.roomId[0])?.name || matrix.rooms.get(router.query.roomId[0])?.name || selectedSpaceChildren[selectedSpaceChildren.length -1][0].name}
+                    />
+                ) : <>
+                    <ServiceIframeHeader
+                        content={window.location.href}
+                        title={matrix.spaces.get(router.query.roomId[0])?.name || matrix.rooms.get(router.query.roomId[0])?.name || selectedSpaceChildren[selectedSpaceChildren.length -1][0].name}
+                        removingLink={false}
+                        isCurrentUserModerator={isCurrentUserModerator}
+                        setManageContextActionToggle={setManageContextActionToggle}
+                    />
+                    <ServiceTable>
+                        { manageContextActionToggle &&
                             <ExploreMatrixActions
                                 isCurrentUserModerator={isCurrentUserModerator}
                                 currentId={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].room_id}
                                 parentId={selectedSpaceChildren[selectedSpaceChildren.length - 2]?.[0].room_id}
                             /> }
 
-                    { !manageContextActionToggle &&
+                        { !manageContextActionToggle &&
                             selectedSpaceChildren[selectedSpaceChildren.length - 1]
                                 .sort(function(a, b) {
                                     if (a.type === 'item' && b.type !== 'item') {
@@ -222,19 +183,20 @@ export default function Explore() {
                                         leaf={leaf}
                                         parent={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].room_id}
                                         key={leaf.room_id + '_' + index}
-                                        selectedRoomId={selectedRoomId}
+                                        iframeRoomId={iframeRoomId}
                                         isFetchingContent={isFetchingContent}
                                     />;
                                 })
-                    }
-                </ServiceTable>
+                        }
+                    </ServiceTable>
 
-                { /* <Actions
+                    { /* <Actions
                     currentId={activePath[activePath.length - 1]}
                     parentId={activePath?.length >= 2 ? activePath[activePath.length - 2] : undefined}
                     // popActiveContexts={() => setActivePath(prevState => prevState.pop())}
                 /> */ }
-
+                </>
+                }
             </IframeLayout.IframeWrapper> }
         </>
     );

From da8fc83a4df3d8cd8000a42b563f3ae7aa462090 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 26 Jul 2023 16:32:40 +0200
Subject: [PATCH 153/714] move explore iframe views in separate component

---
 pages/explore/ExploreIframeViews.js | 71 +++++++++++++++++++++++++++++
 1 file changed, 71 insertions(+)
 create mode 100644 pages/explore/ExploreIframeViews.js

diff --git a/pages/explore/ExploreIframeViews.js b/pages/explore/ExploreIframeViews.js
new file mode 100644
index 00000000..6902a6e1
--- /dev/null
+++ b/pages/explore/ExploreIframeViews.js
@@ -0,0 +1,71 @@
+import getConfig from 'next/config';
+import React, { useEffect, useState } from 'react';
+
+import ServiceIframeHeader from '../../components/UI/ServiceIframeHeader';
+import ChatIframeView from '../chat/ChatIframeView';
+import ProjectView from './ProjectView';
+import { useAuth } from '../../lib/Auth';
+import { useMatrix } from '../../lib/Matrix';
+
+const ExploreIframeViews = ({ currentTemplate, iframeRoomId, title: parsedTitle }) => {
+    const auth = useAuth();
+    const matrix = useMatrix(auth.getAuthenticationProvider('matrix'));
+    const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
+    const [title, setTitle] = useState(parsedTitle);
+
+    useEffect(() => {
+        let cancelled = false;
+        const fetchRoomName = async () => {
+            const nameEvent = await matrixClient.getStateEvent(
+                iframeRoomId,
+                'm.room.name',
+            ).catch(() => {});
+            setTitle(nameEvent?.name);
+        };
+
+        if (!cancelled) fetchRoomName();
+
+        return () => cancelled = true;
+    }, [iframeRoomId, matrixClient, parsedTitle]);
+
+    return (() => {
+        switch (currentTemplate) {
+            case 'studentproject':
+                return <ProjectView content={iframeRoomId} />;
+            case 'write-link':
+                return (
+                    <>
+                        <ServiceIframeHeader
+                            content={matrix.roomContents.get(iframeRoomId)?.body}
+                            title={title}
+                            removeLink={() => console.log('removing pad from parent')}
+                            removingLink={false} />
+                        <iframe src={matrix.roomContents.get(iframeRoomId)?.body} />
+                    </>
+                );
+            case 'sketch-link':
+                return (
+                    <>
+                        <ServiceIframeHeader
+                            content={matrix.roomContents.get(iframeRoomId)?.body}
+                            title={title}
+                            removeLink={() => console.log('removing sketch from parent')}
+                            removingLink={false} />
+                        <iframe src={matrix.roomContents.get(iframeRoomId)?.body} />
+                    </>
+                );
+            default:
+                return (
+                    <>
+                        <ServiceIframeHeader
+                            content={`${getConfig().publicRuntimeConfig.chat.pathToElement}/#/room/${iframeRoomId}`}
+                            title={title}
+                            removeLink={() => console.log('removing chat from parent')}
+                            removingLink={false} />
+                        <ChatIframeView src={`${getConfig().publicRuntimeConfig.chat.pathToElement}/#/room/${iframeRoomId}`} />
+                    </>
+                );
+        }
+    })();
+};
+export default ExploreIframeViews;

From 470dfd1ffba16381518c48c7242b78e7e037646a Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 26 Jul 2023 16:33:15 +0200
Subject: [PATCH 154/714] update function, remove unnecessary variable

---
 pages/spacedeck/SketchLinkEntry.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/spacedeck/SketchLinkEntry.js b/pages/spacedeck/SketchLinkEntry.js
index a34f1fcd..7b54e311 100644
--- a/pages/spacedeck/SketchLinkEntry.js
+++ b/pages/spacedeck/SketchLinkEntry.js
@@ -35,7 +35,7 @@ export default function SketchLinkEntry({ roomId, selected }) {
         const controller = new AbortController();
         const signal = controller.signal;
         const checkForRoomContent = async () => {
-            await matrix.hydrateRoomContent(roomId, 1, signal);
+            await matrix.hydrateRoomContent(roomId, signal);
         };
         checkForRoomContent();
 

From 2aef46d4d2b0e3cc4b1c5a12c727d8fc62c69afc Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 26 Jul 2023 16:33:29 +0200
Subject: [PATCH 155/714] remove unused code

---
 pages/explore/TreePath.js | 7 -------
 1 file changed, 7 deletions(-)

diff --git a/pages/explore/TreePath.js b/pages/explore/TreePath.js
index dca1f910..6514ac5a 100644
--- a/pages/explore/TreePath.js
+++ b/pages/explore/TreePath.js
@@ -4,7 +4,6 @@ import Link from 'next/link';
 
 import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
 import { ServiceTable } from '../../components/UI/ServiceTable';
-// import Actions from '../../components/actions';
 
 const Leaf = styled(ServiceTable.Cell)`
   cursor: pointer;
@@ -36,12 +35,6 @@ const TreePath = ({ data, isFetchingContent }) => {
                         <Link disabled href={`/explore/${path[0].parent.room_id}`}>{ index > 0 && '↳ ' }{ path[0].parent.name }{ isFetchingContent === path[0].parent.room_id && <LoadingSpinnerInline /> }</Link>
                     </Leaf>
 
-                    { /* <Actions
-                        currentId={activePath[activePath.length - 1]}
-                        parentId={activePath?.length >= 2 ? activePath[activePath.length - 2] : undefined}
-                        // popActiveContexts={() => setActivePath(prevState => prevState.pop())}
-                    /> */ }
-
                 </ServiceTable.Row>;
             }) }
         </ServiceTable>

From 7709b72cecd31578c843de468ba42c5a3e9e87fc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Robert=20Schn=C3=BCll?= <mail@robertschnuell.de>
Date: Wed, 26 Jul 2023 16:36:57 +0200
Subject: [PATCH 156/714] Create AddExistingItem.js

---
 pages/explore/AddExistingItem.js | 172 +++++++++++++++++++++++++++++++
 1 file changed, 172 insertions(+)
 create mode 100644 pages/explore/AddExistingItem.js

diff --git a/pages/explore/AddExistingItem.js b/pages/explore/AddExistingItem.js
new file mode 100644
index 00000000..b0666515
--- /dev/null
+++ b/pages/explore/AddExistingItem.js
@@ -0,0 +1,172 @@
+import React, { useCallback, useEffect, useState } from 'react';
+import styled from 'styled-components';
+import _ from 'lodash';
+import { useTranslation } from 'react-i18next';
+
+import { useAuth } from '../../../lib/Auth';
+import { useMatrix } from '../../../lib/Matrix';
+
+const AddExistingItemDialog = styled.div`
+  & > * + * {
+    margin-top: var(--margin);
+  }
+
+  & > select + select {
+    margin-top: calc(var(--margin) * 0.65);
+  }
+
+  & span {
+    background-color: var(--color-me);
+  }
+`;
+
+const SingleLevel = ({ level, setObservedIdPath, setAddable }) => {
+    const { t } = useTranslation('explore');
+
+    return (
+        <>
+            { level &&
+            <select onChange={(e) => {
+                setObservedIdPath(current => [...current, e?.target?.value]);
+            }}>
+                <option selected="true" disabled="disabled">
+                   -----{ t('select from') + ' '+ level?.name } -----
+                    {
+                        //adding name as default not selectable option. Needs to be checked if this type of structure makes  sense in each translation
+                    }
+                </option>
+                { level?.children && Object.entries(level?.children).map(([key, entry]) => (
+                    <option key={key} value={entry?.roomId}>
+                        { entry?.name }
+                    </option>
+                )) }
+            </select>
+            }
+            { level ? setAddable(false) : setAddable(true) }
+        </>
+    );
+};
+
+/**
+ * 'ADD EXISTING ITEM' COMPONENT
+ * ------------------
+ *
+ * @param {String} parentId — id of the current observed explore room
+ * @param {String} parentName — name of the currently observed expore room. is just needed for error log
+ *
+ * @TODO
+ *  - some functions regarding spaces of spaces in the application folders needs to be implemented in the future. But as this is not a featureset of our current stack for now it could not be tested fully.
+ *
+*/
+
+const AddExistingItem = ({ parentId, parentName }) => {
+    const auth = useAuth();
+    const matrix = useMatrix(auth.getAuthenticationProvider('matrix'));
+    const matrixAuthed = auth.getAuthenticationProvider('matrix');
+    const { t } = useTranslation('explore');
+
+    const [servicesCache, setServicesCache] = useState([{ roomId: matrix?.applicationsFolder, name: 'Applications', children: _.map(matrix.serviceSpaces, (serviceId, serviceName) => {return { name: serviceName, roomId: serviceId };}) }]); //prefill the Cache with some data of the first level
+    const [observedIdPath, setObservedIdPath] = useState([matrix?.applicationsFolder]);
+
+    const [addable, setAddable] = useState(false);
+    const [errorMessage, setErrorMessage] = useState();
+
+    useEffect(() => {
+        let tempraryServicesCache = servicesCache; // this one is needed as the state of serviceCache is not updated already and this is needed later on in this effect.
+
+        const updateServicesCache = (renewedIdPath, renewedServicesCache) => {
+            const cache = renewedServicesCache ? renewedServicesCache : servicesCache;
+            const path = renewedIdPath ? renewedIdPath : observedIdPath;
+
+            // get new RoomData from Matrix Provider
+            if (!cache.find(({ roomId }) => roomId === path[path.length-1])) { // search if Data for current selected Room is already in Cache
+                const newData = matrix?.spaces.get(path[path.length-1]);
+                if (newData && newData.children) { //if a spaceId was found proceed with getting more data for the coresponding children
+                    newData.children = newData?.children.map(child => {
+                        if (typeof(child) === 'object') return child;
+
+                        return matrix?.spaces.get(child) ? matrix?.spaces.get(child) : matrix?.rooms.get(child);
+                    });
+                    setServicesCache([...cache, newData]); // adding all up to the cache
+
+                    return [...cache, newData];
+                }
+            }
+        };
+
+        // get new RoomData from Matrix Provider
+        tempraryServicesCache = updateServicesCache();
+
+        // only nessesary to reset the selected root Level after adding. kind of waste of ressources. guess there is a smarter way to accomplish the same functionallity
+        if (observedIdPath.length === 0) {
+            setObservedIdPath([matrix?.applicationsFolder]);
+        }
+
+        // check if the user reselected one of the levels beforehand and get rid of the elements in between. this behavior happens for example if the user already selected and item in an application and then wanted to switch the application
+        if (observedIdPath.length >= 2) {
+            const cachedData = servicesCache.find(({ roomId }) => roomId === observedIdPath[observedIdPath.length-2]);
+            if (cachedData) {
+                if (!cachedData?.children?.some(({ roomId }) => roomId === observedIdPath[observedIdPath.length-1])) {
+                    // @TODO: if there are multiple folders inside a application folder some code has to be added here. but as this is not the case -> something for later :)
+                } else {
+                    // I guess nothing todo here (hopefully)
+                }
+            } else {
+                //cache not found lets proceed
+                const currentServiceIndex = tempraryServicesCache.findIndex(({ roomId }) => roomId === observedIdPath[observedIdPath.length-1]);
+
+                //return;
+
+                if (!currentServiceIndex) return;
+                const parentServiceIndex = tempraryServicesCache.findIndex((d) => d?.children.some(({ roomId }) => roomId === tempraryServicesCache[currentServiceIndex].roomId));
+
+                if (parentServiceIndex === null || parentServiceIndex === undefined) return;
+
+                const parentPathIndex = observedIdPath.findIndex((d) => d === tempraryServicesCache[parentServiceIndex].roomId);
+                const currentPathIndex = observedIdPath.findIndex((d) => d === tempraryServicesCache[currentServiceIndex].roomId);
+
+                const renewedServicesCache = (parentServiceIndex === 0 ? [servicesCache[parentServiceIndex]] : servicesCache.splice(0, parentServiceIndex)).concat(currentServiceIndex === servicesCache.length-1 ? [servicesCache[tempraryServicesCache.length-1]] : servicesCache.splice(currentServiceIndex, servicesCache.length)); // cuting off all of the array entries in between (wow such a long call)
+                setServicesCache(renewedServicesCache);
+
+                const renewedPath =(parentPathIndex === 0 ? [observedIdPath[parentPathIndex]] : observedIdPath.splice(0, parentPathIndex)).concat(currentPathIndex === observedIdPath.length-1 ? [observedIdPath[observedIdPath.length-1]] : observedIdPath.splice(currentPathIndex, observedIdPath.length));
+                setObservedIdPath(renewedPath); // cuting off all of the array entries in between (wow such a long call)
+            }
+        }
+    }, [observedIdPath, matrix, servicesCache, setServicesCache]);
+
+    const executeAddItemToContext = async (itemId, parentId, parentName) => {
+        cleanUp();
+
+        const call = await matrixAuthed.addSpaceChild(parentId, itemId);
+        if (call?.event_id) {
+            // call worked as expected Dialog can be closed.
+            cleanUp();
+        } else {
+            setErrorMessage('matrix server refused to add '+itemId+' as a child to '+parentId);
+        }
+    };
+
+    // resetting all states back to start for a fresh new interaction.
+    const cleanUp = () => {
+        setErrorMessage(undefined);
+        setServicesCache([{ roomId: matrix?.applicationsFolder, name: 'Applications', children: _.map(matrix.serviceSpaces, (serviceId, serviceName) => {return { name: serviceName, roomId: serviceId };}) }]);
+        setObservedIdPath([]);
+        setAddable(false);
+    };
+
+    return (
+        <AddExistingItemDialog>
+            { observedIdPath.map((id) => { // loop trough all of the selected Levels
+                const level = <SingleLevel level={servicesCache.find(({ roomId }) => roomId === id)} setObservedIdPath={setObservedIdPath} setAddable={setAddable} />;
+
+                return level;
+            })
+            }
+            { addable &&
+            <button onClick={e => executeAddItemToContext(observedIdPath[observedIdPath.length-1], parentId, parentName)}>{ t('add') }</button> }
+            { errorMessage && <pre>‼️ { errorMessage }</pre> }
+        </AddExistingItemDialog>
+    );
+};
+
+export default AddExistingItem;

From 9be4dfe816e26fd4b6f0bf515b43c194135332f1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Robert=20Schn=C3=BCll?= <mail@robertschnuell.de>
Date: Wed, 26 Jul 2023 16:45:00 +0200
Subject: [PATCH 157/714] adding to Actions Sidemenu

---
 pages/explore/AddExistingItem.js      | 6 +++---
 pages/explore/ManageContextActions.js | 5 +++++
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/pages/explore/AddExistingItem.js b/pages/explore/AddExistingItem.js
index b0666515..a2fd76f7 100644
--- a/pages/explore/AddExistingItem.js
+++ b/pages/explore/AddExistingItem.js
@@ -1,10 +1,10 @@
-import React, { useCallback, useEffect, useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import styled from 'styled-components';
 import _ from 'lodash';
 import { useTranslation } from 'react-i18next';
 
-import { useAuth } from '../../../lib/Auth';
-import { useMatrix } from '../../../lib/Matrix';
+import { useAuth } from '../../lib/Auth';
+import { useMatrix } from '../../lib/Matrix';
 
 const AddExistingItemDialog = styled.div`
   & > * + * {
diff --git a/pages/explore/ManageContextActions.js b/pages/explore/ManageContextActions.js
index d242e692..3c9fb4cf 100644
--- a/pages/explore/ManageContextActions.js
+++ b/pages/explore/ManageContextActions.js
@@ -3,6 +3,7 @@ import styled from 'styled-components';
 import { t } from 'i18next';
 
 import CreateContext from './CreateContext';
+import AddExistingItem from './AddExistingItem';
 // import AddExistingContext from './AddExistingContext';
 
 const ManageContextActionsWrapper = styled.div`
@@ -16,6 +17,10 @@ const ManageContextActions = ({ userInfos, parentId, currentId, currentName, set
             <summary>{ t('create new substructure') }</summary>
             <CreateContext currentId={currentId} parentId={parentId} userInfos={userInfos} />
         </details>
+        <details>
+            <summary>{ t('add existing item') }</summary>
+            <AddExistingItem parentId={currentId} parentName="bing" />
+        </details>
 
         { /* <details>
                 <summary>{ t('add existing context') }</summary>

From 65286c03dafad78590b8155f7a58137490d6f4ee Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Robert=20Schn=C3=BCll?= <mail@robertschnuell.de>
Date: Wed, 26 Jul 2023 16:48:22 +0200
Subject: [PATCH 158/714] changing naming from parent to current

---
 pages/explore/AddExistingItem.js | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/pages/explore/AddExistingItem.js b/pages/explore/AddExistingItem.js
index a2fd76f7..1274464c 100644
--- a/pages/explore/AddExistingItem.js
+++ b/pages/explore/AddExistingItem.js
@@ -51,15 +51,14 @@ const SingleLevel = ({ level, setObservedIdPath, setAddable }) => {
  * 'ADD EXISTING ITEM' COMPONENT
  * ------------------
  *
- * @param {String} parentId — id of the current observed explore room
- * @param {String} parentName — name of the currently observed expore room. is just needed for error log
+ * @param {String} currentId — id of the current observed explore room
  *
  * @TODO
  *  - some functions regarding spaces of spaces in the application folders needs to be implemented in the future. But as this is not a featureset of our current stack for now it could not be tested fully.
  *
 */
 
-const AddExistingItem = ({ parentId, parentName }) => {
+const AddExistingItem = ({ currentId }) => {
     const auth = useAuth();
     const matrix = useMatrix(auth.getAuthenticationProvider('matrix'));
     const matrixAuthed = auth.getAuthenticationProvider('matrix');
@@ -134,15 +133,15 @@ const AddExistingItem = ({ parentId, parentName }) => {
         }
     }, [observedIdPath, matrix, servicesCache, setServicesCache]);
 
-    const executeAddItemToContext = async (itemId, parentId, parentName) => {
+    const executeAddItemToContext = async (itemId, currentId) => {
         cleanUp();
 
-        const call = await matrixAuthed.addSpaceChild(parentId, itemId);
+        const call = await matrixAuthed.addSpaceChild(currentId, itemId);
         if (call?.event_id) {
             // call worked as expected Dialog can be closed.
             cleanUp();
         } else {
-            setErrorMessage('matrix server refused to add '+itemId+' as a child to '+parentId);
+            setErrorMessage('matrix server refused to add '+itemId+' as a child to '+currentId);
         }
     };
 
@@ -163,7 +162,7 @@ const AddExistingItem = ({ parentId, parentName }) => {
             })
             }
             { addable &&
-            <button onClick={e => executeAddItemToContext(observedIdPath[observedIdPath.length-1], parentId, parentName)}>{ t('add') }</button> }
+            <button onClick={e => executeAddItemToContext(observedIdPath[observedIdPath.length-1], currentId)}>{ t('add') }</button> }
             { errorMessage && <pre>‼️ { errorMessage }</pre> }
         </AddExistingItemDialog>
     );

From ce5abef6c339c7c3713d596f136c5fff5876bd15 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Robert=20Schn=C3=BCll?= <mail@robertschnuell.de>
Date: Wed, 26 Jul 2023 16:48:43 +0200
Subject: [PATCH 159/714] pushed to early

---
 pages/explore/ManageContextActions.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/explore/ManageContextActions.js b/pages/explore/ManageContextActions.js
index 3c9fb4cf..50541f88 100644
--- a/pages/explore/ManageContextActions.js
+++ b/pages/explore/ManageContextActions.js
@@ -19,7 +19,7 @@ const ManageContextActions = ({ userInfos, parentId, currentId, currentName, set
         </details>
         <details>
             <summary>{ t('add existing item') }</summary>
-            <AddExistingItem parentId={currentId} parentName="bing" />
+            <AddExistingItem currentId={currentId} />
         </details>
 
         { /* <details>

From e748849e3b8c49f5f7b36990d8106b49140935b7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Robert=20Schn=C3=BCll?= <mail@robertschnuell.de>
Date: Wed, 26 Jul 2023 17:07:48 +0200
Subject: [PATCH 160/714] =?UTF-8?q?starting=20to=20cleaning=20up=20console?=
 =?UTF-8?q?=20warnings=E2=80=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

as marcel is kind of picky... (it is called warning not error...)
---
 pages/explore/AddExistingItem.js | 24 ++++--------------------
 1 file changed, 4 insertions(+), 20 deletions(-)

diff --git a/pages/explore/AddExistingItem.js b/pages/explore/AddExistingItem.js
index 1274464c..b8db21ea 100644
--- a/pages/explore/AddExistingItem.js
+++ b/pages/explore/AddExistingItem.js
@@ -6,20 +6,6 @@ import { useTranslation } from 'react-i18next';
 import { useAuth } from '../../lib/Auth';
 import { useMatrix } from '../../lib/Matrix';
 
-const AddExistingItemDialog = styled.div`
-  & > * + * {
-    margin-top: var(--margin);
-  }
-
-  & > select + select {
-    margin-top: calc(var(--margin) * 0.65);
-  }
-
-  & span {
-    background-color: var(--color-me);
-  }
-`;
-
 const SingleLevel = ({ level, setObservedIdPath, setAddable }) => {
     const { t } = useTranslation('explore');
 
@@ -36,7 +22,7 @@ const SingleLevel = ({ level, setObservedIdPath, setAddable }) => {
                     }
                 </option>
                 { level?.children && Object.entries(level?.children).map(([key, entry]) => (
-                    <option key={key} value={entry?.roomId}>
+                    <option key={entry?.roomId+' '+key} value={entry?.roomId}>
                         { entry?.name }
                     </option>
                 )) }
@@ -154,17 +140,15 @@ const AddExistingItem = ({ currentId }) => {
     };
 
     return (
-        <AddExistingItemDialog>
+        <>
             { observedIdPath.map((id) => { // loop trough all of the selected Levels
-                const level = <SingleLevel level={servicesCache.find(({ roomId }) => roomId === id)} setObservedIdPath={setObservedIdPath} setAddable={setAddable} />;
-
-                return level;
+                return <SingleLevel key={id} level={servicesCache.find(({ roomId }) => roomId === id)} setObservedIdPath={setObservedIdPath} setAddable={setAddable} />;
             })
             }
             { addable &&
             <button onClick={e => executeAddItemToContext(observedIdPath[observedIdPath.length-1], currentId)}>{ t('add') }</button> }
             { errorMessage && <pre>‼️ { errorMessage }</pre> }
-        </AddExistingItemDialog>
+        </>
     );
 };
 

From 819d09396492756bdf50b9af1e35e71ddaa17499 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Robert=20Schn=C3=BCll?= <mail@robertschnuell.de>
Date: Wed, 26 Jul 2023 17:12:06 +0200
Subject: [PATCH 161/714] adding defaultValue  instead of selected

---
 pages/explore/AddExistingItem.js | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/pages/explore/AddExistingItem.js b/pages/explore/AddExistingItem.js
index b8db21ea..5aac4af2 100644
--- a/pages/explore/AddExistingItem.js
+++ b/pages/explore/AddExistingItem.js
@@ -12,10 +12,11 @@ const SingleLevel = ({ level, setObservedIdPath, setAddable }) => {
     return (
         <>
             { level &&
-            <select onChange={(e) => {
-                setObservedIdPath(current => [...current, e?.target?.value]);
-            }}>
-                <option selected="true" disabled="disabled">
+            <select defaultValue="default"
+                onChange={(e) => {
+                    setObservedIdPath(current => [...current, e?.target?.value]);
+                }}>
+                <option value="default" disabled="disabled">
                    -----{ t('select from') + ' '+ level?.name } -----
                     {
                         //adding name as default not selectable option. Needs to be checked if this type of structure makes  sense in each translation

From 7262aa1148f90f3d9805370029e8474b2c0d6ebf Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 26 Jul 2023 17:25:18 +0200
Subject: [PATCH 162/714] improve render logic and remove `table` from explore
 actions

---
 pages/explore/[[...roomId]].js | 31 +++++++++++--------------------
 1 file changed, 11 insertions(+), 20 deletions(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 05701923..d60c4211 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -150,16 +150,13 @@ export default function Explore() {
                         isCurrentUserModerator={isCurrentUserModerator}
                         setManageContextActionToggle={setManageContextActionToggle}
                     />
-                    <ServiceTable>
-                        { manageContextActionToggle &&
-                            <ExploreMatrixActions
-                                isCurrentUserModerator={isCurrentUserModerator}
-                                currentId={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].room_id}
-                                parentId={selectedSpaceChildren[selectedSpaceChildren.length - 2]?.[0].room_id}
-                            /> }
-
-                        { !manageContextActionToggle &&
-                            selectedSpaceChildren[selectedSpaceChildren.length - 1]
+                    { manageContextActionToggle ?
+                        <ExploreMatrixActions
+                            isCurrentUserModerator={isCurrentUserModerator}
+                            currentId={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].room_id}
+                            parentId={selectedSpaceChildren[selectedSpaceChildren.length - 2]?.[0].room_id}
+                        /> : <ServiceTable>
+                            { selectedSpaceChildren[selectedSpaceChildren.length - 1]
                                 .sort(function(a, b) {
                                     if (a.type === 'item' && b.type !== 'item') {
                                         return -1; // a comes before b
@@ -172,7 +169,7 @@ export default function Explore() {
                                 .map((leaf, index) => {
                                     if (leaf.length <= 1) {
                                         return <ErrorMessage key="error-message">
-                                            Thank You { auth.user.displayname }! But Our Item Is In Another Context! 🍄
+                                                        Thank You { auth.user.displayname }! But Our Item Is In Another Context! 🍄
                                         </ErrorMessage>;
                                     }
                                     if (index === 0) return null;
@@ -186,15 +183,9 @@ export default function Explore() {
                                         iframeRoomId={iframeRoomId}
                                         isFetchingContent={isFetchingContent}
                                     />;
-                                })
-                        }
-                    </ServiceTable>
-
-                    { /* <Actions
-                    currentId={activePath[activePath.length - 1]}
-                    parentId={activePath?.length >= 2 ? activePath[activePath.length - 2] : undefined}
-                    // popActiveContexts={() => setActivePath(prevState => prevState.pop())}
-                /> */ }
+                                }) }
+                        </ServiceTable>
+                    }
                 </>
                 }
             </IframeLayout.IframeWrapper> }

From a1555bab3ea298b79cbcf1c48c5bc3b63290e0ab Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 26 Jul 2023 17:26:17 +0200
Subject: [PATCH 163/714] remove unnessecary styled component

---
 pages/explore/ManageContextActions.js | 10 ++--------
 1 file changed, 2 insertions(+), 8 deletions(-)

diff --git a/pages/explore/ManageContextActions.js b/pages/explore/ManageContextActions.js
index d242e692..45fe5627 100644
--- a/pages/explore/ManageContextActions.js
+++ b/pages/explore/ManageContextActions.js
@@ -1,16 +1,10 @@
 import React from 'react';
-import styled from 'styled-components';
 import { t } from 'i18next';
 
 import CreateContext from './CreateContext';
-// import AddExistingContext from './AddExistingContext';
 
-const ManageContextActionsWrapper = styled.div`
-  width: 100%;
-  height: 100%;
-`;
 const ManageContextActions = ({ userInfos, parentId, currentId, currentName, setShowActions }) => {
-    return <ManageContextActionsWrapper>
+    return <>
         <h2>{ t('Manage contexts and items within ') }{ currentName }</h2>
         <details>
             <summary>{ t('create new substructure') }</summary>
@@ -26,7 +20,7 @@ const ManageContextActions = ({ userInfos, parentId, currentId, currentName, set
                 <summary>{ t('add existing item from application') }</summary>
             </details> */ }
 
-    </ManageContextActionsWrapper>;
+    </>;
 };
 
 export default ManageContextActions;

From 83c926f6ef2e54e91be2927c1cdd915797220605 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 26 Jul 2023 17:26:33 +0200
Subject: [PATCH 164/714] refactor styling

---
 pages/explore/ExploreMatrixActions.js | 26 ++++++++++----------------
 1 file changed, 10 insertions(+), 16 deletions(-)

diff --git a/pages/explore/ExploreMatrixActions.js b/pages/explore/ExploreMatrixActions.js
index 73561946..daecf1e8 100644
--- a/pages/explore/ExploreMatrixActions.js
+++ b/pages/explore/ExploreMatrixActions.js
@@ -4,16 +4,6 @@ import styled from 'styled-components';
 import { useAuth } from '../../lib/Auth';
 import ManageContextActions from './ManageContextActions';
 
-const ActionsSection = styled.div`
-  height: 100%;
-`;
-
-const MenuSection = styled.div`
-  & {
-    margin-bottom: var(--margin);
-  }
-`;
-
 /**
  * ACTIONS COMPONENT
  * ------------------
@@ -26,6 +16,13 @@ const MenuSection = styled.div`
  * - changing all hardcoded mod rights (50) in all files related to the 'action' component to dynamicly ones. so that it will check what the powerlevel for the intended event to send needs to be, based on the indidual specific room criterial.
 */
 
+const ExploreMatrixActionWrapper = styled.div`
+  width: 100%;
+  max-height: 100%;
+  overflow-y: auto;
+  border-collapse: collapse;
+`;
+
 const ExploreMatrixActions = ({ currentId, parentId, isCurrentUserModerator, popActiveContexts }) => {
     /**
     * MATRIX
@@ -126,17 +123,14 @@ const ExploreMatrixActions = ({ currentId, parentId, isCurrentUserModerator, pop
     */
 
     return (
-        <ActionsSection>
-            <MenuSection>
-                { isCurrentUserModerator &&
+        <ExploreMatrixActionWrapper>
+            { isCurrentUserModerator &&
                 <ManageContextActions
                     currentId={currentId}
                     parentId={parentId}
                     currentName={roomName}
                 /> }
-            </MenuSection>
-
-        </ActionsSection>
+        </ExploreMatrixActionWrapper>
     );
 };
 

From 62b0dfd6b9d06480d6bb241f88b1e19220be005d Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 27 Jul 2023 11:45:54 +0200
Subject: [PATCH 165/714] start adding if condition to check spaces cache first

---
 components/ContextMultiLevelSelect.js | 73 ++++++++++++++++++---------
 1 file changed, 49 insertions(+), 24 deletions(-)

diff --git a/components/ContextMultiLevelSelect.js b/components/ContextMultiLevelSelect.js
index 65789e36..43810cc9 100644
--- a/components/ContextMultiLevelSelect.js
+++ b/components/ContextMultiLevelSelect.js
@@ -1,15 +1,18 @@
 import React, { useCallback, useEffect, useState } from 'react';
 import _ from 'lodash';
+import { useTranslation } from 'react-i18next';
 
 import { useAuth } from '../lib/Auth';
+import { useMatrix } from '../lib/Matrix';
 
 const ContextMultiLevelSelectSingleLevel = ({ parentSpaceRoomId, selectedContextRoomId, onSelect, onFetchedChildren, templatePlaceholderMapping, templatePrefixFilter, sortAlphabetically, showTopics }) => {
     const auth = useAuth();
-    const matrix = auth.getAuthenticationProvider('matrix');
-    const matrixClient = matrix.getMatrixClient();
+    const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
+    const matrix = useMatrix(auth.getAuthenticationProvider('matrix'));
     const [isLoading, setIsLoading] = useState(true);
     const [parentSpaceMetaEvent, setParentSpaceMetaEvent] = useState();
     const [childContexts, setChildContexts] = useState();
+    const { t } = useTranslation();
 
     useEffect(() => {
         let isSubscribed = true;
@@ -23,31 +26,51 @@ const ContextMultiLevelSelectSingleLevel = ({ parentSpaceRoomId, selectedContext
         // Fetch all child contexts
         const fetchChildContexts = async () => {
             let newChildContexts = [];
-            let roomHierarchy = await matrixClient.getRoomHierarchy(parentSpaceRoomId, undefined, 1)
-                .catch(/** @param {MatrixError} error */(error) => {
-                    // We only want to ignore the "M_FORBIDDEN" error, which means that our user does not have access to a certain space.
-                    // In every other case this is really an unexpected error and we want to throw.
-                    if (error.errcode !== 'M_FORBIDDEN') throw error;
-                });
-            if (!roomHierarchy) roomHierarchy = { rooms: [] };
-
-            // Remove the first entry, which is the context we retrieved the children for
-            roomHierarchy.rooms.shift();
-            // Ensure we're looking at contexts, and not spaces/rooms of other types
-            for (const room of roomHierarchy.rooms) {
-                const metaEvent = await matrixClient.getStateEvent(room.room_id, 'dev.medienhaus.meta').catch(() => {});
-                // If this space/room does not have a meta event we do not care about it
-                if (!metaEvent) continue;
-                // If this is not a context, ignore this space child
-                if (metaEvent && metaEvent.type !== 'context') continue;
-                // If we only want to show specific contexts, ignore this space child if its template doesn't have the given prefix
-                if (templatePrefixFilter && metaEvent && !_.startsWith(metaEvent.template, templatePrefixFilter)) continue;
-                // ... otherwise show this space child:
-                newChildContexts.push(room);
+
+            const spaceCache = await matrix.spaces.get(parentSpaceRoomId);
+            console.log(parentSpaceRoomId);
+            if (spaceCache) {
+                setParentSpaceMetaEvent(spaceCache.meta);
+                for (const room of spaceCache.children) {
+                    console.log(room);
+                    const roomObject = matrix.spaces.get(room) || matrix.rooms.get(room);
+                    console.log(roomObject);
+                    roomObject.room_id = roomObject.roomId;
+                    // // If this is not a context, ignore this space child
+                    // // if (metaEvent && metaEvent.type !== 'context') continue;
+                    // // If we only want to show specific contexts, ignore this space child if its template doesn't have the given prefix
+                    if (templatePrefixFilter &&roomObject.meta && !_.startsWith(roomObject.meta.template, templatePrefixFilter)) continue;
+                    // // ... otherwise show this space child:
+                    newChildContexts.push(roomObject);
+                }
+            } else {
+                let roomHierarchy = await matrixClient.getRoomHierarchy(parentSpaceRoomId, undefined, 1)
+                    .catch(/** @param {MatrixError} error */(error) => {
+                        // We only want to ignore the "M_FORBIDDEN" error, which means that our user does not have access to a certain space.
+                        // In every other case this is really an unexpected error and we want to throw.
+                        if (error.errcode !== 'M_FORBIDDEN') throw error;
+                    });
+                if (!roomHierarchy) roomHierarchy = { rooms: [] };
+
+                // Remove the first entry, which is the context we retrieved the children for
+                roomHierarchy.rooms.shift();
+                // Ensure we're looking at contexts, and not spaces/rooms of other types
+                for (const room of roomHierarchy.rooms) {
+                    const metaEvent = await matrixClient.getStateEvent(room.room_id, 'dev.medienhaus.meta').catch(() => { });
+                    // If this space/room does not have a meta event we do not care about it
+                    if (!metaEvent) continue;
+                    // If this is not a context, ignore this space child
+                    // if (metaEvent && metaEvent.type !== 'context') continue;
+                    // If we only want to show specific contexts, ignore this space child if its template doesn't have the given prefix
+                    if (templatePrefixFilter && metaEvent && !_.startsWith(metaEvent.template, templatePrefixFilter)) continue;
+                    // ... otherwise show this space child:
+                    newChildContexts.push(room);
+                }
             }
             if (sortAlphabetically) {
                 newChildContexts = _.sortBy(newChildContexts, 'name');
             }
+
             if (!isSubscribed) return;
             onFetchedChildren(newChildContexts.length > 0);
             setChildContexts(newChildContexts);
@@ -69,6 +92,7 @@ const ContextMultiLevelSelectSingleLevel = ({ parentSpaceRoomId, selectedContext
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [matrixClient, parentSpaceRoomId, sortAlphabetically, templatePlaceholderMapping, templatePrefixFilter]);
 
+    useEffect(() => console.log(childContexts), [childContexts]);
     if (isLoading) {
         return <select key="loading" disabled><option>loading...</option></select>;
     }
@@ -89,7 +113,7 @@ const ContextMultiLevelSelectSingleLevel = ({ parentSpaceRoomId, selectedContext
                 // If we have a template-specific placeholder, show that...
                     ? <option disabled value="">{ templatePlaceholderMapping[parentSpaceMetaEvent.template] }</option>
                 // ... otherwise just show an empty placeholder
-                    : <option disabled value="" />
+                    : <option disabled value="">-- { t('select {{option}}', { option: parentSpaceMetaEvent?.type }) } --</option>
                 )
             }
             { Object.entries(childContexts).map(([key, room]) => (
@@ -118,6 +142,7 @@ const ContextMultiLevelSelectSingleLevel = ({ parentSpaceRoomId, selectedContext
 const ContextMultiLevelSelect = ({ activeContexts, onChange, showTopics, sortAlphabetically, templatePlaceholderMapping, templatePrefixFilter }) => {
     const onSelect = useCallback((parentContextRoomId, selectedChildContextRoomId) => {
         const newActiveContexts = [...activeContexts.splice(0, activeContexts.findIndex((contextRoomId) => contextRoomId === parentContextRoomId) + 1)];
+
         if (selectedChildContextRoomId) newActiveContexts.push(selectedChildContextRoomId);
         onChange(newActiveContexts, undefined);
     }, [activeContexts, onChange]);

From 5f0148c9eceabe19d5e77f76e53d32031f8e4223 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 27 Jul 2023 11:46:06 +0200
Subject: [PATCH 166/714] export to own component

---
 pages/explore/SingleLevel.js | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)
 create mode 100644 pages/explore/SingleLevel.js

diff --git a/pages/explore/SingleLevel.js b/pages/explore/SingleLevel.js
new file mode 100644
index 00000000..9549420d
--- /dev/null
+++ b/pages/explore/SingleLevel.js
@@ -0,0 +1,30 @@
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+
+const SingleLevel = ({ level, setObservedIdPath, setAddable }) => {
+    const { t } = useTranslation('explore');
+
+    return (
+        <>
+            { level &&
+            <select onChange={(e) => {
+                setObservedIdPath(current => [...current, e?.target?.value]);
+            }}>
+                <option selected="true" disabled="disabled">
+                   -----{ t('select from') + ' '+ level?.name } -----
+                    {
+                        //adding name as default not selectable option. Needs to be checked if this type of structure makes  sense in each translation
+                    }
+                </option>
+                { level?.children && Object.entries(level?.children).map(([key, entry]) => (
+                    <option key={key} value={entry?.roomId}>
+                        { entry?.name }
+                    </option>
+                )) }
+            </select>
+            }
+            { level ? setAddable(false) : setAddable(true) }
+        </>
+    );
+};
+export default SingleLevel;

From 1d3e7eefc0916a381964aa43a5c06b4d1cfad628 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 27 Jul 2023 11:46:27 +0200
Subject: [PATCH 167/714] add translation for select

---
 public/locales/de/_defaults.json | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/public/locales/de/_defaults.json b/public/locales/de/_defaults.json
index 529dfe60..4d74db12 100644
--- a/public/locales/de/_defaults.json
+++ b/public/locales/de/_defaults.json
@@ -2,5 +2,6 @@
     "Password": "Passwort",
     "Select action": "Aktion wählen",
     "What would you like to do?": "Was möchtest Du tun?",
-    "{{error}}, please wait {{time}} seconds.": "{{error}}, bitte warte {{time}} sekunden."
+    "{{error}}, please wait {{time}} seconds.": "{{error}}, bitte warte {{time}} sekunden.",
+    "select {{option}}": "{{option}} wählen"
 }
\ No newline at end of file

From f4ef0e6b6750b4fe2542e01dda548a84daa7046a Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 27 Jul 2023 11:49:28 +0200
Subject: [PATCH 168/714] remove unused code

---
 pages/explore/AddExistingItem.js | 148 ++++++-------------------------
 1 file changed, 26 insertions(+), 122 deletions(-)

diff --git a/pages/explore/AddExistingItem.js b/pages/explore/AddExistingItem.js
index 5aac4af2..a8da3cbb 100644
--- a/pages/explore/AddExistingItem.js
+++ b/pages/explore/AddExistingItem.js
@@ -5,34 +5,22 @@ import { useTranslation } from 'react-i18next';
 
 import { useAuth } from '../../lib/Auth';
 import { useMatrix } from '../../lib/Matrix';
+import SingleLevel from './SingleLevel';
+import ContextMultiLevelSelect from '../../components/ContextMultiLevelSelect';
 
-const SingleLevel = ({ level, setObservedIdPath, setAddable }) => {
-    const { t } = useTranslation('explore');
+const AddExistingItemDialog = styled.div`
+  & > * + * {
+    margin-top: var(--margin);
+  }
 
-    return (
-        <>
-            { level &&
-            <select defaultValue="default"
-                onChange={(e) => {
-                    setObservedIdPath(current => [...current, e?.target?.value]);
-                }}>
-                <option value="default" disabled="disabled">
-                   -----{ t('select from') + ' '+ level?.name } -----
-                    {
-                        //adding name as default not selectable option. Needs to be checked if this type of structure makes  sense in each translation
-                    }
-                </option>
-                { level?.children && Object.entries(level?.children).map(([key, entry]) => (
-                    <option key={entry?.roomId+' '+key} value={entry?.roomId}>
-                        { entry?.name }
-                    </option>
-                )) }
-            </select>
-            }
-            { level ? setAddable(false) : setAddable(true) }
-        </>
-    );
-};
+  & > select + select {
+    margin-top: calc(var(--margin) * 0.65);
+  }
+
+  & span {
+    background-color: var(--color-me);
+  }
+`;
 
 /**
  * 'ADD EXISTING ITEM' COMPONENT
@@ -49,107 +37,23 @@ const AddExistingItem = ({ currentId }) => {
     const auth = useAuth();
     const matrix = useMatrix(auth.getAuthenticationProvider('matrix'));
     const matrixAuthed = auth.getAuthenticationProvider('matrix');
-    const { t } = useTranslation('explore');
-
-    const [servicesCache, setServicesCache] = useState([{ roomId: matrix?.applicationsFolder, name: 'Applications', children: _.map(matrix.serviceSpaces, (serviceId, serviceName) => {return { name: serviceName, roomId: serviceId };}) }]); //prefill the Cache with some data of the first level
-    const [observedIdPath, setObservedIdPath] = useState([matrix?.applicationsFolder]);
-
-    const [addable, setAddable] = useState(false);
-    const [errorMessage, setErrorMessage] = useState();
-
-    useEffect(() => {
-        let tempraryServicesCache = servicesCache; // this one is needed as the state of serviceCache is not updated already and this is needed later on in this effect.
-
-        const updateServicesCache = (renewedIdPath, renewedServicesCache) => {
-            const cache = renewedServicesCache ? renewedServicesCache : servicesCache;
-            const path = renewedIdPath ? renewedIdPath : observedIdPath;
-
-            // get new RoomData from Matrix Provider
-            if (!cache.find(({ roomId }) => roomId === path[path.length-1])) { // search if Data for current selected Room is already in Cache
-                const newData = matrix?.spaces.get(path[path.length-1]);
-                if (newData && newData.children) { //if a spaceId was found proceed with getting more data for the coresponding children
-                    newData.children = newData?.children.map(child => {
-                        if (typeof(child) === 'object') return child;
-
-                        return matrix?.spaces.get(child) ? matrix?.spaces.get(child) : matrix?.rooms.get(child);
-                    });
-                    setServicesCache([...cache, newData]); // adding all up to the cache
-
-                    return [...cache, newData];
-                }
-            }
-        };
+    const serviceSpaces = matrix.serviceSpaces;
+    const applicationsFolder = matrix.applicationsFolder;
 
-        // get new RoomData from Matrix Provider
-        tempraryServicesCache = updateServicesCache();
-
-        // only nessesary to reset the selected root Level after adding. kind of waste of ressources. guess there is a smarter way to accomplish the same functionallity
-        if (observedIdPath.length === 0) {
-            setObservedIdPath([matrix?.applicationsFolder]);
-        }
-
-        // check if the user reselected one of the levels beforehand and get rid of the elements in between. this behavior happens for example if the user already selected and item in an application and then wanted to switch the application
-        if (observedIdPath.length >= 2) {
-            const cachedData = servicesCache.find(({ roomId }) => roomId === observedIdPath[observedIdPath.length-2]);
-            if (cachedData) {
-                if (!cachedData?.children?.some(({ roomId }) => roomId === observedIdPath[observedIdPath.length-1])) {
-                    // @TODO: if there are multiple folders inside a application folder some code has to be added here. but as this is not the case -> something for later :)
-                } else {
-                    // I guess nothing todo here (hopefully)
-                }
-            } else {
-                //cache not found lets proceed
-                const currentServiceIndex = tempraryServicesCache.findIndex(({ roomId }) => roomId === observedIdPath[observedIdPath.length-1]);
-
-                //return;
-
-                if (!currentServiceIndex) return;
-                const parentServiceIndex = tempraryServicesCache.findIndex((d) => d?.children.some(({ roomId }) => roomId === tempraryServicesCache[currentServiceIndex].roomId));
-
-                if (parentServiceIndex === null || parentServiceIndex === undefined) return;
-
-                const parentPathIndex = observedIdPath.findIndex((d) => d === tempraryServicesCache[parentServiceIndex].roomId);
-                const currentPathIndex = observedIdPath.findIndex((d) => d === tempraryServicesCache[currentServiceIndex].roomId);
-
-                const renewedServicesCache = (parentServiceIndex === 0 ? [servicesCache[parentServiceIndex]] : servicesCache.splice(0, parentServiceIndex)).concat(currentServiceIndex === servicesCache.length-1 ? [servicesCache[tempraryServicesCache.length-1]] : servicesCache.splice(currentServiceIndex, servicesCache.length)); // cuting off all of the array entries in between (wow such a long call)
-                setServicesCache(renewedServicesCache);
-
-                const renewedPath =(parentPathIndex === 0 ? [observedIdPath[parentPathIndex]] : observedIdPath.splice(0, parentPathIndex)).concat(currentPathIndex === observedIdPath.length-1 ? [observedIdPath[observedIdPath.length-1]] : observedIdPath.splice(currentPathIndex, observedIdPath.length));
-                setObservedIdPath(renewedPath); // cuting off all of the array entries in between (wow such a long call)
-            }
-        }
-    }, [observedIdPath, matrix, servicesCache, setServicesCache]);
-
-    const executeAddItemToContext = async (itemId, currentId) => {
-        cleanUp();
-
-        const call = await matrixAuthed.addSpaceChild(currentId, itemId);
-        if (call?.event_id) {
-            // call worked as expected Dialog can be closed.
-            cleanUp();
-        } else {
-            setErrorMessage('matrix server refused to add '+itemId+' as a child to '+currentId);
-        }
-    };
+    const { t } = useTranslation('explore');
 
-    // resetting all states back to start for a fresh new interaction.
-    const cleanUp = () => {
-        setErrorMessage(undefined);
-        setServicesCache([{ roomId: matrix?.applicationsFolder, name: 'Applications', children: _.map(matrix.serviceSpaces, (serviceId, serviceName) => {return { name: serviceName, roomId: serviceId };}) }]);
-        setObservedIdPath([]);
-        setAddable(false);
-    };
+    const [activeContexts, setActiveContexts] = useState([applicationsFolder]);
 
     return (
-        <>
-            { observedIdPath.map((id) => { // loop trough all of the selected Levels
-                return <SingleLevel key={id} level={servicesCache.find(({ roomId }) => roomId === id)} setObservedIdPath={setObservedIdPath} setAddable={setAddable} />;
+        <AddExistingItemDialog>
+
+            { /* { observedIdPath.map((id) => { // loop trough all of the selected Levels
+                return <SingleLevel level={servicesCache.find(({ roomId }) => roomId === id)} setObservedIdPath={setObservedIdPath} setAddable={setAddable} />;
             })
-            }
-            { addable &&
-            <button onClick={e => executeAddItemToContext(observedIdPath[observedIdPath.length-1], currentId)}>{ t('add') }</button> }
-            { errorMessage && <pre>‼️ { errorMessage }</pre> }
-        </>
+            } */ }
+            <ContextMultiLevelSelect onChange={setActiveContexts} activeContexts={activeContexts} />
+
+        </AddExistingItemDialog>
     );
 };
 

From 48244d7eb8ece9e653f1892ba3c24dd570b543fb Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 27 Jul 2023 11:50:04 +0200
Subject: [PATCH 169/714] small change

---
 pages/explore/AddExistingItem.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/pages/explore/AddExistingItem.js b/pages/explore/AddExistingItem.js
index a8da3cbb..3228a403 100644
--- a/pages/explore/AddExistingItem.js
+++ b/pages/explore/AddExistingItem.js
@@ -5,7 +5,6 @@ import { useTranslation } from 'react-i18next';
 
 import { useAuth } from '../../lib/Auth';
 import { useMatrix } from '../../lib/Matrix';
-import SingleLevel from './SingleLevel';
 import ContextMultiLevelSelect from '../../components/ContextMultiLevelSelect';
 
 const AddExistingItemDialog = styled.div`

From d620dd380f9a09a03ea553fe56893643d267ad7c Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 27 Jul 2023 13:44:59 +0200
Subject: [PATCH 170/714] show loading spiner until name is fetched

---
 pages/explore/ExploreMatrixActions.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/pages/explore/ExploreMatrixActions.js b/pages/explore/ExploreMatrixActions.js
index daecf1e8..2b4a1365 100644
--- a/pages/explore/ExploreMatrixActions.js
+++ b/pages/explore/ExploreMatrixActions.js
@@ -3,6 +3,7 @@ import styled from 'styled-components';
 
 import { useAuth } from '../../lib/Auth';
 import ManageContextActions from './ManageContextActions';
+import LoadingSpinner from '../../components/UI/LoadingSpinner';
 
 /**
  * ACTIONS COMPONENT
@@ -121,6 +122,7 @@ const ExploreMatrixActions = ({ currentId, parentId, isCurrentUserModerator, pop
     *                       'settings' -> mod/admin rights required
     * 'MenuSection'     contains the actual user interfaces for the specific action
     */
+    if (!roomName) return <LoadingSpinner />;
 
     return (
         <ExploreMatrixActionWrapper>

From 9ab6e7c1b8e882052fc6ffa5c70bda409055a614 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 27 Jul 2023 15:26:28 +0200
Subject: [PATCH 171/714] version of `ContextMultiLevelSelect.js`using cached
 state of spaces and rooms

---
 components/CachedContextMultiLevelSelect.js | 134 ++++++++++++++++++++
 1 file changed, 134 insertions(+)
 create mode 100644 components/CachedContextMultiLevelSelect.js

diff --git a/components/CachedContextMultiLevelSelect.js b/components/CachedContextMultiLevelSelect.js
new file mode 100644
index 00000000..277eb116
--- /dev/null
+++ b/components/CachedContextMultiLevelSelect.js
@@ -0,0 +1,134 @@
+
+import React, { useCallback, useEffect, useState } from 'react';
+import _ from 'lodash';
+
+import { useAuth } from '../lib/Auth';
+import { useMatrix } from '../lib/Matrix';
+import LoadingSpinnerInline from './UI/LoadingSpinnerInline';
+
+const CachedContextMultiLevelSelectSingleLevel = ({ parentSpaceRoomId, selectedContextRoomId, onSelect, onFetchedChildren, templatePlaceholderMapping, templatePrefixFilter, sortAlphabetically, showTopics }) => {
+    const auth = useAuth();
+    const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
+    const matrix = useMatrix(auth.getAuthenticationProvider('matrix'));
+    const [isLoading, setIsLoading] = useState(true);
+    const [parentSpaceMetaEvent, setParentSpaceMetaEvent] = useState();
+    const [childContexts, setChildContexts] = useState();
+
+    useEffect(() => {
+        let isSubscribed = true;
+
+        // Fetch all child contexts from our storage
+        const fetchChildContexts = async () => {
+            let newChildContexts = [];
+            const spaceCache = await matrix.spaces.get(parentSpaceRoomId) || await matrix.rooms.get(parentSpaceRoomId);
+            if (!spaceCache) return;
+            setParentSpaceMetaEvent(spaceCache.meta);
+            for (const room of spaceCache.children) {
+                const roomObject = matrix.spaces.get(room) || matrix.rooms.get(room);
+                // // If this is not a context, ignore this space child
+                // if (metaEvent && metaEvent.type !== 'context') continue;
+                // // If we only want to show specific contexts, ignore this space child if its template doesn't have the given prefix
+                if (templatePrefixFilter && roomObject.meta && !_.startsWith(roomObject.meta.template, templatePrefixFilter)) continue;
+                // // ... otherwise show this space child:
+                newChildContexts.push(roomObject);
+            }
+            if (sortAlphabetically) {
+                newChildContexts = _.sortBy(newChildContexts, 'name');
+            }
+            if (!isSubscribed) return;
+            onFetchedChildren(newChildContexts.length > 0);
+            setChildContexts(newChildContexts);
+        };
+
+        const fetch = async () => {
+            setIsLoading(true);
+            await fetchChildContexts();
+            setIsLoading(false);
+        };
+
+        fetch();
+
+        return () => {
+            isSubscribed = false;
+        };
+    }, [matrix.rooms, matrix.spaces, matrixClient, onFetchedChildren, parentSpaceRoomId, sortAlphabetically, templatePlaceholderMapping, templatePrefixFilter]);
+
+    if (isLoading) {
+        return <select key="loading" disabled><option><LoadingSpinnerInline /></option></select>;
+    }
+
+    if (!childContexts || childContexts.length < 1) {
+        return null;
+    }
+
+    return (
+        <select
+            value={selectedContextRoomId}
+            onChange={(e) => {
+                onSelect(parentSpaceRoomId, e.target.value);
+            }}
+        >
+            {
+                (templatePlaceholderMapping && parentSpaceMetaEvent && templatePlaceholderMapping[parentSpaceMetaEvent.template]
+                // If we have a template-specific placeholder, show that...
+                    ? <option disabled value="">{ templatePlaceholderMapping[parentSpaceMetaEvent.template] }</option>
+                // ... otherwise just show an empty placeholder
+                    : <option disabled value="">-- select --</option>
+                )
+            }
+            { Object.entries(childContexts).map(([key, room]) => {
+                return <option key={key} value={room.roomId}>
+                    { room.name }
+                    { showTopics && room.topic && (` (${room.topic})`) }
+                </option>;
+            }) }
+        </select>
+    );
+};
+
+/**
+ * This component renders a multi-level <select> UI for an arbitrary set of contexts in the sense of Matrix spaces.
+ * `activeContexts` is the array of room IDs for the currently set context spaces.
+ *
+ * @param {Array} activeContexts
+ * @param {function} onChange (newActiveContexts, isLeaf)
+ * @param {boolean} showTopics - If the contents of m.room.topic should be displayed in parentheses next to the name
+ * @param {boolean} sortAlphabetically - If entries should be ordered alphabetically
+ * @param {Object} templatePlaceholderMapping - Optional object containing placeholders for each <select> based on the `dev.medienhaus.meta.template` of the parent context
+ * @param {string} templatePrefixFilter - Optional prefix to filter contexts by their templates
+ *
+ * @return {React.ReactElement}
+ */
+const CachedContextMultiLevelSelect = ({ activeContexts, onChange, showTopics, sortAlphabetically, templatePlaceholderMapping, templatePrefixFilter }) => {
+    const onSelect = useCallback((parentContextRoomId, selectedChildContextRoomId) => {
+        const newActiveContexts = [...activeContexts.splice(0, activeContexts.findIndex((contextRoomId) => contextRoomId === parentContextRoomId) + 1)];
+        if (selectedChildContextRoomId) newActiveContexts.push(selectedChildContextRoomId);
+        onChange(newActiveContexts, undefined);
+    }, [activeContexts, onChange]);
+
+    const onFinishedFetchingChildren = useCallback((hasChildren) => {
+        if (onChange.length > 1) {
+            onChange(activeContexts, !hasChildren);
+        }
+    }, [activeContexts, onChange]);
+
+    return (
+        <>
+            { activeContexts && activeContexts.map((contextRoomId, i) => (
+                <CachedContextMultiLevelSelectSingleLevel
+                    key={contextRoomId}
+                    onSelect={onSelect}
+                    onFetchedChildren={onFinishedFetchingChildren}
+                    parentSpaceRoomId={contextRoomId}
+                    selectedContextRoomId={activeContexts[i + 1] ?? ''}
+                    showTopics={showTopics}
+                    sortAlphabetically={sortAlphabetically}
+                    templatePlaceholderMapping={templatePlaceholderMapping}
+                    templatePrefixFilter={templatePrefixFilter}
+                />
+            )) }
+        </>
+    );
+};
+
+export default CachedContextMultiLevelSelect;

From 89b6ac0ebec331010115f266869e4699f255da6e Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 27 Jul 2023 15:27:52 +0200
Subject: [PATCH 172/714] adapt to use `CachedContextMultiLevelSelect.js`

---
 pages/explore/AddExistingItem.js | 44 +++++++++++++++++++++++---------
 1 file changed, 32 insertions(+), 12 deletions(-)

diff --git a/pages/explore/AddExistingItem.js b/pages/explore/AddExistingItem.js
index 3228a403..cb097787 100644
--- a/pages/explore/AddExistingItem.js
+++ b/pages/explore/AddExistingItem.js
@@ -1,11 +1,13 @@
-import React, { useEffect, useState } from 'react';
+import React, { useState } from 'react';
 import styled from 'styled-components';
 import _ from 'lodash';
 import { useTranslation } from 'react-i18next';
+import getConfig from 'next/config';
 
 import { useAuth } from '../../lib/Auth';
 import { useMatrix } from '../../lib/Matrix';
-import ContextMultiLevelSelect from '../../components/ContextMultiLevelSelect';
+import CachedContextMultiLevelSelect from '../../components/CachedContextMultiLevelSelect';
+import ErrorMessage from '../../components/UI/ErrorMessage';
 
 const AddExistingItemDialog = styled.div`
   & > * + * {
@@ -32,26 +34,44 @@ const AddExistingItemDialog = styled.div`
  *
 */
 
-const AddExistingItem = ({ currentId }) => {
+const AddExistingItem = ({ currentId, currentName }) => {
     const auth = useAuth();
     const matrix = useMatrix(auth.getAuthenticationProvider('matrix'));
     const matrixAuthed = auth.getAuthenticationProvider('matrix');
-    const serviceSpaces = matrix.serviceSpaces;
     const applicationsFolder = matrix.applicationsFolder;
+    // const templatesToDisplay = getConfig().publicRuntimeConfig.templates.item.concat(getConfig().publicRuntimeConfig.templates.context);
+    const [isItem, setIsItem] = useState(false);
+    const [errorMessage, setErrorMessage] = useState('');
 
     const { t } = useTranslation('explore');
 
-    const [activeContexts, setActiveContexts] = useState([applicationsFolder]);
+    const [selectedLevels, setSelectedLevels] = useState([applicationsFolder]);
 
-    return (
-        <AddExistingItemDialog>
+    const onLevelSelect = (levels, isLeaf) => {
+        setSelectedLevels(levels);
+        const isItem = matrix.rooms.get(levels[levels.length - 1]);
+        if (isLeaf && getConfig().publicRuntimeConfig.templates.item.includes(isItem?.meta.template)) setIsItem(true);
+        else setIsItem(false);
+    };
+
+    const addItemToContext = async (itemId, currentId) => {
+        // cleanUp();
 
-            { /* { observedIdPath.map((id) => { // loop trough all of the selected Levels
-                return <SingleLevel level={servicesCache.find(({ roomId }) => roomId === id)} setObservedIdPath={setObservedIdPath} setAddable={setAddable} />;
-            })
-            } */ }
-            <ContextMultiLevelSelect onChange={setActiveContexts} activeContexts={activeContexts} />
+        const addChildToParent = await matrixAuthed.addSpaceChild(currentId, itemId)
+            .catch(console.debug);
+        if (addChildToParent?.event_id) {
+            // call worked as expected Dialog can be closed.
+            // cleanUp();
+        } else {
+            setErrorMessage(t('something went wrong when trying to add the item to ') + currentName);
+        }
+    };
 
+    return (
+        <AddExistingItemDialog>
+            <CachedContextMultiLevelSelect onChange={onLevelSelect} activeContexts={selectedLevels} />
+            { isItem && <button onClick={e => addItemToContext(selectedLevels[selectedLevels.length - 1], currentId)}>{ t('add') }</button> }
+            { errorMessage && <ErrorMessage>{ errorMessage }</ErrorMessage> }
         </AddExistingItemDialog>
     );
 };

From ce203b1fe5fc5fb8f189517fbec5a23916ee75e8 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 27 Jul 2023 15:28:07 +0200
Subject: [PATCH 173/714] add parse currentName

---
 pages/explore/ManageContextActions.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/explore/ManageContextActions.js b/pages/explore/ManageContextActions.js
index 50541f88..93506fc0 100644
--- a/pages/explore/ManageContextActions.js
+++ b/pages/explore/ManageContextActions.js
@@ -19,7 +19,7 @@ const ManageContextActions = ({ userInfos, parentId, currentId, currentName, set
         </details>
         <details>
             <summary>{ t('add existing item') }</summary>
-            <AddExistingItem currentId={currentId} />
+            <AddExistingItem currentId={currentId} currentName={currentName} />
         </details>
 
         { /* <details>

From 2c039783940ce28b99de98674e274e06973ec8be Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 27 Jul 2023 15:47:12 +0200
Subject: [PATCH 174/714] disable button when pressed and reset selectedLevels

---
 pages/explore/AddExistingItem.js | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/pages/explore/AddExistingItem.js b/pages/explore/AddExistingItem.js
index cb097787..5f99336e 100644
--- a/pages/explore/AddExistingItem.js
+++ b/pages/explore/AddExistingItem.js
@@ -8,6 +8,7 @@ import { useAuth } from '../../lib/Auth';
 import { useMatrix } from '../../lib/Matrix';
 import CachedContextMultiLevelSelect from '../../components/CachedContextMultiLevelSelect';
 import ErrorMessage from '../../components/UI/ErrorMessage';
+import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
 
 const AddExistingItemDialog = styled.div`
   & > * + * {
@@ -42,7 +43,7 @@ const AddExistingItem = ({ currentId, currentName }) => {
     // const templatesToDisplay = getConfig().publicRuntimeConfig.templates.item.concat(getConfig().publicRuntimeConfig.templates.context);
     const [isItem, setIsItem] = useState(false);
     const [errorMessage, setErrorMessage] = useState('');
-
+    const [isAddingContext, setIsAddingContext] = useState(false);
     const { t } = useTranslation('explore');
 
     const [selectedLevels, setSelectedLevels] = useState([applicationsFolder]);
@@ -55,7 +56,7 @@ const AddExistingItem = ({ currentId, currentName }) => {
     };
 
     const addItemToContext = async (itemId, currentId) => {
-        // cleanUp();
+        setIsAddingContext(true);
 
         const addChildToParent = await matrixAuthed.addSpaceChild(currentId, itemId)
             .catch(console.debug);
@@ -65,12 +66,18 @@ const AddExistingItem = ({ currentId, currentName }) => {
         } else {
             setErrorMessage(t('something went wrong when trying to add the item to ') + currentName);
         }
+        setSelectedLevels([applicationsFolder]);
+        setIsAddingContext(false);
     };
 
     return (
         <AddExistingItemDialog>
             <CachedContextMultiLevelSelect onChange={onLevelSelect} activeContexts={selectedLevels} />
-            { isItem && <button onClick={e => addItemToContext(selectedLevels[selectedLevels.length - 1], currentId)}>{ t('add') }</button> }
+            { isItem && <button
+                disabled={isAddingContext}
+                onClick={e => addItemToContext(selectedLevels[selectedLevels.length - 1], currentId)}>
+                  isAddingContext ? <LoadingSpinnerInline /> : { t('add') }
+            </button> }
             { errorMessage && <ErrorMessage>{ errorMessage }</ErrorMessage> }
         </AddExistingItemDialog>
     );

From f01b920d842a910f38bf0af8ecd27283b8d290cc Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 27 Jul 2023 16:53:29 +0200
Subject: [PATCH 175/714] close manage context menu on context change

---
 pages/explore/[[...roomId]].js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index d60c4211..35b204ab 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -53,7 +53,7 @@ export default function Explore() {
 
     const onRouterChange = useCallback(async () => {
         setIsFetchingContent(roomId);
-
+        setManageContextActionToggle(false);
         await callApiAndAddToObject(null, roomId);
         setIsFetchingContent(false);
     }, [roomId, callApiAndAddToObject]);

From 073517fa94b5b0b5c94fc1925f53578e9e52b804 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 27 Jul 2023 17:16:51 +0200
Subject: [PATCH 176/714] fix loop when adding items and clear select tag

---
 components/CachedContextMultiLevelSelect.js |  3 +-
 pages/explore/AddExistingItem.js            | 32 +++++----------------
 2 files changed, 9 insertions(+), 26 deletions(-)

diff --git a/components/CachedContextMultiLevelSelect.js b/components/CachedContextMultiLevelSelect.js
index 277eb116..f5f9079a 100644
--- a/components/CachedContextMultiLevelSelect.js
+++ b/components/CachedContextMultiLevelSelect.js
@@ -51,7 +51,8 @@ const CachedContextMultiLevelSelectSingleLevel = ({ parentSpaceRoomId, selectedC
         return () => {
             isSubscribed = false;
         };
-    }, [matrix.rooms, matrix.spaces, matrixClient, onFetchedChildren, parentSpaceRoomId, sortAlphabetically, templatePlaceholderMapping, templatePrefixFilter]);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [matrixClient, parentSpaceRoomId, sortAlphabetically, templatePlaceholderMapping, templatePrefixFilter]);
 
     if (isLoading) {
         return <select key="loading" disabled><option><LoadingSpinnerInline /></option></select>;
diff --git a/pages/explore/AddExistingItem.js b/pages/explore/AddExistingItem.js
index 5f99336e..cecc7265 100644
--- a/pages/explore/AddExistingItem.js
+++ b/pages/explore/AddExistingItem.js
@@ -1,6 +1,4 @@
 import React, { useState } from 'react';
-import styled from 'styled-components';
-import _ from 'lodash';
 import { useTranslation } from 'react-i18next';
 import getConfig from 'next/config';
 
@@ -10,20 +8,6 @@ import CachedContextMultiLevelSelect from '../../components/CachedContextMultiLe
 import ErrorMessage from '../../components/UI/ErrorMessage';
 import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
 
-const AddExistingItemDialog = styled.div`
-  & > * + * {
-    margin-top: var(--margin);
-  }
-
-  & > select + select {
-    margin-top: calc(var(--margin) * 0.65);
-  }
-
-  & span {
-    background-color: var(--color-me);
-  }
-`;
-
 /**
  * 'ADD EXISTING ITEM' COMPONENT
  * ------------------
@@ -55,15 +39,13 @@ const AddExistingItem = ({ currentId, currentName }) => {
         else setIsItem(false);
     };
 
-    const addItemToContext = async (itemId, currentId) => {
+    const addItemToContext = async (e, itemId, currentId) => {
+        e.preventDefault();
         setIsAddingContext(true);
 
         const addChildToParent = await matrixAuthed.addSpaceChild(currentId, itemId)
             .catch(console.debug);
-        if (addChildToParent?.event_id) {
-            // call worked as expected Dialog can be closed.
-            // cleanUp();
-        } else {
+        if (!addChildToParent?.event_id) {
             setErrorMessage(t('something went wrong when trying to add the item to ') + currentName);
         }
         setSelectedLevels([applicationsFolder]);
@@ -71,15 +53,15 @@ const AddExistingItem = ({ currentId, currentName }) => {
     };
 
     return (
-        <AddExistingItemDialog>
+        <>
             <CachedContextMultiLevelSelect onChange={onLevelSelect} activeContexts={selectedLevels} />
             { isItem && <button
                 disabled={isAddingContext}
-                onClick={e => addItemToContext(selectedLevels[selectedLevels.length - 1], currentId)}>
-                  isAddingContext ? <LoadingSpinnerInline /> : { t('add') }
+                onClick={e => addItemToContext(e, selectedLevels[selectedLevels.length - 1], currentId)}>
+                { isAddingContext ? <LoadingSpinnerInline /> : t('add') }
             </button> }
             { errorMessage && <ErrorMessage>{ errorMessage }</ErrorMessage> }
-        </AddExistingItemDialog>
+        </>
     );
 };
 

From 8b574aa9e1f6ea3fcf096cc9a6d9fd2193d5f682 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 27 Jul 2023 17:20:50 +0200
Subject: [PATCH 177/714] remove unused import

---
 pages/explore/ManageContextActions.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/pages/explore/ManageContextActions.js b/pages/explore/ManageContextActions.js
index 93506fc0..1835b654 100644
--- a/pages/explore/ManageContextActions.js
+++ b/pages/explore/ManageContextActions.js
@@ -4,7 +4,6 @@ import { t } from 'i18next';
 
 import CreateContext from './CreateContext';
 import AddExistingItem from './AddExistingItem';
-// import AddExistingContext from './AddExistingContext';
 
 const ManageContextActionsWrapper = styled.div`
   width: 100%;

From a298d98f099137de79e926d7fb6ba39d050d495d Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 23 Aug 2023 13:50:02 +0200
Subject: [PATCH 178/714] add key to `<li>` and create variable fot path name

---
 components/layouts/partials/navigation.js | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/components/layouts/partials/navigation.js b/components/layouts/partials/navigation.js
index d0d9506d..0ffaaa3f 100644
--- a/components/layouts/partials/navigation.js
+++ b/components/layouts/partials/navigation.js
@@ -59,10 +59,11 @@ export default function Navigation({ closeNavigation }) {
                     // we skip the matrix config since it's already displayed in chat
                     // @TODO enabkle custom path name for chat
                     if (authProvider === 'matrix') return null;
+                    const path = getConfig().publicRuntimeConfig.authProviders[authProvider].path || authProvider;
 
-                    return <li>
-                        <Link href={getConfig().publicRuntimeConfig.authProviders[authProvider].path}>
-                            { getConfig().publicRuntimeConfig.authProviders[authProvider].path }
+                    return <li key={path}>
+                        <Link href={path}>
+                            { path }
                         </Link>
                     </li>;
                 }) }

From a150a01ba355c7f2640cf54e8463a939770433f0 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 30 Aug 2023 12:56:57 +0200
Subject: [PATCH 179/714] check for bookmarks space or create one if none can
 be found

---
 lib/Matrix.js | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/lib/Matrix.js b/lib/Matrix.js
index 021a1b9f..bd2b53fc 100644
--- a/lib/Matrix.js
+++ b/lib/Matrix.js
@@ -249,7 +249,20 @@ function useMatrixProvider(auth) {
                     serviceSpaces[element] = roomId;
                 }
             }
-
+            const findServiceSpace = Array.from(spaces.values()).find(space => space.name === 'bookmarks');
+            if (findServiceSpace) serviceSpaces['bookmarks'] = findServiceSpace.roomId;
+            else {
+                console.info('creating bookmark space');
+                const roomId = await createRoom(
+                    'bookmarks',
+                    true,
+                    `This is your private space for your bookmarks. You can find all your bookmarks in here.`,
+                    'invite',
+                    'context',
+                    'application');
+                await authenticationProvider.addSpaceChild(applicationsFolder, roomId);
+                serviceSpaces['bookmarks'] = roomId;
+            }
             setServiceSpaces(serviceSpaces);
         };
 

From f1b9d0825690c9e979f5ed5fa9228a0d1c5510ab Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 30 Aug 2023 12:57:47 +0200
Subject: [PATCH 180/714] add bookmark component which adds bookmarks to the
 bookmark space

---
 components/UI/bookmarks/AddBookmark.js | 119 +++++++++++++++++++++++++
 1 file changed, 119 insertions(+)
 create mode 100644 components/UI/bookmarks/AddBookmark.js

diff --git a/components/UI/bookmarks/AddBookmark.js b/components/UI/bookmarks/AddBookmark.js
new file mode 100644
index 00000000..40a70bed
--- /dev/null
+++ b/components/UI/bookmarks/AddBookmark.js
@@ -0,0 +1,119 @@
+import React, { useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useRouter } from 'next/router';
+import { logger } from 'matrix-js-sdk/lib/logger';
+
+import Bookmark from '../../../assets/icons/bookmark.svg';
+import TextButton from '../TextButton';
+import { useMatrix } from '../../../lib/Matrix';
+import { useAuth } from '../../../lib/Auth';
+import CloseIcon from '../../../assets/icons/close.svg';
+import LoadingSpinnerInline from '../LoadingSpinnerInline';
+
+const AddBookmark = ({ name, roomId }) => {
+    const [contentCopied, setContentCopied] = useState(false);
+    const auth = useAuth();
+    const matrix = useMatrix();
+    const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
+    const { t } = useTranslation();
+    const router = useRouter();
+    const [isCreatingBookmark, setIsCreatingBookmark] = useState(false);
+    const [errorMessage, setErrorMessage] = useState('');
+
+    const errorHandleing = async () => {
+        setIsCreatingBookmark(false);
+        setErrorMessage(<CloseIcon fill="var(color-foreground)" />);
+        await new Promise(() => setTimeout(() => {
+            setErrorMessage('');
+        }, 2000));
+    };
+
+    const addBookmarkToMatrix = async () => {
+        const checkExistingBookmarks = (service) => {
+            const allBookmarks = matrix.spaces.get(matrix.serviceSpaces.bookmarks).children;
+            const existingBookmark = allBookmarks.find(bookmark => matrix.spaces.get(bookmark)?.name === service);
+
+            return existingBookmark;
+        };
+        logger.debug('creating bookmark room for ' + name);
+        setIsCreatingBookmark(true);
+        const link = location.href;
+        const firstSlashIndex = router.route.indexOf('/');
+        const secondSlashIndex = router.route.indexOf('/', firstSlashIndex + 1);
+        const service = router.route.substring(1, secondSlashIndex);
+        let bookmarkSpace = checkExistingBookmarks(service);
+
+        if (!bookmarkSpace) {
+            // if there is no bookmark space for the service yet, we create one
+            bookmarkSpace = await matrix.createRoom(service, true, '', 'invite', 'content', 'link')
+                .catch(() => {
+                    errorHandleing();
+
+                    return;
+                });
+            // and add it to the bookmarks space
+            await auth.getAuthenticationProvider('matrix')
+                .addSpaceChild(matrix.serviceSpaces.bookmarks, bookmarkSpace)
+                .catch(() => {
+                    errorHandleing();
+
+                    return;
+                });
+        } else {
+            // if the service already has a space, we check if the bookmark already exists
+            const bookmarkExists = matrix.spaces.get(bookmarkSpace).children.some(child => matrix.rooms.get(child)?.name === name);
+            if (bookmarkExists) {
+                //if it exists we display a check mark and return out of the function
+                setIsCreatingBookmark(false);
+                setContentCopied(true);
+                await new Promise(r => setTimeout(r, 2000));
+                setContentCopied(false);
+
+                return;
+            }
+        }
+
+        // we create a room for the bookmark
+        const room = await matrix.createRoom(name, false, '', 'invite', 'content', 'link')
+            .catch(() => {
+                errorHandleing();
+
+                return;
+            });
+        // and add it to the bookmark space
+        await auth.getAuthenticationProvider('matrix')
+            .addSpaceChild(bookmarkSpace, room)
+            .catch(() => {
+                errorHandleing();
+
+                return;
+            });
+        // then send the link of the bookmark as a message to the room
+        await matrixClient.sendMessage(room, {
+            msgtype: 'm.text',
+            body: link,
+        }).catch(() => {
+            errorHandleing();
+
+            return;
+        });
+        setIsCreatingBookmark(false);
+
+        setContentCopied(true);
+        await new Promise(r => setTimeout(r, 2000));
+        setContentCopied(false);
+    };
+
+    return (
+        <TextButton title={t('Add to bookmarks')} onClick={addBookmarkToMatrix}>
+            { isCreatingBookmark ?
+                <LoadingSpinnerInline /> :
+                contentCopied ?
+                    '✔' :
+                    errorMessage ?
+                        errorMessage :
+                        <Bookmark fill="var(--color-foreground)" /> }
+        </TextButton>
+    );
+};
+export default AddBookmark;

From f58e50089ad2b21a43b1447a4cf389d70cf8fd91 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 30 Aug 2023 12:58:50 +0200
Subject: [PATCH 181/714] add component to display bookmarks and add it to the
 dashboard

---
 components/UI/bookmarks/DisplayBookmarks.js | 53 +++++++++++++++++++++
 pages/index.js                              | 14 ++++++
 2 files changed, 67 insertions(+)
 create mode 100644 components/UI/bookmarks/DisplayBookmarks.js

diff --git a/components/UI/bookmarks/DisplayBookmarks.js b/components/UI/bookmarks/DisplayBookmarks.js
new file mode 100644
index 00000000..f8d25679
--- /dev/null
+++ b/components/UI/bookmarks/DisplayBookmarks.js
@@ -0,0 +1,53 @@
+import React, { useState } from 'react';
+import Link from 'next/link';
+import { useTranslation } from 'react-i18next';
+
+import { useMatrix } from '../../../lib/Matrix';
+import { ServiceTable } from '../../../components/UI/ServiceTable';
+import { useAuth } from '../../../lib/Auth';
+import Bin from '../../../assets/icons/bin.svg';
+import TextButton from '../../../components/UI/TextButton';
+import LoadingSpinnerInline from '../LoadingSpinnerInline';
+
+export default function DisplayBookmarks({ roomId, name }) {
+    const auth = useAuth();
+    const matrix = useMatrix(auth.getAuthenticationProvider('matrix'));
+    const { t } = useTranslation();
+
+    const [removingBookmark, setRemovingBookmark] = useState(false);
+
+    const removeBookmark = async (e, parent, roomId) => {
+        e.preventDefault();
+        setRemovingBookmark(true);
+        await auth.getAuthenticationProvider('matrix').removeSpaceChild(parent, roomId);
+        await matrix.leaveRoom(roomId);
+        setRemovingBookmark(false);
+    };
+
+    const Bookmarks = ({ link, name }) => {
+        return (<Link href={link}>{ name }</Link>);
+    };
+
+    if (!matrix.spaces.get(roomId)) return null;
+
+    return (
+        <>
+            <ServiceTable>
+                { matrix.spaces.get(roomId)?.children.map(roomId => {
+                    return <ServiceTable.Row key={roomId}>
+                        <ServiceTable.Cell>
+                            <Bookmarks
+                                link={matrix.roomContents.get(roomId).body}
+                                name={matrix.rooms.get(roomId).name} />
+                        </ServiceTable.Cell>
+                        <ServiceTable.Cell>
+                            <TextButton title={t('Remove bookmark')} onClick={(e) => removeBookmark(e, roomId)}>
+                                { removingBookmark ? <LoadingSpinnerInline /> : <Bin fill="var(--color-foreground)" /> }
+                            </TextButton></ServiceTable.Cell>
+                    </ServiceTable.Row>;
+                }) }
+            </ServiceTable>
+        </>
+    );
+}
+
diff --git a/pages/index.js b/pages/index.js
index 8e13eff0..b0e1f668 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -1,7 +1,21 @@
+import DisplayBookmarks from '../components/UI/bookmarks/DisplayBookmarks';
+import { useMatrix } from '../lib/Matrix';
+
 export default function Dashboard() {
+    const matrix = useMatrix();
+    const bookmarks = matrix.spaces.get(matrix.serviceSpaces.bookmarks)?.children;
+
     return (
         <>
             <h2>/dashboard</h2>
+            { bookmarks && bookmarks.map(bookmarkSpace => {
+                return <DisplayBookmarks
+                    key={bookmarkSpace}
+                    roomId={bookmarkSpace}
+                    name={matrix.spaces.get(bookmarkSpace)?.name}
+                />;
+            }) }
+
         </>
     );
 }

From eaacd5c815133c131bda81363c7811e279e6bf50 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 30 Aug 2023 12:59:09 +0200
Subject: [PATCH 182/714] add bookmark component to etherpad and add bookmark
 icon

---
 assets/icons/bookmark.svg       | 1 +
 pages/etherpad/[[...roomId]].js | 2 ++
 2 files changed, 3 insertions(+)
 create mode 100644 assets/icons/bookmark.svg

diff --git a/assets/icons/bookmark.svg b/assets/icons/bookmark.svg
new file mode 100644
index 00000000..590bc79b
--- /dev/null
+++ b/assets/icons/bookmark.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M5 2H19C19.5523 2 20 2.44772 20 3V22.1433C20 22.4194 19.7761 22.6434 19.5 22.6434C19.4061 22.6434 19.314 22.6168 19.2344 22.5669L12 18.0313L4.76559 22.5669C4.53163 22.7136 4.22306 22.6429 4.07637 22.4089C4.02647 22.3293 4 22.2373 4 22.1433V3C4 2.44772 4.44772 2 5 2ZM18 4H6V19.4324L12 15.6707L18 19.4324V4Z"></path></svg>
\ No newline at end of file
diff --git a/pages/etherpad/[[...roomId]].js b/pages/etherpad/[[...roomId]].js
index b0012540..9ee949b1 100644
--- a/pages/etherpad/[[...roomId]].js
+++ b/pages/etherpad/[[...roomId]].js
@@ -20,6 +20,7 @@ import CreateAnonymousPad from './actions/CreateAnonymousPad';
 import AddExistingPad from './actions/AddExistingPad';
 import CreateAuthoredPad from './actions/CreateAuthoredPad';
 import CreatePasswordPad from './actions/CreatePasswordPad';
+import AddBookmark from '../../components/UI/bookmarks/AddBookmark';
 
 export default function Etherpad() {
     const auth = useAuth();
@@ -234,6 +235,7 @@ export default function Etherpad() {
                             <button title={t('Copy pad link to clipboard')} onClick={copyToClipboard}>
                                 <ClipboardIcon fill="var(--color-foreground)" />
                             </button>
+                            <AddBookmark name={matrix.rooms.get(roomId).name} roomId={roomId} />
                             <button title={t(mypadsPadObject ? 'Delete pad' : 'Remove pad from my library')} onClick={deletePad}>
                                 { isDeletingPad ? <LoadingSpinnerInline /> : <BinIcon fill="var(--color-foreground)" /> }
                             </button>

From ecb3df4a3ade6926f5fe57d3c67d15d7b5d55b5d Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 31 Aug 2023 14:17:29 +0200
Subject: [PATCH 183/714] adapt to changes from invite-users  #42

---
 components/UI/ServiceIframeHeader.js | 4 +++-
 pages/etherpad/[[...roomId]].js      | 1 +
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/components/UI/ServiceIframeHeader.js b/components/UI/ServiceIframeHeader.js
index f34ae656..82ac88e9 100644
--- a/components/UI/ServiceIframeHeader.js
+++ b/components/UI/ServiceIframeHeader.js
@@ -8,6 +8,7 @@ import CopyToClipboard from '../../components/UI/CopyToClipboard';
 import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
 import FolderIcon from '../../assets/icons/folder.svg';
 import ListSettingsIcon from '../../assets/icons/list-settings.svg';
+import InviteUserToMatrixRoom from './InviteUserToMatrixRoom';
 
 const ToggleButton = styled.button`
   /* unset globally defined button styles; set height to line-height */
@@ -18,7 +19,7 @@ const ToggleButton = styled.button`
   border: unset;
 `;
 
-const ServiceIframeHeader = ({ isDeletingPad, deleteContent, title, mypadsPadObject, content, isCurrentUserModerator, setManageContextActionToggle }) => {
+const ServiceIframeHeader = ({ isDeletingPad, deleteContent, title, roomId, mypadsPadObject, content, isCurrentUserModerator, setManageContextActionToggle }) => {
     const [isManageContextMenuOpen, setIsManageContextMenuOpen] = useState(true);
     const { t } = useTranslation('write');
 
@@ -30,6 +31,7 @@ const ServiceIframeHeader = ({ isDeletingPad, deleteContent, title, mypadsPadObj
                 { deleteContent && <button title={t(mypadsPadObject ? 'Delete pad' : 'Remove pad from my library')} onClick={deleteContent}>
                     { isDeletingPad ? <LoadingSpinnerInline /> : <BinIcon fill="var(--color-foreground)" /> }
                 </button> }
+                <InviteUserToMatrixRoom roomId={roomId} name={title} />
                 { isCurrentUserModerator && (
                     isManageContextMenuOpen ? (
                         <ToggleButton onClick={() => { setManageContextActionToggle(true); }}>
diff --git a/pages/etherpad/[[...roomId]].js b/pages/etherpad/[[...roomId]].js
index fc187ce8..c355a84d 100644
--- a/pages/etherpad/[[...roomId]].js
+++ b/pages/etherpad/[[...roomId]].js
@@ -229,6 +229,7 @@ export default function Etherpad() {
                     <ServiceIframeHeader
                         content={content.body}
                         title={matrix.rooms.get(roomId).name}
+                        roomId={roomId}
                         deleteContent={deletePad}
                         isDeletingPad={isDeletingPad}
                         mypadsPadObject={mypadsPadObject} />

From ea81f54c83872ca88e25ac491909c0da80159d30 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 31 Aug 2023 14:26:14 +0200
Subject: [PATCH 184/714] remove d3

---
 package-lock.json | 382 +---------------------------------------------
 1 file changed, 1 insertion(+), 381 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index c7d98792..089af9c3 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2080,376 +2080,6 @@
         "node": ">=8.0.0"
       }
     },
-    "node_modules/d3": {
-      "version": "7.8.2",
-      "resolved": "https://registry.npmjs.org/d3/-/d3-7.8.2.tgz",
-      "integrity": "sha512-WXty7qOGSHb7HR7CfOzwN1Gw04MUOzN8qh9ZUsvwycIMb4DYMpY9xczZ6jUorGtO6bR9BPMPaueIKwiDxu9uiQ==",
-      "dependencies": {
-        "d3-array": "3",
-        "d3-axis": "3",
-        "d3-brush": "3",
-        "d3-chord": "3",
-        "d3-color": "3",
-        "d3-contour": "4",
-        "d3-delaunay": "6",
-        "d3-dispatch": "3",
-        "d3-drag": "3",
-        "d3-dsv": "3",
-        "d3-ease": "3",
-        "d3-fetch": "3",
-        "d3-force": "3",
-        "d3-format": "3",
-        "d3-geo": "3",
-        "d3-hierarchy": "3",
-        "d3-interpolate": "3",
-        "d3-path": "3",
-        "d3-polygon": "3",
-        "d3-quadtree": "3",
-        "d3-random": "3",
-        "d3-scale": "4",
-        "d3-scale-chromatic": "3",
-        "d3-selection": "3",
-        "d3-shape": "3",
-        "d3-time": "3",
-        "d3-time-format": "4",
-        "d3-timer": "3",
-        "d3-transition": "3",
-        "d3-zoom": "3"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-array": {
-      "version": "3.2.2",
-      "resolved": "https://registry.npmjs.org/d3-array/-/d3-array-3.2.2.tgz",
-      "integrity": "sha512-yEEyEAbDrF8C6Ob2myOBLjwBLck1Z89jMGFee0oPsn95GqjerpaOA4ch+vc2l0FNFFwMD5N7OCSEN5eAlsUbgQ==",
-      "dependencies": {
-        "internmap": "1 - 2"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-axis": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/d3-axis/-/d3-axis-3.0.0.tgz",
-      "integrity": "sha512-IH5tgjV4jE/GhHkRV0HiVYPDtvfjHQlQfJHs0usq7M30XcSBvOotpmH1IgkcXsO/5gEQZD43B//fc7SRT5S+xw==",
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-brush": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/d3-brush/-/d3-brush-3.0.0.tgz",
-      "integrity": "sha512-ALnjWlVYkXsVIGlOsuWH1+3udkYFI48Ljihfnh8FZPF2QS9o+PzGLBslO0PjzVoHLZ2KCVgAM8NVkXPJB2aNnQ==",
-      "dependencies": {
-        "d3-dispatch": "1 - 3",
-        "d3-drag": "2 - 3",
-        "d3-interpolate": "1 - 3",
-        "d3-selection": "3",
-        "d3-transition": "3"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-chord": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-chord/-/d3-chord-3.0.1.tgz",
-      "integrity": "sha512-VE5S6TNa+j8msksl7HwjxMHDM2yNK3XCkusIlpX5kwauBfXuyLAtNg9jCp/iHH61tgI4sb6R/EIMWCqEIdjT/g==",
-      "dependencies": {
-        "d3-path": "1 - 3"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-color": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/d3-color/-/d3-color-3.1.0.tgz",
-      "integrity": "sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==",
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-contour": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/d3-contour/-/d3-contour-4.0.2.tgz",
-      "integrity": "sha512-4EzFTRIikzs47RGmdxbeUvLWtGedDUNkTcmzoeyg4sP/dvCexO47AaQL7VKy/gul85TOxw+IBgA8US2xwbToNA==",
-      "dependencies": {
-        "d3-array": "^3.2.0"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-delaunay": {
-      "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/d3-delaunay/-/d3-delaunay-6.0.2.tgz",
-      "integrity": "sha512-IMLNldruDQScrcfT+MWnazhHbDJhcRJyOEBAJfwQnHle1RPh6WDuLvxNArUju2VSMSUuKlY5BGHRJ2cYyoFLQQ==",
-      "dependencies": {
-        "delaunator": "5"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-dispatch": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-dispatch/-/d3-dispatch-3.0.1.tgz",
-      "integrity": "sha512-rzUyPU/S7rwUflMyLc1ETDeBj0NRuHKKAcvukozwhshr6g6c5d8zh4c2gQjY2bZ0dXeGLWc1PF174P2tVvKhfg==",
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-drag": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/d3-drag/-/d3-drag-3.0.0.tgz",
-      "integrity": "sha512-pWbUJLdETVA8lQNJecMxoXfH6x+mO2UQo8rSmZ+QqxcbyA3hfeprFgIT//HW2nlHChWeIIMwS2Fq+gEARkhTkg==",
-      "dependencies": {
-        "d3-dispatch": "1 - 3",
-        "d3-selection": "3"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-dsv": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-dsv/-/d3-dsv-3.0.1.tgz",
-      "integrity": "sha512-UG6OvdI5afDIFP9w4G0mNq50dSOsXHJaRE8arAS5o9ApWnIElp8GZw1Dun8vP8OyHOZ/QJUKUJwxiiCCnUwm+Q==",
-      "dependencies": {
-        "commander": "7",
-        "iconv-lite": "0.6",
-        "rw": "1"
-      },
-      "bin": {
-        "csv2json": "bin/dsv2json.js",
-        "csv2tsv": "bin/dsv2dsv.js",
-        "dsv2dsv": "bin/dsv2dsv.js",
-        "dsv2json": "bin/dsv2json.js",
-        "json2csv": "bin/json2dsv.js",
-        "json2dsv": "bin/json2dsv.js",
-        "json2tsv": "bin/json2dsv.js",
-        "tsv2csv": "bin/dsv2dsv.js",
-        "tsv2json": "bin/dsv2json.js"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-ease": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-ease/-/d3-ease-3.0.1.tgz",
-      "integrity": "sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==",
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-fetch": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-fetch/-/d3-fetch-3.0.1.tgz",
-      "integrity": "sha512-kpkQIM20n3oLVBKGg6oHrUchHM3xODkTzjMoj7aWQFq5QEM+R6E4WkzT5+tojDY7yjez8KgCBRoj4aEr99Fdqw==",
-      "dependencies": {
-        "d3-dsv": "1 - 3"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-force": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/d3-force/-/d3-force-3.0.0.tgz",
-      "integrity": "sha512-zxV/SsA+U4yte8051P4ECydjD/S+qeYtnaIyAs9tgHCqfguma/aAQDjo85A9Z6EKhBirHRJHXIgJUlffT4wdLg==",
-      "dependencies": {
-        "d3-dispatch": "1 - 3",
-        "d3-quadtree": "1 - 3",
-        "d3-timer": "1 - 3"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-format": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/d3-format/-/d3-format-3.1.0.tgz",
-      "integrity": "sha512-YyUI6AEuY/Wpt8KWLgZHsIU86atmikuoOmCfommt0LYHiQSPjvX2AcFc38PX0CBpr2RCyZhjex+NS/LPOv6YqA==",
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-geo": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/d3-geo/-/d3-geo-3.1.0.tgz",
-      "integrity": "sha512-JEo5HxXDdDYXCaWdwLRt79y7giK8SbhZJbFWXqbRTolCHFI5jRqteLzCsq51NKbUoX0PjBVSohxrx+NoOUujYA==",
-      "dependencies": {
-        "d3-array": "2.5.0 - 3"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-hierarchy": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/d3-hierarchy/-/d3-hierarchy-3.1.2.tgz",
-      "integrity": "sha512-FX/9frcub54beBdugHjDCdikxThEqjnR93Qt7PvQTOHxyiNCAlvMrHhclk3cD5VeAaq9fxmfRp+CnWw9rEMBuA==",
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-interpolate": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-interpolate/-/d3-interpolate-3.0.1.tgz",
-      "integrity": "sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==",
-      "dependencies": {
-        "d3-color": "1 - 3"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-path": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/d3-path/-/d3-path-3.1.0.tgz",
-      "integrity": "sha512-p3KP5HCf/bvjBSSKuXid6Zqijx7wIfNW+J/maPs+iwR35at5JCbLUT0LzF1cnjbCHWhqzQTIN2Jpe8pRebIEFQ==",
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-polygon": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-polygon/-/d3-polygon-3.0.1.tgz",
-      "integrity": "sha512-3vbA7vXYwfe1SYhED++fPUQlWSYTTGmFmQiany/gdbiWgU/iEyQzyymwL9SkJjFFuCS4902BSzewVGsHHmHtXg==",
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-quadtree": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-quadtree/-/d3-quadtree-3.0.1.tgz",
-      "integrity": "sha512-04xDrxQTDTCFwP5H6hRhsRcb9xxv2RzkcsygFzmkSIOJy3PeRJP7sNk3VRIbKXcog561P9oU0/rVH6vDROAgUw==",
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-random": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-random/-/d3-random-3.0.1.tgz",
-      "integrity": "sha512-FXMe9GfxTxqd5D6jFsQ+DJ8BJS4E/fT5mqqdjovykEB2oFbTMDVdg1MGFxfQW+FBOGoB++k8swBrgwSHT1cUXQ==",
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-scale": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/d3-scale/-/d3-scale-4.0.2.tgz",
-      "integrity": "sha512-GZW464g1SH7ag3Y7hXjf8RoUuAFIqklOAq3MRl4OaWabTFJY9PN/E1YklhXLh+OQ3fM9yS2nOkCoS+WLZ6kvxQ==",
-      "dependencies": {
-        "d3-array": "2.10.0 - 3",
-        "d3-format": "1 - 3",
-        "d3-interpolate": "1.2.0 - 3",
-        "d3-time": "2.1.1 - 3",
-        "d3-time-format": "2 - 4"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-scale-chromatic": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/d3-scale-chromatic/-/d3-scale-chromatic-3.0.0.tgz",
-      "integrity": "sha512-Lx9thtxAKrO2Pq6OO2Ua474opeziKr279P/TKZsMAhYyNDD3EnCffdbgeSYN5O7m2ByQsxtuP2CSDczNUIZ22g==",
-      "dependencies": {
-        "d3-color": "1 - 3",
-        "d3-interpolate": "1 - 3"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-selection": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/d3-selection/-/d3-selection-3.0.0.tgz",
-      "integrity": "sha512-fmTRWbNMmsmWq6xJV8D19U/gw/bwrHfNXxrIN+HfZgnzqTHp9jOmKMhsTUjXOJnZOdZY9Q28y4yebKzqDKlxlQ==",
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-shape": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/d3-shape/-/d3-shape-3.2.0.tgz",
-      "integrity": "sha512-SaLBuwGm3MOViRq2ABk3eLoxwZELpH6zhl3FbAoJ7Vm1gofKx6El1Ib5z23NUEhF9AsGl7y+dzLe5Cw2AArGTA==",
-      "dependencies": {
-        "d3-path": "^3.1.0"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-time": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/d3-time/-/d3-time-3.1.0.tgz",
-      "integrity": "sha512-VqKjzBLejbSMT4IgbmVgDjpkYrNWUYJnbCGo874u7MMKIWsILRX+OpX/gTk8MqjpT1A/c6HY2dCA77ZN0lkQ2Q==",
-      "dependencies": {
-        "d3-array": "2 - 3"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-time-format": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/d3-time-format/-/d3-time-format-4.1.0.tgz",
-      "integrity": "sha512-dJxPBlzC7NugB2PDLwo9Q8JiTR3M3e4/XANkreKSUxF8vvXKqm1Yfq4Q5dl8budlunRVlUUaDUgFt7eA8D6NLg==",
-      "dependencies": {
-        "d3-time": "1 - 3"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-timer": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-timer/-/d3-timer-3.0.1.tgz",
-      "integrity": "sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==",
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-transition": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-transition/-/d3-transition-3.0.1.tgz",
-      "integrity": "sha512-ApKvfjsSR6tg06xrL434C0WydLr7JewBB3V+/39RMHsaXTOG0zmt/OAXeng5M5LBm0ojmxJrpomQVZ1aPvBL4w==",
-      "dependencies": {
-        "d3-color": "1 - 3",
-        "d3-dispatch": "1 - 3",
-        "d3-ease": "1 - 3",
-        "d3-interpolate": "1 - 3",
-        "d3-timer": "1 - 3"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "peerDependencies": {
-        "d3-selection": "2 - 3"
-      }
-    },
-    "node_modules/d3-zoom": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/d3-zoom/-/d3-zoom-3.0.0.tgz",
-      "integrity": "sha512-b8AmV3kfQaqWAuacbPuNbL6vahnOJflOhexLzMMNLga62+/nh0JzvJ0aO/5a5MVgUFGS7Hu1P9P03o3fJkDCyw==",
-      "dependencies": {
-        "d3-dispatch": "1 - 3",
-        "d3-drag": "2 - 3",
-        "d3-interpolate": "1 - 3",
-        "d3-selection": "2 - 3",
-        "d3-transition": "2 - 3"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
     "node_modules/damerau-levenshtein": {
       "version": "1.0.8",
       "resolved": "https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz",
@@ -5927,11 +5557,6 @@
         "url": "https://github.com/sponsors/isaacs"
       }
     },
-    "node_modules/robust-predicates": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/robust-predicates/-/robust-predicates-3.0.1.tgz",
-      "integrity": "sha512-ndEIpszUHiG4HtDsQLeIuMvRsDnn8c8rYStabochtUeCvfuvNptb5TUbVD68LRAILPX7p9nqQGh4xJgn3EHS/g=="
-    },
     "node_modules/run-parallel": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
@@ -5955,11 +5580,6 @@
         "queue-microtask": "^1.2.2"
       }
     },
-    "node_modules/rw": {
-      "version": "1.3.3",
-      "resolved": "https://registry.npmjs.org/rw/-/rw-1.3.3.tgz",
-      "integrity": "sha512-PdhdWy89SiZogBLaw42zdeqtRJ//zFd2PgQavcICDUgJT5oW10QCRKbJ6bg4r0/UY2M6BWd5tkxuGFRvCkgfHQ=="
-    },
     "node_modules/safe-buffer": {
       "version": "5.2.1",
       "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
@@ -7337,4 +6957,4 @@
       }
     }
   }
-}
\ No newline at end of file
+}

From 94dc071530cdb4b12a97e6d273268919d3c39ba4 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 31 Aug 2023 14:42:08 +0200
Subject: [PATCH 185/714] adapt to dashboard-invitations

---
 pages/explore/[[...roomId]].js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 35b204ab..3c3bf9f4 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -147,6 +147,7 @@ export default function Explore() {
                         content={window.location.href}
                         title={matrix.spaces.get(router.query.roomId[0])?.name || matrix.rooms.get(router.query.roomId[0])?.name || selectedSpaceChildren[selectedSpaceChildren.length -1][0].name}
                         removingLink={false}
+                        roomId={roomId}
                         isCurrentUserModerator={isCurrentUserModerator}
                         setManageContextActionToggle={setManageContextActionToggle}
                     />

From 060b0c711e44689884e537cd027ce73a6e203ea0 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 31 Aug 2023 14:44:57 +0200
Subject: [PATCH 186/714] remove unnecessary function and call function
 directly from matrixClient

---
 components/UI/InviteUserToMatrixRoom.js |  4 +---
 lib/Matrix.js                           | 17 -----------------
 2 files changed, 1 insertion(+), 20 deletions(-)

diff --git a/components/UI/InviteUserToMatrixRoom.js b/components/UI/InviteUserToMatrixRoom.js
index dc3e9315..177ca6fd 100644
--- a/components/UI/InviteUserToMatrixRoom.js
+++ b/components/UI/InviteUserToMatrixRoom.js
@@ -49,7 +49,6 @@ const CloseButton = styled(TextButton)`
 
 export default function InviteUserToMatrixRoom({ roomId, name }) {
     const auth = useAuth();
-    const matrix = useMatrix(auth.getAuthenticationProvider('matrix'));
     const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
     const [isInviteDialogueOpen, setIsInviteDialogueOpen] = useState(false);
     const [searchInput, setSearchInput] = useState('');
@@ -109,7 +108,7 @@ export default function InviteUserToMatrixRoom({ roomId, name }) {
             setIsInviting(false);
         }
 
-        await matrix.inviteUserToMatrixRoom(roomId, validUserObject.userId)
+        await matrixClient.invite(roomId, validUserObject.userId)
             .catch(async err => {
                 // if something went wrong we display the error and clear all inputs
                 setUserFeedback(<ErrorMessage>{ err.data?.error }</ErrorMessage>);
@@ -119,7 +118,6 @@ export default function InviteUserToMatrixRoom({ roomId, name }) {
 
                 return;
             });
-
         // if everything is okay, we let the user know and exit the modal view.
         setUserFeedback('✓ ' + validUserObject.displayName + t(' was invited and needs to accept your invitation'));
         await new Promise(() => setTimeout(() => {
diff --git a/lib/Matrix.js b/lib/Matrix.js
index 18b431f8..b3772ddb 100644
--- a/lib/Matrix.js
+++ b/lib/Matrix.js
@@ -319,22 +319,6 @@ function useMatrixProvider(auth) {
         return rooms;
     };
 
-    /**
-         * This function is used to invite a userId to a matrix roomId
-         *
-         * @param {string} roomId
-         * @param {string} userId
-         * @returns {Promise}
-         *
-         * @TODO:
-         * add ability to define power level of invited user.
-         */
-    const inviteUserToMatrixRoom = async (roomId, userId) => {
-        // If for some reason this function was called without a valid roomId we just cancel right away
-        if (!roomId) return;
-        await matrixClient.invite(roomId, userId);
-    };
-
     return {
         rooms,
         spaces,
@@ -348,7 +332,6 @@ function useMatrixProvider(auth) {
         createRoom,
         hydrateRoomContent,
         roomHierarchy,
-        inviteUserToMatrixRoom,
     };
 }
 

From 32f7facd5346e2ec1c3b3eec1a2038ae3020accb Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 31 Aug 2023 14:59:50 +0200
Subject: [PATCH 187/714] fix edge case bug

---
 components/CachedContextMultiLevelSelect.js | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/components/CachedContextMultiLevelSelect.js b/components/CachedContextMultiLevelSelect.js
index f5f9079a..9200a222 100644
--- a/components/CachedContextMultiLevelSelect.js
+++ b/components/CachedContextMultiLevelSelect.js
@@ -78,6 +78,10 @@ const CachedContextMultiLevelSelectSingleLevel = ({ parentSpaceRoomId, selectedC
                 )
             }
             { Object.entries(childContexts).map(([key, room]) => {
+                // if room is undefined we jumop to the next one
+                // this can happen when for example a room was not removed as a space child from its parent but is already deleted
+                if (!room) return;
+
                 return <option key={key} value={room.roomId}>
                     { room.name }
                     { showTopics && room.topic && (` (${room.topic})`) }

From b44974235e5f40259a5114ff7b1b4ad8d7e629b4 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 31 Aug 2023 16:41:58 +0200
Subject: [PATCH 188/714] only display loading spinner when fetching next
 level, add optional return name of parent space

---
 components/ContextMultiLevelSelect.js | 80 +++++++++++----------------
 1 file changed, 32 insertions(+), 48 deletions(-)

diff --git a/components/ContextMultiLevelSelect.js b/components/ContextMultiLevelSelect.js
index 43810cc9..f53aff1e 100644
--- a/components/ContextMultiLevelSelect.js
+++ b/components/ContextMultiLevelSelect.js
@@ -3,12 +3,12 @@ import _ from 'lodash';
 import { useTranslation } from 'react-i18next';
 
 import { useAuth } from '../lib/Auth';
-import { useMatrix } from '../lib/Matrix';
+import LoadingSpinner from './UI/LoadingSpinner';
 
-const ContextMultiLevelSelectSingleLevel = ({ parentSpaceRoomId, selectedContextRoomId, onSelect, onFetchedChildren, templatePlaceholderMapping, templatePrefixFilter, sortAlphabetically, showTopics }) => {
+const ContextMultiLevelSelectSingleLevel = ({ parentSpaceRoomId, selectedContextRoomId, onSelect, onFetchedChildren, templatePlaceholderMapping, templatePrefixFilter, sortAlphabetically, showTopics, setSelectedContextName }) => {
     const auth = useAuth();
-    const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
-    const matrix = useMatrix(auth.getAuthenticationProvider('matrix'));
+    const matrix = auth.getAuthenticationProvider('matrix');
+    const matrixClient = matrix.getMatrixClient();
     const [isLoading, setIsLoading] = useState(true);
     const [parentSpaceMetaEvent, setParentSpaceMetaEvent] = useState();
     const [childContexts, setChildContexts] = useState();
@@ -26,51 +26,34 @@ const ContextMultiLevelSelectSingleLevel = ({ parentSpaceRoomId, selectedContext
         // Fetch all child contexts
         const fetchChildContexts = async () => {
             let newChildContexts = [];
-
-            const spaceCache = await matrix.spaces.get(parentSpaceRoomId);
-            console.log(parentSpaceRoomId);
-            if (spaceCache) {
-                setParentSpaceMetaEvent(spaceCache.meta);
-                for (const room of spaceCache.children) {
-                    console.log(room);
-                    const roomObject = matrix.spaces.get(room) || matrix.rooms.get(room);
-                    console.log(roomObject);
-                    roomObject.room_id = roomObject.roomId;
-                    // // If this is not a context, ignore this space child
-                    // // if (metaEvent && metaEvent.type !== 'context') continue;
-                    // // If we only want to show specific contexts, ignore this space child if its template doesn't have the given prefix
-                    if (templatePrefixFilter &&roomObject.meta && !_.startsWith(roomObject.meta.template, templatePrefixFilter)) continue;
-                    // // ... otherwise show this space child:
-                    newChildContexts.push(roomObject);
-                }
-            } else {
-                let roomHierarchy = await matrixClient.getRoomHierarchy(parentSpaceRoomId, undefined, 1)
-                    .catch(/** @param {MatrixError} error */(error) => {
-                        // We only want to ignore the "M_FORBIDDEN" error, which means that our user does not have access to a certain space.
-                        // In every other case this is really an unexpected error and we want to throw.
-                        if (error.errcode !== 'M_FORBIDDEN') throw error;
-                    });
-                if (!roomHierarchy) roomHierarchy = { rooms: [] };
-
-                // Remove the first entry, which is the context we retrieved the children for
-                roomHierarchy.rooms.shift();
-                // Ensure we're looking at contexts, and not spaces/rooms of other types
-                for (const room of roomHierarchy.rooms) {
-                    const metaEvent = await matrixClient.getStateEvent(room.room_id, 'dev.medienhaus.meta').catch(() => { });
-                    // If this space/room does not have a meta event we do not care about it
-                    if (!metaEvent) continue;
-                    // If this is not a context, ignore this space child
-                    // if (metaEvent && metaEvent.type !== 'context') continue;
-                    // If we only want to show specific contexts, ignore this space child if its template doesn't have the given prefix
-                    if (templatePrefixFilter && metaEvent && !_.startsWith(metaEvent.template, templatePrefixFilter)) continue;
-                    // ... otherwise show this space child:
-                    newChildContexts.push(room);
-                }
+            let roomHierarchy = await matrixClient.getRoomHierarchy(parentSpaceRoomId, undefined, 1)
+                .catch(/** @param {MatrixError} error */(error) => {
+                    // We only want to ignore the "M_FORBIDDEN" error, which means that our user does not have access to a certain space.
+                    // In every other case this is really an unexpected error and we want to throw.
+                    if (error.errcode !== 'M_FORBIDDEN') throw error;
+                });
+            if (!roomHierarchy) roomHierarchy = { rooms: [] };
+
+            // return name of selected context
+            setSelectedContextName && setSelectedContextName(roomHierarchy.rooms[0].name);
+            // Remove the first entry, which is the context we retrieved the children for
+
+            roomHierarchy.rooms.shift();
+            // Ensure we're looking at contexts, and not spaces/rooms of other types
+            for (const room of roomHierarchy.rooms) {
+                const metaEvent = await matrixClient.getStateEvent(room.room_id, 'dev.medienhaus.meta').catch(() => { });
+                // If this space/room does not have a meta event we do not care about it
+                if (!metaEvent) continue;
+                // If this is not a context, ignore this space child
+                // if (metaEvent && metaEvent.type !== 'context') continue;
+                // If we only want to show specific contexts, ignore this space child if its template doesn't have the given prefix
+                if (templatePrefixFilter && metaEvent && !_.startsWith(metaEvent.template, templatePrefixFilter)) continue;
+                // ... otherwise show this space child:
+                newChildContexts.push(room);
             }
             if (sortAlphabetically) {
                 newChildContexts = _.sortBy(newChildContexts, 'name');
             }
-
             if (!isSubscribed) return;
             onFetchedChildren(newChildContexts.length > 0);
             setChildContexts(newChildContexts);
@@ -92,9 +75,8 @@ const ContextMultiLevelSelectSingleLevel = ({ parentSpaceRoomId, selectedContext
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [matrixClient, parentSpaceRoomId, sortAlphabetically, templatePlaceholderMapping, templatePrefixFilter]);
 
-    useEffect(() => console.log(childContexts), [childContexts]);
     if (isLoading) {
-        return <select key="loading" disabled><option>loading...</option></select>;
+        return <LoadingSpinner />;
     }
 
     if (childContexts.length < 1) {
@@ -136,10 +118,11 @@ const ContextMultiLevelSelectSingleLevel = ({ parentSpaceRoomId, selectedContext
  * @param {boolean} sortAlphabetically - If entries should be ordered alphabetically
  * @param {Object} templatePlaceholderMapping - Optional object containing placeholders for each <select> based on the `dev.medienhaus.meta.template` of the parent context
  * @param {string} templatePrefixFilter - Optional prefix to filter contexts by their templates
+ * @param {React.setState} setSelectedContextName- Oprional setter function for parent name
  *
  * @return {React.ReactElement}
  */
-const ContextMultiLevelSelect = ({ activeContexts, onChange, showTopics, sortAlphabetically, templatePlaceholderMapping, templatePrefixFilter }) => {
+const ContextMultiLevelSelect = ({ activeContexts, onChange, showTopics, sortAlphabetically, templatePlaceholderMapping, templatePrefixFilter, setSelectedContextName }) => {
     const onSelect = useCallback((parentContextRoomId, selectedChildContextRoomId) => {
         const newActiveContexts = [...activeContexts.splice(0, activeContexts.findIndex((contextRoomId) => contextRoomId === parentContextRoomId) + 1)];
 
@@ -166,6 +149,7 @@ const ContextMultiLevelSelect = ({ activeContexts, onChange, showTopics, sortAlp
                     sortAlphabetically={sortAlphabetically}
                     templatePlaceholderMapping={templatePlaceholderMapping}
                     templatePrefixFilter={templatePrefixFilter}
+                    setSelectedContextName={setSelectedContextName}
                 />
             )) }
         </>

From 7f2553148697a619c9e1d5fd65d27112cdc8003f Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 31 Aug 2023 16:49:01 +0200
Subject: [PATCH 189/714] Add function to add existing contexts to a parent

---
 pages/explore/AddExistingContext.js   | 98 +++++++++++++++++++++++++++
 pages/explore/ManageContextActions.js | 12 ++--
 2 files changed, 105 insertions(+), 5 deletions(-)
 create mode 100644 pages/explore/AddExistingContext.js

diff --git a/pages/explore/AddExistingContext.js b/pages/explore/AddExistingContext.js
new file mode 100644
index 00000000..f8a044b6
--- /dev/null
+++ b/pages/explore/AddExistingContext.js
@@ -0,0 +1,98 @@
+import React, { useEffect, useState } from 'react';
+import styled from 'styled-components';
+import { useTranslation } from 'react-i18next';
+
+import { useAuth } from '../../lib/Auth';
+import ContextMultiLevelSelect from '../../components/ContextMultiLevelSelect';
+import ErrorMessage from '../../components/UI/ErrorMessage';
+import Form from '../../components/UI/Form';
+
+/**
+ * 'ADD EXISTING CONTEXT' COMPONENT
+ *  Displays select menus for the space hierarchy of a parsed matrix room id.
+ *  Users can select a 'context' and add it as a child to the parent space (parentId)
+ * ------------------
+ *
+ * @param {String} parentId — matrix room id of the parent context
+ * @param {String} parentName — name of parent
+ * @param {String} contextRootId — matrix room id of the root context from where to start fetching room hierarchies. (CANNOT be selected itself)
+ *
+ * @TODO
+ *  return name from ContextMultiLevelSelect instead of fetching it again in fetchRoomName
+ *  disable other selects when fetching new children
+ *
+*/
+
+const AddExistingContext = ({ parentId, parentName, contextRootId }) => {
+    const auth = useAuth();
+    const matrix = auth.getAuthenticationProvider('matrix');
+    const [activeContexts, setActiveContexts] = useState([contextRootId]);
+    const [selectedContextName, setSelectedContextName] = useState('');
+    const [isAddingAllowed, setIsAddingAllowed] = useState();
+    const [errorMessage, setErrorMessage] = useState();
+    const { t } = useTranslation('explore');
+
+    useEffect(() => {
+        const validateContextRelationship = () => {
+            if (parentId && activeContexts[activeContexts.length - 1]) {
+                setErrorMessage('');
+                setIsAddingAllowed(true);
+            } else {
+                setErrorMessage(t('At least one of the contexts is not selected properly'));
+                setIsAddingAllowed(false);
+            }
+            if (parentId && activeContexts[activeContexts.length - 1] && parentId !== activeContexts[activeContexts.length - 1]) {
+                setErrorMessage('');
+                setIsAddingAllowed(true);
+            } else {
+                setErrorMessage(t('You cannot add a context to itself.'));
+                setIsAddingAllowed(false);
+            }
+            if (contextRootId === activeContexts[activeContexts.length - 1]) {
+                setErrorMessage(t(''));
+                setIsAddingAllowed(false);
+            }
+            if (parentId === activeContexts[activeContexts.length - 2]) {
+                setErrorMessage(t('{{child}} is already part of {{parent}}', { child: selectedContextName, parent: parentName }));
+                setIsAddingAllowed(false);
+            }
+        };
+        validateContextRelationship();
+    }, [activeContexts, contextRootId, parentId, parentName, selectedContextName, t]);
+
+    const addContextToParent = async () => {
+        const call = await matrix.addSpaceChild(parentId, activeContexts[activeContexts.length - 1])
+            .catch(error => {
+                setErrorMessage(error.data?.error);
+
+                return;
+            });
+        if (call?.event_id) {
+            // call worked as expected
+            alert(t('{{selectedContextName}} was successfully added to {{parentName}}', { selectedContextName: selectedContextName, parentName: parentName }));
+            cleanUp();
+        }
+    };
+
+    // resetting all states back to start for a fresh new interaction.
+    const cleanUp = () => {
+        setActiveContexts([contextRootId]);
+        setSelectedContextName('');
+        setIsAddingAllowed(false);
+        setErrorMessage('');
+    };
+
+    return (
+        <Form>
+            <ContextMultiLevelSelect onChange={setActiveContexts} activeContexts={activeContexts} setSelectedContextName={setSelectedContextName} />
+            { selectedContextName && isAddingAllowed && <p> { t('You are about to add {{ selectedContextName }} to {{parentName}}', { selectedContextName: selectedContextName, parentName: parentName }) }</p> }
+            { isAddingAllowed && <>
+                <button disabled={!isAddingAllowed} onClick={addContextToParent}>add</button>
+                <button onClick={cleanUp}>{ t('cancel') }</button>
+            </> }
+            { errorMessage && <ErrorMessage>{ errorMessage }</ErrorMessage> }
+        </Form>
+    );
+};
+
+export default AddExistingContext;
diff --git a/pages/explore/ManageContextActions.js b/pages/explore/ManageContextActions.js
index 72dceb58..7d968c65 100644
--- a/pages/explore/ManageContextActions.js
+++ b/pages/explore/ManageContextActions.js
@@ -1,8 +1,10 @@
 import React from 'react';
 import { t } from 'i18next';
+import getConfig from 'next/config';
 
 import CreateContext from './CreateContext';
 import AddExistingItem from './AddExistingItem';
+import AddExistingContext from './AddExistingContext';
 
 const ManageContextActions = ({ userInfos, parentId, currentId, currentName, setShowActions }) => {
     return <>
@@ -16,11 +18,11 @@ const ManageContextActions = ({ userInfos, parentId, currentId, currentName, set
             <AddExistingItem currentId={currentId} currentName={currentName} />
         </details>
 
-        { /* <details>
-                <summary>{ t('add existing context') }</summary>
-                <AddExistingContext parentId={currentId} parentName={currentName} setShowActions={setShowActions} />
-            </details>
-
+        <details>
+            <summary>{ t('add existing context') }</summary>
+            <AddExistingContext parentId={currentId} parentName={currentName} contextRootId={getConfig().publicRuntimeConfig.contextRootSpaceRoomId} />
+        </details>
+        { /*
             <details>
                 <summary>{ t('add existing item from application') }</summary>
             </details> */ }

From adb36f85d3a0215d9dc0b179d6811969e8f26ba6 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 31 Aug 2023 19:30:34 +0200
Subject: [PATCH 190/714] add component to remove a space frome a parent space

---
 pages/explore/RemoveSpaceFromParent.js | 127 +++++++++++++++++++++++++
 1 file changed, 127 insertions(+)
 create mode 100644 pages/explore/RemoveSpaceFromParent.js

diff --git a/pages/explore/RemoveSpaceFromParent.js b/pages/explore/RemoveSpaceFromParent.js
new file mode 100644
index 00000000..7ce66123
--- /dev/null
+++ b/pages/explore/RemoveSpaceFromParent.js
@@ -0,0 +1,127 @@
+import React, { useState } from 'react';
+import styled from 'styled-components';
+import { useTranslation } from 'react-i18next';
+
+import { useAuth } from '../../lib/Auth';
+import { ServiceTable } from '../../components/UI/ServiceTable';
+import BinIcon from '../../assets/icons/bin.svg';
+import TextButton from '../../components/UI/TextButton';
+import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
+
+const RemoveSection = styled.div`
+  & {
+    margin-bottom: var(--margin);
+  }
+
+  & > button {
+    width: 150px;
+    margin-right: var(--margin);
+    margin-bottom: var(--margin);
+  }
+
+  & span:first-of-type {
+    background-color: var(--color-hi);
+  }
+`;
+
+/**
+ * COMPONENT 'RemoveAction'
+ *
+ * @TODO
+ *
+ * @param {String} parentId — the Id of the current observed Room
+ * @param {String} parentName – x
+ * @param {function} activeAction – x
+ * @callback callApiAndAddToObject
+*/
+
+const RemoveAction = ({
+    parentId,
+    parentName,
+    children,
+    callApiAndAddToObject,
+}) => {
+    const auth = useAuth();
+    const matrix = auth.getAuthenticationProvider('matrix');
+    const [isRemovingChild, setIsRemovingChild] = useState(false);
+
+    const { t } = useTranslation('explore');
+
+    const removeChildFromParent = async (e, name, roomId) => {
+        setIsRemovingChild(true);
+        const deleteDialogue = confirm(t('Are you sure you want to remove {{child}} from {{parent}}', { child: name, parent: parentName }));
+        if (deleteDialogue) {
+            const call = await matrix.removeSpaceChild(parentId, roomId)
+                .catch(error => {
+                    alert(error.data?.error);
+                });
+            if (call?.event_id) { //if an event_id is provided as an response the call were accepted and the currentId removed from the parentId as a m.room.spaceChild
+                await callApiAndAddToObject(e, parentId);
+            }
+        }
+        setIsRemovingChild(false);
+    };
+
+    return (
+        <>
+            { (children && parentName) &&
+                (<RemoveSection>
+                    <ServiceTable>
+                        { children.map(child => {
+                            return <RemoveListEntry
+                                child={child}
+                                isRemovingChild={isRemovingChild}
+                                removeChildFromParent={removeChildFromParent}
+                                parentName={parentName}
+                            />;
+                        }) }
+
+                    </ServiceTable>
+                </RemoveSection>)
+            }
+        </>
+
+    );
+};
+
+export default RemoveAction;
+
+/**
+ * Description placeholder
+ *
+ * @param {Object} child - object of child containing name and room_id keys
+ * @param {Boolean} isRemovingChild
+ * @param {String} parentName - name of parent space
+ * @callback removeChildFromParent
+ *   @param {Event} e
+ *   @param {String} name
+ *   @param {String} roomId - matrix room id of room to remove
+ * @returns {React.ReactComponent}
+ */
+
+function RemoveListEntry({ child, isRemovingChild, parentName, removeChildFromParent }) {
+    const [isDeletingCurrentChild, setIsDeletingCurrentChild] = useState(false);
+    const { t } = useTranslation();
+
+    const handleClick = async (e) => {
+        e.preventDefault();
+        setIsDeletingCurrentChild(true);
+        await removeChildFromParent(e, child.name, child.room_id);
+        setIsDeletingCurrentChild(false);
+    };
+
+    return <ServiceTable.Row>
+        <ServiceTable.Cell>{ child.name }</ServiceTable.Cell>
+        <ServiceTable.Cell>
+            <TextButton
+                disabled={isRemovingChild}
+                onClick={(e) => handleClick(e)}
+                title={t('Remove {{child}} from {{parent}}', { child: child.name, parent: parentName })}>
+                { isDeletingCurrentChild ?
+                    <LoadingSpinnerInline /> :
+                    <BinIcon fill="var(--color-foreground)" /> }
+            </TextButton>
+        </ServiceTable.Cell>
+    </ServiceTable.Row>;
+}
+

From f38904e08a76ca8d3f86bebece3828d4e0062fb2 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 31 Aug 2023 19:31:16 +0200
Subject: [PATCH 191/714] add `RemoveSpaceFromParent` component

---
 pages/explore/ManageContextActions.js | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/pages/explore/ManageContextActions.js b/pages/explore/ManageContextActions.js
index 72dceb58..1cfdc2cb 100644
--- a/pages/explore/ManageContextActions.js
+++ b/pages/explore/ManageContextActions.js
@@ -3,8 +3,9 @@ import { t } from 'i18next';
 
 import CreateContext from './CreateContext';
 import AddExistingItem from './AddExistingItem';
+import RemoveSpaceFromParent from './RemoveSpaceFromParent';
 
-const ManageContextActions = ({ userInfos, parentId, currentId, currentName, setShowActions }) => {
+const ManageContextActions = ({ userInfos, parentId, currentId, currentName, children, callApiAndAddToObject }) => {
     return <>
         <h2>{ t('Manage contexts and items within ') }{ currentName }</h2>
         <details>
@@ -25,6 +26,15 @@ const ManageContextActions = ({ userInfos, parentId, currentId, currentName, set
                 <summary>{ t('add existing item from application') }</summary>
             </details> */ }
 
+        <details>
+            <summary>{ t('remove items or contexts') }</summary>
+            <RemoveSpaceFromParent
+                parentId={currentId}
+                parentName={currentName}
+                children={children}
+                callApiAndAddToObject={callApiAndAddToObject} />
+        </details>
+
     </>;
 };
 

From 1ab1e1479ad517aea711f42c9bfd1827af7966c9 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 31 Aug 2023 19:31:54 +0200
Subject: [PATCH 192/714] parse current room hierarchy and callback function to
 `RemoveSpaceFromParent`

---
 pages/explore/ExploreMatrixActions.js | 5 ++++-
 pages/explore/[[...roomId]].js        | 2 ++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/pages/explore/ExploreMatrixActions.js b/pages/explore/ExploreMatrixActions.js
index 2b4a1365..67a4b9e7 100644
--- a/pages/explore/ExploreMatrixActions.js
+++ b/pages/explore/ExploreMatrixActions.js
@@ -13,6 +13,7 @@ import LoadingSpinner from '../../components/UI/LoadingSpinner';
  * @param {String} parentId — the Id of the parent of the currently observed Room. Matrix background: parentId lists currentId as an m.space.child stateevent. currentId got no information about the parentId.
  * @param {function} popActiveContexts – deletes the latest Element of the Contexts Multi Level Select Stack. Needed for the remove action.
  * @param {Boolean} isCurrentUserModerator - true if the user has moderatoion rights for the currentId.
+ * @callback callApiAndAddToObject
  * @TODO
  * - changing all hardcoded mod rights (50) in all files related to the 'action' component to dynamicly ones. so that it will check what the powerlevel for the intended event to send needs to be, based on the indidual specific room criterial.
 */
@@ -24,7 +25,7 @@ const ExploreMatrixActionWrapper = styled.div`
   border-collapse: collapse;
 `;
 
-const ExploreMatrixActions = ({ currentId, parentId, isCurrentUserModerator, popActiveContexts }) => {
+const ExploreMatrixActions = ({ currentId, parentId, isCurrentUserModerator, children, callApiAndAddToObject }) => {
     /**
     * MATRIX
     * ------------------
@@ -131,6 +132,8 @@ const ExploreMatrixActions = ({ currentId, parentId, isCurrentUserModerator, pop
                     currentId={currentId}
                     parentId={parentId}
                     currentName={roomName}
+                    children={children}
+                    callApiAndAddToObject={callApiAndAddToObject}
                 /> }
         </ExploreMatrixActionWrapper>
     );
diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 3c3bf9f4..31ec814c 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -156,6 +156,8 @@ export default function Explore() {
                             isCurrentUserModerator={isCurrentUserModerator}
                             currentId={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].room_id}
                             parentId={selectedSpaceChildren[selectedSpaceChildren.length - 2]?.[0].room_id}
+                            children={selectedSpaceChildren[selectedSpaceChildren.length - 1]}
+                            callApiAndAddToObject={callApiAndAddToObject}
                         /> : <ServiceTable>
                             { selectedSpaceChildren[selectedSpaceChildren.length - 1]
                                 .sort(function(a, b) {

From 5686f6c9ba7df45b73f0c78d52a872dcf5cee0ce Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 6 Sep 2023 11:19:33 +0200
Subject: [PATCH 193/714] introduce Default Modal component and implement for
 moderate context view

---
 components/UI/Modal.js         |  4 +-
 pages/explore/[[...roomId]].js | 69 +++++++++++++++++++---------------
 2 files changed, 40 insertions(+), 33 deletions(-)

diff --git a/components/UI/Modal.js b/components/UI/Modal.js
index 2cd8765c..8e15d121 100644
--- a/components/UI/Modal.js
+++ b/components/UI/Modal.js
@@ -1,7 +1,7 @@
 import React from 'react';
 import ReactModal from 'react-modal';
 
-const DefaultModal = ({ children, isOpen, onRequestClose }) => {
+const DefaultModal = ({ children, isOpen, onRequestClose, shouldCloseOnOverlayClick = true }) => {
     if (typeof window !== 'undefined') ReactModal.setAppElement(document.body);
 
     const customStyles = {
@@ -22,7 +22,7 @@ const DefaultModal = ({ children, isOpen, onRequestClose }) => {
         onRequestClose={() => onRequestClose(false)}
         contentLabel="Invite Users"
         style={customStyles}
-        shouldCloseOnOverlayClick={true}>
+        shouldCloseOnOverlayClick={shouldCloseOnOverlayClick}>
         { children }
     </ReactModal>;
 };
diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 3c3bf9f4..9e1f6035 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -14,6 +14,7 @@ import ErrorMessage from '../../components/UI/ErrorMessage';
 import TreeLeaves from './TreeLeaves';
 import TreePath from './TreePath';
 import ExploreIframeViews from './ExploreIframeViews';
+import DefaultModal from '../../components/UI/Modal';
 
 export default function Explore() {
     const [selectedSpaceChildren, setSelectedSpaceChildren] = useState([]);
@@ -148,45 +149,51 @@ export default function Explore() {
                         title={matrix.spaces.get(router.query.roomId[0])?.name || matrix.rooms.get(router.query.roomId[0])?.name || selectedSpaceChildren[selectedSpaceChildren.length -1][0].name}
                         removingLink={false}
                         roomId={roomId}
+                        manageContextActionToggle={manageContextActionToggle}
                         isCurrentUserModerator={isCurrentUserModerator}
                         setManageContextActionToggle={setManageContextActionToggle}
                     />
-                    { manageContextActionToggle ?
+                    <DefaultModal
+                        isOpen={manageContextActionToggle}
+                        onRequestClose={() => setManageContextActionToggle(false)}
+                        contentLabel="Manage context">
                         <ExploreMatrixActions
                             isCurrentUserModerator={isCurrentUserModerator}
                             currentId={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].room_id}
                             parentId={selectedSpaceChildren[selectedSpaceChildren.length - 2]?.[0].room_id}
-                        /> : <ServiceTable>
-                            { selectedSpaceChildren[selectedSpaceChildren.length - 1]
-                                .sort(function(a, b) {
-                                    if (a.type === 'item' && b.type !== 'item') {
-                                        return -1; // a comes before b
-                                    } else if (a.type !== 'item' && b.type === 'item') {
-                                        return 1; // a comes after b
-                                    } else {
-                                        return 0; // no sorting necessary
-                                    }
-                                })
-                                .map((leaf, index) => {
-                                    if (leaf.length <= 1) {
-                                        return <ErrorMessage key="error-message">
+                        />
+                    </DefaultModal>
+                    <ServiceTable>
+                        { selectedSpaceChildren[selectedSpaceChildren.length - 1]
+                            .sort(function(a, b) {
+                                if (a.type === 'item' && b.type !== 'item') {
+                                    return -1; // a comes before b
+                                } else if (a.type !== 'item' && b.type === 'item') {
+                                    return 1; // a comes after b
+                                } else {
+                                    return 0; // no sorting necessary
+                                }
+                            })
+                            .map((leaf, index) => {
+                                if (leaf.length <= 1) {
+                                    return <ErrorMessage key="error-message">
                                                         Thank You { auth.user.displayname }! But Our Item Is In Another Context! 🍄
-                                        </ErrorMessage>;
-                                    }
-                                    if (index === 0) return null;
-
-                                    // we sort the array to display object of the type 'item' before others.
-                                    return <TreeLeaves
-                                        depth={selectedSpaceChildren.length}
-                                        leaf={leaf}
-                                        parent={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].room_id}
-                                        key={leaf.room_id + '_' + index}
-                                        iframeRoomId={iframeRoomId}
-                                        isFetchingContent={isFetchingContent}
-                                    />;
-                                }) }
-                        </ServiceTable>
-                    }
+                                    </ErrorMessage>;
+                                }
+                                if (index === 0) return null;
+
+                                // we sort the array to display object of the type 'item' before others.
+                                return <TreeLeaves
+                                    depth={selectedSpaceChildren.length}
+                                    leaf={leaf}
+                                    parent={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].room_id}
+                                    key={leaf.room_id + '_' + index}
+                                    iframeRoomId={iframeRoomId}
+                                    isFetchingContent={isFetchingContent}
+                                />;
+                            }) }
+                    </ServiceTable>
+
                 </>
                 }
             </IframeLayout.IframeWrapper> }

From ba3cdde702e086a1baf20885595037129c31e899 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 6 Sep 2023 11:21:28 +0200
Subject: [PATCH 194/714] change workflow of manage contexts menu

---
 components/UI/PreviousNextButtons.js  | 47 ++++++++++++++++
 pages/explore/ExploreMatrixActions.js | 80 ++++++++++++++++++++++++---
 public/locales/de/_defaults.json      |  2 +
 3 files changed, 122 insertions(+), 7 deletions(-)
 create mode 100644 components/UI/PreviousNextButtons.js

diff --git a/components/UI/PreviousNextButtons.js b/components/UI/PreviousNextButtons.js
new file mode 100644
index 00000000..d8cf25bf
--- /dev/null
+++ b/components/UI/PreviousNextButtons.js
@@ -0,0 +1,47 @@
+import styled from 'styled-components';
+import { useTranslation } from 'react-i18next';
+
+const PreviousNextButtonsWrapper = styled.div`
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  grid-gap: var(--margin);
+`;
+
+const NextButton = styled.button`
+  color: var(--color-background);
+  background-color: var(--color-foreground);
+
+  &:disabled {
+    color: var(--color-background);
+    background-color: var(--color-disabled);
+  }
+`;
+
+const PreviousButton = styled.button`
+  color: var(--color-foreground);
+  background-color: var(--color-background);
+
+  &:disabled {
+    color: var(--color-disabled);
+    background-color: var(--color-background);
+  }
+`;
+
+const PreviousNextButtons = ({ children, disabled, onClick, onCancel }) => {
+    const { t } = useTranslation();
+
+    const handlePrevious = (e) => {
+        //@TODO check type submit thing
+        e.preventDefault();
+        onCancel();
+    };
+
+    return (
+        <PreviousNextButtonsWrapper>
+            <PreviousButton type="button" disabled={disabled} onClick={handlePrevious}>{ t('Previous') }</PreviousButton>
+            <NextButton type="submit" disabled={disabled}>{ children ? children : t('Next') }</NextButton>
+        </PreviousNextButtonsWrapper>
+    );
+};
+
+export default PreviousNextButtons;
diff --git a/pages/explore/ExploreMatrixActions.js b/pages/explore/ExploreMatrixActions.js
index 2b4a1365..bfb7ac38 100644
--- a/pages/explore/ExploreMatrixActions.js
+++ b/pages/explore/ExploreMatrixActions.js
@@ -1,9 +1,15 @@
 import React, { useCallback, useEffect, useState } from 'react';
 import styled from 'styled-components';
+import getConfig from 'next/config';
+import { useTranslation } from 'react-i18next';
 
 import { useAuth } from '../../lib/Auth';
-import ManageContextActions from './ManageContextActions';
 import LoadingSpinner from '../../components/UI/LoadingSpinner';
+import CreateContext from './CreateContext';
+import AddExistingContext from './AddExistingContext';
+import AddExistingItem from './AddExistingItem';
+import Form from '../../components/UI/Form';
+import PreviousNextButtons from '../../components/UI/PreviousNextButtons';
 
 /**
  * ACTIONS COMPONENT
@@ -24,7 +30,17 @@ const ExploreMatrixActionWrapper = styled.div`
   border-collapse: collapse;
 `;
 
+const RadioWrapper = styled.div`
+  display: grid;
+  grid-auto-flow: column;
+  grid-gap: var(--margin);
+  align-content: center;
+  justify-content: start;
+`;
+
 const ExploreMatrixActions = ({ currentId, parentId, isCurrentUserModerator, popActiveContexts }) => {
+    const [selectedAction, setSelectedAction] = useState('');
+    const [selectedRadioButton, setSelectedRadioButton] = useState('');
     /**
     * MATRIX
     * ------------------
@@ -36,6 +52,7 @@ const ExploreMatrixActions = ({ currentId, parentId, isCurrentUserModerator, pop
 
     const auth = useAuth();
     const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
+    const { t } = useTranslation('explore');
 
     /**
     * GENERIC STATES
@@ -122,18 +139,67 @@ const ExploreMatrixActions = ({ currentId, parentId, isCurrentUserModerator, pop
     *                       'settings' -> mod/admin rights required
     * 'MenuSection'     contains the actual user interfaces for the specific action
     */
+
     if (!roomName) return <LoadingSpinner />;
 
     return (
         <ExploreMatrixActionWrapper>
-            { isCurrentUserModerator &&
-                <ManageContextActions
-                    currentId={currentId}
-                    parentId={parentId}
-                    currentName={roomName}
-                /> }
+            <h2>{ t('Manage contexts and items within ') }{ roomName }</h2>
+
+            { isCurrentUserModerator && (
+                <Form onSubmit={(e) => {
+                    //@TODO check type submit thing
+                    e.preventDefault();
+                    setSelectedAction(selectedRadioButton);
+                }
+                }
+                onChange={(e) => setSelectedRadioButton(e.target.value)}>
+
+                    <RenderSwitch
+                        selectedAction={selectedAction}
+                        currentId={currentId}
+                        parentId={parentId}
+                        roomName={roomName}
+                    />
+                    <PreviousNextButtons
+                        disabled={!selectedRadioButton}
+                        onCancel={() => setSelectedAction('')}
+                    />
+
+                </Form>)
+            }
         </ExploreMatrixActionWrapper>
     );
 };
 
 export default ExploreMatrixActions;
+
+const RenderSwitch = ({ selectedAction, currentId, parentId, roomName }) => {
+    const { t } = useTranslation();
+
+    switch (selectedAction) {
+        case 'substructure':
+            return <CreateContext currentId={currentId} parentId={parentId} />;
+        case 'existingItem':
+            return <AddExistingItem currentId={currentId} currentName={roomName} />;
+        case 'existingContext':
+            return <AddExistingContext parentId={currentId} parentName={roomName} contextRootId={getConfig().publicRuntimeConfig.contextRootSpaceRoomId} />;
+        default:
+            return <>
+                <RadioWrapper>
+                    <input type="radio" id="substructure" name="action" value="substructure" />
+                    <label htmlFor="substructure">{ t('create new substructure') }</label>
+                </RadioWrapper>
+
+                <RadioWrapper>
+                    <input type="radio" id="existingItem" name="action" value="existingItem" />
+                    <label htmlFor="existingItem"> { t('add existing item') }</label>
+                </RadioWrapper>
+
+                <RadioWrapper>
+                    <input type="radio" id="existingContext" name="action" value="existingContext" />
+                    <label htmlFor="existingContext">{ t('add existing context') }</label>
+                </RadioWrapper>
+            </>;
+    }
+};
diff --git a/public/locales/de/_defaults.json b/public/locales/de/_defaults.json
index fe17bc65..96e7068e 100644
--- a/public/locales/de/_defaults.json
+++ b/public/locales/de/_defaults.json
@@ -3,8 +3,10 @@
   "Confirm": "Bestätigen",
   "Copy link to clipboard": "Link kopieren",
   "Delete": "Löschen",
+  "Next": "Weiter",
   "Password": "Passwort",
   "password protected": "Passwortgeschützt",
+  "Previous": "Zurück",
   "Upload": "Hochladen",
   "Save changes": "Änderungen speichern",
   "select {{option}}": "{{option}} wählen",

From d8a8f24df94278e9a4af24b1334ca865a305e964 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 6 Sep 2023 11:26:57 +0200
Subject: [PATCH 195/714] update component import

---
 components/UI/ServiceIframeHeader.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/UI/ServiceIframeHeader.js b/components/UI/ServiceIframeHeader.js
index 82ac88e9..beaa6f10 100644
--- a/components/UI/ServiceIframeHeader.js
+++ b/components/UI/ServiceIframeHeader.js
@@ -8,7 +8,7 @@ import CopyToClipboard from '../../components/UI/CopyToClipboard';
 import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
 import FolderIcon from '../../assets/icons/folder.svg';
 import ListSettingsIcon from '../../assets/icons/list-settings.svg';
-import InviteUserToMatrixRoom from './InviteUserToMatrixRoom';
+import InviteUsersToMatrixRoom from './InviteUsersToMatrixRoom';
 
 const ToggleButton = styled.button`
   /* unset globally defined button styles; set height to line-height */
@@ -31,7 +31,7 @@ const ServiceIframeHeader = ({ isDeletingPad, deleteContent, title, roomId, mypa
                 { deleteContent && <button title={t(mypadsPadObject ? 'Delete pad' : 'Remove pad from my library')} onClick={deleteContent}>
                     { isDeletingPad ? <LoadingSpinnerInline /> : <BinIcon fill="var(--color-foreground)" /> }
                 </button> }
-                <InviteUserToMatrixRoom roomId={roomId} name={title} />
+                <InviteUsersToMatrixRoom roomId={roomId} name={title} />
                 { isCurrentUserModerator && (
                     isManageContextMenuOpen ? (
                         <ToggleButton onClick={() => { setManageContextActionToggle(true); }}>

From a63c9c723e605fdb1c859b8f3d1edccabfacab3f Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 6 Sep 2023 12:08:28 +0200
Subject: [PATCH 196/714] update component import and name

---
 components/UI/ServiceIframeHeader.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/UI/ServiceIframeHeader.js b/components/UI/ServiceIframeHeader.js
index 82ac88e9..beaa6f10 100644
--- a/components/UI/ServiceIframeHeader.js
+++ b/components/UI/ServiceIframeHeader.js
@@ -8,7 +8,7 @@ import CopyToClipboard from '../../components/UI/CopyToClipboard';
 import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
 import FolderIcon from '../../assets/icons/folder.svg';
 import ListSettingsIcon from '../../assets/icons/list-settings.svg';
-import InviteUserToMatrixRoom from './InviteUserToMatrixRoom';
+import InviteUsersToMatrixRoom from './InviteUsersToMatrixRoom';
 
 const ToggleButton = styled.button`
   /* unset globally defined button styles; set height to line-height */
@@ -31,7 +31,7 @@ const ServiceIframeHeader = ({ isDeletingPad, deleteContent, title, roomId, mypa
                 { deleteContent && <button title={t(mypadsPadObject ? 'Delete pad' : 'Remove pad from my library')} onClick={deleteContent}>
                     { isDeletingPad ? <LoadingSpinnerInline /> : <BinIcon fill="var(--color-foreground)" /> }
                 </button> }
-                <InviteUserToMatrixRoom roomId={roomId} name={title} />
+                <InviteUsersToMatrixRoom roomId={roomId} name={title} />
                 { isCurrentUserModerator && (
                     isManageContextMenuOpen ? (
                         <ToggleButton onClick={() => { setManageContextActionToggle(true); }}>

From 83bed5a4ea0f8709c2ca628fbfe3b2d6c15136ec Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 6 Sep 2023 12:09:19 +0200
Subject: [PATCH 197/714] update component import and name

---
 components/UI/ServiceIframeHeader.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/UI/ServiceIframeHeader.js b/components/UI/ServiceIframeHeader.js
index 82ac88e9..beaa6f10 100644
--- a/components/UI/ServiceIframeHeader.js
+++ b/components/UI/ServiceIframeHeader.js
@@ -8,7 +8,7 @@ import CopyToClipboard from '../../components/UI/CopyToClipboard';
 import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
 import FolderIcon from '../../assets/icons/folder.svg';
 import ListSettingsIcon from '../../assets/icons/list-settings.svg';
-import InviteUserToMatrixRoom from './InviteUserToMatrixRoom';
+import InviteUsersToMatrixRoom from './InviteUsersToMatrixRoom';
 
 const ToggleButton = styled.button`
   /* unset globally defined button styles; set height to line-height */
@@ -31,7 +31,7 @@ const ServiceIframeHeader = ({ isDeletingPad, deleteContent, title, roomId, mypa
                 { deleteContent && <button title={t(mypadsPadObject ? 'Delete pad' : 'Remove pad from my library')} onClick={deleteContent}>
                     { isDeletingPad ? <LoadingSpinnerInline /> : <BinIcon fill="var(--color-foreground)" /> }
                 </button> }
-                <InviteUserToMatrixRoom roomId={roomId} name={title} />
+                <InviteUsersToMatrixRoom roomId={roomId} name={title} />
                 { isCurrentUserModerator && (
                     isManageContextMenuOpen ? (
                         <ToggleButton onClick={() => { setManageContextActionToggle(true); }}>

From ceeba4535b485bcc6df0e1743fdca9a2e5eb1a8b Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 6 Sep 2023 12:12:18 +0200
Subject: [PATCH 198/714] use eraser icon instead of bin for removing spaces

---
 assets/icons/eraser.svg                | 1 +
 pages/explore/RemoveSpaceFromParent.js | 4 ++--
 2 files changed, 3 insertions(+), 2 deletions(-)
 create mode 100644 assets/icons/eraser.svg

diff --git a/assets/icons/eraser.svg b/assets/icons/eraser.svg
new file mode 100644
index 00000000..c1f7503a
--- /dev/null
+++ b/assets/icons/eraser.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M8.58564 8.85461L3.63589 13.8044L8.83021 18.9987L9.99985 18.998V18.9967H11.1714L14.9496 15.2186L8.58564 8.85461ZM9.99985 7.44039L16.3638 13.8044L19.1922 10.9759L12.8283 4.61197L9.99985 7.44039ZM13.9999 18.9967H20.9999V20.9967H11.9999L8.00229 20.9992L1.51457 14.5115C1.12405 14.1209 1.12405 13.4878 1.51457 13.0972L12.1212 2.49065C12.5117 2.10012 13.1449 2.10012 13.5354 2.49065L21.3136 10.2688C21.7041 10.6593 21.7041 11.2925 21.3136 11.683L13.9999 18.9967Z"></path></svg>
\ No newline at end of file
diff --git a/pages/explore/RemoveSpaceFromParent.js b/pages/explore/RemoveSpaceFromParent.js
index 7ce66123..5d226220 100644
--- a/pages/explore/RemoveSpaceFromParent.js
+++ b/pages/explore/RemoveSpaceFromParent.js
@@ -4,7 +4,7 @@ import { useTranslation } from 'react-i18next';
 
 import { useAuth } from '../../lib/Auth';
 import { ServiceTable } from '../../components/UI/ServiceTable';
-import BinIcon from '../../assets/icons/bin.svg';
+import EraserIcon from '../../assets/icons/eraser.svg';
 import TextButton from '../../components/UI/TextButton';
 import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
 
@@ -119,7 +119,7 @@ function RemoveListEntry({ child, isRemovingChild, parentName, removeChildFromPa
                 title={t('Remove {{child}} from {{parent}}', { child: child.name, parent: parentName })}>
                 { isDeletingCurrentChild ?
                     <LoadingSpinnerInline /> :
-                    <BinIcon fill="var(--color-foreground)" /> }
+                    <EraserIcon fill="var(--color-foreground)" /> }
             </TextButton>
         </ServiceTable.Cell>
     </ServiceTable.Row>;

From e689ae4f2c4346b7659f3393ce84d37e3c9870b8 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 6 Sep 2023 12:23:54 +0200
Subject: [PATCH 199/714] update import

---
 components/UI/ServiceIframeHeader.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/UI/ServiceIframeHeader.js b/components/UI/ServiceIframeHeader.js
index 82ac88e9..beaa6f10 100644
--- a/components/UI/ServiceIframeHeader.js
+++ b/components/UI/ServiceIframeHeader.js
@@ -8,7 +8,7 @@ import CopyToClipboard from '../../components/UI/CopyToClipboard';
 import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
 import FolderIcon from '../../assets/icons/folder.svg';
 import ListSettingsIcon from '../../assets/icons/list-settings.svg';
-import InviteUserToMatrixRoom from './InviteUserToMatrixRoom';
+import InviteUsersToMatrixRoom from './InviteUsersToMatrixRoom';
 
 const ToggleButton = styled.button`
   /* unset globally defined button styles; set height to line-height */
@@ -31,7 +31,7 @@ const ServiceIframeHeader = ({ isDeletingPad, deleteContent, title, roomId, mypa
                 { deleteContent && <button title={t(mypadsPadObject ? 'Delete pad' : 'Remove pad from my library')} onClick={deleteContent}>
                     { isDeletingPad ? <LoadingSpinnerInline /> : <BinIcon fill="var(--color-foreground)" /> }
                 </button> }
-                <InviteUserToMatrixRoom roomId={roomId} name={title} />
+                <InviteUsersToMatrixRoom roomId={roomId} name={title} />
                 { isCurrentUserModerator && (
                     isManageContextMenuOpen ? (
                         <ToggleButton onClick={() => { setManageContextActionToggle(true); }}>

From b31764e6168258effe19333b836d925b75753086 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 6 Sep 2023 12:24:10 +0200
Subject: [PATCH 200/714] remove unused import

---
 pages/etherpad/[[...roomId]].js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/pages/etherpad/[[...roomId]].js b/pages/etherpad/[[...roomId]].js
index 8c81684b..4295577e 100644
--- a/pages/etherpad/[[...roomId]].js
+++ b/pages/etherpad/[[...roomId]].js
@@ -18,7 +18,6 @@ import CreateAnonymousPad from './actions/CreateAnonymousPad';
 import AddExistingPad from './actions/AddExistingPad';
 import CreateAuthoredPad from './actions/CreateAuthoredPad';
 import CreatePasswordPad from './actions/CreatePasswordPad';
-import InviteUserToMatrixRoom from '../../components/UI/InviteUsersToMatrixRoom';
 
 export default function Etherpad() {
     const auth = useAuth();

From f26f7fd3b6419f5b2017907d423c36b1c949d51d Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 6 Sep 2023 12:47:05 +0200
Subject: [PATCH 201/714] remove UserHandle.js

---
 components/UserHandle/index.js | 45 ----------------------------------
 1 file changed, 45 deletions(-)
 delete mode 100644 components/UserHandle/index.js

diff --git a/components/UserHandle/index.js b/components/UserHandle/index.js
deleted file mode 100644
index b98acb19..00000000
--- a/components/UserHandle/index.js
+++ /dev/null
@@ -1,45 +0,0 @@
-import React from 'react';
-import styled from 'styled-components';
-
-const User = styled.div`
-  & {
-    margin-bottom: var(--margin);
-  }
-
-  & > button {
-    margin-bottom: var(--margin);
-  }
-`;
-
-/**
- * USERHANDLE COMPONENT
- * ------------------
- * This Component should be uses as an global Component for optional user interaction.
- * It should be used through the whole space application each time a username/ userId is rendered.
- *
- * @param {String} userId — the Id of the current observed Room
- *
- * @TODO
- * - adding user interaction: sending dm. url parameter scheme for /chat needs to be ready before implementing this to forward to that url after sending an invite.
- * - adding user interaction: invite to… context, but also to application items, needs further disucssion before specify the requirements for an implementation.
- * - adding user interaction: contextualize…. this should show contexts, items and so on which the current loggedIn user as well as the observed user are both part of.
-*/
-
-const UserHandle = ({ userId }) => {
-    return (
-        <User>
-            <details>
-                <summary>{ userId?.displayname ? userId?.displayname : userId?.id.split(':')[0].substring(1) }</summary> { /* If Displayname is not set fallback to user id  */ }
-                { 
-                <></>
-                /*
-                <p><a href={`#${userId?.id}`}>send dm</a></p>
-                <p><a href={`#${userId?.id}`}>invite to…</a></p>
-                <p><a href={`#${userId?.id}`}>contextualize…</a></p>
-                */ }
-            </details>
-        </User>
-    );
-};
-
-export default UserHandle;

From 6d2ab2740da7a31260772622c0e2ed24fa0639bc Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 6 Sep 2023 12:50:11 +0200
Subject: [PATCH 202/714] make linter happy

---
 pages/explore/TreeView.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/pages/explore/TreeView.js b/pages/explore/TreeView.js
index 7f8e9c88..8d2ccbe0 100644
--- a/pages/explore/TreeView.js
+++ b/pages/explore/TreeView.js
@@ -73,6 +73,7 @@ export default function TreeView({ parsedData, onClick, parent, parsedWidth, par
     useEffect(() => {
         console.log(treeRef);
     }, [treeRef]);
+
     return (
         <Tree ref={treeRef}
             height={data.inactive ? 'unset' : activeRoomId === data.id ? 'calc(100% - var(--margin) * 5)' : '100%'}
@@ -85,6 +86,7 @@ export default function TreeView({ parsedData, onClick, parent, parsedWidth, par
             />
             { data.children && <Leaf> { data.children.map((child, index) => {
                 if (child.inactive) return null;
+
                 return <TreeView parsedData={child}
                     // activeRoomId={currentRoomId}
                     // callback={onClick}

From 16900349d72779333f748e2353895789125c4cee Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 6 Sep 2023 14:05:11 +0200
Subject: [PATCH 203/714] rename component

---
 pages/explore/RemoveSpaceFromParent.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/pages/explore/RemoveSpaceFromParent.js b/pages/explore/RemoveSpaceFromParent.js
index 5d226220..9d535f7e 100644
--- a/pages/explore/RemoveSpaceFromParent.js
+++ b/pages/explore/RemoveSpaceFromParent.js
@@ -35,7 +35,7 @@ const RemoveSection = styled.div`
  * @callback callApiAndAddToObject
 */
 
-const RemoveAction = ({
+const RemoveSpaceFromParent = ({
     parentId,
     parentName,
     children,
@@ -84,7 +84,7 @@ const RemoveAction = ({
     );
 };
 
-export default RemoveAction;
+export default RemoveSpaceFromParent;
 
 /**
  * Description placeholder

From 656012214d0b73cc67d51c944a0d21b5c67f7c66 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 6 Sep 2023 14:13:16 +0200
Subject: [PATCH 204/714] return out of component early if necessary parameters
 are null

---
 pages/explore/RemoveSpaceFromParent.js | 30 +++++++++++++-------------
 1 file changed, 15 insertions(+), 15 deletions(-)

diff --git a/pages/explore/RemoveSpaceFromParent.js b/pages/explore/RemoveSpaceFromParent.js
index 9d535f7e..4ff33256 100644
--- a/pages/explore/RemoveSpaceFromParent.js
+++ b/pages/explore/RemoveSpaceFromParent.js
@@ -62,23 +62,23 @@ const RemoveSpaceFromParent = ({
         setIsRemovingChild(false);
     };
 
+    if (!children || !matrix) return;
+
     return (
         <>
-            { (children && parentName) &&
-                (<RemoveSection>
-                    <ServiceTable>
-                        { children.map(child => {
-                            return <RemoveListEntry
-                                child={child}
-                                isRemovingChild={isRemovingChild}
-                                removeChildFromParent={removeChildFromParent}
-                                parentName={parentName}
-                            />;
-                        }) }
-
-                    </ServiceTable>
-                </RemoveSection>)
-            }
+            <RemoveSection>
+                <ServiceTable>
+                    { children.map(child => {
+                        return <RemoveListEntry
+                            child={child}
+                            isRemovingChild={isRemovingChild}
+                            removeChildFromParent={removeChildFromParent}
+                            parentName={parentName}
+                        />;
+                    }) }
+                </ServiceTable>
+            </RemoveSection>
+
         </>
 
     );

From 7c3a2216fe72e562db44b4b9c8441b92157fac33 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 6 Sep 2023 14:27:38 +0200
Subject: [PATCH 205/714] add jsdoc and remove children parameter

---
 components/UI/PreviousNextButtons.js | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/components/UI/PreviousNextButtons.js b/components/UI/PreviousNextButtons.js
index d8cf25bf..6553ce0b 100644
--- a/components/UI/PreviousNextButtons.js
+++ b/components/UI/PreviousNextButtons.js
@@ -27,7 +27,17 @@ const PreviousButton = styled.button`
   }
 `;
 
-const PreviousNextButtons = ({ children, disabled, onClick, onCancel }) => {
+/**
+ * React Component which returns
+ *
+ * @param {Boolean} disabled disables both buttons if true
+ * @param {function} onClick onClick function to execute when clicking 'next'
+ * @param {function} onCancel function to execute when clicking 'previous'
+ * @param {Boolean} disableNext disables 'next' button if true
+ * @param {Boolean} disablePrev disables 'previous' button if true
+ * @returns {React.ReactComponent} two inline buttons.  'previous' and 'next'
+ */
+const PreviousNextButtons = (disabled, onClick, onCancel, disableNext, disablePrev) => {
     const { t } = useTranslation();
 
     const handlePrevious = (e) => {
@@ -38,8 +48,8 @@ const PreviousNextButtons = ({ children, disabled, onClick, onCancel }) => {
 
     return (
         <PreviousNextButtonsWrapper>
-            <PreviousButton type="button" disabled={disabled} onClick={handlePrevious}>{ t('Previous') }</PreviousButton>
-            <NextButton type="submit" disabled={disabled}>{ children ? children : t('Next') }</NextButton>
+            <PreviousButton type="button" disabled={disabled || disablePrev} onClick={handlePrevious}>{ t('Previous') }</PreviousButton>
+            <NextButton type="submit" disabled={disabled || disableNext}> { t('Next') }</NextButton>
         </PreviousNextButtonsWrapper>
     );
 };

From ac5888fbe6b5f87490157ab84a73bd40cf9db723 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 6 Sep 2023 14:31:31 +0200
Subject: [PATCH 206/714] add missing brackets

---
 components/UI/PreviousNextButtons.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/UI/PreviousNextButtons.js b/components/UI/PreviousNextButtons.js
index 6553ce0b..9874ddf3 100644
--- a/components/UI/PreviousNextButtons.js
+++ b/components/UI/PreviousNextButtons.js
@@ -37,7 +37,7 @@ const PreviousButton = styled.button`
  * @param {Boolean} disablePrev disables 'previous' button if true
  * @returns {React.ReactComponent} two inline buttons.  'previous' and 'next'
  */
-const PreviousNextButtons = (disabled, onClick, onCancel, disableNext, disablePrev) => {
+const PreviousNextButtons = ({ disabled, onClick, onCancel, disableNext, disablePrev }) => {
     const { t } = useTranslation();
 
     const handlePrevious = (e) => {

From 7ee2e2f08457cfd2bf213c1a1bce0a6f9ae6bab5 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 6 Sep 2023 15:08:43 +0200
Subject: [PATCH 207/714] add missing code for removing space children

---
 pages/explore/ExploreMatrixActions.js | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/pages/explore/ExploreMatrixActions.js b/pages/explore/ExploreMatrixActions.js
index 37240970..73f178a5 100644
--- a/pages/explore/ExploreMatrixActions.js
+++ b/pages/explore/ExploreMatrixActions.js
@@ -10,6 +10,7 @@ import AddExistingContext from './AddExistingContext';
 import AddExistingItem from './AddExistingItem';
 import Form from '../../components/UI/Form';
 import PreviousNextButtons from '../../components/UI/PreviousNextButtons';
+import RemoveSpaceFromParent from './RemoveSpaceFromParent';
 
 /**
  * ACTIONS COMPONENT
@@ -161,6 +162,8 @@ const ExploreMatrixActions = ({ currentId, parentId, isCurrentUserModerator, chi
                         currentId={currentId}
                         parentId={parentId}
                         roomName={roomName}
+                        children={children}
+                        callApiAndAddToObject={callApiAndAddToObject}
                     />
                     <PreviousNextButtons
                         disabled={!selectedRadioButton}
@@ -175,7 +178,7 @@ const ExploreMatrixActions = ({ currentId, parentId, isCurrentUserModerator, chi
 
 export default ExploreMatrixActions;
 
-const RenderSwitch = ({ selectedAction, currentId, parentId, roomName }) => {
+const RenderSwitch = ({ selectedAction, currentId, parentId, roomName, children, callApiAndAddToObject }) => {
     const { t } = useTranslation();
 
     switch (selectedAction) {
@@ -185,6 +188,8 @@ const RenderSwitch = ({ selectedAction, currentId, parentId, roomName }) => {
             return <AddExistingItem currentId={currentId} currentName={roomName} />;
         case 'existingContext':
             return <AddExistingContext parentId={currentId} parentName={roomName} contextRootId={getConfig().publicRuntimeConfig.contextRootSpaceRoomId} />;
+        case 'removeSpace':
+            return <RemoveSpaceFromParent parentId={currentId}parentName={roomName} children={children} callApiAndAddToObject={callApiAndAddToObject} />;
         default:
             return <>
                 <RadioWrapper>
@@ -201,6 +206,11 @@ const RenderSwitch = ({ selectedAction, currentId, parentId, roomName }) => {
                     <input type="radio" id="existingContext" name="action" value="existingContext" />
                     <label htmlFor="existingContext">{ t('add existing context') }</label>
                 </RadioWrapper>
+
+                <RadioWrapper>
+                    <input type="radio" id="removeSpace" name="action" value="removeSpace" />
+                    <label htmlFor="removeSpace">{ t('remove items or contexts') }</label>
+                </RadioWrapper>
             </>;
     }
 };

From 13df19880d6089727d8e0658798403018801d5d8 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 6 Sep 2023 15:14:21 +0200
Subject: [PATCH 208/714] refactor logic behind opening manage menu

---
 components/UI/ServiceIframeHeader.js | 22 ++++++++++------------
 1 file changed, 10 insertions(+), 12 deletions(-)

diff --git a/components/UI/ServiceIframeHeader.js b/components/UI/ServiceIframeHeader.js
index beaa6f10..8fa4e613 100644
--- a/components/UI/ServiceIframeHeader.js
+++ b/components/UI/ServiceIframeHeader.js
@@ -19,36 +19,34 @@ const ToggleButton = styled.button`
   border: unset;
 `;
 
-const ServiceIframeHeader = ({ isDeletingPad, deleteContent, title, roomId, mypadsPadObject, content, isCurrentUserModerator, setManageContextActionToggle }) => {
-    const [isManageContextMenuOpen, setIsManageContextMenuOpen] = useState(true);
+const ServiceIframeHeader = ({ isDeletingPad, deleteContent, title, roomId, mypadsPadObject, content, isCurrentUserModerator, setManageContextActionToggle, manageContextActionToggle }) => {
     const { t } = useTranslation('write');
 
     return (
         <IframeLayout.IframeHeader>
             <h2>{ title }</h2>
-            <IframeLayout.IframeHeaderButtonWrapper isManageContextMenuOpen={isManageContextMenuOpen}>
+            <IframeLayout.IframeHeaderButtonWrapper>
                 <CopyToClipboard content={content} />
                 { deleteContent && <button title={t(mypadsPadObject ? 'Delete pad' : 'Remove pad from my library')} onClick={deleteContent}>
                     { isDeletingPad ? <LoadingSpinnerInline /> : <BinIcon fill="var(--color-foreground)" /> }
                 </button> }
                 <InviteUsersToMatrixRoom roomId={roomId} name={title} />
                 { isCurrentUserModerator && (
-                    isManageContextMenuOpen ? (
-                        <ToggleButton onClick={() => { setManageContextActionToggle(true); }}>
-                            <ListSettingsIcon
-                                title={t('Manage the selected context')}
+                    manageContextActionToggle ? (
+                        <ToggleButton onClick={() => { setManageContextActionToggle(false); }}>
+                            <FolderIcon
+                                title={t('Browse the selected context')}
                                 fill="var(--color-foreground)"
-                                onClick={() => { setIsManageContextMenuOpen(false); }}
                             />
                         </ToggleButton>
                     ) : (
-                        <ToggleButton onClick={() => { setManageContextActionToggle(false); }}>
-                            <FolderIcon
-                                title={t('Browse the selected context')}
+                        <ToggleButton onClick={() => { setManageContextActionToggle(true); }}>
+                            <ListSettingsIcon
+                                title={t('Manage the selected context')}
                                 fill="var(--color-foreground)"
-                                onClick={() => { setIsManageContextMenuOpen(true); }}
                             />
                         </ToggleButton>
+
                     )
                 ) }
             </IframeLayout.IframeHeaderButtonWrapper>

From fd5ea2c326b9c08720d32054687d870d3c256839 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 6 Sep 2023 16:31:38 +0200
Subject: [PATCH 209/714] add user management component with the first function
 to kick users from a given roomId

---
 pages/explore/ExploreMatrixActions.js | 12 ++++-
 pages/explore/UserManagement.js       | 76 +++++++++++++++++++++++++++
 2 files changed, 87 insertions(+), 1 deletion(-)
 create mode 100644 pages/explore/UserManagement.js

diff --git a/pages/explore/ExploreMatrixActions.js b/pages/explore/ExploreMatrixActions.js
index 73f178a5..e04ff84e 100644
--- a/pages/explore/ExploreMatrixActions.js
+++ b/pages/explore/ExploreMatrixActions.js
@@ -11,6 +11,7 @@ import AddExistingItem from './AddExistingItem';
 import Form from '../../components/UI/Form';
 import PreviousNextButtons from '../../components/UI/PreviousNextButtons';
 import RemoveSpaceFromParent from './RemoveSpaceFromParent';
+import UserManagement from './UserManagement';
 
 /**
  * ACTIONS COMPONENT
@@ -167,6 +168,8 @@ const ExploreMatrixActions = ({ currentId, parentId, isCurrentUserModerator, chi
                     />
                     <PreviousNextButtons
                         disabled={!selectedRadioButton}
+                        disableNext={selectedAction}
+                        disablePrev={!selectedAction}
                         onCancel={() => setSelectedAction('')}
                     />
 
@@ -189,7 +192,9 @@ const RenderSwitch = ({ selectedAction, currentId, parentId, roomName, children,
         case 'existingContext':
             return <AddExistingContext parentId={currentId} parentName={roomName} contextRootId={getConfig().publicRuntimeConfig.contextRootSpaceRoomId} />;
         case 'removeSpace':
-            return <RemoveSpaceFromParent parentId={currentId}parentName={roomName} children={children} callApiAndAddToObject={callApiAndAddToObject} />;
+            return <RemoveSpaceFromParent parentId={currentId} parentName={roomName} children={children} callApiAndAddToObject={callApiAndAddToObject} />;
+        case 'manageUsers':
+            return <UserManagement roomId={currentId} roomName={roomName} />;
         default:
             return <>
                 <RadioWrapper>
@@ -211,6 +216,11 @@ const RenderSwitch = ({ selectedAction, currentId, parentId, roomName, children,
                     <input type="radio" id="removeSpace" name="action" value="removeSpace" />
                     <label htmlFor="removeSpace">{ t('remove items or contexts') }</label>
                 </RadioWrapper>
+
+                <RadioWrapper>
+                    <input type="radio" id="manageUsers" name="action" value="manageUsers" />
+                    <label htmlFor="manageUsers">{ t('manage users in') } { roomName }</label>
+                </RadioWrapper>
             </>;
     }
 };
diff --git a/pages/explore/UserManagement.js b/pages/explore/UserManagement.js
new file mode 100644
index 00000000..84ddb1d1
--- /dev/null
+++ b/pages/explore/UserManagement.js
@@ -0,0 +1,76 @@
+import React, { useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import _ from 'lodash';
+
+import { ServiceTable } from '../../components/UI/ServiceTable';
+import { useAuth } from '../../lib/Auth';
+import BinIcon from '../../assets/icons/bin.svg';
+import TextButton from '../../components/UI/TextButton';
+import ErrorMessage from '../../components/UI/ErrorMessage';
+import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
+
+const UserManagement = ({ roomId, roomName }) => {
+    const [errorMessage, setErrorMessage] = useState('');
+    const auth = useAuth();
+    const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
+    const room = matrixClient.getRoom(roomId);
+    // get the current members of the room and sort them first from highest to lowest power level and then alphabetically
+    const currentMembers = _.orderBy(room.getMembers(), ['powerLevel', 'name'], ['desc', 'asc']);
+    const selfObject = currentMembers.filter(member => member.userId === matrixClient.getUserId())[0];
+
+    const handleKick = async (userId) => {
+        await matrixClient.kick(roomId, userId)
+            .catch(error => setErrorMessage(error.data.error));
+    };
+
+    return (<>
+        <ServiceTable>
+            { currentMembers.map(member => {
+                // users who once joined the room but left the room already are still listed in the members object
+                // therefore we need to filter them
+                if (member.membership === 'leave') return null;
+                // we don't want to display the currently logged in user
+                if (member.userId === selfObject.userId) return null;
+
+                return <UserTableRow
+                    key={member.userId}
+                    displayName={member.name}
+                    userId={member.userId}
+                    roomName={roomName}
+                    powerLevel={member.powerLevel}
+                    selfPowerLevel={selfObject.powerLevel}
+                    handleKick={handleKick} />;
+            }) }
+        </ServiceTable>
+        { errorMessage && <ErrorMessage>{ errorMessage }</ErrorMessage> }
+    </>
+    );
+};
+export default UserManagement;
+
+function UserTableRow({ displayName, userId, roomName, powerLevel, selfPowerLevel, handleKick }) {
+    const [isKicking, setIsKicking] = useState(false);
+    const { t } = useTranslation();
+
+    const onKickClick = async (e) => {
+        e.preventDefault();
+        setIsKicking(true);
+        await handleKick(userId);
+        setIsKicking(false);
+    };
+
+    return <ServiceTable.Row>
+        <ServiceTable.Cell>
+            { displayName }
+        </ServiceTable.Cell>
+        <ServiceTable.Cell>
+            <TextButton
+                disabled={powerLevel >= selfPowerLevel}
+                onClick={onKickClick}
+                title={t('Kick {{user}} from {{room}}', { user: displayName, room: roomName })}>
+                { isKicking ? <LoadingSpinnerInline /> : <BinIcon fill="var(--color-foreground)" /> }
+            </TextButton>
+        </ServiceTable.Cell>
+    </ServiceTable.Row>;
+}
+

From a0f4a423b06ad71eaf06933835e6dfc9ea399dc8 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 6 Sep 2023 17:36:53 +0200
Subject: [PATCH 210/714] adapt to new ServiceTable and add funtion to change
 power level of room members

---
 pages/explore/UserManagement.js | 96 ++++++++++++++++++++++++++-------
 1 file changed, 77 insertions(+), 19 deletions(-)

diff --git a/pages/explore/UserManagement.js b/pages/explore/UserManagement.js
index 84ddb1d1..d9b02eeb 100644
--- a/pages/explore/UserManagement.js
+++ b/pages/explore/UserManagement.js
@@ -8,6 +8,7 @@ import BinIcon from '../../assets/icons/bin.svg';
 import TextButton from '../../components/UI/TextButton';
 import ErrorMessage from '../../components/UI/ErrorMessage';
 import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
+import presets from './presets';
 
 const UserManagement = ({ roomId, roomName }) => {
     const [errorMessage, setErrorMessage] = useState('');
@@ -17,30 +18,65 @@ const UserManagement = ({ roomId, roomName }) => {
     // get the current members of the room and sort them first from highest to lowest power level and then alphabetically
     const currentMembers = _.orderBy(room.getMembers(), ['powerLevel', 'name'], ['desc', 'asc']);
     const selfObject = currentMembers.filter(member => member.userId === matrixClient.getUserId())[0];
+    const { t } = useTranslation();
 
-    const handleKick = async (userId) => {
-        await matrixClient.kick(roomId, userId)
-            .catch(error => setErrorMessage(error.data.error));
+    const handleKick = async (userId, name) => {
+        if (confirm(t('Are you sure you want to kick {{name}} from {{room}}', { name: name, room: roomName }))) {
+            await matrixClient.kick(roomId, userId)
+                .catch(error => setErrorMessage(error.data.error));
+        }
+    };
+
+    const changePowerLevel = async (userId, level, name) => {
+        console.log(level);
+        const label = presets.powerLevels.find(role => role.level === level).label;
+
+        if (confirm(t('Are you sure you want to promote {{name}} to {{role}}', { name: name, role: label }))) {
+            await matrixClient.setPowerLevel(roomId, userId, level)
+                .catch(error => setErrorMessage(error.data.error));
+        }
     };
 
     return (<>
         <ServiceTable>
-            { currentMembers.map(member => {
+            <ServiceTable.Caption>
+                { t('All members of') } { roomName }
+            </ServiceTable.Caption>
+            <ServiceTable.Head>
+                <ServiceTable.Row>
+                    <ServiceTable.Header align="left">
+                        { t('Name') }
+                    </ServiceTable.Header>
+                    <ServiceTable.Header align="left">
+                        { t('User ID') }
+                    </ServiceTable.Header>
+                    <ServiceTable.Header align="left">
+                        { t('Role') }
+                    </ServiceTable.Header>
+                    <ServiceTable.Header>
+                        { t('Kick') }
+                    </ServiceTable.Header>
+                </ServiceTable.Row>
+            </ServiceTable.Head>
+            <ServiceTable.Body>
+                { currentMembers.map(member => {
                 // users who once joined the room but left the room already are still listed in the members object
                 // therefore we need to filter them
-                if (member.membership === 'leave') return null;
-                // we don't want to display the currently logged in user
-                if (member.userId === selfObject.userId) return null;
+                    if (member.membership === 'leave') return null;
+                    // we don't want to display the currently logged in user
+                    if (member.userId === selfObject.userId) return null;
 
-                return <UserTableRow
-                    key={member.userId}
-                    displayName={member.name}
-                    userId={member.userId}
-                    roomName={roomName}
-                    powerLevel={member.powerLevel}
-                    selfPowerLevel={selfObject.powerLevel}
-                    handleKick={handleKick} />;
-            }) }
+                    return <UserTableRow
+                        key={member.userId}
+                        displayName={member.name}
+                        userId={member.userId}
+                        roomName={roomName}
+                        powerLevel={member.powerLevel}
+                        selfPowerLevel={selfObject.powerLevel}
+                        handleKick={handleKick}
+                        changePowerLevel={changePowerLevel} />;
+                }) }
+            </ServiceTable.Body>
         </ServiceTable>
         { errorMessage && <ErrorMessage>{ errorMessage }</ErrorMessage> }
     </>
@@ -48,21 +84,43 @@ const UserManagement = ({ roomId, roomName }) => {
 };
 export default UserManagement;
 
-function UserTableRow({ displayName, userId, roomName, powerLevel, selfPowerLevel, handleKick }) {
+function UserTableRow({ displayName, userId, roomName, powerLevel, selfPowerLevel, handleKick, changePowerLevel }) {
     const [isKicking, setIsKicking] = useState(false);
+    const [isChangingPowerLevel, setIsChangingPowerLevel] = useState(false);
     const { t } = useTranslation();
 
     const onKickClick = async (e) => {
         e.preventDefault();
         setIsKicking(true);
-        await handleKick(userId);
+        await handleKick(userId, displayName);
         setIsKicking(false);
     };
 
+    const onPowerLevelChange = async (e, level) => {
+        e.preventDefault();
+        setIsChangingPowerLevel(true);
+        await changePowerLevel(userId, parseInt(level), displayName);
+        setIsChangingPowerLevel(false);
+    };
+
     return <ServiceTable.Row>
-        <ServiceTable.Cell>
+        <ServiceTable.Cell title={t('Name')}>
             { displayName }
         </ServiceTable.Cell>
+        <ServiceTable.Cell title={t('User Id')}>
+            { userId }
+        </ServiceTable.Cell>
+        <ServiceTable.Cell title={t('Role')}>
+            <select
+                defaultValue={powerLevel}
+                disabled={powerLevel >= selfPowerLevel || selfPowerLevel === powerLevel || isChangingPowerLevel}
+                onChange={(e) => onPowerLevelChange(e, e.target.value)}
+            >
+                { presets.powerLevels.map((role => {
+                    return <option key={role.level} value={role.level} disabled={role.level <= powerLevel || role.level > selfPowerLevel}>{ role.label }</option>;
+                })) }
+            </select>
+        </ServiceTable.Cell>
         <ServiceTable.Cell>
             <TextButton
                 disabled={powerLevel >= selfPowerLevel}

From 103e6aabbebc3ff6ab9eb429db80ef83ae4e25be Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 6 Sep 2023 17:37:08 +0200
Subject: [PATCH 211/714] add power level presets

---
 pages/explore/presets.js | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/pages/explore/presets.js b/pages/explore/presets.js
index d94b57c1..2e74b5b8 100644
--- a/pages/explore/presets.js
+++ b/pages/explore/presets.js
@@ -1,4 +1,4 @@
-// eslint-disable-next-line no-undef
+// eslint-disable no-undef
 
 /**
  * HELPERFILE 'presets' for actions
@@ -22,6 +22,22 @@ module.exports = {
         min: 1,
         max: 100,
     },
+
+    powerLevels: [
+        {
+            level: 0,
+            label: 'User',
+        },
+        {
+            level: 50,
+            label: 'Moderator',
+        },
+        {
+            level: 100,
+            label: 'Admin',
+        },
+    ],
+
     allowedJoinRules: [
         {
             name: 'public',

From a90d0758d5c081e3e8dbffd00255a9f6ffc16b4d Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 6 Sep 2023 17:44:24 +0200
Subject: [PATCH 212/714] style role select

---
 pages/explore/UserManagement.js | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/pages/explore/UserManagement.js b/pages/explore/UserManagement.js
index d9b02eeb..2a29bf5f 100644
--- a/pages/explore/UserManagement.js
+++ b/pages/explore/UserManagement.js
@@ -1,6 +1,7 @@
 import React, { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import _ from 'lodash';
+import styled from 'styled-components';
 
 import { ServiceTable } from '../../components/UI/ServiceTable';
 import { useAuth } from '../../lib/Auth';
@@ -10,6 +11,14 @@ import ErrorMessage from '../../components/UI/ErrorMessage';
 import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
 import presets from './presets';
 
+//@TODO refine styled component
+const RoleSelect = styled.select`
+  padding-left: 0;
+  background-color: unset;
+  background-image: url('data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMwMHB4IiB3aWR0aD0iMzAwcHgiIGZpbGw9InZhcigtLWNvbG9yLWZvcmVncm91bmQpIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiB4PSIwcHgiIHk9IjBweCI+PHBvbHlnb24gcG9pbnRzPSI1MCA1Ny4xMyAyMy4xOSAzMC40NiAxNi4xMyAzNy41NSA1MCA3MS4yMyA4My44NiAzNy41NSA3Ni44MSAzMC40NiA1MCA1Ny4xMyI+PC9wb2x5Z29uPjwvc3ZnPg==');
+  border: unset;
+`;
+
 const UserManagement = ({ roomId, roomName }) => {
     const [errorMessage, setErrorMessage] = useState('');
     const auth = useAuth();
@@ -111,7 +120,7 @@ function UserTableRow({ displayName, userId, roomName, powerLevel, selfPowerLeve
             { userId }
         </ServiceTable.Cell>
         <ServiceTable.Cell title={t('Role')}>
-            <select
+            <RoleSelect
                 defaultValue={powerLevel}
                 disabled={powerLevel >= selfPowerLevel || selfPowerLevel === powerLevel || isChangingPowerLevel}
                 onChange={(e) => onPowerLevelChange(e, e.target.value)}
@@ -119,7 +128,7 @@ function UserTableRow({ displayName, userId, roomName, powerLevel, selfPowerLeve
                 { presets.powerLevels.map((role => {
                     return <option key={role.level} value={role.level} disabled={role.level <= powerLevel || role.level > selfPowerLevel}>{ role.label }</option>;
                 })) }
-            </select>
+            </RoleSelect>
         </ServiceTable.Cell>
         <ServiceTable.Cell>
             <TextButton

From 8a55d831a7901dfebe42d90d66a0c7f5e86b2478 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 6 Sep 2023 17:45:48 +0200
Subject: [PATCH 213/714] disable next button after clicking previous

---
 pages/explore/ExploreMatrixActions.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/pages/explore/ExploreMatrixActions.js b/pages/explore/ExploreMatrixActions.js
index bfb7ac38..f9542be3 100644
--- a/pages/explore/ExploreMatrixActions.js
+++ b/pages/explore/ExploreMatrixActions.js
@@ -163,7 +163,10 @@ const ExploreMatrixActions = ({ currentId, parentId, isCurrentUserModerator, pop
                     />
                     <PreviousNextButtons
                         disabled={!selectedRadioButton}
-                        onCancel={() => setSelectedAction('')}
+                        onCancel={() => {
+                            setSelectedRadioButton('');
+                            setSelectedAction('');
+                        }}
                     />
 
                 </Form>)

From 565438626f583fd32c5d1221466a568cc1e00f71 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 6 Sep 2023 17:48:05 +0200
Subject: [PATCH 214/714] disable previous buttons when no action is selected
 and enable next button when an action was selected

---
 components/oldactions/InfoAction.js | 146 ++++++++++++++++++++++++++++
 1 file changed, 146 insertions(+)
 create mode 100644 components/oldactions/InfoAction.js

diff --git a/components/oldactions/InfoAction.js b/components/oldactions/InfoAction.js
new file mode 100644
index 00000000..7d424e66
--- /dev/null
+++ b/components/oldactions/InfoAction.js
@@ -0,0 +1,146 @@
+import React, { useCallback, useEffect, useState } from 'react';
+import styled from 'styled-components';
+import getConfig from 'next/config';
+import _ from 'lodash';
+
+import { useAuth } from '../../../lib/Auth';
+import { useMatrix } from '../../../lib/Matrix';
+import UserHandle from '../../../components/UserHandle';
+
+const InfoSection = styled.div`
+  & {
+    margin-bottom: var(--margin);
+  }
+
+`;
+
+/**
+ * INFO ACTION COMPONENT
+ * ------------------
+ * @TODO
+ * - adding routes for user interaction 'more' -> 'members' -> 'username'; now been done in the UserHandle Component
+ * - searching for referenced in sync cached rooms (fast)
+ * - searching for referenced in root tree (slow)
+*/
+
+const InfoAction = ({
+    currentId,
+    userInfos,
+    members,
+    name,
+    topic,
+    join,
+    historyVisibility,
+    meta,
+    getMembers,
+    getMeta,
+}) => {
+    return (
+        <InfoSection>
+            <dl>
+                { name ? <>
+                    <dt>Name</dt>
+                    <dd>{ name }</dd>
+                </>
+                    : <></> }
+                { topic ? <>
+                    <dt>Topic</dt>
+                    <dd>{ topic }</dd>
+                </>
+                    : <></> }
+                <>
+                    <dt>Join Rules</dt>
+                    <dd>      { (() => {
+                        switch (join) {
+                            case 'public':
+                                return <>🌐</>;
+                            case 'restricted': // is the case if is member is also member of a different specified room (aka spacemember function in element)
+                                return <>🔐</>;
+                            case 'knock':
+                                return <>🚪</>;
+                            case 'invite':
+                                return <>🔒</>;
+                            default:
+                                return <></>;
+                        }
+                    })() }</dd>
+                </>
+                <>
+                    <dt>Visibility</dt>
+                    <dd>      { (() => {
+                        switch (historyVisibility) {
+                            case 'world_readable':
+                                return <>🌐</>;
+                            case 'shared':
+                                return <>📖</>;
+                            case 'joined':
+                                return <>🔐</>;
+                            case 'invited':
+                                return <>🔒</>;
+                            default:
+                                return <></>;
+                        }
+                    })() }</dd>
+                </>
+            </dl>
+            <details>
+                <summary>more</summary>
+                <p>Id: <span>{ currentId }</span></p>
+                <details onClick={getMeta}>
+                    <summary>meta</summary>
+                    <dl>
+                        { meta?.application ?
+                            <>
+                                <dt>Application</dt>
+                                <dd>{ meta?.application }</dd>
+                            </>
+                            : <></>
+                        }
+                        <dt>Type</dt>
+                        <dd>{ meta?.type }</dd>
+                        <dt>Template</dt>
+                        <dd>{ meta?.template }</dd>
+                    </dl>
+                </details>
+                <details onClick={members?.list?.length > 0 ? undefined : getMembers}> { /* check first if members are already fetched once to prevent unessesary calls    */ }
+                    <summary>Institutions</summary>
+                    <ul>
+                        { _.map(members?.institutions, (institution, key) => {
+                            return <li key={key}>{ institution }</li>;
+                        }) }
+                    </ul>
+
+                </details>
+                <details onClick={members?.list?.length > 0 ? undefined : getMembers}>
+                    <summary>Members</summary>
+                    <ul>
+                        { _.map(members?.list, (member, key) => {
+                            return <li key={key}>
+                                { member?.id === userInfos?.id ? //checks if the user is the logged in user, to disable interaction
+                                    <>
+                                        {
+                                            member?.displayname ?
+                                                member?.displayname :
+                                                member?.id.split(':')[0].substring(1)
+                                        } (you)
+                                    </> :
+                                    <UserHandle userId={member} />
+                                }
+                            </li>;
+                        })
+                        }
+                    </ul>
+                </details>
+                { /*
+                    <details>
+                        <summary>Referenced</summary>
+                        …
+                    </details>
+                */ }
+            </details>
+        </InfoSection>
+
+    );
+};
+
+export default InfoAction;

From f56ddd443b87ad6d45d4fd840242fb1a94a24e0f Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 6 Sep 2023 17:49:21 +0200
Subject: [PATCH 215/714] Revert "disable previous buttons when no action is
 selected and enable next button when an action was selected"

This reverts commit 565438626f583fd32c5d1221466a568cc1e00f71.
---
 components/oldactions/InfoAction.js | 146 ----------------------------
 1 file changed, 146 deletions(-)
 delete mode 100644 components/oldactions/InfoAction.js

diff --git a/components/oldactions/InfoAction.js b/components/oldactions/InfoAction.js
deleted file mode 100644
index 7d424e66..00000000
--- a/components/oldactions/InfoAction.js
+++ /dev/null
@@ -1,146 +0,0 @@
-import React, { useCallback, useEffect, useState } from 'react';
-import styled from 'styled-components';
-import getConfig from 'next/config';
-import _ from 'lodash';
-
-import { useAuth } from '../../../lib/Auth';
-import { useMatrix } from '../../../lib/Matrix';
-import UserHandle from '../../../components/UserHandle';
-
-const InfoSection = styled.div`
-  & {
-    margin-bottom: var(--margin);
-  }
-
-`;
-
-/**
- * INFO ACTION COMPONENT
- * ------------------
- * @TODO
- * - adding routes for user interaction 'more' -> 'members' -> 'username'; now been done in the UserHandle Component
- * - searching for referenced in sync cached rooms (fast)
- * - searching for referenced in root tree (slow)
-*/
-
-const InfoAction = ({
-    currentId,
-    userInfos,
-    members,
-    name,
-    topic,
-    join,
-    historyVisibility,
-    meta,
-    getMembers,
-    getMeta,
-}) => {
-    return (
-        <InfoSection>
-            <dl>
-                { name ? <>
-                    <dt>Name</dt>
-                    <dd>{ name }</dd>
-                </>
-                    : <></> }
-                { topic ? <>
-                    <dt>Topic</dt>
-                    <dd>{ topic }</dd>
-                </>
-                    : <></> }
-                <>
-                    <dt>Join Rules</dt>
-                    <dd>      { (() => {
-                        switch (join) {
-                            case 'public':
-                                return <>🌐</>;
-                            case 'restricted': // is the case if is member is also member of a different specified room (aka spacemember function in element)
-                                return <>🔐</>;
-                            case 'knock':
-                                return <>🚪</>;
-                            case 'invite':
-                                return <>🔒</>;
-                            default:
-                                return <></>;
-                        }
-                    })() }</dd>
-                </>
-                <>
-                    <dt>Visibility</dt>
-                    <dd>      { (() => {
-                        switch (historyVisibility) {
-                            case 'world_readable':
-                                return <>🌐</>;
-                            case 'shared':
-                                return <>📖</>;
-                            case 'joined':
-                                return <>🔐</>;
-                            case 'invited':
-                                return <>🔒</>;
-                            default:
-                                return <></>;
-                        }
-                    })() }</dd>
-                </>
-            </dl>
-            <details>
-                <summary>more</summary>
-                <p>Id: <span>{ currentId }</span></p>
-                <details onClick={getMeta}>
-                    <summary>meta</summary>
-                    <dl>
-                        { meta?.application ?
-                            <>
-                                <dt>Application</dt>
-                                <dd>{ meta?.application }</dd>
-                            </>
-                            : <></>
-                        }
-                        <dt>Type</dt>
-                        <dd>{ meta?.type }</dd>
-                        <dt>Template</dt>
-                        <dd>{ meta?.template }</dd>
-                    </dl>
-                </details>
-                <details onClick={members?.list?.length > 0 ? undefined : getMembers}> { /* check first if members are already fetched once to prevent unessesary calls    */ }
-                    <summary>Institutions</summary>
-                    <ul>
-                        { _.map(members?.institutions, (institution, key) => {
-                            return <li key={key}>{ institution }</li>;
-                        }) }
-                    </ul>
-
-                </details>
-                <details onClick={members?.list?.length > 0 ? undefined : getMembers}>
-                    <summary>Members</summary>
-                    <ul>
-                        { _.map(members?.list, (member, key) => {
-                            return <li key={key}>
-                                { member?.id === userInfos?.id ? //checks if the user is the logged in user, to disable interaction
-                                    <>
-                                        {
-                                            member?.displayname ?
-                                                member?.displayname :
-                                                member?.id.split(':')[0].substring(1)
-                                        } (you)
-                                    </> :
-                                    <UserHandle userId={member} />
-                                }
-                            </li>;
-                        })
-                        }
-                    </ul>
-                </details>
-                { /*
-                    <details>
-                        <summary>Referenced</summary>
-                        …
-                    </details>
-                */ }
-            </details>
-        </InfoSection>
-
-    );
-};
-
-export default InfoAction;

From 9f98524ef93c165d680d224e932879ffb1b0b8e1 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 6 Sep 2023 17:49:41 +0200
Subject: [PATCH 216/714] disable previous buttons when no action is selected
 and enable next button when an action was selected

---
 pages/explore/ExploreMatrixActions.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/pages/explore/ExploreMatrixActions.js b/pages/explore/ExploreMatrixActions.js
index f9542be3..fef6f83f 100644
--- a/pages/explore/ExploreMatrixActions.js
+++ b/pages/explore/ExploreMatrixActions.js
@@ -163,6 +163,8 @@ const ExploreMatrixActions = ({ currentId, parentId, isCurrentUserModerator, pop
                     />
                     <PreviousNextButtons
                         disabled={!selectedRadioButton}
+                        disableNext={selectedAction}
+                        disablePrev={!selectedAction}
                         onCancel={() => {
                             setSelectedRadioButton('');
                             setSelectedAction('');

From 4e4cc71cad7d087d9d52ca59c31c34944f53007e Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Tue, 12 Sep 2023 16:40:32 +0200
Subject: [PATCH 217/714] add component to change the join rule of a matrix
 space or room and implement into /explore

---
 pages/explore/ChangeJoinRule.js       | 48 +++++++++++++++++++++++++++
 pages/explore/ExploreMatrixActions.js | 10 +++++-
 2 files changed, 57 insertions(+), 1 deletion(-)
 create mode 100644 pages/explore/ChangeJoinRule.js

diff --git a/pages/explore/ChangeJoinRule.js b/pages/explore/ChangeJoinRule.js
new file mode 100644
index 00000000..674a38d6
--- /dev/null
+++ b/pages/explore/ChangeJoinRule.js
@@ -0,0 +1,48 @@
+import React, { useState } from 'react';
+
+import { useAuth } from '../../lib/Auth';
+import Form from '../../components/UI/Form';
+import presets from './presets';
+import ErrorMessage from '../../components/UI/ErrorMessage';
+
+const JoinRuleChanger = ({ roomId, roomName }) => {
+    const matrixClient = useAuth().getAuthenticationProvider('matrix').getMatrixClient();
+    const currentJoinRule = matrixClient.getRoom(roomId).getJoinRule();
+    const [joinRule, setJoinRule] = useState(currentJoinRule);
+    const [changingJoinRule, setChangingJoinRule] = useState(false);
+    const [errorMessage, setErrorMessage] = useState('');
+
+    const handleChangeJoinRule = async () => {
+        setChangingJoinRule(true);
+        await matrixClient.sendStateEvent(roomId, 'm.room.join_rules', {}, { join_rule: joinRule })
+            .catch((error) => {
+                setErrorMessage(error.data?.error);
+                setJoinRule(currentJoinRule);
+            });
+        setChangingJoinRule(false);
+    };
+
+    return (
+        <Form onSubmit={handleChangeJoinRule}>
+            <h1>Change Join Rule for { roomName }</h1>
+            <select
+                id="joinRule"
+                value={joinRule}
+                onChange={(e) => setJoinRule(e.target.value)}
+            >
+                { presets.allowedJoinRules.map((joinRule => {
+                    return <option
+                        key={joinRule.name}
+                        value={joinRule.name}
+                        title={joinRule.description}>
+                        { joinRule.label }
+                    </option>;
+                })) }
+            </select>
+            <button disabled={joinRule === currentJoinRule && changingJoinRule}>Change Join Rule</button>
+            { errorMessage && <ErrorMessage>{ errorMessage }</ErrorMessage> }
+        </Form>
+    );
+};
+
+export default JoinRuleChanger;
diff --git a/pages/explore/ExploreMatrixActions.js b/pages/explore/ExploreMatrixActions.js
index b571a7b5..662fa384 100644
--- a/pages/explore/ExploreMatrixActions.js
+++ b/pages/explore/ExploreMatrixActions.js
@@ -11,6 +11,7 @@ import AddExistingItem from './AddExistingItem';
 import Form from '../../components/UI/Form';
 import PreviousNextButtons from '../../components/UI/PreviousNextButtons';
 import RemoveSpaceFromParent from './RemoveSpaceFromParent';
+import ChangeJoinRule from './ChangeJoinRule';
 
 /**
  * ACTIONS COMPONENT
@@ -194,7 +195,9 @@ const RenderSwitch = ({ selectedAction, currentId, parentId, roomName, children,
         case 'existingContext':
             return <AddExistingContext parentId={currentId} parentName={roomName} contextRootId={getConfig().publicRuntimeConfig.contextRootSpaceRoomId} />;
         case 'removeSpace':
-            return <RemoveSpaceFromParent parentId={currentId}parentName={roomName} children={children} callApiAndAddToObject={callApiAndAddToObject} />;
+            return <RemoveSpaceFromParent parentId={currentId} parentName={roomName} children={children} callApiAndAddToObject={callApiAndAddToObject} />;
+        case 'changeJoinRule':
+            return <ChangeJoinRule roomId={currentId} roomName={roomName} />;
         default:
             return <>
                 <RadioWrapper>
@@ -216,6 +219,11 @@ const RenderSwitch = ({ selectedAction, currentId, parentId, roomName, children,
                     <input type="radio" id="removeSpace" name="action" value="removeSpace" />
                     <label htmlFor="removeSpace">{ t('remove items or contexts') }</label>
                 </RadioWrapper>
+
+                <RadioWrapper>
+                    <input type="radio" id="changeJoinRule" name="action" value="changeJoinRule" />
+                    <label htmlFor="changeJoinRule">{ t('change join rule') }</label>
+                </RadioWrapper>
             </>;
     }
 };

From bd638542b06b879f0d69607c7c6855af6dac4d20 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Tue, 12 Sep 2023 16:41:10 +0200
Subject: [PATCH 218/714] add missing join rules and improve descriptions and
 labels

---
 pages/explore/presets.js | 22 ++++++++++++++--------
 1 file changed, 14 insertions(+), 8 deletions(-)

diff --git a/pages/explore/presets.js b/pages/explore/presets.js
index d94b57c1..d3d2baea 100644
--- a/pages/explore/presets.js
+++ b/pages/explore/presets.js
@@ -25,26 +25,32 @@ module.exports = {
     allowedJoinRules: [
         {
             name: 'public',
-            display: '🌐',
-            description: 'public to everyone to join',
+            label: 'Public 🌐',
+            description: 'anyone can join ',
             default: true,
         },
         {
             name: 'restricted',
-            display: '🔐',
-            description: 'member is also member of a different specified room (aka spacemember function in element)',
+            label: 'Restricted 🔐',
+            description: 'anyone able to satisfy at least one of the allow conditions is able to join the room',
         },
         {
             name: 'knock',
-            display: '🚪',
-            description: 'people can request to join, you have the chance to accept or reject those requests. after acceptens the requested user will get an invite.',
+            label: 'Knock 🚪',
+            description: 'users can request to join, you have the chance to accept or reject those requests.',
+        },
+        {
+            name: 'knock_restricted',
+            label: 'Restricted Knock🚪',
+            description: 'a user can request an invite using the same functions offered by the knock join rule, or can attempt to join having satisfied an allow condition.',
         },
         {
             name: 'invite',
-            display: '🔒',
-            description: 'only people you invite can join',
+            label: 'Invite Only 🔒',
+            description: 'a user must first receive an invite from someone already in the room in order to join.',
         },
     ],
+
     allowedHistoryVisibility: [
         {
             name: 'world_readable',

From f72bf50372b5c8a2b788fef9d92fe02d8d7294a4 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Tue, 12 Sep 2023 16:48:52 +0200
Subject: [PATCH 219/714] add translations

---
 pages/explore/ChangeJoinRule.js | 4 +++-
 public/locales/de/explore.json  | 3 +++
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 public/locales/de/explore.json

diff --git a/pages/explore/ChangeJoinRule.js b/pages/explore/ChangeJoinRule.js
index 674a38d6..03f39912 100644
--- a/pages/explore/ChangeJoinRule.js
+++ b/pages/explore/ChangeJoinRule.js
@@ -1,4 +1,5 @@
 import React, { useState } from 'react';
+import { useTranslation } from 'react-i18next';
 
 import { useAuth } from '../../lib/Auth';
 import Form from '../../components/UI/Form';
@@ -11,6 +12,7 @@ const JoinRuleChanger = ({ roomId, roomName }) => {
     const [joinRule, setJoinRule] = useState(currentJoinRule);
     const [changingJoinRule, setChangingJoinRule] = useState(false);
     const [errorMessage, setErrorMessage] = useState('');
+    const { t } = useTranslation('explore');
 
     const handleChangeJoinRule = async () => {
         setChangingJoinRule(true);
@@ -24,7 +26,7 @@ const JoinRuleChanger = ({ roomId, roomName }) => {
 
     return (
         <Form onSubmit={handleChangeJoinRule}>
-            <h1>Change Join Rule for { roomName }</h1>
+            <h1>{ t('Change Join Rule for') } { roomName }</h1>
             <select
                 id="joinRule"
                 value={joinRule}
diff --git a/public/locales/de/explore.json b/public/locales/de/explore.json
new file mode 100644
index 00000000..2f388659
--- /dev/null
+++ b/public/locales/de/explore.json
@@ -0,0 +1,3 @@
+{
+    "Change Join Rule for": "Ändere Join Rule für"
+}
\ No newline at end of file

From 27b13c4937e4cbade499ad03475f3fe8c3c69bf0 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Tue, 12 Sep 2023 16:49:54 +0200
Subject: [PATCH 220/714] add JSDoc

---
 pages/explore/ChangeJoinRule.js | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/pages/explore/ChangeJoinRule.js b/pages/explore/ChangeJoinRule.js
index 03f39912..be926b17 100644
--- a/pages/explore/ChangeJoinRule.js
+++ b/pages/explore/ChangeJoinRule.js
@@ -6,6 +6,15 @@ import Form from '../../components/UI/Form';
 import presets from './presets';
 import ErrorMessage from '../../components/UI/ErrorMessage';
 
+/**
+ * JoinRuleChanger component for changing the join rule of a room.
+ *
+ * @component
+ * @param {string} roomId - The ID of the room or space for which the join rule is being changed.
+ * @param {string} roomName - The name of the room or space.
+ * @returns {JSX.Element} - The rendered component.
+ */
+
 const JoinRuleChanger = ({ roomId, roomName }) => {
     const matrixClient = useAuth().getAuthenticationProvider('matrix').getMatrixClient();
     const currentJoinRule = matrixClient.getRoom(roomId).getJoinRule();

From 96d6d6e3e55f4818f913f1d87c9c61ba25e7eb90 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 13 Sep 2023 18:22:52 +0200
Subject: [PATCH 221/714] feat: introduce Delete Space/Room component to delete
 matrix rooms/spaces

---
 pages/explore/DeleteSpace.js          | 85 +++++++++++++++++++++++++++
 pages/explore/ExploreMatrixActions.js | 10 +++-
 2 files changed, 94 insertions(+), 1 deletion(-)
 create mode 100644 pages/explore/DeleteSpace.js

diff --git a/pages/explore/DeleteSpace.js b/pages/explore/DeleteSpace.js
new file mode 100644
index 00000000..531d36e3
--- /dev/null
+++ b/pages/explore/DeleteSpace.js
@@ -0,0 +1,85 @@
+import React, { useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import styled from 'styled-components';
+
+import { useAuth } from '../../lib/Auth';
+import ErrorMessage from '../../components/UI/ErrorMessage';
+import Form from '../../components/UI/Form';
+
+const Checkbox = styled.div`
+  display: grid;
+  grid-auto-flow: column;
+
+  input {
+    width: calc(var(--margin) * 2);
+    height: calc(var(--margin) * 2);
+    cursor: pointer;
+    border: unset;
+    border-color: var(--color-fg);
+    border-style: solid;
+    border-width: calc(var(--margin) * 0.2);
+    border-radius: unset;
+    box-shadow: none;
+    appearance: none;
+  }
+`;
+
+const DeleteRoom = ({ roomId, parentId, roomName }) => {
+    const auth = useAuth();
+    const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
+    const [isDeleting, setIsDeleting] = useState(false);
+    const [errorMessage, setErrorMessage] = useState('');
+    const [isChecked, setIsChecked] = useState(false);
+    const { t } = useTranslation();
+
+    const handleDeleteRoom = async () => {
+        setIsDeleting(true);
+
+        if (parentId) {
+            // remove the space from its parent if a parentId was parsed
+            await auth.getAuthenticationProvider('matrix').removeSpaceChild(parentId, roomId)
+                .catch(error => {
+                    setErrorMessage(error.data?.error || t('Something went wrong. Please try again'));
+
+                    return;
+                });
+        }
+        // Delete the main room
+        await matrixClient.deleteRoom(roomId)
+            .catch(error => {
+                setErrorMessage(error.data?.error || t('Something went wrong. Please try again'));
+
+                return;
+            });
+
+        setIsDeleting(false);
+        setErrorMessage('');
+    };
+
+    return (
+        <Form>
+            <h2>{ t('Delete') } { roomName }?</h2>
+            <Checkbox>
+                <input
+                    type="checkbox"
+                    checked={isChecked}
+                    onChange={() => setIsChecked(!isChecked)}
+                />
+                <label
+                    htmlFor="checkbox">
+                    { t('Are you sure you want to irreversibly delete {{name}}?', { name: roomName }) }
+                </label>
+            </Checkbox>
+
+            <button
+                disabled={isDeleting || !isChecked}
+                onClick={handleDeleteRoom}
+            >
+                { isDeleting ? `${t('Deleting')} ...` : t('Delete') }
+            </button>
+            { errorMessage && <ErrorMessage>{ errorMessage }</ErrorMessage> }
+        </Form>
+    );
+};
+
+export default DeleteRoom;
diff --git a/pages/explore/ExploreMatrixActions.js b/pages/explore/ExploreMatrixActions.js
index b571a7b5..4a2d8831 100644
--- a/pages/explore/ExploreMatrixActions.js
+++ b/pages/explore/ExploreMatrixActions.js
@@ -11,6 +11,7 @@ import AddExistingItem from './AddExistingItem';
 import Form from '../../components/UI/Form';
 import PreviousNextButtons from '../../components/UI/PreviousNextButtons';
 import RemoveSpaceFromParent from './RemoveSpaceFromParent';
+import DeleteRoom from './DeleteSpace';
 
 /**
  * ACTIONS COMPONENT
@@ -194,7 +195,9 @@ const RenderSwitch = ({ selectedAction, currentId, parentId, roomName, children,
         case 'existingContext':
             return <AddExistingContext parentId={currentId} parentName={roomName} contextRootId={getConfig().publicRuntimeConfig.contextRootSpaceRoomId} />;
         case 'removeSpace':
-            return <RemoveSpaceFromParent parentId={currentId}parentName={roomName} children={children} callApiAndAddToObject={callApiAndAddToObject} />;
+            return <RemoveSpaceFromParent parentId={currentId} parentName={roomName} children={children} callApiAndAddToObject={callApiAndAddToObject} />;
+        case 'deleteSpace':
+            return <DeleteRoom roomId={currentId} roomName={roomName} parentId={parentId} />;
         default:
             return <>
                 <RadioWrapper>
@@ -216,6 +219,11 @@ const RenderSwitch = ({ selectedAction, currentId, parentId, roomName, children,
                     <input type="radio" id="removeSpace" name="action" value="removeSpace" />
                     <label htmlFor="removeSpace">{ t('remove items or contexts') }</label>
                 </RadioWrapper>
+
+                <RadioWrapper>
+                    <input type="radio" id="deleteSpace" name="action" value="deleteSpace" />
+                    <label htmlFor="deleteSpace">{ t('delete items or contexts') }</label>
+                </RadioWrapper>
             </>;
     }
 };

From 9b1dad5486d787e3ebd8e8ca9d77b1c3ac91a189 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 13 Sep 2023 18:40:04 +0200
Subject: [PATCH 222/714] create Checkbox component

---
 components/UI/Checkbox.js | 49 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 49 insertions(+)
 create mode 100644 components/UI/Checkbox.js

diff --git a/components/UI/Checkbox.js b/components/UI/Checkbox.js
new file mode 100644
index 00000000..3a6bdd62
--- /dev/null
+++ b/components/UI/Checkbox.js
@@ -0,0 +1,49 @@
+import styled from 'styled-components';
+
+const Wrapper = styled.div`
+  display: grid;
+  grid-auto-flow: column;
+  grid-gap: var(--margin);
+  align-items: center;
+  justify-content: start;
+
+  input {
+    width: calc(var(--margin) * 2);
+    height: calc(var(--margin) * 2);
+    cursor: pointer;
+    border: unset;
+    border-color: var(--color-fg);
+    border-style: solid;
+    border-width: calc(var(--margin) * 0.2);
+    border-radius: unset;
+    box-shadow: none;
+    appearance: none;
+  }
+
+  &:checked {
+    font-size: 1.4rem;
+    color: var(--color-bg);
+    text-align: center;
+    background-color: var(--color-fg);
+  }
+
+  &:checked::after {
+    content: '\2713';
+  }
+`;
+
+const Checkbox = ({ children, isChecked, onClick }) => {
+    return (<Wrapper>
+        <input
+            type="checkbox"
+            checked={isChecked}
+            onChange={() => onClick(!isChecked)}
+        />
+        <label
+            htmlFor="checkbox">
+            { children }
+        </label>
+    </Wrapper>
+    );
+};
+export default Checkbox;

From d82db689a9d5b4d7803163335ba7930faecd64f9 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 13 Sep 2023 18:40:22 +0200
Subject: [PATCH 223/714] refactor: use checkbox component

---
 pages/explore/DeleteSpace.js | 42 +++++++++++-------------------------
 1 file changed, 13 insertions(+), 29 deletions(-)

diff --git a/pages/explore/DeleteSpace.js b/pages/explore/DeleteSpace.js
index 531d36e3..8dad1ed8 100644
--- a/pages/explore/DeleteSpace.js
+++ b/pages/explore/DeleteSpace.js
@@ -1,29 +1,19 @@
 import React, { useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import styled from 'styled-components';
 
 import { useAuth } from '../../lib/Auth';
 import ErrorMessage from '../../components/UI/ErrorMessage';
 import Form from '../../components/UI/Form';
+import Checkbox from '../../components/UI/Checkbox';
 
-const Checkbox = styled.div`
-  display: grid;
-  grid-auto-flow: column;
-
-  input {
-    width: calc(var(--margin) * 2);
-    height: calc(var(--margin) * 2);
-    cursor: pointer;
-    border: unset;
-    border-color: var(--color-fg);
-    border-style: solid;
-    border-width: calc(var(--margin) * 0.2);
-    border-radius: unset;
-    box-shadow: none;
-    appearance: none;
-  }
-`;
-
+/**
+ * DeleteRoom component for deleting a Matrix room.
+ *
+ * @param {string} roomId - The ID of the room to delete.
+ * @param {string} parentId - The ID of the parent room or space (if applicable).
+ * @param {string} roomName - The name of the room to be deleted.
+ * @returns {JSX.Element} - The rendered component.
+ */
 const DeleteRoom = ({ roomId, parentId, roomName }) => {
     const auth = useAuth();
     const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
@@ -59,16 +49,10 @@ const DeleteRoom = ({ roomId, parentId, roomName }) => {
     return (
         <Form>
             <h2>{ t('Delete') } { roomName }?</h2>
-            <Checkbox>
-                <input
-                    type="checkbox"
-                    checked={isChecked}
-                    onChange={() => setIsChecked(!isChecked)}
-                />
-                <label
-                    htmlFor="checkbox">
-                    { t('Are you sure you want to irreversibly delete {{name}}?', { name: roomName }) }
-                </label>
+            <Checkbox
+                isChecked={isChecked}
+                onClick={setIsChecked}>
+                { t('Are you sure you want to irreversibly delete {{name}}?', { name: roomName }) }
             </Checkbox>
 
             <button

From 118dbed9f3d0f85ee53dada0bd045eb3c9bc3060 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 13 Sep 2023 19:11:12 +0200
Subject: [PATCH 224/714] disable custom styling

---
 components/UI/Checkbox.js | 23 -----------------------
 1 file changed, 23 deletions(-)

diff --git a/components/UI/Checkbox.js b/components/UI/Checkbox.js
index 3a6bdd62..a533dad3 100644
--- a/components/UI/Checkbox.js
+++ b/components/UI/Checkbox.js
@@ -7,29 +7,6 @@ const Wrapper = styled.div`
   align-items: center;
   justify-content: start;
 
-  input {
-    width: calc(var(--margin) * 2);
-    height: calc(var(--margin) * 2);
-    cursor: pointer;
-    border: unset;
-    border-color: var(--color-fg);
-    border-style: solid;
-    border-width: calc(var(--margin) * 0.2);
-    border-radius: unset;
-    box-shadow: none;
-    appearance: none;
-  }
-
-  &:checked {
-    font-size: 1.4rem;
-    color: var(--color-bg);
-    text-align: center;
-    background-color: var(--color-fg);
-  }
-
-  &:checked::after {
-    content: '\2713';
-  }
 `;
 
 const Checkbox = ({ children, isChecked, onClick }) => {

From c83f842844076568575b1a85962ced3d11a77984 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Fri, 15 Sep 2023 10:57:46 +0200
Subject: [PATCH 225/714] add missing onClick function

---
 components/UI/PreviousNextButtons.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/UI/PreviousNextButtons.js b/components/UI/PreviousNextButtons.js
index 9874ddf3..bcae4f3a 100644
--- a/components/UI/PreviousNextButtons.js
+++ b/components/UI/PreviousNextButtons.js
@@ -49,7 +49,7 @@ const PreviousNextButtons = ({ disabled, onClick, onCancel, disableNext, disable
     return (
         <PreviousNextButtonsWrapper>
             <PreviousButton type="button" disabled={disabled || disablePrev} onClick={handlePrevious}>{ t('Previous') }</PreviousButton>
-            <NextButton type="submit" disabled={disabled || disableNext}> { t('Next') }</NextButton>
+            <NextButton type="submit" onClick={onClick} disabled={disabled || disableNext}> { t('Next') }</NextButton>
         </PreviousNextButtonsWrapper>
     );
 };

From c98f6d6b774a71ac70866d9200f4e3d3e67d8db4 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Fri, 15 Sep 2023 10:58:11 +0200
Subject: [PATCH 226/714] remove unnecessary parameter and log

---
 pages/explore/CreateContext.js | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/pages/explore/CreateContext.js b/pages/explore/CreateContext.js
index 4e32f22e..5d06d178 100644
--- a/pages/explore/CreateContext.js
+++ b/pages/explore/CreateContext.js
@@ -23,7 +23,7 @@ const AdvancesOptions = styled.details`
 
 const CreateContext = ({ currentId, parentId }) => {
     const auth = useAuth();
-    const matrix = useMatrix(auth.getAuthenticationProvider('matrix'));
+    const matrix = useMatrix();
 
     const [name, setName] = useState();
     const [topic, setTopic] = useState();
@@ -75,7 +75,7 @@ const CreateContext = ({ currentId, parentId }) => {
             await new Promise(r => setTimeout(r, 3000));
             setCreateNewContextErrorMessage('');
         });
-
+        console.log(createNewSubContext);
         // then add our new context to the parent.
         if (createNewSubContext) {
             auth.getAuthenticationProvider('matrix').addSpaceChild(currentId, createNewSubContext).catch(async (err) => {
@@ -100,7 +100,6 @@ const CreateContext = ({ currentId, parentId }) => {
                 currentTemplate={template}
                 setTemplate={setTemplate}
             />
-
             <AdvancesOptions>
                 <summary>Advanced</summary>
                 <select defaultValue={_.find(presets?.allowedHistoryVisibility, { default: true })?.name} value={historyVisibility} onChange={(e) => {setHistoryVisibility(e.target.value); }}>

From de020795fefb628ab81b9cd78b2a78693592590b Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Tue, 19 Sep 2023 15:45:40 +0200
Subject: [PATCH 227/714] refactor: no multiple forms, adapt CreateContext.js

---
 components/UI/PreviousNextButtons.js  |  5 +-
 pages/explore/CreateContext.js        | 33 +++++++-----
 pages/explore/ExploreMatrixActions.js | 78 ++++++++++++++++-----------
 3 files changed, 72 insertions(+), 44 deletions(-)

diff --git a/components/UI/PreviousNextButtons.js b/components/UI/PreviousNextButtons.js
index 9874ddf3..0b3c4977 100644
--- a/components/UI/PreviousNextButtons.js
+++ b/components/UI/PreviousNextButtons.js
@@ -5,6 +5,7 @@ const PreviousNextButtonsWrapper = styled.div`
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   grid-gap: var(--margin);
+  
 `;
 
 const NextButton = styled.button`
@@ -37,7 +38,7 @@ const PreviousButton = styled.button`
  * @param {Boolean} disablePrev disables 'previous' button if true
  * @returns {React.ReactComponent} two inline buttons.  'previous' and 'next'
  */
-const PreviousNextButtons = ({ disabled, onClick, onCancel, disableNext, disablePrev }) => {
+const PreviousNextButtons = ({children,  disabled, onCancel, disableNext, disablePrev }) => {
     const { t } = useTranslation();
 
     const handlePrevious = (e) => {
@@ -49,7 +50,7 @@ const PreviousNextButtons = ({ disabled, onClick, onCancel, disableNext, disable
     return (
         <PreviousNextButtonsWrapper>
             <PreviousButton type="button" disabled={disabled || disablePrev} onClick={handlePrevious}>{ t('Previous') }</PreviousButton>
-            <NextButton type="submit" disabled={disabled || disableNext}> { t('Next') }</NextButton>
+            <NextButton type="submit" disabled={disabled || disableNext}> { children || t('Next') }</NextButton>
         </PreviousNextButtonsWrapper>
     );
 };
diff --git a/pages/explore/CreateContext.js b/pages/explore/CreateContext.js
index 4e32f22e..06e2593b 100644
--- a/pages/explore/CreateContext.js
+++ b/pages/explore/CreateContext.js
@@ -10,8 +10,10 @@ import { useMatrix } from '../../lib/Matrix';
 import ErrorMessage from '../../components/UI/ErrorMessage';
 import LoadingSpinner from '../../components/UI/LoadingSpinner';
 import Form from '../../components/UI/Form';
+import PreviousNextButtons from "../../components/UI/PreviousNextButtons";
+import {useTranslation} from "react-i18next";
 
-const AdvancesOptions = styled.details`
+const AdvancedOptions = styled.details`
   & {
     margin-bottom: var(--margin);
   }
@@ -21,20 +23,21 @@ const AdvancesOptions = styled.details`
   }
 `;
 
-const CreateContext = ({ currentId, parentId }) => {
+const CreateContext = ({ currentId, onCancel }) => {
     const auth = useAuth();
     const matrix = useMatrix(auth.getAuthenticationProvider('matrix'));
 
-    const [name, setName] = useState();
-    const [topic, setTopic] = useState();
+    const [name, setName] = useState('');
+    const [topic, setTopic] = useState('');
     const [isLoading, setIsLoading] = useState(false);
-    const [template, setTemplate] = useState();
+    const [template, setTemplate] = useState('');
     const [historyVisibility, setHistoryVisibility] = useState();
     const [joinRule, setJoinRule] = useState();
     const [powerLevels, setPowerLevels] = useState();
-
     const [createNewContextErrorMessage, setCreateNewContextErrorMessage] = useState();
 
+    const {t} = useTranslation();
+
     const createContext = async (e) => {
         e.preventDefault();
         //first of all some content checking otherwise displaying custom error messages
@@ -74,6 +77,7 @@ const CreateContext = ({ currentId, parentId }) => {
             setCreateNewContextErrorMessage(err.message);
             await new Promise(r => setTimeout(r, 3000));
             setCreateNewContextErrorMessage('');
+            return
         });
 
         // then add our new context to the parent.
@@ -82,6 +86,7 @@ const CreateContext = ({ currentId, parentId }) => {
                 setCreateNewContextErrorMessage(err.message);
                 await new Promise(r => setTimeout(r, 3000));
                 setCreateNewContextErrorMessage('');
+                return
             },
             );
         }
@@ -89,6 +94,7 @@ const CreateContext = ({ currentId, parentId }) => {
         setTopic('');
         setTemplate('');
         setIsLoading(false);
+        onCancel()
     };
 
     return (
@@ -101,31 +107,34 @@ const CreateContext = ({ currentId, parentId }) => {
                 setTemplate={setTemplate}
             />
 
-            <AdvancesOptions>
+            <AdvancedOptions>
                 <summary>Advanced</summary>
-                <select defaultValue={_.find(presets?.allowedHistoryVisibility, { default: true })?.name} value={historyVisibility} onChange={(e) => {setHistoryVisibility(e.target.value); }}>
+                <select value={historyVisibility} onChange={(e) => {setHistoryVisibility(e.target.value); }}>
                     <option value="" disabled>visibilty</option>
                     { _.map(presets?.allowedHistoryVisibility, (option, key) => {
                         return <option key={key} value={option?.name}>{ option?.display } — { option?.description }</option>;
                     }) }
                 </select>
-                <select defaultValue={_.find(presets?.allowedJoinRules, { default: true })?.name} value={joinRule} onChange={(e) => {setJoinRule(e.target.value);}}>
+                <select value={joinRule} onChange={(e) => {setJoinRule(e.target.value);}}>
                     <option value="" disabled>join rules</option>
                     { _.map(presets?.allowedJoinRules, (option, key) => {
                         return <option key={key} value={option?.name}>{ option?.display } — { option?.description }</option>;
                     }) }
                 </select>
-                <select defaultValue={_.find(presets?.allowedPowerLevelPresets, { default: true })?.name} value={powerLevels} onChange={(e) => {setPowerLevels(e.target.value);}}>
+                <select value={powerLevels} onChange={(e) => {setPowerLevels(e.target.value);}}>
                     <option value="" disabled>member participation presets</option>
                     { _.map(presets?.allowedPowerLevelPresets, (option, key) => {
                         return <option key={key} value={option?.name}>{ option?.display } — { option?.description }</option>;
                     }) }
                 </select>
-            </AdvancesOptions>
+            </AdvancedOptions>
             { (createNewContextErrorMessage) &&
                 <ErrorMessage>{ createNewContextErrorMessage }</ErrorMessage> //error message container
             }
-            <button disabled={isLoading || !name || !template} type="submit">{ isLoading ? <LoadingSpinner inverted /> : 'create' }</button>
+            <PreviousNextButtons
+                disableNext={isLoading || !name || !template}
+                onCancel={onCancel}>{ isLoading ? <LoadingSpinner inverted /> : t('create')}
+            </PreviousNextButtons>
         </Form>
 
     );
diff --git a/pages/explore/ExploreMatrixActions.js b/pages/explore/ExploreMatrixActions.js
index b571a7b5..6b8d4cdb 100644
--- a/pages/explore/ExploreMatrixActions.js
+++ b/pages/explore/ExploreMatrixActions.js
@@ -30,6 +30,10 @@ const ExploreMatrixActionWrapper = styled.div`
   max-height: 100%;
   overflow-y: auto;
   border-collapse: collapse;
+  
+  > * + * {
+    margin-top: var(--margin);
+  }
 `;
 
 const RadioWrapper = styled.div`
@@ -41,8 +45,6 @@ const RadioWrapper = styled.div`
 `;
 
 const ExploreMatrixActions = ({ currentId, parentId, isCurrentUserModerator, children, callApiAndAddToObject }) => {
-    const [selectedAction, setSelectedAction] = useState('');
-    const [selectedRadioButton, setSelectedRadioButton] = useState('');
     /**
     * MATRIX
     * ------------------
@@ -121,6 +123,10 @@ const ExploreMatrixActions = ({ currentId, parentId, isCurrentUserModerator, chi
         setCachedRoomNames({ ...cachedRoomNames, [currentId]: { name: nameEvent?.name } });
     }, [cachedRoomNames, currentId, matrixClient]);
 
+
+    // callbacks
+
+
     /**
     * RENDER
     * ------------------
@@ -149,33 +155,14 @@ const ExploreMatrixActions = ({ currentId, parentId, isCurrentUserModerator, chi
             <h2>{ t('Manage contexts and items within ') }{ roomName }</h2>
 
             { isCurrentUserModerator && (
-                <Form onSubmit={(e) => {
-                    //@TODO check type submit thing
-                    e.preventDefault();
-                    setSelectedAction(selectedRadioButton);
-                }
-                }
-                onChange={(e) => setSelectedRadioButton(e.target.value)}>
-
                     <RenderSwitch
-                        selectedAction={selectedAction}
                         currentId={currentId}
                         parentId={parentId}
                         roomName={roomName}
                         children={children}
                         callApiAndAddToObject={callApiAndAddToObject}
                     />
-                    <PreviousNextButtons
-                        disabled={!selectedRadioButton}
-                        disableNext={selectedAction}
-                        disablePrev={!selectedAction}
-                        onCancel={() => {
-                            setSelectedRadioButton('');
-                            setSelectedAction('');
-                        }}
-                    />
-
-                </Form>)
+            )
             }
         </ExploreMatrixActionWrapper>
     );
@@ -183,21 +170,42 @@ const ExploreMatrixActions = ({ currentId, parentId, isCurrentUserModerator, chi
 
 export default ExploreMatrixActions;
 
-const RenderSwitch = ({ selectedAction, currentId, parentId, roomName, children, callApiAndAddToObject }) => {
+const RenderSwitch = ({ currentId, parentId, roomName, children, callApiAndAddToObject }) => {
+    const [selectedAction, setSelectedAction] = useState('');
+    const [selectedRadioButton, setSelectedRadioButton] = useState('');
     const { t } = useTranslation();
 
     switch (selectedAction) {
         case 'substructure':
-            return <CreateContext currentId={currentId} parentId={parentId} />;
+            return <CreateContext currentId={currentId} parentId={parentId} onCancel={() => {
+                setSelectedRadioButton('')
+                setSelectedAction('')
+            }}/>;
         case 'existingItem':
-            return <AddExistingItem currentId={currentId} currentName={roomName} />;
+            return <AddExistingItem currentId={currentId} currentName={roomName} onCancel={() => {
+                setSelectedRadioButton('')
+                setSelectedAction('')
+            }}/>;
         case 'existingContext':
-            return <AddExistingContext parentId={currentId} parentName={roomName} contextRootId={getConfig().publicRuntimeConfig.contextRootSpaceRoomId} />;
+            return <AddExistingContext parentId={currentId} parentName={roomName} contextRootId={getConfig().publicRuntimeConfig.contextRootSpaceRoomId} onCancel={() => {
+                setSelectedRadioButton('')
+                setSelectedAction('')
+            }}/>;
         case 'removeSpace':
-            return <RemoveSpaceFromParent parentId={currentId}parentName={roomName} children={children} callApiAndAddToObject={callApiAndAddToObject} />;
+            return <RemoveSpaceFromParent parentId={currentId} parentName={roomName} children={children} callApiAndAddToObject={callApiAndAddToObject} onCancel={() => {
+                setSelectedRadioButton('')
+                setSelectedAction('')
+            }}/>;
         default:
-            return <>
-                <RadioWrapper>
+            return  <Form
+                onSubmit={(e) => {
+                //@TODO check type submit thing
+                e.preventDefault();
+                setSelectedAction(selectedRadioButton);}
+            }
+                onChange={(e) => setSelectedRadioButton(e.target.value)}
+            >
+            <RadioWrapper>
                     <input type="radio" id="substructure" name="action" value="substructure" />
                     <label htmlFor="substructure">{ t('create new substructure') }</label>
                 </RadioWrapper>
@@ -216,6 +224,16 @@ const RenderSwitch = ({ selectedAction, currentId, parentId, roomName, children,
                     <input type="radio" id="removeSpace" name="action" value="removeSpace" />
                     <label htmlFor="removeSpace">{ t('remove items or contexts') }</label>
                 </RadioWrapper>
-            </>;
+
+                <PreviousNextButtons
+                    disabled={!selectedRadioButton}
+                    disableNext={selectedAction}
+                    disablePrev={!selectedAction}
+                    onCancel={() => {
+                        setSelectedRadioButton('');
+                        setSelectedAction('');
+                    }}
+                />
+            </Form>;
     }
 };

From 6a2f01967858504fad5d1f2544040a485a298554 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Tue, 19 Sep 2023 16:04:26 +0200
Subject: [PATCH 228/714] refactor: add previous and next buttons

---
 pages/explore/AddExistingContext.js | 21 ++++++++++++++++-----
 1 file changed, 16 insertions(+), 5 deletions(-)

diff --git a/pages/explore/AddExistingContext.js b/pages/explore/AddExistingContext.js
index f8a044b6..8bcb695d 100644
--- a/pages/explore/AddExistingContext.js
+++ b/pages/explore/AddExistingContext.js
@@ -6,6 +6,8 @@ import { useAuth } from '../../lib/Auth';
 import ContextMultiLevelSelect from '../../components/ContextMultiLevelSelect';
 import ErrorMessage from '../../components/UI/ErrorMessage';
 import Form from '../../components/UI/Form';
+import PreviousNextButtons from "../../components/UI/PreviousNextButtons";
+import LoadingSpinnerInline from "../../components/UI/LoadingSpinnerInline";
 
 /**
  * 'ADD EXISTING CONTEXT' COMPONENT
@@ -23,13 +25,14 @@ import Form from '../../components/UI/Form';
  *
 */
 
-const AddExistingContext = ({ parentId, parentName, contextRootId }) => {
+const AddExistingContext = ({ parentId, parentName, contextRootId, onCancel }) => {
     const auth = useAuth();
     const matrix = auth.getAuthenticationProvider('matrix');
     const [activeContexts, setActiveContexts] = useState([contextRootId]);
     const [selectedContextName, setSelectedContextName] = useState('');
     const [isAddingAllowed, setIsAddingAllowed] = useState();
     const [errorMessage, setErrorMessage] = useState();
+    const [isLoading, setIsLoading] = useState(false)
     const { t } = useTranslation('explore');
 
     useEffect(() => {
@@ -60,7 +63,9 @@ const AddExistingContext = ({ parentId, parentName, contextRootId }) => {
         validateContextRelationship();
     }, [activeContexts, contextRootId, parentId, parentName, selectedContextName, t]);
 
-    const addContextToParent = async () => {
+    const addContextToParent = async (e) => {
+        e.preventDefault()
+        setIsLoading(true)
         const call = await matrix.addSpaceChild(parentId, activeContexts[activeContexts.length - 1])
             .catch(error => {
                 setErrorMessage(error.data?.error);
@@ -72,6 +77,8 @@ const AddExistingContext = ({ parentId, parentName, contextRootId }) => {
             alert(t('{{selectedContextName}} was successfully added to {{parentName}}', { selectedContextName: selectedContextName, parentName: parentName }));
             cleanUp();
         }
+        setIsLoading(false)
+
     };
 
     // resetting all states back to start for a fresh new interaction.
@@ -80,15 +87,19 @@ const AddExistingContext = ({ parentId, parentName, contextRootId }) => {
         setSelectedContextName('');
         setIsAddingAllowed(false);
         setErrorMessage('');
+        onCancel()
     };
 
     return (
-        <Form>
+        <Form
+        onSubmit={addContextToParent}>
             <ContextMultiLevelSelect onChange={setActiveContexts} activeContexts={activeContexts} setSelectedContextName={setSelectedContextName} />
             { selectedContextName && isAddingAllowed && <p> { t('You are about to add {{ selectedContextName }} to {{parentName}}', { selectedContextName: selectedContextName, parentName: parentName }) }</p> }
             { isAddingAllowed && <>
-                <button disabled={!isAddingAllowed} onClick={addContextToParent}>add</button>
-                <button onClick={cleanUp}>{ t('cancel') }</button>
+                <PreviousNextButtons
+                    disableNext={!isAddingAllowed}
+                    onCancel={cleanUp}>{ isLoading ? <LoadingSpinnerInline inverted /> : t('add')}
+                </PreviousNextButtons>
             </> }
             { errorMessage && <ErrorMessage>{ errorMessage }</ErrorMessage> }
         </Form>

From 262863078a98f7079dbc46642ca7bc4210ccb093 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Tue, 19 Sep 2023 16:37:20 +0200
Subject: [PATCH 229/714] refactor: add previous and next buttons to
 AddExistingItem.js, improve error handling and comment out check for template
 in config array until decicion is made on whether to use it or not

---
 pages/explore/AddExistingItem.js      | 43 ++++++++--------
 pages/explore/CreateContext.js        | 17 ++++---
 pages/explore/ExploreMatrixActions.js | 70 +++++++++++++++------------
 3 files changed, 74 insertions(+), 56 deletions(-)

diff --git a/pages/explore/AddExistingItem.js b/pages/explore/AddExistingItem.js
index cecc7265..69e201be 100644
--- a/pages/explore/AddExistingItem.js
+++ b/pages/explore/AddExistingItem.js
@@ -1,12 +1,13 @@
 import React, { useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import getConfig from 'next/config';
 
 import { useAuth } from '../../lib/Auth';
 import { useMatrix } from '../../lib/Matrix';
 import CachedContextMultiLevelSelect from '../../components/CachedContextMultiLevelSelect';
 import ErrorMessage from '../../components/UI/ErrorMessage';
 import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
+import PreviousNextButtons from '../../components/UI/PreviousNextButtons';
+import Form from '../../components/UI/Form';
 
 /**
  * 'ADD EXISTING ITEM' COMPONENT
@@ -19,7 +20,7 @@ import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
  *
 */
 
-const AddExistingItem = ({ currentId, currentName }) => {
+const AddExistingItem = ({ currentId, onCancel }) => {
     const auth = useAuth();
     const matrix = useMatrix(auth.getAuthenticationProvider('matrix'));
     const matrixAuthed = auth.getAuthenticationProvider('matrix');
@@ -34,34 +35,38 @@ const AddExistingItem = ({ currentId, currentName }) => {
 
     const onLevelSelect = (levels, isLeaf) => {
         setSelectedLevels(levels);
-        const isItem = matrix.rooms.get(levels[levels.length - 1]);
-        if (isLeaf && getConfig().publicRuntimeConfig.templates.item.includes(isItem?.meta.template)) setIsItem(true);
-        else setIsItem(false);
+        const item = matrix.rooms.get(levels[levels.length - 1]);
+        setIsItem(!!item);
+        // if (isLeaf && getConfig().publicRuntimeConfig.templates.item.includes(item?.meta.template)) setIsItem(true);
+        // else setIsItem(false);
     };
 
-    const addItemToContext = async (e, itemId, currentId) => {
+    const addItemToContext = async (e) => {
         e.preventDefault();
         setIsAddingContext(true);
 
-        const addChildToParent = await matrixAuthed.addSpaceChild(currentId, itemId)
-            .catch(console.debug);
-        if (!addChildToParent?.event_id) {
-            setErrorMessage(t('something went wrong when trying to add the item to ') + currentName);
-        }
-        setSelectedLevels([applicationsFolder]);
+        const addChildToParent = await matrixAuthed.addSpaceChild(currentId, selectedLevels[selectedLevels.length - 1])
+            .catch((error) => [
+                setErrorMessage((error.data?.error || t('something went wrong, please try again'))),
+            ]);
         setIsAddingContext(false);
+        if (addChildToParent?.event_id) {
+            setSelectedLevels([applicationsFolder]);
+            setErrorMessage('');
+            onCancel();
+        }
     };
 
     return (
-        <>
+        <Form
+            onSubmit={addItemToContext}>
             <CachedContextMultiLevelSelect onChange={onLevelSelect} activeContexts={selectedLevels} />
-            { isItem && <button
-                disabled={isAddingContext}
-                onClick={e => addItemToContext(e, selectedLevels[selectedLevels.length - 1], currentId)}>
-                { isAddingContext ? <LoadingSpinnerInline /> : t('add') }
-            </button> }
+            <PreviousNextButtons
+                disableNext={isAddingContext || !isItem}
+                onCancel={onCancel}>{ isAddingContext ? <LoadingSpinnerInline inverted /> : t('add') }
+            </PreviousNextButtons>
             { errorMessage && <ErrorMessage>{ errorMessage }</ErrorMessage> }
-        </>
+        </Form>
     );
 };
 
diff --git a/pages/explore/CreateContext.js b/pages/explore/CreateContext.js
index 06e2593b..902cd1bb 100644
--- a/pages/explore/CreateContext.js
+++ b/pages/explore/CreateContext.js
@@ -2,6 +2,7 @@ import React, { useState } from 'react';
 import styled from 'styled-components';
 import _ from 'lodash';
 import getConfig from 'next/config';
+import { useTranslation } from 'react-i18next';
 
 import { useAuth } from '../../lib/Auth';
 import TemplateSelect from './TemplateSelect';
@@ -10,8 +11,8 @@ import { useMatrix } from '../../lib/Matrix';
 import ErrorMessage from '../../components/UI/ErrorMessage';
 import LoadingSpinner from '../../components/UI/LoadingSpinner';
 import Form from '../../components/UI/Form';
-import PreviousNextButtons from "../../components/UI/PreviousNextButtons";
-import {useTranslation} from "react-i18next";
+import PreviousNextButtons from '../../components/UI/PreviousNextButtons';
+import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
 
 const AdvancedOptions = styled.details`
   & {
@@ -36,7 +37,7 @@ const CreateContext = ({ currentId, onCancel }) => {
     const [powerLevels, setPowerLevels] = useState();
     const [createNewContextErrorMessage, setCreateNewContextErrorMessage] = useState();
 
-    const {t} = useTranslation();
+    const { t } = useTranslation();
 
     const createContext = async (e) => {
         e.preventDefault();
@@ -77,7 +78,8 @@ const CreateContext = ({ currentId, onCancel }) => {
             setCreateNewContextErrorMessage(err.message);
             await new Promise(r => setTimeout(r, 3000));
             setCreateNewContextErrorMessage('');
-            return
+
+            return;
         });
 
         // then add our new context to the parent.
@@ -86,7 +88,8 @@ const CreateContext = ({ currentId, onCancel }) => {
                 setCreateNewContextErrorMessage(err.message);
                 await new Promise(r => setTimeout(r, 3000));
                 setCreateNewContextErrorMessage('');
-                return
+
+                return;
             },
             );
         }
@@ -94,7 +97,7 @@ const CreateContext = ({ currentId, onCancel }) => {
         setTopic('');
         setTemplate('');
         setIsLoading(false);
-        onCancel()
+        onCancel();
     };
 
     return (
@@ -133,7 +136,7 @@ const CreateContext = ({ currentId, onCancel }) => {
             }
             <PreviousNextButtons
                 disableNext={isLoading || !name || !template}
-                onCancel={onCancel}>{ isLoading ? <LoadingSpinner inverted /> : t('create')}
+                onCancel={onCancel}>{ isLoading ? <LoadingSpinnerInline inverted /> : t('create') }
             </PreviousNextButtons>
         </Form>
 
diff --git a/pages/explore/ExploreMatrixActions.js b/pages/explore/ExploreMatrixActions.js
index 6b8d4cdb..61cc7726 100644
--- a/pages/explore/ExploreMatrixActions.js
+++ b/pages/explore/ExploreMatrixActions.js
@@ -123,10 +123,8 @@ const ExploreMatrixActions = ({ currentId, parentId, isCurrentUserModerator, chi
         setCachedRoomNames({ ...cachedRoomNames, [currentId]: { name: nameEvent?.name } });
     }, [cachedRoomNames, currentId, matrixClient]);
 
-
     // callbacks
 
-
     /**
     * RENDER
     * ------------------
@@ -155,13 +153,13 @@ const ExploreMatrixActions = ({ currentId, parentId, isCurrentUserModerator, chi
             <h2>{ t('Manage contexts and items within ') }{ roomName }</h2>
 
             { isCurrentUserModerator && (
-                    <RenderSwitch
-                        currentId={currentId}
-                        parentId={parentId}
-                        roomName={roomName}
-                        children={children}
-                        callApiAndAddToObject={callApiAndAddToObject}
-                    />
+                <RenderSwitch
+                    currentId={currentId}
+                    parentId={parentId}
+                    roomName={roomName}
+                    children={children}
+                    callApiAndAddToObject={callApiAndAddToObject}
+                />
             )
             }
         </ExploreMatrixActionWrapper>
@@ -177,35 +175,47 @@ const RenderSwitch = ({ currentId, parentId, roomName, children, callApiAndAddTo
 
     switch (selectedAction) {
         case 'substructure':
-            return <CreateContext currentId={currentId} parentId={parentId} onCancel={() => {
-                setSelectedRadioButton('')
-                setSelectedAction('')
-            }}/>;
+            return <CreateContext currentId={currentId}
+                parentId={parentId}
+                onCancel={() => {
+                    setSelectedRadioButton('');
+                    setSelectedAction('');
+                }} />;
         case 'existingItem':
-            return <AddExistingItem currentId={currentId} currentName={roomName} onCancel={() => {
-                setSelectedRadioButton('')
-                setSelectedAction('')
-            }}/>;
+            return <AddExistingItem currentId={currentId}
+                currentName={roomName}
+                onCancel={() => {
+                    setSelectedRadioButton('');
+                    setSelectedAction('');
+                }} />;
         case 'existingContext':
-            return <AddExistingContext parentId={currentId} parentName={roomName} contextRootId={getConfig().publicRuntimeConfig.contextRootSpaceRoomId} onCancel={() => {
-                setSelectedRadioButton('')
-                setSelectedAction('')
-            }}/>;
+            return <AddExistingContext parentId={currentId}
+                parentName={roomName}
+                contextRootId={getConfig().publicRuntimeConfig.contextRootSpaceRoomId}
+                onCancel={() => {
+                    setSelectedRadioButton('');
+                    setSelectedAction('');
+                }} />;
         case 'removeSpace':
-            return <RemoveSpaceFromParent parentId={currentId} parentName={roomName} children={children} callApiAndAddToObject={callApiAndAddToObject} onCancel={() => {
-                setSelectedRadioButton('')
-                setSelectedAction('')
-            }}/>;
+            return <RemoveSpaceFromParent parentId={currentId}
+                parentName={roomName}
+                children={children}
+                callApiAndAddToObject={callApiAndAddToObject}
+                onCancel={() => {
+                    setSelectedRadioButton('');
+                    setSelectedAction('');
+                }} />;
         default:
-            return  <Form
+            return <Form
                 onSubmit={(e) => {
                 //@TODO check type submit thing
-                e.preventDefault();
-                setSelectedAction(selectedRadioButton);}
-            }
+                    e.preventDefault();
+                    setSelectedAction(selectedRadioButton);
+                }
+                }
                 onChange={(e) => setSelectedRadioButton(e.target.value)}
             >
-            <RadioWrapper>
+                <RadioWrapper>
                     <input type="radio" id="substructure" name="action" value="substructure" />
                     <label htmlFor="substructure">{ t('create new substructure') }</label>
                 </RadioWrapper>

From b6730b46120f8fc803637a6d4c697ddac6886f05 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Tue, 19 Sep 2023 16:40:41 +0200
Subject: [PATCH 230/714] remove unused import and fix trailing space

---
 components/UI/PreviousNextButtons.js | 2 +-
 pages/explore/AddExistingItem.js     | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/UI/PreviousNextButtons.js b/components/UI/PreviousNextButtons.js
index 0b3c4977..3059c3e4 100644
--- a/components/UI/PreviousNextButtons.js
+++ b/components/UI/PreviousNextButtons.js
@@ -38,7 +38,7 @@ const PreviousButton = styled.button`
  * @param {Boolean} disablePrev disables 'previous' button if true
  * @returns {React.ReactComponent} two inline buttons.  'previous' and 'next'
  */
-const PreviousNextButtons = ({children,  disabled, onCancel, disableNext, disablePrev }) => {
+const PreviousNextButtons = ({ children, disabled, onCancel, disableNext, disablePrev }) => {
     const { t } = useTranslation();
 
     const handlePrevious = (e) => {
diff --git a/pages/explore/AddExistingItem.js b/pages/explore/AddExistingItem.js
index 69e201be..c3a3a555 100644
--- a/pages/explore/AddExistingItem.js
+++ b/pages/explore/AddExistingItem.js
@@ -33,7 +33,7 @@ const AddExistingItem = ({ currentId, onCancel }) => {
 
     const [selectedLevels, setSelectedLevels] = useState([applicationsFolder]);
 
-    const onLevelSelect = (levels, isLeaf) => {
+    const onLevelSelect = (levels) => {
         setSelectedLevels(levels);
         const item = matrix.rooms.get(levels[levels.length - 1]);
         setIsItem(!!item);

From e9d6ae6eef7bb8f09d2d9e452bca4f6cfcd543ae Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Tue, 19 Sep 2023 17:40:50 +0200
Subject: [PATCH 231/714] refactor: update component to use
 PreviousNextButton.js and use checkboxes to be able to remove multiple
 items/contexts at once

---
 pages/explore/AddExistingItem.js       |  12 ++-
 pages/explore/RemoveSpaceFromParent.js | 103 +++++++++++++------------
 2 files changed, 58 insertions(+), 57 deletions(-)

diff --git a/pages/explore/AddExistingItem.js b/pages/explore/AddExistingItem.js
index c3a3a555..e7195157 100644
--- a/pages/explore/AddExistingItem.js
+++ b/pages/explore/AddExistingItem.js
@@ -10,15 +10,13 @@ import PreviousNextButtons from '../../components/UI/PreviousNextButtons';
 import Form from '../../components/UI/Form';
 
 /**
- * 'ADD EXISTING ITEM' COMPONENT
- * ------------------
+ * Component for adding an existing item to a context.
  *
- * @param {String} currentId — id of the current observed explore room
+ * @param {String} currentId - The id of the current observed explore room.
+ * @param {Function} onCancel - Callback function to cancel the operation.
  *
- * @TODO
- *  - some functions regarding spaces of spaces in the application folders needs to be implemented in the future. But as this is not a featureset of our current stack for now it could not be tested fully.
- *
-*/
+ * @returns {JSX.Element} JSX element representing the "Add Existing Item" component.
+ */
 
 const AddExistingItem = ({ currentId, onCancel }) => {
     const auth = useAuth();
diff --git a/pages/explore/RemoveSpaceFromParent.js b/pages/explore/RemoveSpaceFromParent.js
index 4ff33256..ebf9c3b7 100644
--- a/pages/explore/RemoveSpaceFromParent.js
+++ b/pages/explore/RemoveSpaceFromParent.js
@@ -4,9 +4,10 @@ import { useTranslation } from 'react-i18next';
 
 import { useAuth } from '../../lib/Auth';
 import { ServiceTable } from '../../components/UI/ServiceTable';
-import EraserIcon from '../../assets/icons/eraser.svg';
-import TextButton from '../../components/UI/TextButton';
 import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
+import PreviousNextButtons from '../../components/UI/PreviousNextButtons';
+import Form from '../../components/UI/Form';
+import ErrorMessage from '../../components/UI/ErrorMessage';
 
 const RemoveSection = styled.div`
   & {
@@ -25,61 +26,78 @@ const RemoveSection = styled.div`
 `;
 
 /**
- * COMPONENT 'RemoveAction'
+ * Component for removing a space from its parent.
  *
- * @TODO
- *
- * @param {String} parentId — the Id of the current observed Room
- * @param {String} parentName – x
- * @param {function} activeAction – x
- * @callback callApiAndAddToObject
-*/
-
+ * @param {Function} children - children to display.
+ * @param {String} parentId - The ID of the current observed Room.
+ * @param {String} parentName - The name of the parent space.
+ * @param {Function} callApiAndAddToObject - Callback function to update the list of children.
+ * @param {Function} onCancel - Callback function to cancel the operation.
+ * @returns {JSX.Element} JSX element representing the "Remove Space From Parent" component.
+ */
 const RemoveSpaceFromParent = ({
+    children,
     parentId,
     parentName,
-    children,
     callApiAndAddToObject,
+    onCancel,
 }) => {
     const auth = useAuth();
     const matrix = auth.getAuthenticationProvider('matrix');
     const [isRemovingChild, setIsRemovingChild] = useState(false);
+    const [itemsToRemove, setItemsToRemove] = useState([]);
+    const [errorMessages, setErrorMessages] = useState([]);
 
     const { t } = useTranslation('explore');
 
-    const removeChildFromParent = async (e, name, roomId) => {
+    const removeChildFromParent = async (e) => {
+        e.preventDefault();
         setIsRemovingChild(true);
-        const deleteDialogue = confirm(t('Are you sure you want to remove {{child}} from {{parent}}', { child: name, parent: parentName }));
-        if (deleteDialogue) {
-            const call = await matrix.removeSpaceChild(parentId, roomId)
+        for (const roomId of itemsToRemove) {
+            await matrix.removeSpaceChild(parentId, roomId)
                 .catch(error => {
-                    alert(error.data?.error);
+                    setErrorMessages(prevState => [...prevState, error.data?.error]);
                 });
-            if (call?.event_id) { //if an event_id is provided as an response the call were accepted and the currentId removed from the parentId as a m.room.spaceChild
-                await callApiAndAddToObject(e, parentId);
-            }
         }
+        await callApiAndAddToObject(e, parentId);
+        setItemsToRemove([]);
         setIsRemovingChild(false);
     };
 
+    const handleSelect = (roomId) => {
+        setItemsToRemove(prevState => {
+            if (prevState.includes(roomId)) {
+                return prevState.filter(item => item !== roomId);
+            } else return [...prevState, roomId];
+        });
+    };
     if (!children || !matrix) return;
 
     return (
-        <>
+        <Form
+            onSubmit={removeChildFromParent}>
             <RemoveSection>
                 <ServiceTable>
                     { children.map(child => {
                         return <RemoveListEntry
                             child={child}
-                            isRemovingChild={isRemovingChild}
-                            removeChildFromParent={removeChildFromParent}
+                            handleSelect={handleSelect}
+                            checked={itemsToRemove.includes(child.room_id)}
                             parentName={parentName}
                         />;
                     }) }
                 </ServiceTable>
+                { errorMessages && errorMessages.map((errorMessage, index) => {
+                    return <ErrorMessage key={index}>{ errorMessage } </ErrorMessage>;
+                }) }
             </RemoveSection>
 
-        </>
+            <PreviousNextButtons
+                disableNext={itemsToRemove.length === 0}
+                onCancel={onCancel}>{ isRemovingChild ? <LoadingSpinnerInline inverted /> : `${t('remove') } ${itemsToRemove.length > 0 ? itemsToRemove.length : ''}` }
+            </PreviousNextButtons>
+
+        </Form>
 
     );
 };
@@ -87,40 +105,25 @@ const RemoveSpaceFromParent = ({
 export default RemoveSpaceFromParent;
 
 /**
- * Description placeholder
+ * Component representing a list entry for removing a child space.
  *
- * @param {Object} child - object of child containing name and room_id keys
- * @param {Boolean} isRemovingChild
- * @param {String} parentName - name of parent space
- * @callback removeChildFromParent
- *   @param {Event} e
- *   @param {String} name
- *   @param {String} roomId - matrix room id of room to remove
- * @returns {React.ReactComponent}
+ * @param {Object} child - An object representing a child space containing name and room_id keys.
+ * @param {Boolean} checked - Whether the child space is selected for removal.
+ * @param {String} parentName - The name of the parent space.
+ * @param {Function} handleSelect - Callback function to handle child space selection.
+ * @returns {JSX.Element} JSX element representing a list entry for removing a child space.
  */
 
-function RemoveListEntry({ child, isRemovingChild, parentName, removeChildFromParent }) {
-    const [isDeletingCurrentChild, setIsDeletingCurrentChild] = useState(false);
+function RemoveListEntry({ child, parentName, handleSelect, checked }) {
     const { t } = useTranslation();
 
-    const handleClick = async (e) => {
-        e.preventDefault();
-        setIsDeletingCurrentChild(true);
-        await removeChildFromParent(e, child.name, child.room_id);
-        setIsDeletingCurrentChild(false);
-    };
-
     return <ServiceTable.Row>
         <ServiceTable.Cell>{ child.name }</ServiceTable.Cell>
         <ServiceTable.Cell>
-            <TextButton
-                disabled={isRemovingChild}
-                onClick={(e) => handleClick(e)}
-                title={t('Remove {{child}} from {{parent}}', { child: child.name, parent: parentName })}>
-                { isDeletingCurrentChild ?
-                    <LoadingSpinnerInline /> :
-                    <EraserIcon fill="var(--color-foreground)" /> }
-            </TextButton>
+            <input type="checkbox"
+                checked={checked}
+                title={t('Remove {{child}} from {{parent}}', { child: child.name, parent: parentName })}
+                onClick={() => handleSelect(child.room_id)} />
         </ServiceTable.Cell>
     </ServiceTable.Row>;
 }

From 54a6b7a77d1a72e78439db68843c3410a53ed2f5 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Tue, 19 Sep 2023 18:05:40 +0200
Subject: [PATCH 232/714] refactor: add PreviousNextButtons.js

---
 pages/explore/DeleteSpace.js | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/pages/explore/DeleteSpace.js b/pages/explore/DeleteSpace.js
index 8dad1ed8..ebdf4884 100644
--- a/pages/explore/DeleteSpace.js
+++ b/pages/explore/DeleteSpace.js
@@ -5,6 +5,8 @@ import { useAuth } from '../../lib/Auth';
 import ErrorMessage from '../../components/UI/ErrorMessage';
 import Form from '../../components/UI/Form';
 import Checkbox from '../../components/UI/Checkbox';
+import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
+import PreviousNextButtons from '../../components/UI/PreviousNextButtons';
 
 /**
  * DeleteRoom component for deleting a Matrix room.
@@ -12,9 +14,10 @@ import Checkbox from '../../components/UI/Checkbox';
  * @param {string} roomId - The ID of the room to delete.
  * @param {string} parentId - The ID of the parent room or space (if applicable).
  * @param {string} roomName - The name of the room to be deleted.
+ * @param {Function} onCancel - Callback function to cancel the operation.
  * @returns {JSX.Element} - The rendered component.
  */
-const DeleteRoom = ({ roomId, parentId, roomName }) => {
+const DeleteRoom = ({ roomId, parentId, roomName, onCancel }) => {
     const auth = useAuth();
     const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
     const [isDeleting, setIsDeleting] = useState(false);
@@ -47,7 +50,8 @@ const DeleteRoom = ({ roomId, parentId, roomName }) => {
     };
 
     return (
-        <Form>
+        <Form
+            onSubmit={handleDeleteRoom}>
             <h2>{ t('Delete') } { roomName }?</h2>
             <Checkbox
                 isChecked={isChecked}
@@ -61,6 +65,12 @@ const DeleteRoom = ({ roomId, parentId, roomName }) => {
             >
                 { isDeleting ? `${t('Deleting')} ...` : t('Delete') }
             </button>
+
+            <PreviousNextButtons
+                disableNext={isDeleting || !isChecked}
+                onCancel={onCancel}>{ isDeleting ? <LoadingSpinnerInline inverted /> : t('Delete') }
+            </PreviousNextButtons>
+
             { errorMessage && <ErrorMessage>{ errorMessage }</ErrorMessage> }
         </Form>
     );

From 725d4eb1e27100b2ba3e44add14eb28d8ae851a3 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 20 Sep 2023 11:44:23 +0200
Subject: [PATCH 233/714] refactor: change DeleteSpace.js to LeaveRoom.js and
 update imports and references to deleting.

---
 components/UI/Checkbox.js                     | 26 ----------
 pages/explore/ExploreMatrixActions.js         |  8 ++--
 .../explore/{DeleteSpace.js => LeaveRoom.js}  | 48 +++++++------------
 3 files changed, 21 insertions(+), 61 deletions(-)
 delete mode 100644 components/UI/Checkbox.js
 rename pages/explore/{DeleteSpace.js => LeaveRoom.js} (52%)

diff --git a/components/UI/Checkbox.js b/components/UI/Checkbox.js
deleted file mode 100644
index a533dad3..00000000
--- a/components/UI/Checkbox.js
+++ /dev/null
@@ -1,26 +0,0 @@
-import styled from 'styled-components';
-
-const Wrapper = styled.div`
-  display: grid;
-  grid-auto-flow: column;
-  grid-gap: var(--margin);
-  align-items: center;
-  justify-content: start;
-
-`;
-
-const Checkbox = ({ children, isChecked, onClick }) => {
-    return (<Wrapper>
-        <input
-            type="checkbox"
-            checked={isChecked}
-            onChange={() => onClick(!isChecked)}
-        />
-        <label
-            htmlFor="checkbox">
-            { children }
-        </label>
-    </Wrapper>
-    );
-};
-export default Checkbox;
diff --git a/pages/explore/ExploreMatrixActions.js b/pages/explore/ExploreMatrixActions.js
index 5a56d1ee..4eb94c41 100644
--- a/pages/explore/ExploreMatrixActions.js
+++ b/pages/explore/ExploreMatrixActions.js
@@ -11,7 +11,7 @@ import AddExistingItem from './AddExistingItem';
 import Form from '../../components/UI/Form';
 import PreviousNextButtons from '../../components/UI/PreviousNextButtons';
 import RemoveSpaceFromParent from './RemoveSpaceFromParent';
-import DeleteRoom from './DeleteSpace';
+import LeaveRoom from './LeaveRoom';
 
 /**
  * ACTIONS COMPONENT
@@ -22,8 +22,6 @@ import DeleteRoom from './DeleteSpace';
  * @param {function} popActiveContexts – deletes the latest Element of the Contexts Multi Level Select Stack. Needed for the remove action.
  * @param {Boolean} isCurrentUserModerator - true if the user has moderatoion rights for the currentId.
  * @callback callApiAndAddToObject
- * @TODO
- * - changing all hardcoded mod rights (50) in all files related to the 'action' component to dynamicly ones. so that it will check what the powerlevel for the intended event to send needs to be, based on the indidual specific room criterial.
 */
 
 const ExploreMatrixActionWrapper = styled.div`
@@ -207,7 +205,7 @@ const RenderSwitch = ({ currentId, parentId, roomName, children, callApiAndAddTo
                     setSelectedAction('');
                 }} />;
         case 'deleteSpace':
-            return <DeleteRoom roomId={currentId}
+            return <LeaveRoom roomId={currentId}
                 roomName={roomName}
                 parentId={parentId}
                 onCancel={() => {
@@ -246,7 +244,7 @@ const RenderSwitch = ({ currentId, parentId, roomName, children, callApiAndAddTo
 
                 <RadioWrapper>
                     <input type="radio" id="deleteSpace" name="action" value="deleteSpace" />
-                    <label htmlFor="deleteSpace">{ t('delete items or contexts') }</label>
+                    <label htmlFor="deleteSpace">{ t('Leave') } { roomName }</label>
                 </RadioWrapper>
 
                 <PreviousNextButtons
diff --git a/pages/explore/DeleteSpace.js b/pages/explore/LeaveRoom.js
similarity index 52%
rename from pages/explore/DeleteSpace.js
rename to pages/explore/LeaveRoom.js
index ebdf4884..addaaa42 100644
--- a/pages/explore/DeleteSpace.js
+++ b/pages/explore/LeaveRoom.js
@@ -4,71 +4,59 @@ import { useTranslation } from 'react-i18next';
 import { useAuth } from '../../lib/Auth';
 import ErrorMessage from '../../components/UI/ErrorMessage';
 import Form from '../../components/UI/Form';
-import Checkbox from '../../components/UI/Checkbox';
 import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
 import PreviousNextButtons from '../../components/UI/PreviousNextButtons';
 
 /**
- * DeleteRoom component for deleting a Matrix room.
+ * LeaveRoom component for leaving a Matrix room.
  *
- * @param {string} roomId - The ID of the room to delete.
+ * @param {string} roomId - The ID of the room to leave.
  * @param {string} parentId - The ID of the parent room or space (if applicable).
- * @param {string} roomName - The name of the room to be deleted.
+ * @param {string} roomName - The name of the room to be left.
  * @param {Function} onCancel - Callback function to cancel the operation.
  * @returns {JSX.Element} - The rendered component.
  */
-const DeleteRoom = ({ roomId, parentId, roomName, onCancel }) => {
+const LeaveRoom = ({ roomId, parentId, roomName, onCancel }) => {
     const auth = useAuth();
     const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
-    const [isDeleting, setIsDeleting] = useState(false);
+    const [isLeaving, setIsLeaving] = useState(false);
     const [errorMessage, setErrorMessage] = useState('');
-    const [isChecked, setIsChecked] = useState(false);
     const { t } = useTranslation();
 
-    const handleDeleteRoom = async () => {
-        setIsDeleting(true);
+    const handleLeaveRoom = async () => {
+        setIsLeaving(true);
 
         if (parentId) {
-            // remove the space from its parent if a parentId was parsed
+            // Remove the space from its parent if a parentId was provided
             await auth.getAuthenticationProvider('matrix').removeSpaceChild(parentId, roomId)
                 .catch(error => {
                     setErrorMessage(error.data?.error || t('Something went wrong. Please try again'));
+                    setIsLeaving(false);
 
                     return;
                 });
         }
-        // Delete the main room
-        await matrixClient.deleteRoom(roomId)
+        // Leave the main room
+        await matrixClient.leave(roomId)
             .catch(error => {
                 setErrorMessage(error.data?.error || t('Something went wrong. Please try again'));
+                setIsLeaving(false);
 
                 return;
             });
 
-        setIsDeleting(false);
+        setIsLeaving(false);
         setErrorMessage('');
     };
 
     return (
         <Form
-            onSubmit={handleDeleteRoom}>
-            <h2>{ t('Delete') } { roomName }?</h2>
-            <Checkbox
-                isChecked={isChecked}
-                onClick={setIsChecked}>
-                { t('Are you sure you want to irreversibly delete {{name}}?', { name: roomName }) }
-            </Checkbox>
-
-            <button
-                disabled={isDeleting || !isChecked}
-                onClick={handleDeleteRoom}
-            >
-                { isDeleting ? `${t('Deleting')} ...` : t('Delete') }
-            </button>
+            onSubmit={handleLeaveRoom}>
+            <p>{ t('Are you sure you want to leave {{ name }}?', { name: roomName }) }</p>
 
             <PreviousNextButtons
-                disableNext={isDeleting || !isChecked}
-                onCancel={onCancel}>{ isDeleting ? <LoadingSpinnerInline inverted /> : t('Delete') }
+                disableNext={isLeaving}
+                onCancel={onCancel}>{ isLeaving ? <LoadingSpinnerInline inverted /> : t('Leave') }
             </PreviousNextButtons>
 
             { errorMessage && <ErrorMessage>{ errorMessage }</ErrorMessage> }
@@ -76,4 +64,4 @@ const DeleteRoom = ({ roomId, parentId, roomName, onCancel }) => {
     );
 };
 
-export default DeleteRoom;
+export default LeaveRoom;

From 2f51ba933bb4c04c42c69d1772fcdd98c85161f0 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Wed, 20 Sep 2023 12:33:06 +0200
Subject: [PATCH 234/714] chore: fix stylelint errors

---
 components/UI/Modal.js                | 2 ++
 components/UI/PreviousNextButtons.js  | 1 -
 pages/explore/ExploreMatrixActions.js | 2 +-
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/components/UI/Modal.js b/components/UI/Modal.js
index c13f73e9..8b74a73d 100644
--- a/components/UI/Modal.js
+++ b/components/UI/Modal.js
@@ -5,6 +5,7 @@ const DefaultModal = ({ children, isOpen, onRequestClose, shouldCloseOnOverlayCl
     if (typeof window !== 'undefined') ReactModal.setAppElement(document.body);
 
     const customStyles = {
+    /* stylelint-disable*/
         content: {
             top: '50%',
             right: 'auto',
@@ -14,6 +15,7 @@ const DefaultModal = ({ children, isOpen, onRequestClose, shouldCloseOnOverlayCl
             padding: 'calc(var(--margin) * 2)',
             transform: 'translate(-50%, -50%)',
         },
+        /* stylelint-enable*/
     };
 
     return <ReactModal
diff --git a/components/UI/PreviousNextButtons.js b/components/UI/PreviousNextButtons.js
index 3059c3e4..e056edd3 100644
--- a/components/UI/PreviousNextButtons.js
+++ b/components/UI/PreviousNextButtons.js
@@ -5,7 +5,6 @@ const PreviousNextButtonsWrapper = styled.div`
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   grid-gap: var(--margin);
-  
 `;
 
 const NextButton = styled.button`
diff --git a/pages/explore/ExploreMatrixActions.js b/pages/explore/ExploreMatrixActions.js
index 61cc7726..ba403b17 100644
--- a/pages/explore/ExploreMatrixActions.js
+++ b/pages/explore/ExploreMatrixActions.js
@@ -30,7 +30,7 @@ const ExploreMatrixActionWrapper = styled.div`
   max-height: 100%;
   overflow-y: auto;
   border-collapse: collapse;
-  
+
   > * + * {
     margin-top: var(--margin);
   }

From b5e6973a07ce6f037573a0ab35a01ade1a853fe0 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Wed, 20 Sep 2023 12:43:30 +0200
Subject: [PATCH 235/714] style: fix horizontal scrolling for table in sidebar
 and iframe layout

applied to /explore, please have a look @marcel-klasse
---
 pages/explore/[[...roomId]].js | 73 +++++++++++++++++++---------------
 1 file changed, 41 insertions(+), 32 deletions(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 110129b8..005b7faf 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -2,6 +2,7 @@ import React, { useCallback, useEffect, useRef, useState } from 'react';
 import getConfig from 'next/config';
 import { useRouter } from 'next/router';
 import _ from 'lodash';
+import styled from 'styled-components';
 
 import { ServiceTable } from '../../components/UI/ServiceTable';
 import IframeLayout from '../../components/layouts/iframe';
@@ -16,6 +17,11 @@ import TreePath from './TreePath';
 import ExploreIframeViews from './ExploreIframeViews';
 import DefaultModal from '../../components/UI/Modal';
 
+const ServiceTableWrapper = styled.div`
+  width: 100%;
+  overflow: auto;
+`;
+
 export default function Explore() {
     const [selectedSpaceChildren, setSelectedSpaceChildren] = useState([]);
     const [manageContextActionToggle, setManageContextActionToggle] = useState(false);
@@ -125,14 +131,16 @@ export default function Explore() {
         <>
             <IframeLayout.Sidebar>
                 <h2 ref={dimensionsRef}>/explore</h2>
-                { !navigator.userAgent.includes('iPhone') && !navigator.userAgent.includes('Android') &&
+                <ServiceTableWrapper>
+                    { !navigator.userAgent.includes('iPhone') && !navigator.userAgent.includes('Android') &&
                     !_.isEmpty(selectedSpaceChildren) &&
                     <TreePath
                         data={selectedSpaceChildren}
                         isFetchingContent={isFetchingContent}
                     />
 
-                }
+                    }
+                </ServiceTableWrapper>
             </IframeLayout.Sidebar>
             { !_.isEmpty(selectedSpaceChildren) &&
             <IframeLayout.IframeWrapper>
@@ -165,37 +173,38 @@ export default function Explore() {
                             callApiAndAddToObject={callApiAndAddToObject}
                         />
                     </DefaultModal>
-                    <ServiceTable>
-                        { selectedSpaceChildren[selectedSpaceChildren.length - 1]
-                            .sort(function(a, b) {
-                                if (a.type === 'item' && b.type !== 'item') {
-                                    return -1; // a comes before b
-                                } else if (a.type !== 'item' && b.type === 'item') {
-                                    return 1; // a comes after b
-                                } else {
-                                    return 0; // no sorting necessary
-                                }
-                            })
-                            .map((leaf, index) => {
-                                if (leaf.length <= 1) {
-                                    return <ErrorMessage key="error-message">
+                    <ServiceTableWrapper>
+                        <ServiceTable>
+                            { selectedSpaceChildren[selectedSpaceChildren.length - 1]
+                                .sort(function(a, b) {
+                                    if (a.type === 'item' && b.type !== 'item') {
+                                        return -1; // a comes before b
+                                    } else if (a.type !== 'item' && b.type === 'item') {
+                                        return 1; // a comes after b
+                                    } else {
+                                        return 0; // no sorting necessary
+                                    }
+                                })
+                                .map((leaf, index) => {
+                                    if (leaf.length <= 1) {
+                                        return <ErrorMessage key="error-message">
                                                         Thank You { auth.user.displayname }! But Our Item Is In Another Context! 🍄
-                                    </ErrorMessage>;
-                                }
-                                if (index === 0) return null;
-
-                                // we sort the array to display object of the type 'item' before others.
-                                return <TreeLeaves
-                                    depth={selectedSpaceChildren.length}
-                                    leaf={leaf}
-                                    parent={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].room_id}
-                                    key={leaf.room_id + '_' + index}
-                                    iframeRoomId={iframeRoomId}
-                                    isFetchingContent={isFetchingContent}
-                                />;
-                            }) }
-                    </ServiceTable>
-
+                                        </ErrorMessage>;
+                                    }
+                                    if (index === 0) return null;
+
+                                    // we sort the array to display object of the type 'item' before others.
+                                    return <TreeLeaves
+                                        depth={selectedSpaceChildren.length}
+                                        leaf={leaf}
+                                        parent={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].room_id}
+                                        key={leaf.room_id + '_' + index}
+                                        iframeRoomId={iframeRoomId}
+                                        isFetchingContent={isFetchingContent}
+                                    />;
+                                }) }
+                        </ServiceTable>
+                    </ServiceTableWrapper>
                 </>
                 }
             </IframeLayout.IframeWrapper> }

From a3251f34b7988f49ddf6452a509b3eb0fc8de5d9 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 20 Sep 2023 12:49:18 +0200
Subject: [PATCH 236/714] refactor: change mentions of delete to leave

---
 pages/explore/ExploreMatrixActions.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/pages/explore/ExploreMatrixActions.js b/pages/explore/ExploreMatrixActions.js
index 4eb94c41..04e6cf37 100644
--- a/pages/explore/ExploreMatrixActions.js
+++ b/pages/explore/ExploreMatrixActions.js
@@ -204,7 +204,7 @@ const RenderSwitch = ({ currentId, parentId, roomName, children, callApiAndAddTo
                     setSelectedRadioButton('');
                     setSelectedAction('');
                 }} />;
-        case 'deleteSpace':
+        case 'leaveRoom':
             return <LeaveRoom roomId={currentId}
                 roomName={roomName}
                 parentId={parentId}
@@ -243,8 +243,8 @@ const RenderSwitch = ({ currentId, parentId, roomName, children, callApiAndAddTo
                 </RadioWrapper>
 
                 <RadioWrapper>
-                    <input type="radio" id="deleteSpace" name="action" value="deleteSpace" />
-                    <label htmlFor="deleteSpace">{ t('Leave') } { roomName }</label>
+                    <input type="radio" id="leaveRoom" name="action" value="leaveRoom" />
+                    <label htmlFor="leaveRoom">{ t('Leave') } { roomName }</label>
                 </RadioWrapper>
 
                 <PreviousNextButtons

From 949200dc995c4b20f0c26128f1ada75b2549cfd5 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 20 Sep 2023 12:54:02 +0200
Subject: [PATCH 237/714] fix: remove empty line and update JSDoc

---
 components/UI/PreviousNextButtons.js | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/components/UI/PreviousNextButtons.js b/components/UI/PreviousNextButtons.js
index 3059c3e4..895b5db9 100644
--- a/components/UI/PreviousNextButtons.js
+++ b/components/UI/PreviousNextButtons.js
@@ -5,7 +5,6 @@ const PreviousNextButtonsWrapper = styled.div`
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   grid-gap: var(--margin);
-  
 `;
 
 const NextButton = styled.button`
@@ -36,7 +35,7 @@ const PreviousButton = styled.button`
  * @param {function} onCancel function to execute when clicking 'previous'
  * @param {Boolean} disableNext disables 'next' button if true
  * @param {Boolean} disablePrev disables 'previous' button if true
- * @returns {React.ReactComponent} two inline buttons.  'previous' and 'next'
+ * @returns {React.JSX} two inline buttons.  'previous' and 'next'
  */
 const PreviousNextButtons = ({ children, disabled, onCancel, disableNext, disablePrev }) => {
     const { t } = useTranslation();

From 0a2e937c2f9b5b23eb1ca89611ab2ec767d8e25d Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 20 Sep 2023 14:06:31 +0200
Subject: [PATCH 238/714] refactor: move manage room components in their own
 folder

---
 .../actions}/AddExistingContext.js            | 28 +++++++++----------
 .../actions}/AddExistingItem.js               | 14 +++++-----
 pages/explore/[[...roomId]].js                |  2 +-
 .../{ => manage-room}/CreateContext.js        | 15 +++++-----
 .../{ => manage-room}/ExploreMatrixActions.js | 12 ++++----
 .../{ => manage-room}/ManageContextActions.js |  4 +--
 .../RemoveSpaceFromParent.js                  | 12 ++++----
 .../{ => manage-room}/TemplateSelect.js       |  0
 8 files changed, 42 insertions(+), 45 deletions(-)
 rename pages/{explore => etherpad/actions}/AddExistingContext.js (86%)
 rename pages/{explore => etherpad/actions}/AddExistingItem.js (84%)
 rename pages/explore/{ => manage-room}/CreateContext.js (92%)
 rename pages/explore/{ => manage-room}/ExploreMatrixActions.js (96%)
 rename pages/explore/{ => manage-room}/ManageContextActions.js (91%)
 rename pages/explore/{ => manage-room}/RemoveSpaceFromParent.js (91%)
 rename pages/explore/{ => manage-room}/TemplateSelect.js (100%)

diff --git a/pages/explore/AddExistingContext.js b/pages/etherpad/actions/AddExistingContext.js
similarity index 86%
rename from pages/explore/AddExistingContext.js
rename to pages/etherpad/actions/AddExistingContext.js
index 8bcb695d..7b8e9b04 100644
--- a/pages/explore/AddExistingContext.js
+++ b/pages/etherpad/actions/AddExistingContext.js
@@ -1,13 +1,12 @@
 import React, { useEffect, useState } from 'react';
-import styled from 'styled-components';
 import { useTranslation } from 'react-i18next';
 
-import { useAuth } from '../../lib/Auth';
-import ContextMultiLevelSelect from '../../components/ContextMultiLevelSelect';
-import ErrorMessage from '../../components/UI/ErrorMessage';
-import Form from '../../components/UI/Form';
-import PreviousNextButtons from "../../components/UI/PreviousNextButtons";
-import LoadingSpinnerInline from "../../components/UI/LoadingSpinnerInline";
+import { useAuth } from '../../../lib/Auth';
+import ContextMultiLevelSelect from '../../../components/ContextMultiLevelSelect';
+import ErrorMessage from '../../../components/UI/ErrorMessage';
+import Form from '../../../components/UI/Form';
+import PreviousNextButtons from '../../../components/UI/PreviousNextButtons';
+import LoadingSpinnerInline from '../../../components/UI/LoadingSpinnerInline';
 
 /**
  * 'ADD EXISTING CONTEXT' COMPONENT
@@ -32,7 +31,7 @@ const AddExistingContext = ({ parentId, parentName, contextRootId, onCancel }) =
     const [selectedContextName, setSelectedContextName] = useState('');
     const [isAddingAllowed, setIsAddingAllowed] = useState();
     const [errorMessage, setErrorMessage] = useState();
-    const [isLoading, setIsLoading] = useState(false)
+    const [isLoading, setIsLoading] = useState(false);
     const { t } = useTranslation('explore');
 
     useEffect(() => {
@@ -64,8 +63,8 @@ const AddExistingContext = ({ parentId, parentName, contextRootId, onCancel }) =
     }, [activeContexts, contextRootId, parentId, parentName, selectedContextName, t]);
 
     const addContextToParent = async (e) => {
-        e.preventDefault()
-        setIsLoading(true)
+        e.preventDefault();
+        setIsLoading(true);
         const call = await matrix.addSpaceChild(parentId, activeContexts[activeContexts.length - 1])
             .catch(error => {
                 setErrorMessage(error.data?.error);
@@ -77,8 +76,7 @@ const AddExistingContext = ({ parentId, parentName, contextRootId, onCancel }) =
             alert(t('{{selectedContextName}} was successfully added to {{parentName}}', { selectedContextName: selectedContextName, parentName: parentName }));
             cleanUp();
         }
-        setIsLoading(false)
-
+        setIsLoading(false);
     };
 
     // resetting all states back to start for a fresh new interaction.
@@ -87,18 +85,18 @@ const AddExistingContext = ({ parentId, parentName, contextRootId, onCancel }) =
         setSelectedContextName('');
         setIsAddingAllowed(false);
         setErrorMessage('');
-        onCancel()
+        onCancel();
     };
 
     return (
         <Form
-        onSubmit={addContextToParent}>
+            onSubmit={addContextToParent}>
             <ContextMultiLevelSelect onChange={setActiveContexts} activeContexts={activeContexts} setSelectedContextName={setSelectedContextName} />
             { selectedContextName && isAddingAllowed && <p> { t('You are about to add {{ selectedContextName }} to {{parentName}}', { selectedContextName: selectedContextName, parentName: parentName }) }</p> }
             { isAddingAllowed && <>
                 <PreviousNextButtons
                     disableNext={!isAddingAllowed}
-                    onCancel={cleanUp}>{ isLoading ? <LoadingSpinnerInline inverted /> : t('add')}
+                    onCancel={cleanUp}>{ isLoading ? <LoadingSpinnerInline inverted /> : t('add') }
                 </PreviousNextButtons>
             </> }
             { errorMessage && <ErrorMessage>{ errorMessage }</ErrorMessage> }
diff --git a/pages/explore/AddExistingItem.js b/pages/etherpad/actions/AddExistingItem.js
similarity index 84%
rename from pages/explore/AddExistingItem.js
rename to pages/etherpad/actions/AddExistingItem.js
index e7195157..cd740763 100644
--- a/pages/explore/AddExistingItem.js
+++ b/pages/etherpad/actions/AddExistingItem.js
@@ -1,13 +1,13 @@
 import React, { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 
-import { useAuth } from '../../lib/Auth';
-import { useMatrix } from '../../lib/Matrix';
-import CachedContextMultiLevelSelect from '../../components/CachedContextMultiLevelSelect';
-import ErrorMessage from '../../components/UI/ErrorMessage';
-import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
-import PreviousNextButtons from '../../components/UI/PreviousNextButtons';
-import Form from '../../components/UI/Form';
+import { useAuth } from '../../../lib/Auth';
+import { useMatrix } from '../../../lib/Matrix';
+import CachedContextMultiLevelSelect from '../../../components/CachedContextMultiLevelSelect';
+import ErrorMessage from '../../../components/UI/ErrorMessage';
+import LoadingSpinnerInline from '../../../components/UI/LoadingSpinnerInline';
+import PreviousNextButtons from '../../../components/UI/PreviousNextButtons';
+import Form from '../../../components/UI/Form';
 
 /**
  * Component for adding an existing item to a context.
diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 110129b8..2008e766 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -9,7 +9,7 @@ import LoadingSpinner from '../../components/UI/LoadingSpinner';
 import { useAuth } from '../../lib/Auth';
 import { useMatrix } from '../../lib/Matrix';
 import ServiceIframeHeader from '../../components/UI/ServiceIframeHeader';
-import ExploreMatrixActions from './ExploreMatrixActions';
+import ExploreMatrixActions from './manage-room/ExploreMatrixActions';
 import ErrorMessage from '../../components/UI/ErrorMessage';
 import TreeLeaves from './TreeLeaves';
 import TreePath from './TreePath';
diff --git a/pages/explore/CreateContext.js b/pages/explore/manage-room/CreateContext.js
similarity index 92%
rename from pages/explore/CreateContext.js
rename to pages/explore/manage-room/CreateContext.js
index 902cd1bb..4a1a5d4a 100644
--- a/pages/explore/CreateContext.js
+++ b/pages/explore/manage-room/CreateContext.js
@@ -4,15 +4,14 @@ import _ from 'lodash';
 import getConfig from 'next/config';
 import { useTranslation } from 'react-i18next';
 
-import { useAuth } from '../../lib/Auth';
+import { useAuth } from '../../../lib/Auth';
 import TemplateSelect from './TemplateSelect';
-import presets from './presets';
-import { useMatrix } from '../../lib/Matrix';
-import ErrorMessage from '../../components/UI/ErrorMessage';
-import LoadingSpinner from '../../components/UI/LoadingSpinner';
-import Form from '../../components/UI/Form';
-import PreviousNextButtons from '../../components/UI/PreviousNextButtons';
-import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
+import presets from '../presets';
+import { useMatrix } from '../../../lib/Matrix';
+import ErrorMessage from '../../../components/UI/ErrorMessage';
+import Form from '../../../components/UI/Form';
+import PreviousNextButtons from '../../../components/UI/PreviousNextButtons';
+import LoadingSpinnerInline from '../../../components/UI/LoadingSpinnerInline';
 
 const AdvancedOptions = styled.details`
   & {
diff --git a/pages/explore/ExploreMatrixActions.js b/pages/explore/manage-room/ExploreMatrixActions.js
similarity index 96%
rename from pages/explore/ExploreMatrixActions.js
rename to pages/explore/manage-room/ExploreMatrixActions.js
index 61cc7726..706baa04 100644
--- a/pages/explore/ExploreMatrixActions.js
+++ b/pages/explore/manage-room/ExploreMatrixActions.js
@@ -3,13 +3,13 @@ import styled from 'styled-components';
 import getConfig from 'next/config';
 import { useTranslation } from 'react-i18next';
 
-import { useAuth } from '../../lib/Auth';
-import LoadingSpinner from '../../components/UI/LoadingSpinner';
+import { useAuth } from '../../../lib/Auth';
+import LoadingSpinner from '../../../components/UI/LoadingSpinner';
 import CreateContext from './CreateContext';
-import AddExistingContext from './AddExistingContext';
-import AddExistingItem from './AddExistingItem';
-import Form from '../../components/UI/Form';
-import PreviousNextButtons from '../../components/UI/PreviousNextButtons';
+import AddExistingContext from '../../etherpad/actions/AddExistingContext';
+import AddExistingItem from '../../etherpad/actions/AddExistingItem';
+import Form from '../../../components/UI/Form';
+import PreviousNextButtons from '../../../components/UI/PreviousNextButtons';
 import RemoveSpaceFromParent from './RemoveSpaceFromParent';
 
 /**
diff --git a/pages/explore/ManageContextActions.js b/pages/explore/manage-room/ManageContextActions.js
similarity index 91%
rename from pages/explore/ManageContextActions.js
rename to pages/explore/manage-room/ManageContextActions.js
index c5ede9f1..db05d342 100644
--- a/pages/explore/ManageContextActions.js
+++ b/pages/explore/manage-room/ManageContextActions.js
@@ -3,8 +3,8 @@ import { t } from 'i18next';
 import getConfig from 'next/config';
 
 import CreateContext from './CreateContext';
-import AddExistingItem from './AddExistingItem';
-import AddExistingContext from './AddExistingContext';
+import AddExistingItem from '../../etherpad/actions/AddExistingItem';
+import AddExistingContext from '../../etherpad/actions/AddExistingContext';
 import RemoveSpaceFromParent from './RemoveSpaceFromParent';
 
 const ManageContextActions = ({ userInfos, parentId, currentId, currentName, children, callApiAndAddToObject }) => {
diff --git a/pages/explore/RemoveSpaceFromParent.js b/pages/explore/manage-room/RemoveSpaceFromParent.js
similarity index 91%
rename from pages/explore/RemoveSpaceFromParent.js
rename to pages/explore/manage-room/RemoveSpaceFromParent.js
index ebf9c3b7..416a6a34 100644
--- a/pages/explore/RemoveSpaceFromParent.js
+++ b/pages/explore/manage-room/RemoveSpaceFromParent.js
@@ -2,12 +2,12 @@ import React, { useState } from 'react';
 import styled from 'styled-components';
 import { useTranslation } from 'react-i18next';
 
-import { useAuth } from '../../lib/Auth';
-import { ServiceTable } from '../../components/UI/ServiceTable';
-import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
-import PreviousNextButtons from '../../components/UI/PreviousNextButtons';
-import Form from '../../components/UI/Form';
-import ErrorMessage from '../../components/UI/ErrorMessage';
+import { useAuth } from '../../../lib/Auth';
+import { ServiceTable } from '../../../components/UI/ServiceTable';
+import LoadingSpinnerInline from '../../../components/UI/LoadingSpinnerInline';
+import PreviousNextButtons from '../../../components/UI/PreviousNextButtons';
+import Form from '../../../components/UI/Form';
+import ErrorMessage from '../../../components/UI/ErrorMessage';
 
 const RemoveSection = styled.div`
   & {
diff --git a/pages/explore/TemplateSelect.js b/pages/explore/manage-room/TemplateSelect.js
similarity index 100%
rename from pages/explore/TemplateSelect.js
rename to pages/explore/manage-room/TemplateSelect.js

From f0857271e0b0083d177cc5bef450ea946844e335 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 20 Sep 2023 14:25:46 +0200
Subject: [PATCH 239/714] refactor: add PreviousNextButtons.js and add
 conditional title for kick button

---
 pages/explore/manage-room/UserManagement.js | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/pages/explore/manage-room/UserManagement.js b/pages/explore/manage-room/UserManagement.js
index 85eb4449..e649e0f6 100644
--- a/pages/explore/manage-room/UserManagement.js
+++ b/pages/explore/manage-room/UserManagement.js
@@ -10,6 +10,7 @@ import TextButton from '../../../components/UI/TextButton';
 import ErrorMessage from '../../../components/UI/ErrorMessage';
 import LoadingSpinnerInline from '../../../components/UI/LoadingSpinnerInline';
 import presets from '../presets';
+import PreviousNextButtons from '../../../components/UI/PreviousNextButtons';
 
 //@TODO refine styled component
 const RoleSelect = styled.select`
@@ -19,7 +20,7 @@ const RoleSelect = styled.select`
   border: unset;
 `;
 
-const UserManagement = ({ roomId, roomName }) => {
+const UserManagement = ({ roomId, roomName, onCancel }) => {
     const [errorMessage, setErrorMessage] = useState('');
     const auth = useAuth();
     const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
@@ -37,7 +38,6 @@ const UserManagement = ({ roomId, roomName }) => {
     };
 
     const changePowerLevel = async (userId, level, name) => {
-        console.log(level);
         const label = presets.powerLevels.find(role => role.level === level).label;
 
         if (confirm(t('Are you sure you want to promote {{name}} to {{role}}', { name: name, role: label }))) {
@@ -88,12 +88,17 @@ const UserManagement = ({ roomId, roomName }) => {
             </ServiceTable.Body>
         </ServiceTable>
         { errorMessage && <ErrorMessage>{ errorMessage }</ErrorMessage> }
+
+        <PreviousNextButtons
+            disableNext={true}
+            onCancel={onCancel} />
     </>
     );
 };
 export default UserManagement;
 
 function UserTableRow({ displayName, userId, roomName, powerLevel, selfPowerLevel, handleKick, changePowerLevel }) {
+    const hasHigherPowerLevel = powerLevel < selfPowerLevel;
     const [isKicking, setIsKicking] = useState(false);
     const [isChangingPowerLevel, setIsChangingPowerLevel] = useState(false);
     const { t } = useTranslation();
@@ -122,7 +127,7 @@ function UserTableRow({ displayName, userId, roomName, powerLevel, selfPowerLeve
         <ServiceTable.Cell title={t('Role')}>
             <RoleSelect
                 defaultValue={powerLevel}
-                disabled={powerLevel >= selfPowerLevel || selfPowerLevel === powerLevel || isChangingPowerLevel}
+                disabled={!hasHigherPowerLevel || isChangingPowerLevel}
                 onChange={(e) => onPowerLevelChange(e, e.target.value)}
             >
                 { presets.powerLevels.map((role => {
@@ -134,9 +139,11 @@ function UserTableRow({ displayName, userId, roomName, powerLevel, selfPowerLeve
             <TextButton
                 disabled={powerLevel >= selfPowerLevel}
                 onClick={onKickClick}
-                title={t('Kick {{user}} from {{room}}', { user: displayName, room: roomName })}>
+                title={
+                    t(hasHigherPowerLevel ? 'Kick {{user}} from {{room}}' : 'Cannot kick {{ user }}, you don’t have the required permissions', { user: displayName, room: roomName })}>
                 { isKicking ? <LoadingSpinnerInline /> : <BinIcon fill="var(--color-foreground)" /> }
             </TextButton>
+
         </ServiceTable.Cell>
     </ServiceTable.Row>;
 }

From e91607cfeed6882f33ba3c02bbfe2a37c1c97583 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 20 Sep 2023 14:40:34 +0200
Subject: [PATCH 240/714] refactor: move files into correct folder and add
 PreviousNextButton.js to AddExistingContext.js

---
 .../manage-room}/AddExistingContext.js                 | 10 ++++------
 .../actions => explore/manage-room}/AddExistingItem.js |  0
 pages/explore/manage-room/ExploreMatrixActions.js      |  4 ++--
 pages/explore/manage-room/ManageContextActions.js      |  4 ++--
 4 files changed, 8 insertions(+), 10 deletions(-)
 rename pages/{etherpad/actions => explore/manage-room}/AddExistingContext.js (94%)
 rename pages/{etherpad/actions => explore/manage-room}/AddExistingItem.js (100%)

diff --git a/pages/etherpad/actions/AddExistingContext.js b/pages/explore/manage-room/AddExistingContext.js
similarity index 94%
rename from pages/etherpad/actions/AddExistingContext.js
rename to pages/explore/manage-room/AddExistingContext.js
index 7b8e9b04..d286c2d0 100644
--- a/pages/etherpad/actions/AddExistingContext.js
+++ b/pages/explore/manage-room/AddExistingContext.js
@@ -93,13 +93,11 @@ const AddExistingContext = ({ parentId, parentName, contextRootId, onCancel }) =
             onSubmit={addContextToParent}>
             <ContextMultiLevelSelect onChange={setActiveContexts} activeContexts={activeContexts} setSelectedContextName={setSelectedContextName} />
             { selectedContextName && isAddingAllowed && <p> { t('You are about to add {{ selectedContextName }} to {{parentName}}', { selectedContextName: selectedContextName, parentName: parentName }) }</p> }
-            { isAddingAllowed && <>
-                <PreviousNextButtons
-                    disableNext={!isAddingAllowed}
-                    onCancel={cleanUp}>{ isLoading ? <LoadingSpinnerInline inverted /> : t('add') }
-                </PreviousNextButtons>
-            </> }
             { errorMessage && <ErrorMessage>{ errorMessage }</ErrorMessage> }
+            <PreviousNextButtons
+                disableNext={!isAddingAllowed}
+                onCancel={cleanUp}>{ isLoading ? <LoadingSpinnerInline inverted /> : t('add') }
+            </PreviousNextButtons>
         </Form>
     );
 };
diff --git a/pages/etherpad/actions/AddExistingItem.js b/pages/explore/manage-room/AddExistingItem.js
similarity index 100%
rename from pages/etherpad/actions/AddExistingItem.js
rename to pages/explore/manage-room/AddExistingItem.js
diff --git a/pages/explore/manage-room/ExploreMatrixActions.js b/pages/explore/manage-room/ExploreMatrixActions.js
index 9453c2d4..cb591c77 100644
--- a/pages/explore/manage-room/ExploreMatrixActions.js
+++ b/pages/explore/manage-room/ExploreMatrixActions.js
@@ -6,8 +6,8 @@ import { useTranslation } from 'react-i18next';
 import { useAuth } from '../../../lib/Auth';
 import LoadingSpinner from '../../../components/UI/LoadingSpinner';
 import CreateContext from './CreateContext';
-import AddExistingContext from '../../etherpad/actions/AddExistingContext';
-import AddExistingItem from '../../etherpad/actions/AddExistingItem';
+import AddExistingContext from './AddExistingContext';
+import AddExistingItem from './AddExistingItem';
 import Form from '../../../components/UI/Form';
 import PreviousNextButtons from '../../../components/UI/PreviousNextButtons';
 import RemoveSpaceFromParent from './RemoveSpaceFromParent';
diff --git a/pages/explore/manage-room/ManageContextActions.js b/pages/explore/manage-room/ManageContextActions.js
index db05d342..c5ede9f1 100644
--- a/pages/explore/manage-room/ManageContextActions.js
+++ b/pages/explore/manage-room/ManageContextActions.js
@@ -3,8 +3,8 @@ import { t } from 'i18next';
 import getConfig from 'next/config';
 
 import CreateContext from './CreateContext';
-import AddExistingItem from '../../etherpad/actions/AddExistingItem';
-import AddExistingContext from '../../etherpad/actions/AddExistingContext';
+import AddExistingItem from './AddExistingItem';
+import AddExistingContext from './AddExistingContext';
 import RemoveSpaceFromParent from './RemoveSpaceFromParent';
 
 const ManageContextActions = ({ userInfos, parentId, currentId, currentName, children, callApiAndAddToObject }) => {

From 83340f63cf11624ad2076fb836920ba8fc62cb67 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 20 Sep 2023 15:30:02 +0200
Subject: [PATCH 241/714] refactor and fix: add stateEvent to powerLevel call

---
 pages/explore/manage-room/ExploreMatrixActions.js |  7 ++++++-
 pages/explore/manage-room/UserManagement.js       | 11 +++++++++--
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/pages/explore/manage-room/ExploreMatrixActions.js b/pages/explore/manage-room/ExploreMatrixActions.js
index 511c664f..fc48cf61 100644
--- a/pages/explore/manage-room/ExploreMatrixActions.js
+++ b/pages/explore/manage-room/ExploreMatrixActions.js
@@ -207,7 +207,12 @@ const RenderSwitch = ({ currentId, parentId, roomName, children, callApiAndAddTo
                     setSelectedAction('');
                 }} />;
         case 'manageUsers':
-            return <UserManagement roomId={currentId} roomName={roomName} />;
+            return <UserManagement roomId={currentId}
+                roomName={roomName}
+                onCancel={() => {
+                    setSelectedRadioButton('');
+                    setSelectedAction('');
+                }} />;
         default:
             return <Form
                 onSubmit={(e) => {
diff --git a/pages/explore/manage-room/UserManagement.js b/pages/explore/manage-room/UserManagement.js
index e649e0f6..b53d1426 100644
--- a/pages/explore/manage-room/UserManagement.js
+++ b/pages/explore/manage-room/UserManagement.js
@@ -2,6 +2,7 @@ import React, { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import _ from 'lodash';
 import styled from 'styled-components';
+import { MatrixEvent } from 'matrix-js-sdk';
 
 import { ServiceTable } from '../../../components/UI/ServiceTable';
 import { useAuth } from '../../../lib/Auth';
@@ -21,12 +22,13 @@ const RoleSelect = styled.select`
 `;
 
 const UserManagement = ({ roomId, roomName, onCancel }) => {
+    console.log(roomId);
     const [errorMessage, setErrorMessage] = useState('');
     const auth = useAuth();
     const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
     const room = matrixClient.getRoom(roomId);
     // get the current members of the room and sort them first from highest to lowest power level and then alphabetically
-    const currentMembers = _.orderBy(room.getMembers(), ['powerLevel', 'name'], ['desc', 'asc']);
+    const currentMembers = _.orderBy(room.getMembersWithMembership('join'), ['powerLevel', 'name'], ['desc', 'asc']);
     const selfObject = currentMembers.filter(member => member.userId === matrixClient.getUserId())[0];
     const { t } = useTranslation();
 
@@ -41,7 +43,12 @@ const UserManagement = ({ roomId, roomName, onCancel }) => {
         const label = presets.powerLevels.find(role => role.level === level).label;
 
         if (confirm(t('Are you sure you want to promote {{name}} to {{role}}', { name: name, role: label }))) {
-            await matrixClient.setPowerLevel(roomId, userId, level)
+            const currentStateEvent = await matrixClient.getStateEvent(roomId, 'm.room.power_levels', '');
+            const newStateEvent = new MatrixEvent({
+                type: 'm.room.power_levels',
+                content: currentStateEvent,
+            });
+            await matrixClient.setPowerLevel(roomId, userId, level, newStateEvent)
                 .catch(error => setErrorMessage(error.data.error));
         }
     };

From 88c8d32e6cc8fac60e61e8052b197410684111f9 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 20 Sep 2023 15:43:27 +0200
Subject: [PATCH 242/714] refactor: move LeaveRoom.js into correct folder

---
 pages/explore/{ => manage-room}/LeaveRoom.js | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)
 rename pages/explore/{ => manage-room}/LeaveRoom.js (87%)

diff --git a/pages/explore/LeaveRoom.js b/pages/explore/manage-room/LeaveRoom.js
similarity index 87%
rename from pages/explore/LeaveRoom.js
rename to pages/explore/manage-room/LeaveRoom.js
index addaaa42..5f6c7499 100644
--- a/pages/explore/LeaveRoom.js
+++ b/pages/explore/manage-room/LeaveRoom.js
@@ -1,11 +1,11 @@
 import React, { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 
-import { useAuth } from '../../lib/Auth';
-import ErrorMessage from '../../components/UI/ErrorMessage';
-import Form from '../../components/UI/Form';
-import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
-import PreviousNextButtons from '../../components/UI/PreviousNextButtons';
+import { useAuth } from '../../../lib/Auth';
+import ErrorMessage from '../../../components/UI/ErrorMessage';
+import Form from '../../../components/UI/Form';
+import LoadingSpinnerInline from '../../../components/UI/LoadingSpinnerInline';
+import PreviousNextButtons from '../../../components/UI/PreviousNextButtons';
 
 /**
  * LeaveRoom component for leaving a Matrix room.

From e6f98b76508cf774b31df47fbcaa1e67b3c8268c Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 20 Sep 2023 15:53:59 +0200
Subject: [PATCH 243/714] feat: add warning style

---
 components/UI/PreviousNextButtons.js | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/components/UI/PreviousNextButtons.js b/components/UI/PreviousNextButtons.js
index 895b5db9..cc6ff765 100644
--- a/components/UI/PreviousNextButtons.js
+++ b/components/UI/PreviousNextButtons.js
@@ -8,9 +8,10 @@ const PreviousNextButtonsWrapper = styled.div`
 `;
 
 const NextButton = styled.button`
-  color: var(--color-background);
-  background-color: var(--color-foreground);
-
+  color:var(--color-background);
+  background-color:  ${props => props.warning ? 'var(--color-notification)' :'var(--color-foreground)' };
+  border-color:  ${props => props.warning && 'var(--color-notification)' };
+  
   &:disabled {
     color: var(--color-background);
     background-color: var(--color-disabled);
@@ -37,7 +38,7 @@ const PreviousButton = styled.button`
  * @param {Boolean} disablePrev disables 'previous' button if true
  * @returns {React.JSX} two inline buttons.  'previous' and 'next'
  */
-const PreviousNextButtons = ({ children, disabled, onCancel, disableNext, disablePrev }) => {
+const PreviousNextButtons = ({ children, disabled, onCancel, disableNext, disablePrev, warning }) => {
     const { t } = useTranslation();
 
     const handlePrevious = (e) => {
@@ -49,7 +50,7 @@ const PreviousNextButtons = ({ children, disabled, onCancel, disableNext, disabl
     return (
         <PreviousNextButtonsWrapper>
             <PreviousButton type="button" disabled={disabled || disablePrev} onClick={handlePrevious}>{ t('Previous') }</PreviousButton>
-            <NextButton type="submit" disabled={disabled || disableNext}> { children || t('Next') }</NextButton>
+            <NextButton type="submit" disabled={disabled || disableNext} warning={warning}> { children || t('Next') }</NextButton>
         </PreviousNextButtonsWrapper>
     );
 };

From d013c86e95196a82de3c424811d24537e610b522 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 20 Sep 2023 15:54:35 +0200
Subject: [PATCH 244/714] refactor: use warning style for button

---
 pages/explore/manage-room/LeaveRoom.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/pages/explore/manage-room/LeaveRoom.js b/pages/explore/manage-room/LeaveRoom.js
index 5f6c7499..3f8326b2 100644
--- a/pages/explore/manage-room/LeaveRoom.js
+++ b/pages/explore/manage-room/LeaveRoom.js
@@ -56,7 +56,10 @@ const LeaveRoom = ({ roomId, parentId, roomName, onCancel }) => {
 
             <PreviousNextButtons
                 disableNext={isLeaving}
-                onCancel={onCancel}>{ isLeaving ? <LoadingSpinnerInline inverted /> : t('Leave') }
+                onCancel={onCancel}
+                warning
+            >
+                { isLeaving ? <LoadingSpinnerInline inverted /> : t('Leave') }
             </PreviousNextButtons>
 
             { errorMessage && <ErrorMessage>{ errorMessage }</ErrorMessage> }

From e2041ecfef8b6e2e163b9f52cf1dacfb9ea607fa Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 20 Sep 2023 16:02:26 +0200
Subject: [PATCH 245/714] refactor: stylelint issues

---
 components/UI/PreviousNextButtons.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/UI/PreviousNextButtons.js b/components/UI/PreviousNextButtons.js
index cc6ff765..5b75c95d 100644
--- a/components/UI/PreviousNextButtons.js
+++ b/components/UI/PreviousNextButtons.js
@@ -8,10 +8,10 @@ const PreviousNextButtonsWrapper = styled.div`
 `;
 
 const NextButton = styled.button`
-  color:var(--color-background);
-  background-color:  ${props => props.warning ? 'var(--color-notification)' :'var(--color-foreground)' };
-  border-color:  ${props => props.warning && 'var(--color-notification)' };
-  
+  color: var(--color-background);
+  background-color: ${props => props.warning ? 'var(--color-notification)' :'var(--color-foreground)' };
+  border-color: ${props => props.warning && 'var(--color-notification)' };
+
   &:disabled {
     color: var(--color-background);
     background-color: var(--color-disabled);

From 04ba7aa640768be37b666de6c7946c67b076de16 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 20 Sep 2023 16:03:56 +0200
Subject: [PATCH 246/714] refactor: remove whitespace

---
 components/UI/PreviousNextButtons.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/UI/PreviousNextButtons.js b/components/UI/PreviousNextButtons.js
index 5b75c95d..0808d47a 100644
--- a/components/UI/PreviousNextButtons.js
+++ b/components/UI/PreviousNextButtons.js
@@ -9,8 +9,8 @@ const PreviousNextButtonsWrapper = styled.div`
 
 const NextButton = styled.button`
   color: var(--color-background);
-  background-color: ${props => props.warning ? 'var(--color-notification)' :'var(--color-foreground)' };
-  border-color: ${props => props.warning && 'var(--color-notification)' };
+  background-color: ${props => props.warning ? 'var(--color-notification)' :'var(--color-foreground)'};
+  border-color: ${props => props.warning && 'var(--color-notification)'};
 
   &:disabled {
     color: var(--color-background);

From 55d212ac89a5a8abf32093bd0f28054d1a0fed72 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 20 Sep 2023 16:52:03 +0200
Subject: [PATCH 247/714] add component

---
 pages/explore/manage-room/ChangeJoinRule.js | 68 +++++++++++++++++++++
 1 file changed, 68 insertions(+)
 create mode 100644 pages/explore/manage-room/ChangeJoinRule.js

diff --git a/pages/explore/manage-room/ChangeJoinRule.js b/pages/explore/manage-room/ChangeJoinRule.js
new file mode 100644
index 00000000..131f3735
--- /dev/null
+++ b/pages/explore/manage-room/ChangeJoinRule.js
@@ -0,0 +1,68 @@
+import React, { useState } from 'react';
+import { useTranslation } from 'react-i18next';
+
+import { useAuth } from '../../../lib/Auth';
+import Form from '../../../components/UI/Form';
+import presets from '../presets';
+import ErrorMessage from '../../../components/UI/ErrorMessage';
+import PreviousNextButtons from '../../../components/UI/PreviousNextButtons';
+import LoadingSpinnerInline from '../../../components/UI/LoadingSpinnerInline';
+
+/**
+ * JoinRuleChanger component for changing the join rule of a room.
+ *
+ * @component
+ * @param {string} roomId - The ID of the room or space for which the join rule is being changed.
+ * @param {string} roomName - The name of the room or space.
+ * @param {Function} onCancel - Callback function to cancel the operation.
+ * @returns {JSX.Element} - The rendered component.
+ */
+
+const JoinRuleChanger = ({ roomId, roomName, onCancel }) => {
+    const matrixClient = useAuth().getAuthenticationProvider('matrix').getMatrixClient();
+    const currentJoinRule = matrixClient.getRoom(roomId).getJoinRule();
+    const [joinRule, setJoinRule] = useState(currentJoinRule);
+    const [changingJoinRule, setChangingJoinRule] = useState(false);
+    const [errorMessage, setErrorMessage] = useState('');
+    const { t } = useTranslation('explore');
+
+    const handleChangeJoinRule = async (e) => {
+        e.preventDefault();
+        setChangingJoinRule(true);
+
+        await matrixClient.sendStateEvent(roomId, 'm.room.join_rules', { join_rule: joinRule })
+            .catch((error) => {
+                setErrorMessage(error.data?.error);
+                setJoinRule(currentJoinRule);
+            });
+        setChangingJoinRule(false);
+    };
+
+    return (
+        <Form onSubmit={handleChangeJoinRule}>
+            <h1>{ t('Change Join Rule for') } { roomName }</h1>
+            <select
+                id="joinRule"
+                value={joinRule}
+                onChange={(e) => setJoinRule(e.target.value)}
+            >
+                { presets.allowedJoinRules.map((joinRule => {
+                    return <option
+                        key={joinRule.name}
+                        value={joinRule.name}
+                        title={joinRule.description}>
+                        { joinRule.label }
+                    </option>;
+                })) }
+            </select>
+            <PreviousNextButtons
+                disableNext={joinRule === currentJoinRule || changingJoinRule}
+                onCancel={onCancel}>
+                { changingJoinRule ? <LoadingSpinnerInline inverted /> : t('Change Join Rule') }
+            </PreviousNextButtons>
+            { errorMessage && <ErrorMessage>{ errorMessage }</ErrorMessage> }
+        </Form>
+    );
+};
+
+export default JoinRuleChanger;

From 932d1626fd9562eb854d1b670e08db0478405387 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Wed, 20 Sep 2023 16:59:21 +0200
Subject: [PATCH 248/714] chore: change emoji symbol for knock and restricted
 knock join rul

---
 pages/explore/presets.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/pages/explore/presets.js b/pages/explore/presets.js
index 3b4a0dd5..bb5bc8e8 100644
--- a/pages/explore/presets.js
+++ b/pages/explore/presets.js
@@ -42,7 +42,7 @@ module.exports = {
         {
             name: 'public',
             label: 'Public 🌐',
-            description: 'anyone can join ',
+            description: 'anyone can join',
             default: true,
         },
         {
@@ -52,12 +52,12 @@ module.exports = {
         },
         {
             name: 'knock',
-            label: 'Knock 🚪',
+            label: 'Knock 🛎️',
             description: 'users can request to join, you have the chance to accept or reject those requests.',
         },
         {
             name: 'knock_restricted',
-            label: 'Restricted Knock🚪',
+            label: 'Restricted Knock 🛎️',
             description: 'a user can request an invite using the same functions offered by the knock join rule, or can attempt to join having satisfied an allow condition.',
         },
         {

From 3c50bb2d62cf83f6f89172ba939ca5321cfda35f Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 20 Sep 2023 17:39:19 +0200
Subject: [PATCH 249/714] fix: room name being undefined

---
 components/UI/InviteUsersToMatrixRoom/index.js | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/components/UI/InviteUsersToMatrixRoom/index.js b/components/UI/InviteUsersToMatrixRoom/index.js
index b0350e4f..d1c65e37 100644
--- a/components/UI/InviteUsersToMatrixRoom/index.js
+++ b/components/UI/InviteUsersToMatrixRoom/index.js
@@ -3,7 +3,7 @@
  * `activeContexts` is the array of room IDs for the currently set context spaces.
  *
  * @param {string} roomId (valid matrix roomId)
- * @param {string} roomName (name of the matrix room)
+ * @param {string} name (name of the matrix room)
  *
  * @return {React.ReactElement}
  *
@@ -43,7 +43,7 @@ const CloseButton = styled(TextButton)`
   background-color: unset;
 `;
 
-export default function InviteUserToMatrixRoom({ roomId, roomName }) {
+export default function InviteUserToMatrixRoom({ roomId, name }) {
     const auth = useAuth();
     const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
     const [isInviteDialogueOpen, setIsInviteDialogueOpen] = useState(false);
@@ -98,7 +98,7 @@ export default function InviteUserToMatrixRoom({ roomId, roomName }) {
     };
 
     return <>
-        <button title={t('Invite users to' + ' ' + roomName)} onClick={handleClick}>
+        <button title={t('Invite users to' + ' ' + name)} onClick={handleClick}>
             <UserAddIcon fill="var(--color-foreground)" />
         </button>
         { isInviteDialogueOpen && (
@@ -109,7 +109,7 @@ export default function InviteUserToMatrixRoom({ roomId, roomName }) {
                 shouldCloseOnOverlayClick={true}>
 
                 <Header>
-                    { t('Invite users to') } { roomName } <CloseButton onClick={() => setIsInviteDialogueOpen(false)}>
+                    { t('Invite users to') } { name } <CloseButton onClick={() => setIsInviteDialogueOpen(false)}>
                         <CloseIcon />
                     </CloseButton>
                 </Header>
@@ -121,7 +121,7 @@ export default function InviteUserToMatrixRoom({ roomId, roomName }) {
                             keysToDisplay={['display_name', 'user_id']}
                             onSelect={setSelectedUser}
                         />
-                        { selectedUser && <button>{ t('invite {{user}} to {{room}}', { user: selectedUser.display_name, room: roomName }) }</button> }
+                        { selectedUser && <button>{ t('invite {{user}} to {{room}}', { user: selectedUser.display_name, room: name }) }</button> }
                     </Form>
                 }
             </DefaultModal>

From 13529a11521b5c66b7fedb9070e11f4f8f0c5952 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 20 Sep 2023 17:47:07 +0200
Subject: [PATCH 250/714] refactor: update variable names, improve comments,
 and fix some typos and formatting issues

---
 pages/explore/[[...roomId]].js | 186 +++++++++++++++++----------------
 1 file changed, 97 insertions(+), 89 deletions(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index abc9181f..075b86fa 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -21,7 +21,12 @@ const ServiceTableWrapper = styled.div`
   width: 100%;
   overflow: auto;
 `;
-
+/**
+ * Explore component for managing room hierarchies and content.
+ *
+ * @component
+ * @returns {JSX.Element} The rendered Explore component.
+ */
 export default function Explore() {
     const [selectedSpaceChildren, setSelectedSpaceChildren] = useState([]);
     const [manageContextActionToggle, setManageContextActionToggle] = useState(false);
@@ -32,21 +37,20 @@ export default function Explore() {
     const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
     const matrix = useMatrix(auth.getAuthenticationProvider('matrix'));
 
-    /**
-     * A roomId is set when the route is /explore/<roomId>, otherwise it's undefined
-     * @type {String|undefined}
-     */
-
-    const roomId = _.get(router, 'query.roomId.0');
-    const iframeRoomId = _.get(router, 'query.roomId.1');
+    // Extract roomId and iframeRoomId from the query parameters
+    const roomId = _.get(router, 'query.roomId[0]');
+    const iframeRoomId = _.get(router, 'query.roomId[1]');
     const isCurrentUserModerator = matrix.spaces.get(roomId)?.events?.get('m.room.power_levels').values().next().value.getContent().users[matrixClient.getUserId()];
-    const currentTemplate = iframeRoomId && selectedSpaceChildren[selectedSpaceChildren.length -1]?.find(space => space.room_id === iframeRoomId).template;
+    const currentTemplate = iframeRoomId && selectedSpaceChildren[selectedSpaceChildren.length - 1]?.find(space => space.room_id === iframeRoomId).template;
 
-    if (!roomId) {
-        // we use the roomId from the adress bar if there is one, orherwise we start with the supplied root ID from the config file.
-        router.push(`/explore/${getConfig().publicRuntimeConfig.contextRootSpaceRoomId}`);
-    }
+    // Redirect to the default room if no roomId is provided
+    useEffect(() => {
+        if (!roomId) {
+            router.push(`/explore/${getConfig().publicRuntimeConfig.contextRootSpaceRoomId}`);
+        }
+    }, [roomId, router]);
 
+    // Fetch room content when the iframeRoomId changes
     useEffect(() => {
         const controller = new AbortController();
         const signal = controller.signal;
@@ -55,9 +59,10 @@ export default function Explore() {
         };
         iframeRoomId && checkForRoomContent();
 
-        return () => controller.abort;
+        return () => controller.abort();
     }, [iframeRoomId, matrix]);
 
+    // Handle route changes and fetch room content
     const onRouterChange = useCallback(async () => {
         setIsFetchingContent(roomId);
         setManageContextActionToggle(false);
@@ -76,17 +81,18 @@ export default function Explore() {
         };
     }, [router.query?.roomId, matrix.initialSyncDone, onRouterChange]);
 
+    // Call API to fetch and add room hierarchy to selectedSpaceChildren
     const callApiAndAddToObject = useCallback(async (e, roomId) => {
         if (!selectedSpaceChildren) return;
         e && e.preventDefault();
-        console.debug('call Api or matrix and add');
+        console.debug('Call API or matrix and add');
         const spaceHierarchy = await matrix.roomHierarchy(roomId, null, 1)
             .catch(err => console.debug(err));
         if (!spaceHierarchy) return;
         const parent = spaceHierarchy[0];
 
         const getMetaEvent = async (obj) => {
-            console.debug('getting meta event for ' + (obj.state_key || obj.room_id));
+            console.debug('Getting meta event for ' + (obj.state_key || obj.room_id));
             const metaEvent = await auth.getAuthenticationProvider('matrix').getMatrixClient().getStateEvent(obj.state_key || obj.room_id, 'dev.medienhaus.meta')
                 .catch((err) => {
                     console.debug(err);
@@ -106,21 +112,21 @@ export default function Explore() {
         }
 
         setSelectedSpaceChildren((prevState) => {
-            // we loop through the first entries of the state to see if the selected roomId is already inside the array
+            // Check if the selected roomId is already inside the array
             let indexOfParent = null;
             for (const [index, children] of prevState.entries()) {
                 if (children[0].room_id === roomId) {
-                    // if we have a match we return the position and exit the loop
+                    // If there is a match, return the position and exit the loop
                     indexOfParent = index;
                     break;
                 }
             }
-            // if indexOfParent is 0 or our context root id, which is defined in the config, we simply return the new spaceHierarchy
+            // If indexOfParent is 0 or the context root ID defined in the config, return the new spaceHierarchy
             if (indexOfParent === 0 || roomId === getConfig().publicRuntimeConfig.contextRootSpaceRoomId) return [spaceHierarchy];
-            // otherwise we delete all entries starting with the found index
+            // Otherwise, delete all entries starting with the found index
             if (indexOfParent) prevState.splice(indexOfParent);
 
-            // if indexOfParent is still null we simply add the new spaceHierarchy to the end of the array.
+            // If indexOfParent is still null, simply add the new spaceHierarchy to the end of the array
             return [...prevState, spaceHierarchy];
         });
     }, [auth, matrix, selectedSpaceChildren]);
@@ -133,85 +139,87 @@ export default function Explore() {
                 <h2 ref={dimensionsRef}>/explore</h2>
                 <ServiceTableWrapper>
                     { !navigator.userAgent.includes('iPhone') && !navigator.userAgent.includes('Android') &&
-                    !_.isEmpty(selectedSpaceChildren) &&
-                    <TreePath
-                        data={selectedSpaceChildren}
-                        isFetchingContent={isFetchingContent}
-                    />
+                        !_.isEmpty(selectedSpaceChildren) &&
+                        <TreePath
+                            data={selectedSpaceChildren}
+                            isFetchingContent={isFetchingContent}
+                        />
 
                     }
                 </ServiceTableWrapper>
             </IframeLayout.Sidebar>
             { !_.isEmpty(selectedSpaceChildren) &&
-            <IframeLayout.IframeWrapper>
-
-                { iframeRoomId ? (
-                    <ExploreIframeViews
-                        currentTemplate={currentTemplate}
-                        iframeRoomId={iframeRoomId}
-                        title={matrix.spaces.get(router.query.roomId[0])?.name || matrix.rooms.get(router.query.roomId[0])?.name || selectedSpaceChildren[selectedSpaceChildren.length -1][0].name}
-                    />
-                ) : <>
-                    <ServiceIframeHeader
-                        content={window.location.href}
-                        title={matrix.spaces.get(router.query.roomId[0])?.name || matrix.rooms.get(router.query.roomId[0])?.name || selectedSpaceChildren[selectedSpaceChildren.length -1][0].name}
-                        removingLink={false}
-                        roomId={roomId}
-                        manageContextActionToggle={manageContextActionToggle}
-                        isCurrentUserModerator={isCurrentUserModerator}
-                        setManageContextActionToggle={setManageContextActionToggle}
-                    />
-                    <DefaultModal
-                        isOpen={manageContextActionToggle}
-                        onRequestClose={() => setManageContextActionToggle(false)}
-                        contentLabel="Manage context">
-                        <ExploreMatrixActions
+                <IframeLayout.IframeWrapper>
+
+                    { iframeRoomId ? (
+                        <ExploreIframeViews
+                            currentTemplate={currentTemplate}
+                            iframeRoomId={iframeRoomId}
+                            title={matrix.spaces.get(router.query.roomId[0])?.name || matrix.rooms.get(router.query.roomId[0])?.name || selectedSpaceChildren[selectedSpaceChildren.length - 1][0].name}
+                        />
+                    ) : <>
+                        <ServiceIframeHeader
+                            content={window.location.href}
+                            title={matrix.spaces.get(router.query.roomId[0])?.name || matrix.rooms.get(router.query.roomId[0])?.name || selectedSpaceChildren[selectedSpaceChildren.length - 1][0].name}
+                            removingLink={false}
+                            roomId={roomId}
+                            manageContextActionToggle={manageContextActionToggle}
                             isCurrentUserModerator={isCurrentUserModerator}
-                            currentId={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].room_id}
-                            parentId={selectedSpaceChildren[selectedSpaceChildren.length - 2]?.[0].room_id}
-                            children={selectedSpaceChildren[selectedSpaceChildren.length - 1]}
-                            callApiAndAddToObject={callApiAndAddToObject}
+                            setManageContextActionToggle={setManageContextActionToggle}
                         />
-                    </DefaultModal>
-                    <ServiceTableWrapper>
-                        <ServiceTable>
-                            { selectedSpaceChildren[selectedSpaceChildren.length - 1]
-                                .sort(function(a, b) {
-                                    if (a.type === 'item' && b.type !== 'item') {
-                                        return -1; // a comes before b
-                                    } else if (a.type !== 'item' && b.type === 'item') {
-                                        return 1; // a comes after b
-                                    } else {
-                                        return 0; // no sorting necessary
-                                    }
-                                })
-                                .map((leaf, index) => {
-                                    if (leaf.length <= 1) {
-                                        return <ErrorMessage key="error-message">
-                                                        Thank You { auth.user.displayname }! But Our Item Is In Another Context! 🍄
-                                        </ErrorMessage>;
-                                    }
-                                    if (index === 0) return null;
-
-                                    // we sort the array to display object of the type 'item' before others.
-                                    return <TreeLeaves
-                                        depth={selectedSpaceChildren.length}
-                                        leaf={leaf}
-                                        parent={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].room_id}
-                                        key={leaf.room_id + '_' + index}
-                                        iframeRoomId={iframeRoomId}
-                                        isFetchingContent={isFetchingContent}
-                                    />;
-                                }) }
-                        </ServiceTable>
-                    </ServiceTableWrapper>
-                </>
-                }
-            </IframeLayout.IframeWrapper> }
+                        <DefaultModal
+                            isOpen={manageContextActionToggle}
+                            onRequestClose={() => setManageContextActionToggle(false)}
+                            contentLabel="Manage context"
+                        >
+                            <ExploreMatrixActions
+                                isCurrentUserModerator={isCurrentUserModerator}
+                                currentId={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].room_id}
+                                parentId={selectedSpaceChildren[selectedSpaceChildren.length - 2]?.[0].room_id}
+                                children={selectedSpaceChildren[selectedSpaceChildren.length - 1]}
+                                callApiAndAddToObject={callApiAndAddToObject}
+                            />
+                        </DefaultModal>
+                        <ServiceTableWrapper>
+                            <ServiceTable>
+                                { selectedSpaceChildren[selectedSpaceChildren.length - 1]
+                                    .sort(function(a, b) {
+                                        if (a.type === 'item' && b.type !== 'item') {
+                                            return -1; // 'a' comes before 'b'
+                                        } else if (a.type !== 'item' && b.type === 'item') {
+                                            return 1; // 'a' comes after 'b'
+                                        } else {
+                                            return 0; // No sorting necessary
+                                        }
+                                    })
+                                    .map((leaf, index) => {
+                                        if (leaf.length <= 1) {
+                                            return <ErrorMessage key="error-message">
+                                                Thank you, { auth.user.displayname }! But our item is in another context! 🍄
+                                            </ErrorMessage>;
+                                        }
+                                        if (index === 0) return null;
+
+                                        // Sort the array to display objects of type 'item' before others
+                                        return <TreeLeaves
+                                            depth={selectedSpaceChildren.length}
+                                            leaf={leaf}
+                                            parent={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].room_id}
+                                            key={leaf.room_id + '_' + index}
+                                            iframeRoomId={iframeRoomId}
+                                            isFetchingContent={isFetchingContent}
+                                        />;
+                                    }) }
+                            </ServiceTable>
+                        </ServiceTableWrapper>
+                    </>
+                    }
+                </IframeLayout.IframeWrapper> }
         </>
     );
 }
 
+// Set the layout for the Explore component
 Explore.getLayout = () => {
     return IframeLayout.Layout;
 };

From e0c15c6b7efa359f872dc26e25623df4c6b29819 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 20 Sep 2023 17:50:41 +0200
Subject: [PATCH 251/714] refactor: use logger

---
 pages/explore/[[...roomId]].js | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 075b86fa..4896a393 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -16,6 +16,7 @@ import TreeLeaves from './TreeLeaves';
 import TreePath from './TreePath';
 import ExploreIframeViews from './ExploreIframeViews';
 import DefaultModal from '../../components/UI/Modal';
+import logger from '../../lib/Logging';
 
 const ServiceTableWrapper = styled.div`
   width: 100%;
@@ -85,17 +86,17 @@ export default function Explore() {
     const callApiAndAddToObject = useCallback(async (e, roomId) => {
         if (!selectedSpaceChildren) return;
         e && e.preventDefault();
-        console.debug('Call API or matrix and add');
+        logger.debug('Call API or matrix and add');
         const spaceHierarchy = await matrix.roomHierarchy(roomId, null, 1)
-            .catch(err => console.debug(err));
+            .catch(err => logger.debug(err));
         if (!spaceHierarchy) return;
         const parent = spaceHierarchy[0];
 
         const getMetaEvent = async (obj) => {
-            console.debug('Getting meta event for ' + (obj.state_key || obj.room_id));
+            logger.debug('Getting meta event for ' + (obj.state_key || obj.room_id));
             const metaEvent = await auth.getAuthenticationProvider('matrix').getMatrixClient().getStateEvent(obj.state_key || obj.room_id, 'dev.medienhaus.meta')
                 .catch((err) => {
-                    console.debug(err);
+                    logger.debug(err);
                     obj.missingMetaEvent = true;
                 });
 

From 84b08ece99f222b5f0c135de616582f2f15b049e Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 21 Sep 2023 16:08:54 +0200
Subject: [PATCH 252/714] chor: capitalise beginning of sentences

---
 pages/explore/manage-room/ExploreMatrixActions.js | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/pages/explore/manage-room/ExploreMatrixActions.js b/pages/explore/manage-room/ExploreMatrixActions.js
index ae4a0a7a..6f899ded 100644
--- a/pages/explore/manage-room/ExploreMatrixActions.js
+++ b/pages/explore/manage-room/ExploreMatrixActions.js
@@ -244,27 +244,27 @@ const RenderSwitch = ({ currentId, parentId, roomName, children, callApiAndAddTo
             >
                 <RadioWrapper>
                     <input type="radio" id="substructure" name="action" value="substructure" />
-                    <label htmlFor="substructure">{ t('create new substructure') }</label>
+                    <label htmlFor="substructure">{ t('Create new substructure') }</label>
                 </RadioWrapper>
 
                 <RadioWrapper>
                     <input type="radio" id="existingItem" name="action" value="existingItem" />
-                    <label htmlFor="existingItem"> { t('add existing item') }</label>
+                    <label htmlFor="existingItem"> { t('Add existing item') }</label>
                 </RadioWrapper>
 
                 <RadioWrapper>
                     <input type="radio" id="existingContext" name="action" value="existingContext" />
-                    <label htmlFor="existingContext">{ t('add existing context') }</label>
+                    <label htmlFor="existingContext">{ t('Add existing context') }</label>
                 </RadioWrapper>
 
                 <RadioWrapper>
                     <input type="radio" id="removeSpace" name="action" value="removeSpace" />
-                    <label htmlFor="removeSpace">{ t('remove items or contexts') }</label>
+                    <label htmlFor="removeSpace">{ t('Remove items or contexts') }</label>
                 </RadioWrapper>
 
                 <RadioWrapper>
                     <input type="radio" id="manageUsers" name="action" value="manageUsers" />
-                    <label htmlFor="manageUsers">{ t('manage users in') } { roomName }</label>
+                    <label htmlFor="manageUsers">{ t('Manage users in') } { roomName }</label>
                 </RadioWrapper>
 
                 <RadioWrapper>

From f8cdbffb9143d923813440dd1029c65ab0b569c2 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 21 Sep 2023 16:50:43 +0200
Subject: [PATCH 253/714] refactor: remove unused file

---
 .../manage-room/ManageContextActions.js       | 43 -------------------
 1 file changed, 43 deletions(-)
 delete mode 100644 pages/explore/manage-room/ManageContextActions.js

diff --git a/pages/explore/manage-room/ManageContextActions.js b/pages/explore/manage-room/ManageContextActions.js
deleted file mode 100644
index c5ede9f1..00000000
--- a/pages/explore/manage-room/ManageContextActions.js
+++ /dev/null
@@ -1,43 +0,0 @@
-import React from 'react';
-import { t } from 'i18next';
-import getConfig from 'next/config';
-
-import CreateContext from './CreateContext';
-import AddExistingItem from './AddExistingItem';
-import AddExistingContext from './AddExistingContext';
-import RemoveSpaceFromParent from './RemoveSpaceFromParent';
-
-const ManageContextActions = ({ userInfos, parentId, currentId, currentName, children, callApiAndAddToObject }) => {
-    return <>
-        <h2>{ t('Manage contexts and items within ') }{ currentName }</h2>
-        <details>
-            <summary>{ t('create new substructure') }</summary>
-            <CreateContext currentId={currentId} parentId={parentId} userInfos={userInfos} />
-        </details>
-        <details>
-            <summary>{ t('add existing item') }</summary>
-            <AddExistingItem currentId={currentId} currentName={currentName} />
-        </details>
-
-        <details>
-            <summary>{ t('add existing context') }</summary>
-            <AddExistingContext parentId={currentId} parentName={currentName} contextRootId={getConfig().publicRuntimeConfig.contextRootSpaceRoomId} />
-        </details>
-        { /*
-            <details>
-                <summary>{ t('add existing item from application') }</summary>
-            </details> */ }
-
-        <details>
-            <summary>{ t('remove items or contexts') }</summary>
-            <RemoveSpaceFromParent
-                parentId={currentId}
-                parentName={currentName}
-                children={children}
-                callApiAndAddToObject={callApiAndAddToObject} />
-        </details>
-
-    </>;
-};
-
-export default ManageContextActions;

From 1675b599c38ec3f4f5163b15cf0eeb404334a8b4 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Tue, 26 Sep 2023 13:12:16 +0200
Subject: [PATCH 254/714] refactor: change isCurrentUserModerator to
 myPowerLevel

---
 components/UI/ServiceIframeHeader.js              | 4 ++--
 pages/explore/[[...roomId]].js                    | 6 +++---
 pages/explore/manage-room/ExploreMatrixActions.js | 4 ++--
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/components/UI/ServiceIframeHeader.js b/components/UI/ServiceIframeHeader.js
index 8fa4e613..79a0399a 100644
--- a/components/UI/ServiceIframeHeader.js
+++ b/components/UI/ServiceIframeHeader.js
@@ -19,7 +19,7 @@ const ToggleButton = styled.button`
   border: unset;
 `;
 
-const ServiceIframeHeader = ({ isDeletingPad, deleteContent, title, roomId, mypadsPadObject, content, isCurrentUserModerator, setManageContextActionToggle, manageContextActionToggle }) => {
+const ServiceIframeHeader = ({ isDeletingPad, deleteContent, title, roomId, mypadsPadObject, content, myPowerLevel, setManageContextActionToggle, manageContextActionToggle }) => {
     const { t } = useTranslation('write');
 
     return (
@@ -31,7 +31,7 @@ const ServiceIframeHeader = ({ isDeletingPad, deleteContent, title, roomId, mypa
                     { isDeletingPad ? <LoadingSpinnerInline /> : <BinIcon fill="var(--color-foreground)" /> }
                 </button> }
                 <InviteUsersToMatrixRoom roomId={roomId} name={title} />
-                { isCurrentUserModerator && (
+                { myPowerLevel && (
                     manageContextActionToggle ? (
                         <ToggleButton onClick={() => { setManageContextActionToggle(false); }}>
                             <FolderIcon
diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 4896a393..6a4954d5 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -41,7 +41,7 @@ export default function Explore() {
     // Extract roomId and iframeRoomId from the query parameters
     const roomId = _.get(router, 'query.roomId[0]');
     const iframeRoomId = _.get(router, 'query.roomId[1]');
-    const isCurrentUserModerator = matrix.spaces.get(roomId)?.events?.get('m.room.power_levels').values().next().value.getContent().users[matrixClient.getUserId()];
+    const myPowerLevel = matrix.spaces.get(roomId)?.events?.get('m.room.power_levels').values().next().value.getContent().users[matrixClient.getUserId()];
     const currentTemplate = iframeRoomId && selectedSpaceChildren[selectedSpaceChildren.length - 1]?.find(space => space.room_id === iframeRoomId).template;
 
     // Redirect to the default room if no roomId is provided
@@ -165,7 +165,7 @@ export default function Explore() {
                             removingLink={false}
                             roomId={roomId}
                             manageContextActionToggle={manageContextActionToggle}
-                            isCurrentUserModerator={isCurrentUserModerator}
+                            myPowerLevel={myPowerLevel}
                             setManageContextActionToggle={setManageContextActionToggle}
                         />
                         <DefaultModal
@@ -174,7 +174,7 @@ export default function Explore() {
                             contentLabel="Manage context"
                         >
                             <ExploreMatrixActions
-                                isCurrentUserModerator={isCurrentUserModerator}
+                                myPowerLevel={myPowerLevel}
                                 currentId={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].room_id}
                                 parentId={selectedSpaceChildren[selectedSpaceChildren.length - 2]?.[0].room_id}
                                 children={selectedSpaceChildren[selectedSpaceChildren.length - 1]}
diff --git a/pages/explore/manage-room/ExploreMatrixActions.js b/pages/explore/manage-room/ExploreMatrixActions.js
index 6f899ded..5808c583 100644
--- a/pages/explore/manage-room/ExploreMatrixActions.js
+++ b/pages/explore/manage-room/ExploreMatrixActions.js
@@ -47,7 +47,7 @@ const RadioWrapper = styled.div`
   justify-content: start;
 `;
 
-const ExploreMatrixActions = ({ currentId, parentId, isCurrentUserModerator, children, callApiAndAddToObject }) => {
+const ExploreMatrixActions = ({ currentId, parentId, myPowerLevel, children, callApiAndAddToObject }) => {
     /**
     * MATRIX
     * ------------------
@@ -155,7 +155,7 @@ const ExploreMatrixActions = ({ currentId, parentId, isCurrentUserModerator, chi
         <ExploreMatrixActionWrapper>
             <h2>{ t('Manage contexts and items within ') }{ roomName }</h2>
 
-            { isCurrentUserModerator && (
+            { myPowerLevel && (
                 <RenderSwitch
                     currentId={currentId}
                     parentId={parentId}

From a038fb3817aec4aba29d08db77542432502d451e Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Tue, 26 Sep 2023 13:24:06 +0200
Subject: [PATCH 255/714] feat: check if a user has sufficient rights for each
 action

---
 .../manage-room/ExploreMatrixActions.js       | 68 +++++++++++--------
 1 file changed, 38 insertions(+), 30 deletions(-)

diff --git a/pages/explore/manage-room/ExploreMatrixActions.js b/pages/explore/manage-room/ExploreMatrixActions.js
index 5808c583..d446b618 100644
--- a/pages/explore/manage-room/ExploreMatrixActions.js
+++ b/pages/explore/manage-room/ExploreMatrixActions.js
@@ -148,7 +148,6 @@ const ExploreMatrixActions = ({ currentId, parentId, myPowerLevel, children, cal
     *                       'settings' -> mod/admin rights required
     * 'MenuSection'     contains the actual user interfaces for the specific action
     */
-
     if (!roomName) return <LoadingSpinner />;
 
     return (
@@ -162,6 +161,7 @@ const ExploreMatrixActions = ({ currentId, parentId, myPowerLevel, children, cal
                     roomName={roomName}
                     children={children}
                     callApiAndAddToObject={callApiAndAddToObject}
+                    myPowerLevel={myPowerLevel}
                 />
             )
             }
@@ -171,9 +171,12 @@ const ExploreMatrixActions = ({ currentId, parentId, myPowerLevel, children, cal
 
 export default ExploreMatrixActions;
 
-const RenderSwitch = ({ currentId, parentId, roomName, children, callApiAndAddToObject }) => {
+const RenderSwitch = ({ currentId, parentId, roomName, children, callApiAndAddToObject, myPowerLevel }) => {
     const [selectedAction, setSelectedAction] = useState('');
     const [selectedRadioButton, setSelectedRadioButton] = useState('');
+    const matrixClient = useAuth().getAuthenticationProvider('matrix').getMatrixClient();
+    const room = matrixClient.getRoom(currentId);
+
     const { t } = useTranslation();
 
     switch (selectedAction) {
@@ -242,40 +245,45 @@ const RenderSwitch = ({ currentId, parentId, roomName, children, callApiAndAddTo
                 }
                 onChange={(e) => setSelectedRadioButton(e.target.value)}
             >
-                <RadioWrapper>
-                    <input type="radio" id="substructure" name="action" value="substructure" />
-                    <label htmlFor="substructure">{ t('Create new substructure') }</label>
-                </RadioWrapper>
-
-                <RadioWrapper>
-                    <input type="radio" id="existingItem" name="action" value="existingItem" />
-                    <label htmlFor="existingItem"> { t('Add existing item') }</label>
-                </RadioWrapper>
-
-                <RadioWrapper>
-                    <input type="radio" id="existingContext" name="action" value="existingContext" />
-                    <label htmlFor="existingContext">{ t('Add existing context') }</label>
-                </RadioWrapper>
-
-                <RadioWrapper>
-                    <input type="radio" id="removeSpace" name="action" value="removeSpace" />
-                    <label htmlFor="removeSpace">{ t('Remove items or contexts') }</label>
-                </RadioWrapper>
-
-                <RadioWrapper>
-                    <input type="radio" id="manageUsers" name="action" value="manageUsers" />
-                    <label htmlFor="manageUsers">{ t('Manage users in') } { roomName }</label>
-                </RadioWrapper>
+                { room.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel) &&
+                    <>
+                        <RadioWrapper>
+                            <input type="radio" id="substructure" name="action" value="substructure" />
+                            <label htmlFor="substructure">{ t('Create new substructure') }</label>
+                        </RadioWrapper>
+
+                        <RadioWrapper>
+                            <input type="radio" id="existingItem" name="action" value="existingItem" />
+                            <label htmlFor="existingItem"> { t('Add existing item') }</label>
+                        </RadioWrapper>
+
+                        <RadioWrapper>
+                            <input type="radio" id="existingContext" name="action" value="existingContext" />
+                            <label htmlFor="existingContext">{ t('Add existing context') }</label>
+                        </RadioWrapper>
+
+                        <RadioWrapper>
+                            <input type="radio" id="removeSpace" name="action" value="removeSpace" />
+                            <label htmlFor="removeSpace">{ t('Remove items or contexts') }</label>
+                        </RadioWrapper>
+                    </>
+                }
+                { room.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel) &&
+                    <RadioWrapper>
+                        <input type="radio" id="manageUsers" name="action" value="manageUsers" />
+                        <label htmlFor="manageUsers">{ t('Manage users in') } { roomName }</label>
+                    </RadioWrapper> }
 
                 <RadioWrapper>
                     <input type="radio" id="leaveRoom" name="action" value="leaveRoom" />
                     <label htmlFor="leaveRoom">{ t('Leave') } { roomName }</label>
                 </RadioWrapper>
 
-                <RadioWrapper>
-                    <input type="radio" id="changeJoinRule" name="action" value="changeJoinRule" />
-                    <label htmlFor="changeJoinRule">{ t('Change join rule') }</label>
-                </RadioWrapper>
+                { room.currentState.hasSufficientPowerLevelFor('m.room.join_rules', myPowerLevel) &&
+                    <RadioWrapper>
+                        <input type="radio" id="changeJoinRule" name="action" value="changeJoinRule" />
+                        <label htmlFor="changeJoinRule">{ t('Change join rule') }</label>
+                    </RadioWrapper> }
 
                 <PreviousNextButtons
                     disabled={!selectedRadioButton}

From 449dd3f2aae05c81341c645c86494e27f0c363be Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Tue, 26 Sep 2023 13:30:26 +0200
Subject: [PATCH 256/714] refactor: remove old comments and update JSDoc

---
 .../manage-room/ExploreMatrixActions.js       | 115 ++----------------
 1 file changed, 8 insertions(+), 107 deletions(-)

diff --git a/pages/explore/manage-room/ExploreMatrixActions.js b/pages/explore/manage-room/ExploreMatrixActions.js
index d446b618..acbb014c 100644
--- a/pages/explore/manage-room/ExploreMatrixActions.js
+++ b/pages/explore/manage-room/ExploreMatrixActions.js
@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect, useState } from 'react';
+import React, { useState } from 'react';
 import styled from 'styled-components';
 import getConfig from 'next/config';
 import { useTranslation } from 'react-i18next';
@@ -16,17 +16,14 @@ import LeaveRoom from './LeaveRoom';
 import ChangeJoinRule from './ChangeJoinRule';
 
 /**
- * ACTIONS COMPONENT
- * ------------------
+ * This component provides actions for managing contexts and items within a matrix room.
  *
- * @param {String} currentId — the Id of the current observed Room
- * @param {String} parentId — the Id of the parent of the currently observed Room. Matrix background: parentId lists currentId as an m.space.child stateevent. currentId got no information about the parentId.
- * @param {function} popActiveContexts – deletes the latest Element of the Contexts Multi Level Select Stack. Needed for the remove action.
- * @param {Boolean} isCurrentUserModerator - true if the user has moderatoion rights for the currentId.
- * @callback callApiAndAddToObject
- * @TODO
- * - changing all hardcoded mod rights (50) in all files related to the 'action' component to dynamicly ones. so that it will check what the powerlevel for the intended event to send needs to be, based on the indidual specific room criterial.
-*/
+ * @param {String} currentId - The ID of the current room.
+ * @param {String} parentId - The ID of the parent of the currently observed room.
+ * @param {Number} myPowerLevel - Number between 0 and 100.
+ * @callback callApiAndAddToObject - A callback function.
+ * @returns {JSX.Element} - The rendered component.
+ */
 
 const ExploreMatrixActionWrapper = styled.div`
   width: 100%;
@@ -48,106 +45,10 @@ const RadioWrapper = styled.div`
 `;
 
 const ExploreMatrixActions = ({ currentId, parentId, myPowerLevel, children, callApiAndAddToObject }) => {
-    /**
-    * MATRIX
-    * ------------------
-    * @TODO
-    * - adding functionallity of updates of the sync call. to update cached states in this component which are changed in the meantime of this session by another user.
-    *   this would needs to pipe all nessesary sync informations for the currently observed id into the current room data storage (volatile).
-    *   in addition to keeping track also of some specific state events of previously observed id's into the cached roomdata, for example the powerlevel's.
-    */
-
-    const auth = useAuth();
-    const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
     const { t } = useTranslation('explore');
 
-    /**
-    * GENERIC STATES
-    * ------------------
-    *
-    */
-
-    /**
-    * EFFECTS
-    * ------------------
-    * observing if the currentId or the parentId changed. Both observed states are  parameters of this action component given by the instantiating parent compontent.
-    *  currentId:   If the currentId changed some core informations about the currently observed Id will be collected.
-    *  parentId:    If the parentId changed the nessesary collected information of the Id are already been stored in a cache.
-    *               This function will therefore just check if the user has the rights to remove the current observed Id from the parents to enables/disables this action in the render.
-    */
-
-    useEffect(() => {
-        let cancelled = false;
-        if (!cancelled) fetchRoomName();
-
-        return () => cancelled = true;
-    }, [currentId, fetchRoomName]);
-
-    /**
-    * CURRENT ROOM DATA STORAGE (VOLATILE)
-    * ------------------
-    * states which holds all nessesarry informations about the room as single source of truth for all subcomponents.
-    * this can be populated seperatatly to by user interactions and will not preload all informations at the beginnning
-    * this approach was chosen instead of just getting all stateEvents of the room for performance reason as it contains a stateEvent for each user,
-    * which will increase the requested pauload with a couple of thousends a lot.
-    * sadly as react evolves into this weird directions, the declaration of the variables needed to be implemented like this:
-    * not in a nested way; feels like written by a 5 year old.
-    */
-
     const [roomName, setRoomName] = useState();
 
-    /**
-    * ALL ROOM DATA STORAGE (SESSION NON VOLATILE)
-    * ------------------
-    * the following states keeps a cached copy of some specific state events  which are already requested from the matrix server to use them later in an different usecase again to prevent the need for an additional call.
-    * The current usecase for which this is needed is to check the interactions with a parent id to remove spaces from an  previously viewed id.
-    *
-    * @TODO
-    * - still needs to be discussed how to deal with edgecases like: an additional user renames an space or changes the power levels in the meantime.
-    *   could be prevented if data from a sync is piped in this storage as well to keep them always up to date.
-    */
-
-    const [cachedRoomNames, setCachedRoomNames] = useState({});
-
-    /**
-    * FETCH FUNCTIONS
-    * ------------------
-    * fetch functions to get room specific informations from the current Id
-    */
-
-    const fetchRoomName = useCallback(async () => {
-        const nameEvent = await matrixClient.getStateEvent(
-            currentId,
-            'm.room.name',
-        ).catch(() => {});
-        setRoomName(nameEvent?.name);
-
-        // send also to the sessions non volatile state storage
-        setCachedRoomNames({ ...cachedRoomNames, [currentId]: { name: nameEvent?.name } });
-    }, [cachedRoomNames, currentId, matrixClient]);
-
-    // callbacks
-
-    /**
-    * RENDER
-    * ------------------
-    *
-    *                   | 'ButtonSection'
-    * 'ActionSection'->
-    *                   | 'MenuSection' --->| 'InfoAction'
-    *                                   --->| 'AddAction'
-    *                                   --->| 'RemoveAction'
-    *                                   --->| 'SettingsAction'
-    *
-    * 'ActionSection'   acts as an wrapper all of the possible functions
-    * 'ButtonSection'   contains the possible actions which the user can execute, not allowed functiosn for the currently observed Id are disabled.
-    *                   for now the following functions are accessable:
-    *                       'info' -> read rights required
-    *                       'add' -> mod rights mostly required
-    *                       'remove' -> mod rights of the parentId required
-    *                       'settings' -> mod/admin rights required
-    * 'MenuSection'     contains the actual user interfaces for the specific action
-    */
     if (!roomName) return <LoadingSpinner />;
 
     return (

From fd37738a89698e50d3f34a8a54e9e402d536fabd Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Tue, 26 Sep 2023 13:34:04 +0200
Subject: [PATCH 257/714] fix: undefined room name

---
 pages/explore/manage-room/ExploreMatrixActions.js | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/pages/explore/manage-room/ExploreMatrixActions.js b/pages/explore/manage-room/ExploreMatrixActions.js
index acbb014c..ad2a60a6 100644
--- a/pages/explore/manage-room/ExploreMatrixActions.js
+++ b/pages/explore/manage-room/ExploreMatrixActions.js
@@ -14,6 +14,7 @@ import RemoveSpaceFromParent from './RemoveSpaceFromParent';
 import UserManagement from './UserManagement';
 import LeaveRoom from './LeaveRoom';
 import ChangeJoinRule from './ChangeJoinRule';
+import { useMatrix } from '../../../lib/Matrix';
 
 /**
  * This component provides actions for managing contexts and items within a matrix room.
@@ -46,9 +47,7 @@ const RadioWrapper = styled.div`
 
 const ExploreMatrixActions = ({ currentId, parentId, myPowerLevel, children, callApiAndAddToObject }) => {
     const { t } = useTranslation('explore');
-
-    const [roomName, setRoomName] = useState();
-
+    const roomName = useMatrix().spaces.get(currentId)?.name || useMatrix().rooms.get(currentId)?.name;
     if (!roomName) return <LoadingSpinner />;
 
     return (

From b7b0353f977758d9e47a86ffdc417da0b79f9d64 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Tue, 26 Sep 2023 13:39:26 +0200
Subject: [PATCH 258/714] refactor: move component into folder and add
 PreviousNextButtons

---
 pages/explore/ChangeJoinRule.js             | 59 ---------------------
 pages/explore/manage-room/ChangeJoinRule.js | 10 ++--
 2 files changed, 3 insertions(+), 66 deletions(-)
 delete mode 100644 pages/explore/ChangeJoinRule.js

diff --git a/pages/explore/ChangeJoinRule.js b/pages/explore/ChangeJoinRule.js
deleted file mode 100644
index be926b17..00000000
--- a/pages/explore/ChangeJoinRule.js
+++ /dev/null
@@ -1,59 +0,0 @@
-import React, { useState } from 'react';
-import { useTranslation } from 'react-i18next';
-
-import { useAuth } from '../../lib/Auth';
-import Form from '../../components/UI/Form';
-import presets from './presets';
-import ErrorMessage from '../../components/UI/ErrorMessage';
-
-/**
- * JoinRuleChanger component for changing the join rule of a room.
- *
- * @component
- * @param {string} roomId - The ID of the room or space for which the join rule is being changed.
- * @param {string} roomName - The name of the room or space.
- * @returns {JSX.Element} - The rendered component.
- */
-
-const JoinRuleChanger = ({ roomId, roomName }) => {
-    const matrixClient = useAuth().getAuthenticationProvider('matrix').getMatrixClient();
-    const currentJoinRule = matrixClient.getRoom(roomId).getJoinRule();
-    const [joinRule, setJoinRule] = useState(currentJoinRule);
-    const [changingJoinRule, setChangingJoinRule] = useState(false);
-    const [errorMessage, setErrorMessage] = useState('');
-    const { t } = useTranslation('explore');
-
-    const handleChangeJoinRule = async () => {
-        setChangingJoinRule(true);
-        await matrixClient.sendStateEvent(roomId, 'm.room.join_rules', {}, { join_rule: joinRule })
-            .catch((error) => {
-                setErrorMessage(error.data?.error);
-                setJoinRule(currentJoinRule);
-            });
-        setChangingJoinRule(false);
-    };
-
-    return (
-        <Form onSubmit={handleChangeJoinRule}>
-            <h1>{ t('Change Join Rule for') } { roomName }</h1>
-            <select
-                id="joinRule"
-                value={joinRule}
-                onChange={(e) => setJoinRule(e.target.value)}
-            >
-                { presets.allowedJoinRules.map((joinRule => {
-                    return <option
-                        key={joinRule.name}
-                        value={joinRule.name}
-                        title={joinRule.description}>
-                        { joinRule.label }
-                    </option>;
-                })) }
-            </select>
-            <button disabled={joinRule === currentJoinRule && changingJoinRule}>Change Join Rule</button>
-            { errorMessage && <ErrorMessage>{ errorMessage }</ErrorMessage> }
-        </Form>
-    );
-};
-
-export default JoinRuleChanger;
diff --git a/pages/explore/manage-room/ChangeJoinRule.js b/pages/explore/manage-room/ChangeJoinRule.js
index 131f3735..eeef720b 100644
--- a/pages/explore/manage-room/ChangeJoinRule.js
+++ b/pages/explore/manage-room/ChangeJoinRule.js
@@ -14,7 +14,6 @@ import LoadingSpinnerInline from '../../../components/UI/LoadingSpinnerInline';
  * @component
  * @param {string} roomId - The ID of the room or space for which the join rule is being changed.
  * @param {string} roomName - The name of the room or space.
- * @param {Function} onCancel - Callback function to cancel the operation.
  * @returns {JSX.Element} - The rendered component.
  */
 
@@ -26,11 +25,9 @@ const JoinRuleChanger = ({ roomId, roomName, onCancel }) => {
     const [errorMessage, setErrorMessage] = useState('');
     const { t } = useTranslation('explore');
 
-    const handleChangeJoinRule = async (e) => {
-        e.preventDefault();
+    const handleChangeJoinRule = async () => {
         setChangingJoinRule(true);
-
-        await matrixClient.sendStateEvent(roomId, 'm.room.join_rules', { join_rule: joinRule })
+        await matrixClient.sendStateEvent(roomId, 'm.room.join_rules', {}, { join_rule: joinRule })
             .catch((error) => {
                 setErrorMessage(error.data?.error);
                 setJoinRule(currentJoinRule);
@@ -57,8 +54,7 @@ const JoinRuleChanger = ({ roomId, roomName, onCancel }) => {
             </select>
             <PreviousNextButtons
                 disableNext={joinRule === currentJoinRule || changingJoinRule}
-                onCancel={onCancel}>
-                { changingJoinRule ? <LoadingSpinnerInline inverted /> : t('Change Join Rule') }
+                onCancel={onCancel}>{ changingJoinRule ? <LoadingSpinnerInline inverted /> : t('Change Join Rule') }
             </PreviousNextButtons>
             { errorMessage && <ErrorMessage>{ errorMessage }</ErrorMessage> }
         </Form>

From bef78a7a1f5cc4916c1621faff5d6ce05ab175b9 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Tue, 26 Sep 2023 14:26:04 +0200
Subject: [PATCH 259/714] feat: add component to change topic of room/space and
 implement

---
 pages/explore/manage-room/ChangeTopic.js      | 87 +++++++++++++++++++
 .../manage-room/ExploreMatrixActions.js       | 15 ++++
 2 files changed, 102 insertions(+)
 create mode 100644 pages/explore/manage-room/ChangeTopic.js

diff --git a/pages/explore/manage-room/ChangeTopic.js b/pages/explore/manage-room/ChangeTopic.js
new file mode 100644
index 00000000..613d6a75
--- /dev/null
+++ b/pages/explore/manage-room/ChangeTopic.js
@@ -0,0 +1,87 @@
+import React, { useCallback, useEffect, useState } from 'react';
+import styled from 'styled-components';
+
+import { useAuth } from '../../../lib/Auth';
+import PreviousNextButtons from '../../../components/UI/PreviousNextButtons';
+import Form from '../../../components/UI/Form';
+import ErrorMessage from '../../../components/UI/ErrorMessage';
+
+const TopicInput = styled.textarea`
+  width: 100%;
+  padding: 0 calc(var(--margin) * 0.2);
+  font-weight: 500;
+  color: var(--color-foreground);
+  background-color: var(--color-background);
+  border-color: var(--color-foreground);
+  border-style: solid;
+  border-width: calc(var(--margin) * 0.2);
+  border-radius: unset;
+  appearance: none;
+`;
+
+const ChangeTopic = ({ roomId, onCancel }) => {
+    const matrixClient = useAuth().getAuthenticationProvider('matrix').getMatrixClient();
+    const [newTopic, setNewTopic] = useState('');
+    const [isUpdating, setIsUpdating] = useState(false);
+    const [currentTopic, setCurrentTopic] = useState('');
+    const [errorMessage, setErrorMessage] = useState('');
+
+    useEffect(() => {
+        // Fetch the current room topic when the component mounts
+        getCurrentTopic();
+    }, [getCurrentTopic]);
+
+    const getCurrentTopic = useCallback(async () => {
+        // Use the Matrix client to get the current room topic
+        const stateEvent = await matrixClient.getStateEvent(roomId, 'm.room.topic')
+            .catch(error => {
+                setErrorMessage(error.data?.error);
+            });
+        if (stateEvent?.topic) {
+            setCurrentTopic(stateEvent.topic);
+            setNewTopic(stateEvent.topic);
+            setErrorMessage('');
+        }
+    }, [matrixClient, roomId]);
+
+    const handleTopicChange = (e) => {
+        setNewTopic(e.target.value);
+    };
+
+    const updateTopic = async (e) => {
+        e.preventDefault();
+        if (!newTopic || isUpdating) return;
+
+        setIsUpdating(true);
+
+        // Use the Matrix client to set the new topic for the room
+        const sendTopic = await matrixClient.sendStateEvent(roomId, 'm.room.topic', { topic: newTopic })
+            .catch(error => {
+                setErrorMessage(error.data?.error);
+            });
+
+        // fetch topic again and set states
+        await getCurrentTopic();
+        // Reset the input field and update status
+        setIsUpdating(false);
+        if (sendTopic) setErrorMessage('');
+    };
+
+    return (
+        <Form onSubmit={e => updateTopic(e)}>
+            <TopicInput
+                type="text"
+                rows="5"
+                id="topic"
+                value={newTopic}
+                onChange={handleTopicChange}
+                disabled={isUpdating}
+            />
+
+            <PreviousNextButtons onCancel={onCancel} disableNext={isUpdating || currentTopic === newTopic} />
+            { errorMessage && <ErrorMessage>{ errorMessage }</ErrorMessage> }
+        </Form>
+    );
+};
+
+export default ChangeTopic;
diff --git a/pages/explore/manage-room/ExploreMatrixActions.js b/pages/explore/manage-room/ExploreMatrixActions.js
index ad2a60a6..1732eee0 100644
--- a/pages/explore/manage-room/ExploreMatrixActions.js
+++ b/pages/explore/manage-room/ExploreMatrixActions.js
@@ -15,6 +15,7 @@ import UserManagement from './UserManagement';
 import LeaveRoom from './LeaveRoom';
 import ChangeJoinRule from './ChangeJoinRule';
 import { useMatrix } from '../../../lib/Matrix';
+import ChangeTopic from './ChangeTopic';
 
 /**
  * This component provides actions for managing contexts and items within a matrix room.
@@ -135,6 +136,14 @@ const RenderSwitch = ({ currentId, parentId, roomName, children, callApiAndAddTo
                     setSelectedRadioButton('');
                     setSelectedAction('');
                 }} />;
+
+        case 'changeTopic':
+            return <ChangeTopic
+                roomId={currentId}
+                onCancel={() => {
+                    setSelectedRadioButton('');
+                    setSelectedAction('');
+                }} />;
         default:
             return <Form
                 onSubmit={(e) => {
@@ -185,6 +194,12 @@ const RenderSwitch = ({ currentId, parentId, roomName, children, callApiAndAddTo
                         <label htmlFor="changeJoinRule">{ t('Change join rule') }</label>
                     </RadioWrapper> }
 
+                { room.currentState.hasSufficientPowerLevelFor('m.room.topic', myPowerLevel) &&
+                    <RadioWrapper>
+                        <input type="radio" id="changeTopic" name="action" value="changeTopic" />
+                        <label htmlFor="changeTopic">{ t('Change topic') }</label>
+                    </RadioWrapper> }
+
                 <PreviousNextButtons
                     disabled={!selectedRadioButton}
                     disableNext={selectedAction}

From 6a6361f723ee61315ab74738b6e4be0b22f9bee2 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Tue, 26 Sep 2023 14:49:22 +0200
Subject: [PATCH 260/714] refactor: display explore actions within iframe
 layout

---
 pages/explore/[[...roomId]].js | 81 ++++++++++++++++------------------
 1 file changed, 39 insertions(+), 42 deletions(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 6a4954d5..7312765a 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -168,50 +168,47 @@ export default function Explore() {
                             myPowerLevel={myPowerLevel}
                             setManageContextActionToggle={setManageContextActionToggle}
                         />
-                        <DefaultModal
-                            isOpen={manageContextActionToggle}
-                            onRequestClose={() => setManageContextActionToggle(false)}
-                            contentLabel="Manage context"
-                        >
-                            <ExploreMatrixActions
-                                myPowerLevel={myPowerLevel}
-                                currentId={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].room_id}
-                                parentId={selectedSpaceChildren[selectedSpaceChildren.length - 2]?.[0].room_id}
-                                children={selectedSpaceChildren[selectedSpaceChildren.length - 1]}
-                                callApiAndAddToObject={callApiAndAddToObject}
-                            />
-                        </DefaultModal>
                         <ServiceTableWrapper>
-                            <ServiceTable>
-                                { selectedSpaceChildren[selectedSpaceChildren.length - 1]
-                                    .sort(function(a, b) {
-                                        if (a.type === 'item' && b.type !== 'item') {
-                                            return -1; // 'a' comes before 'b'
-                                        } else if (a.type !== 'item' && b.type === 'item') {
-                                            return 1; // 'a' comes after 'b'
-                                        } else {
-                                            return 0; // No sorting necessary
-                                        }
-                                    })
-                                    .map((leaf, index) => {
-                                        if (leaf.length <= 1) {
-                                            return <ErrorMessage key="error-message">
+                            { manageContextActionToggle ?
+                                <ExploreMatrixActions
+                                    myPowerLevel={myPowerLevel}
+                                    currentId={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].room_id}
+                                    parentId={selectedSpaceChildren[selectedSpaceChildren.length - 2]?.[0].room_id}
+                                    children={selectedSpaceChildren[selectedSpaceChildren.length - 1]}
+                                    callApiAndAddToObject={callApiAndAddToObject}
+                                />
+                                :
+                                <ServiceTable>
+                                    { selectedSpaceChildren[selectedSpaceChildren.length - 1]
+                                        .sort(function(a, b) {
+                                            if (a.type === 'item' && b.type !== 'item') {
+                                                return -1; // 'a' comes before 'b'
+                                            } else if (a.type !== 'item' && b.type === 'item') {
+                                                return 1; // 'a' comes after 'b'
+                                            } else {
+                                                return 0; // No sorting necessary
+                                            }
+                                        })
+                                        .map((leaf, index) => {
+                                            if (leaf.length <= 1) {
+                                                return <ErrorMessage key="error-message">
                                                 Thank you, { auth.user.displayname }! But our item is in another context! 🍄
-                                            </ErrorMessage>;
-                                        }
-                                        if (index === 0) return null;
-
-                                        // Sort the array to display objects of type 'item' before others
-                                        return <TreeLeaves
-                                            depth={selectedSpaceChildren.length}
-                                            leaf={leaf}
-                                            parent={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].room_id}
-                                            key={leaf.room_id + '_' + index}
-                                            iframeRoomId={iframeRoomId}
-                                            isFetchingContent={isFetchingContent}
-                                        />;
-                                    }) }
-                            </ServiceTable>
+                                                </ErrorMessage>;
+                                            }
+                                            if (index === 0) return null;
+
+                                            // Sort the array to display objects of type 'item' before others
+                                            return <TreeLeaves
+                                                depth={selectedSpaceChildren.length}
+                                                leaf={leaf}
+                                                parent={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].room_id}
+                                                key={leaf.room_id + '_' + index}
+                                                iframeRoomId={iframeRoomId}
+                                                isFetchingContent={isFetchingContent}
+                                            />;
+                                        }) }
+                                </ServiceTable>
+                            }
                         </ServiceTableWrapper>
                     </>
                     }

From ff722547ca43d6638c86abbe58ad7a8122ea2172 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Tue, 26 Sep 2023 14:50:25 +0200
Subject: [PATCH 261/714] refactor: display explore actions within iframe
 layout

---
 pages/explore/[[...roomId]].js | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 7312765a..9f25a9f9 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -15,7 +15,6 @@ import ErrorMessage from '../../components/UI/ErrorMessage';
 import TreeLeaves from './TreeLeaves';
 import TreePath from './TreePath';
 import ExploreIframeViews from './ExploreIframeViews';
-import DefaultModal from '../../components/UI/Modal';
 import logger from '../../lib/Logging';
 
 const ServiceTableWrapper = styled.div`
@@ -177,8 +176,7 @@ export default function Explore() {
                                     children={selectedSpaceChildren[selectedSpaceChildren.length - 1]}
                                     callApiAndAddToObject={callApiAndAddToObject}
                                 />
-                                :
-                                <ServiceTable>
+                                : <ServiceTable>
                                     { selectedSpaceChildren[selectedSpaceChildren.length - 1]
                                         .sort(function(a, b) {
                                             if (a.type === 'item' && b.type !== 'item') {

From b5b5b1ffd0f30e558a1016d901d56de8ce89353c Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Tue, 26 Sep 2023 17:26:55 +0200
Subject: [PATCH 262/714] refactor: remove advanced options

---
 pages/explore/manage-room/CreateContext.js | 41 ++--------------------
 1 file changed, 2 insertions(+), 39 deletions(-)

diff --git a/pages/explore/manage-room/CreateContext.js b/pages/explore/manage-room/CreateContext.js
index e7273300..34d4c58a 100644
--- a/pages/explore/manage-room/CreateContext.js
+++ b/pages/explore/manage-room/CreateContext.js
@@ -1,28 +1,15 @@
 import React, { useState } from 'react';
-import styled from 'styled-components';
-import _ from 'lodash';
 import getConfig from 'next/config';
 import { useTranslation } from 'react-i18next';
 
 import { useAuth } from '../../../lib/Auth';
 import TemplateSelect from './TemplateSelect';
-import presets from '../presets';
 import { useMatrix } from '../../../lib/Matrix';
 import ErrorMessage from '../../../components/UI/ErrorMessage';
 import Form from '../../../components/UI/Form';
 import PreviousNextButtons from '../../../components/UI/PreviousNextButtons';
 import LoadingSpinnerInline from '../../../components/UI/LoadingSpinnerInline';
 
-const AdvancedOptions = styled.details`
-  & {
-    margin-bottom: var(--margin);
-  }
-
-  & select {
-    margin-bottom: var(--margin);
-  }
-`;
-
 const CreateContext = ({ currentId, onCancel }) => {
     const auth = useAuth();
     const matrix = useMatrix();
@@ -31,8 +18,6 @@ const CreateContext = ({ currentId, onCancel }) => {
     const [topic, setTopic] = useState('');
     const [isLoading, setIsLoading] = useState(false);
     const [template, setTemplate] = useState('');
-    const [historyVisibility, setHistoryVisibility] = useState();
-    const [joinRule, setJoinRule] = useState();
     const [powerLevels, setPowerLevels] = useState();
     const [createNewContextErrorMessage, setCreateNewContextErrorMessage] = useState();
 
@@ -67,12 +52,12 @@ const CreateContext = ({ currentId, onCancel }) => {
             name,
             true,
             topic,
-            joinRule || 'public',
+            'public',
             'context',
             template,
             getConfig().publicRuntimeConfig.name,
             'public',
-            historyVisibility,
+            'world_readable',
             'public_chat').catch(async (err) => {
             setCreateNewContextErrorMessage(err.message);
             await new Promise(r => setTimeout(r, 3000));
@@ -108,28 +93,6 @@ const CreateContext = ({ currentId, onCancel }) => {
                 currentTemplate={template}
                 setTemplate={setTemplate}
             />
-
-            <AdvancedOptions>
-                <summary>Advanced</summary>
-                <select value={historyVisibility} onChange={(e) => {setHistoryVisibility(e.target.value); }}>
-                    <option value="" disabled>visibilty</option>
-                    { _.map(presets?.allowedHistoryVisibility, (option, key) => {
-                        return <option key={key} value={option?.name}>{ option?.display } — { option?.description }</option>;
-                    }) }
-                </select>
-                <select value={joinRule} onChange={(e) => {setJoinRule(e.target.value);}}>
-                    <option value="" disabled>join rules</option>
-                    { _.map(presets?.allowedJoinRules, (option, key) => {
-                        return <option key={key} value={option?.name}>{ option?.display } — { option?.description }</option>;
-                    }) }
-                </select>
-                <select value={powerLevels} onChange={(e) => {setPowerLevels(e.target.value);}}>
-                    <option value="" disabled>member participation presets</option>
-                    { _.map(presets?.allowedPowerLevelPresets, (option, key) => {
-                        return <option key={key} value={option?.name}>{ option?.display } — { option?.description }</option>;
-                    }) }
-                </select>
-            </AdvancedOptions>
             { (createNewContextErrorMessage) &&
                 <ErrorMessage>{ createNewContextErrorMessage }</ErrorMessage> //error message container
             }

From 65a648b3dd878b20e5236349b8c89abbf1d699b1 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Tue, 26 Sep 2023 17:35:06 +0200
Subject: [PATCH 263/714] fix: display new context after creating it

---
 pages/explore/manage-room/CreateContext.js        | 5 +++--
 pages/explore/manage-room/ExploreMatrixActions.js | 1 +
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/pages/explore/manage-room/CreateContext.js b/pages/explore/manage-room/CreateContext.js
index 34d4c58a..3925b04b 100644
--- a/pages/explore/manage-room/CreateContext.js
+++ b/pages/explore/manage-room/CreateContext.js
@@ -10,7 +10,7 @@ import Form from '../../../components/UI/Form';
 import PreviousNextButtons from '../../../components/UI/PreviousNextButtons';
 import LoadingSpinnerInline from '../../../components/UI/LoadingSpinnerInline';
 
-const CreateContext = ({ currentId, onCancel }) => {
+const CreateContext = ({ currentId, onCancel, callApiAndAddToObject }) => {
     const auth = useAuth();
     const matrix = useMatrix();
 
@@ -68,7 +68,7 @@ const CreateContext = ({ currentId, onCancel }) => {
 
         // then add our new context to the parent.
         if (createNewSubContext) {
-            auth.getAuthenticationProvider('matrix').addSpaceChild(currentId, createNewSubContext).catch(async (err) => {
+            await auth.getAuthenticationProvider('matrix').addSpaceChild(currentId, createNewSubContext).catch(async (err) => {
                 setCreateNewContextErrorMessage(err.message);
                 await new Promise(r => setTimeout(r, 3000));
                 setCreateNewContextErrorMessage('');
@@ -77,6 +77,7 @@ const CreateContext = ({ currentId, onCancel }) => {
             },
             );
         }
+        await callApiAndAddToObject(null, currentId);
         setName('');
         setTopic('');
         setTemplate('');
diff --git a/pages/explore/manage-room/ExploreMatrixActions.js b/pages/explore/manage-room/ExploreMatrixActions.js
index 1732eee0..3def479f 100644
--- a/pages/explore/manage-room/ExploreMatrixActions.js
+++ b/pages/explore/manage-room/ExploreMatrixActions.js
@@ -84,6 +84,7 @@ const RenderSwitch = ({ currentId, parentId, roomName, children, callApiAndAddTo
         case 'substructure':
             return <CreateContext currentId={currentId}
                 parentId={parentId}
+                callApiAndAddToObject={callApiAndAddToObject}
                 onCancel={() => {
                     setSelectedRadioButton('');
                     setSelectedAction('');

From 869492f613c92cc08ac1da63f9e1b3cf5e8d2d6f Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Tue, 26 Sep 2023 17:37:09 +0200
Subject: [PATCH 264/714] fix: don't remove spaceChild when leaving

---
 pages/explore/manage-room/LeaveRoom.js | 13 ++-----------
 1 file changed, 2 insertions(+), 11 deletions(-)

diff --git a/pages/explore/manage-room/LeaveRoom.js b/pages/explore/manage-room/LeaveRoom.js
index 3f8326b2..e0d7ad78 100644
--- a/pages/explore/manage-room/LeaveRoom.js
+++ b/pages/explore/manage-room/LeaveRoom.js
@@ -23,19 +23,10 @@ const LeaveRoom = ({ roomId, parentId, roomName, onCancel }) => {
     const [errorMessage, setErrorMessage] = useState('');
     const { t } = useTranslation();
 
-    const handleLeaveRoom = async () => {
+    const handleLeaveRoom = async (e) => {
+        e.preventDefault();
         setIsLeaving(true);
 
-        if (parentId) {
-            // Remove the space from its parent if a parentId was provided
-            await auth.getAuthenticationProvider('matrix').removeSpaceChild(parentId, roomId)
-                .catch(error => {
-                    setErrorMessage(error.data?.error || t('Something went wrong. Please try again'));
-                    setIsLeaving(false);
-
-                    return;
-                });
-        }
         // Leave the main room
         await matrixClient.leave(roomId)
             .catch(error => {

From 698bf0bfa072c27e0ab8f4f963da6701ab498831 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Tue, 26 Sep 2023 17:39:36 +0200
Subject: [PATCH 265/714] fix: redirect to parent space after leaving space or
 room

---
 pages/explore/manage-room/LeaveRoom.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/pages/explore/manage-room/LeaveRoom.js b/pages/explore/manage-room/LeaveRoom.js
index e0d7ad78..0fdb03d0 100644
--- a/pages/explore/manage-room/LeaveRoom.js
+++ b/pages/explore/manage-room/LeaveRoom.js
@@ -1,5 +1,6 @@
 import React, { useState } from 'react';
 import { useTranslation } from 'react-i18next';
+import { router } from 'next/client';
 
 import { useAuth } from '../../../lib/Auth';
 import ErrorMessage from '../../../components/UI/ErrorMessage';
@@ -38,6 +39,7 @@ const LeaveRoom = ({ roomId, parentId, roomName, onCancel }) => {
 
         setIsLeaving(false);
         setErrorMessage('');
+        parentId && router.push(parentId);
     };
 
     return (

From 6b9423f0c70426885f03ca708dc08e3970fcce98 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Tue, 26 Sep 2023 17:44:05 +0200
Subject: [PATCH 266/714] refactor: add margin to buttons conditionally

---
 components/UI/PreviousNextButtons.js | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/components/UI/PreviousNextButtons.js b/components/UI/PreviousNextButtons.js
index 0808d47a..0aa358c3 100644
--- a/components/UI/PreviousNextButtons.js
+++ b/components/UI/PreviousNextButtons.js
@@ -5,6 +5,10 @@ const PreviousNextButtonsWrapper = styled.div`
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   grid-gap: var(--margin);
+
+  &:not(:first-child) {
+    margin-top: var(--margin);
+  }
 `;
 
 const NextButton = styled.button`

From 7fda8f90578a2fb354a6d6a755b7424d339d8a2b Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 27 Sep 2023 12:47:24 +0200
Subject: [PATCH 267/714] feat: add retry handler to await ratelimiting when
 creating new rooms

---
 pages/spacedeck/[[...roomId]].js | 64 ++++++++++++++++++++++++++------
 1 file changed, 52 insertions(+), 12 deletions(-)

diff --git a/pages/spacedeck/[[...roomId]].js b/pages/spacedeck/[[...roomId]].js
index 5cc028d0..beff563a 100644
--- a/pages/spacedeck/[[...roomId]].js
+++ b/pages/spacedeck/[[...roomId]].js
@@ -140,22 +140,62 @@ export default function Spacedeck() {
         };
     }, [spacedeck]);
 
-    async function createSketchRoom(link, name, parent = serviceSpaceId) {
-        // eslint-disable-next-line no-undef
-        logger.debug('creating room for ' + name);
-        const room = await matrix.createRoom(name, false, '', 'invite', 'content', 'spacedeck').catch(() => {
-            setErrorMessage(t('Something went wrong when trying to create a new room'));
-        });
-        await auth.getAuthenticationProvider('matrix').addSpaceChild(parent, room).catch(() => {
-            setErrorMessage(t('Couldn\'t add the new room to your sketch folder'));
-        });
-        await matrixClient.sendMessage(room, {
+    async function createSketchRoom(link, name, parent = serviceSpaceId, retries = 0) {
+        // Log debugging information
+        logger.debug('Creating room for ' + name);
+        logger.debug(retries);
+
+        // Function to handle retries with rate limiting
+        const handleRetry = async (error, retryFunction) => {
+            if (error.httpStatus === 429) {
+                // Handle rate limiting with retry_after_ms
+                const retryAfterMs = error.data['retry_after_ms'];
+                logger.debug('Retry after (ms):', retryAfterMs);
+
+                if (retryAfterMs) {
+                    // Retry the function after the specified delay
+                    await new Promise((resolve) => setTimeout(resolve, retryAfterMs * 2));
+
+                    return retryFunction();
+                }
+            }
+            // Handle other errors
+            setErrorMessage(t(error.data.error || 'Something went wrong.'));
+
+            return null;
+        };
+
+        // Create the room with retry handling
+        const room = await matrix.createRoom(name, false, '', 'invite', 'content', 'spacedeck')
+            .catch(async (error) => {
+                return handleRetry(error, () => createSketchRoom(link, name, parent, retries + 1));
+            });
+
+        // Log debug information about current progress
+        logger.debug('Created Room for ' + name);
+        logger.debug(room);
+
+        // Add the room as a child to the parent space
+        const addSpaceChild = async (parent, room) => await auth.getAuthenticationProvider('matrix').addSpaceChild(parent, room)
+            .catch(async (error) => {
+                return handleRetry(error, () => addSpaceChild(parent, room));
+            });
+
+        await addSpaceChild(parent, room);
+
+        // Log debug information about current progress
+        logger.debug('Added room to parent');
+
+        // Send the message to the room with retry handling
+        const sendMessage = async (room) => await matrixClient.sendMessage(room, {
             msgtype: 'm.text',
             body: link,
-        }).catch(() => {
-            setErrorMessage(t('Something went wrong when trying to save the new sketch link'));
+        }).catch(async (error) => {
+            return handleRetry(error, () => sendMessage(parent, room));
         });
 
+        await sendMessage(room);
+
         return room;
     }
 

From 5b524c26e1852c47eb87bb87a0128ed0038113d6 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 27 Sep 2023 14:27:20 +0200
Subject: [PATCH 268/714] refactor: add `dev.medienhaus.meta` to initial state
 instead of separate call. fixes issue with room creation in retry handler.

---
 lib/auth/MatrixAuthProvider.js | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/lib/auth/MatrixAuthProvider.js b/lib/auth/MatrixAuthProvider.js
index 485fdb43..a03d091a 100644
--- a/lib/auth/MatrixAuthProvider.js
+++ b/lib/auth/MatrixAuthProvider.js
@@ -111,6 +111,14 @@ class MatrixAuthProvider {
             {
                 type: 'm.room.join_rules',
                 content: { join_rule: joinRule }, // can be set to either public, invite or knock
+            },
+            {
+                type: 'dev.medienhaus.meta',
+                content: {
+                    type: type,
+                    template: template,
+                    version: '0.4',
+                },
             }],
             power_level_content_override: {
                 // we only want users with moderation rights to be able to do any actions, people joining the room will have a default level of 0.
@@ -132,12 +140,6 @@ class MatrixAuthProvider {
         };
 
         const room = await this.matrixClient.createRoom(opts);
-        const medienhausMetaEvent = {
-            type: type,
-            template: template,
-            version: '0.4',
-        };
-        await this.matrixClient.sendStateEvent(room.room_id, 'dev.medienhaus.meta', medienhausMetaEvent);
 
         return room;
     }

From 720c47ce7df1e85fede5d10f3eb3bdf6494bad29 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 27 Sep 2023 14:39:33 +0200
Subject: [PATCH 269/714] refactor: better logging, add fallback in case no ms
 are returned from error

---
 pages/spacedeck/[[...roomId]].js | 15 ++++++---------
 1 file changed, 6 insertions(+), 9 deletions(-)

diff --git a/pages/spacedeck/[[...roomId]].js b/pages/spacedeck/[[...roomId]].js
index beff563a..bc53d986 100644
--- a/pages/spacedeck/[[...roomId]].js
+++ b/pages/spacedeck/[[...roomId]].js
@@ -142,22 +142,19 @@ export default function Spacedeck() {
 
     async function createSketchRoom(link, name, parent = serviceSpaceId, retries = 0) {
         // Log debugging information
-        logger.debug('Creating room for ' + name);
-        logger.debug(retries);
+        logger.debug('Attempt %d of creating a room for %s', retries, name);
 
         // Function to handle retries with rate limiting
         const handleRetry = async (error, retryFunction) => {
             if (error.httpStatus === 429) {
                 // Handle rate limiting with retry_after_ms
-                const retryAfterMs = error.data['retry_after_ms'];
+                const retryAfterMs = error.data['retry_after_ms'] || 5000;
                 logger.debug('Retry after (ms):', retryAfterMs);
 
-                if (retryAfterMs) {
-                    // Retry the function after the specified delay
-                    await new Promise((resolve) => setTimeout(resolve, retryAfterMs * 2));
+                // Retry the function after the specified delay, defaults to 5000ms
+                await new Promise((resolve) => setTimeout(resolve, retryAfterMs));
 
-                    return retryFunction();
-                }
+                return retryFunction();
             }
             // Handle other errors
             setErrorMessage(t(error.data.error || 'Something went wrong.'));
@@ -184,7 +181,7 @@ export default function Spacedeck() {
         await addSpaceChild(parent, room);
 
         // Log debug information about current progress
-        logger.debug('Added room to parent');
+        logger.debug('Added %s to parent %s', name, parent);
 
         // Send the message to the room with retry handling
         const sendMessage = async (room) => await matrixClient.sendMessage(room, {

From fd12fb3281bb962c62936eba62f080615837df20 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 27 Sep 2023 14:59:49 +0200
Subject: [PATCH 270/714] feat: add user feadback while syncing and
 translations

---
 pages/spacedeck/[[...roomId]].js | 8 +++++---
 public/locales/de/spacedeck.json | 1 +
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/pages/spacedeck/[[...roomId]].js b/pages/spacedeck/[[...roomId]].js
index bc53d986..1a4adbc2 100644
--- a/pages/spacedeck/[[...roomId]].js
+++ b/pages/spacedeck/[[...roomId]].js
@@ -36,6 +36,7 @@ export default function Spacedeck() {
     const content = matrix.roomContents.get(roomId);
     const [syncingServerSketches, setSyncingServerSketches] = useState(false);
     const [isSpacedeckServerDown, setIsSpacedeckServerDown] = useState(false);
+    const [userFeedback, setUserFeedback] = useState('');
 
     const spacedeck = auth.getAuthenticationProvider('spacedeck');
 
@@ -113,6 +114,7 @@ export default function Spacedeck() {
             // Update the Matrix structure based on spacedeck sketches
             syncSketches && await updateStructure(spacedeck.getStructure());
             setSyncingServerSketches(false);
+            setUserFeedback('');
         };
 
         // Check if the useEffect is cancelled and required conditions are met to sync sketches
@@ -143,6 +145,7 @@ export default function Spacedeck() {
     async function createSketchRoom(link, name, parent = serviceSpaceId, retries = 0) {
         // Log debugging information
         logger.debug('Attempt %d of creating a room for %s', retries, name);
+        setUserFeedback(t('Syncing {{name}} from server', { name: name }));
 
         // Function to handle retries with rate limiting
         const handleRetry = async (error, retryFunction) => {
@@ -169,8 +172,7 @@ export default function Spacedeck() {
             });
 
         // Log debug information about current progress
-        logger.debug('Created Room for ' + name);
-        logger.debug(room);
+        logger.debug('Created Room for %s with id %s ' + name, room);
 
         // Add the room as a child to the parent space
         const addSpaceChild = async (parent, room) => await auth.getAuthenticationProvider('matrix').addSpaceChild(parent, room)
@@ -226,7 +228,7 @@ export default function Spacedeck() {
                 />
                 { errorMessage && <ErrorMessage>{ errorMessage }</ErrorMessage> }
                 { syncingServerSketches ?
-                    <LoadingSpinner /> :
+                    <span>{ userFeedback } <LoadingSpinnerInline /></span> :
                     <>
                         <ServiceTable>
                             { spacedeckChildren?.map(spacedeckRoomId => {
diff --git a/public/locales/de/spacedeck.json b/public/locales/de/spacedeck.json
index 7f670839..186409fa 100644
--- a/public/locales/de/spacedeck.json
+++ b/public/locales/de/spacedeck.json
@@ -6,5 +6,6 @@
     "Link to sketch": "Link zum Sketch",
     "Can't connect with the provided /sketch server. Please try again later": "Es kann keine Verbindung zum /sketch Server hergestellt werden. Bitte probiere es später nochmal.",
     "Something went wrong when trying to delete the sketch, please try again or if the error persists, try logging out and logging in again.": "Beim Versuch, den Sketch zu löschen, ist etwas schief gelaufen. Bitte versuche es noch einmal, oder wenn der Fehler weiterhin besteht, logge dich aus und wieder ein.",
+    "Syncing {{name}} from server" : "Synchronisierung von {{name}} vom Server",
     "Delete sketch": "Sketch löschen"
 }

From 5fa9bba07ed7af7109942858701ce7046a226a4c Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 4 Oct 2023 08:50:19 +0200
Subject: [PATCH 271/714] refactor: move retry function into Matrix.js for
 global use and rename it handleRateLimit. Add default translation for errors.

---
 lib/Matrix.js                    | 23 +++++++++++++++++++++++
 pages/spacedeck/[[...roomId]].js | 27 ++++++---------------------
 public/locales/de/_defaults.json |  1 +
 3 files changed, 30 insertions(+), 21 deletions(-)

diff --git a/lib/Matrix.js b/lib/Matrix.js
index 462a0a0d..772cf7b4 100644
--- a/lib/Matrix.js
+++ b/lib/Matrix.js
@@ -308,6 +308,28 @@ function useMatrixProvider(auth) {
         });
     };
 
+    /**
+     * Handles retrying a function when encountering a rate limiting error (HTTP 429) from matrix.
+     *
+     * @param {Object} error - The error object, typically containing an HTTP status code and additional data.
+     * @param {Function} retryFunction - The function to retry after a delay in case of a rate limiting error.
+     * @returns {Promise<*>} - A Promise that resolves with the result of the retryFunction.
+     *
+     * @throws {Error} - Throws an error if `error` is falsy or does not have an `httpStatus` property.
+     */
+    const handleRateLimit = async (error, retryFunction) => {
+        // Handle other errors
+        if (error.httpStatus !== 429) throw new Error(error.data.error || 'Something went wrong. Please try again.');
+        // Handle rate limiting with retry_after_ms
+        const retryAfterMs = error.data['retry_after_ms'] || 5000;
+        logger.debug('Retry after (ms):', retryAfterMs);
+
+        // Retry the function after the specified delay, defaults to 5000ms
+        await new Promise((resolve) => setTimeout(resolve, retryAfterMs));
+
+        return retryFunction();
+    };
+
     return {
         rooms,
         spaces,
@@ -321,6 +343,7 @@ function useMatrixProvider(auth) {
         createRoom,
         hydrateRoomContent,
         isConnectedToServer,
+        handleRateLimit,
     };
 }
 
diff --git a/pages/spacedeck/[[...roomId]].js b/pages/spacedeck/[[...roomId]].js
index 1a4adbc2..2ac12a6a 100644
--- a/pages/spacedeck/[[...roomId]].js
+++ b/pages/spacedeck/[[...roomId]].js
@@ -147,28 +147,11 @@ export default function Spacedeck() {
         logger.debug('Attempt %d of creating a room for %s', retries, name);
         setUserFeedback(t('Syncing {{name}} from server', { name: name }));
 
-        // Function to handle retries with rate limiting
-        const handleRetry = async (error, retryFunction) => {
-            if (error.httpStatus === 429) {
-                // Handle rate limiting with retry_after_ms
-                const retryAfterMs = error.data['retry_after_ms'] || 5000;
-                logger.debug('Retry after (ms):', retryAfterMs);
-
-                // Retry the function after the specified delay, defaults to 5000ms
-                await new Promise((resolve) => setTimeout(resolve, retryAfterMs));
-
-                return retryFunction();
-            }
-            // Handle other errors
-            setErrorMessage(t(error.data.error || 'Something went wrong.'));
-
-            return null;
-        };
-
         // Create the room with retry handling
         const room = await matrix.createRoom(name, false, '', 'invite', 'content', 'spacedeck')
             .catch(async (error) => {
-                return handleRetry(error, () => createSketchRoom(link, name, parent, retries + 1));
+                return matrix.handleRateLimit(error, () => createSketchRoom(link, name, parent, retries + 1))
+                    .catch(error => setErrorMessage(error.message));
             });
 
         // Log debug information about current progress
@@ -177,7 +160,8 @@ export default function Spacedeck() {
         // Add the room as a child to the parent space
         const addSpaceChild = async (parent, room) => await auth.getAuthenticationProvider('matrix').addSpaceChild(parent, room)
             .catch(async (error) => {
-                return handleRetry(error, () => addSpaceChild(parent, room));
+                return matrix.handleRateLimit(error, () => addSpaceChild(parent, room))
+                    .catch(error => setErrorMessage(error.message));
             });
 
         await addSpaceChild(parent, room);
@@ -190,7 +174,8 @@ export default function Spacedeck() {
             msgtype: 'm.text',
             body: link,
         }).catch(async (error) => {
-            return handleRetry(error, () => sendMessage(parent, room));
+            return matrix.handleRateLimit(error, () => sendMessage(parent, room))
+                .catch(error => setErrorMessage(error.message));
         });
 
         await sendMessage(room);
diff --git a/public/locales/de/_defaults.json b/public/locales/de/_defaults.json
index 449a7c18..11979ae4 100644
--- a/public/locales/de/_defaults.json
+++ b/public/locales/de/_defaults.json
@@ -8,6 +8,7 @@
   "Name": "Bezeichnung",
   "Password": "Passwort",
   "password protected": "Passwortgeschützt",
+  "Something went wrong. Please try again.": "Da ist etwas schief gelaufen, bitte versuche es nochmal",
   "Upload": "Hochladen",
   "Save changes": "Änderungen speichern",
   "Select action": "Aktion wählen",

From 5f07e0ba40a1ff58493d5ad0e1d9a8efbd0b4ae6 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 4 Oct 2023 09:15:59 +0200
Subject: [PATCH 272/714] refactor: use retry function when creating
 applications folder and service spaces

---
 lib/Matrix.js | 25 ++++++++++++++++++++-----
 1 file changed, 20 insertions(+), 5 deletions(-)

diff --git a/lib/Matrix.js b/lib/Matrix.js
index 772cf7b4..be976b74 100644
--- a/lib/Matrix.js
+++ b/lib/Matrix.js
@@ -214,13 +214,18 @@ function useMatrixProvider(auth) {
                 setApplicationsFolder(existingApplicationsSpace.roomId);
             } else {
                 logger.debug('Creating new root "Applications" space...');
-                const newApplicationsSpace = await createRoom(
+                const createNewApplicationsSpace = async () => await createRoom(
                     'Applications',
                     true,
                     'This is your private applications space. You can find all your application data in here.',
                     'invite',
                     'context',
-                    'applications');
+                    'applications')
+                    .catch(error => {
+                        return handleRateLimit(error, () => createNewApplicationsSpace());
+                    });
+                const newApplicationsSpace = await createNewApplicationsSpace();
+
                 logger.debug('Created new "Applications" space', { newApplicationsSpace });
                 setApplicationsFolder(newApplicationsSpace);
             }
@@ -245,15 +250,25 @@ function useMatrixProvider(auth) {
                     serviceSpaces[element] = existingServiceSpace.roomId;
                 } else {
                     logger.debug('Creating new service space...', { serviceType: element });
-                    const roomId = await createRoom(
+                    const createNewServiceRoom = async () => await createRoom(
                         element,
                         true,
                         `This is your private space for the application ${element}. You can find all your ${element} data in here.`,
                         'invite',
                         'context',
-                        'application');
+                        'application')
+                        .catch(error => {
+                            return handleRateLimit(error, () => createNewServiceRoom());
+                        });
+                    const roomId = await createNewServiceRoom();
                     logger.debug('Created new service space...', { serviceType: element, roomId });
-                    await authenticationProvider.addSpaceChild(applicationsFolder, roomId);
+
+                    const addServiceRoomToParent = async () => await authenticationProvider.addSpaceChild(applicationsFolder, roomId)
+                        .catch(error => {
+                            return handleRateLimit(error, () => addServiceRoomToParent());
+                        });
+
+                    await addServiceRoomToParent();
                     serviceSpaces[element] = roomId;
                 }
             }

From 59790a91309de825e30c9240c99e0ac69dd25caf Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 4 Oct 2023 09:16:12 +0200
Subject: [PATCH 273/714] chore: improve grammar

---
 pages/spacedeck/[[...roomId]].js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/spacedeck/[[...roomId]].js b/pages/spacedeck/[[...roomId]].js
index 2ac12a6a..2516ba31 100644
--- a/pages/spacedeck/[[...roomId]].js
+++ b/pages/spacedeck/[[...roomId]].js
@@ -41,7 +41,7 @@ export default function Spacedeck() {
     const spacedeck = auth.getAuthenticationProvider('spacedeck');
 
     // Whenever the roomId changes (e.g. after a new sketch was created), automatically focus that element.
-    // This makes the sidebar scroll to the element if it is outside of the current viewport.
+    // This makes the sidebar scroll to the element if it is outside the current viewport.
     const selectedSketchRef = useRef(null);
     useEffect(() => {
         selectedSketchRef.current?.focus();

From 0b24c5d5141c1036bc7e4f3f9e541bffe802a9e0 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 4 Oct 2023 10:13:00 +0200
Subject: [PATCH 274/714] refactor: add retry handling when encountering rate
 limits

---
 pages/etherpad/[[...roomId]].js | 42 +++++++++++++++++++++++++++------
 1 file changed, 35 insertions(+), 7 deletions(-)

diff --git a/pages/etherpad/[[...roomId]].js b/pages/etherpad/[[...roomId]].js
index 305953aa..613ca910 100644
--- a/pages/etherpad/[[...roomId]].js
+++ b/pages/etherpad/[[...roomId]].js
@@ -33,7 +33,8 @@ export default function Etherpad() {
     const router = useRouter();
     const [serverPads, setServerPads] = useState({});
     const [isDeletingPad, setIsDeletingPad] = useState(false);
-
+    const [errorMessage, setErrorMessage] = useState('');
+    const [userFeedback, setUserFeedback] = useState('');
     /**
      * A roomId is set when the route is /etherpad/<roomId>, otherwise it's undefined
      * @type {String|undefined}
@@ -106,12 +107,15 @@ export default function Etherpad() {
             }
             for (const pad of Object.values(serverPads)) {
                 if (matrixPads[pad._id]) continue;
+                setUserFeedback(t('Syncing {{name}} from server', { name: pad.name }));
+
                 const link = getConfig().publicRuntimeConfig.authProviders.etherpad.baseUrl + '/' + pad._id;
                 await createWriteRoom(link, pad.name);
             }
+            setUserFeedback('');
         };
 
-        !cancelled && matrix.serviceSpaces.etherpad && serverPads && syncServerPadsWithMatrix();
+        if (!cancelled && matrix.serviceSpaces.etherpad && serverPads) syncServerPadsWithMatrix();
 
         return () => { cancelled = true; };
         // if we add matrix[key] to the dependency array we end up creating infinite loops in the event of someone creating pads within mypads that are then synced here.
@@ -152,20 +156,42 @@ export default function Etherpad() {
 
     const createWriteRoom = useCallback(async (link, name) => {
         if (!link || !name) return;
-
         logger.debug('Creating new Matrix room for pad', { link, name });
 
-        const room = await matrix.createRoom(name, false, '', 'invite', 'content', 'etherpad');
-        await auth.getAuthenticationProvider('matrix').addSpaceChild(matrix.serviceSpaces.etherpad, room);
-        await matrixClient.sendMessage(room, {
+        const createRoomForPad = async (retries = 1) => {
+            logger.debug('Attempt %d of creating a room for %s', retries, name);
+
+            return await matrix.createRoom(name, false, '', 'invite', 'content', 'etherpad');
+        };
+
+        const room = await createRoomForPad()
+            .catch(async (error) => {
+                return matrix.handleRateLimit(error, () => createRoomForPad())
+                    .catch(error => setErrorMessage(error.message));
+            });
+        const addRoomToServiceSpace = async () => await auth.getAuthenticationProvider('matrix').addSpaceChild(matrix.serviceSpaces.etherpad, room);
+        await addRoomToServiceSpace()
+            .catch(async (error) => {
+                return matrix.handleRateLimit(error, () => addRoomToServiceSpace())
+                    .catch(error => setErrorMessage(error.message));
+            });
+
+        const sendMessageToRoom = async () => await matrixClient.sendMessage(room, {
             msgtype: 'm.text',
             body: link,
         });
 
+        await sendMessageToRoom()
+            .catch(async (error) => {
+                return matrix.handleRateLimit(error, () => sendMessageToRoom())
+                    .catch(error => setErrorMessage(error.message));
+            });
+
         if (getConfig().publicRuntimeConfig.authProviders.etherpad.myPads?.api) {
             await etherpad.syncAllPads();
             setServerPads(etherpad.getAllPads());
         }
+        setErrorMessage('');
 
         return room;
     }, [auth, matrix, matrixClient, etherpad]);
@@ -177,7 +203,7 @@ export default function Etherpad() {
         getConfig().publicRuntimeConfig.authProviders.etherpad.myPads?.api && { value: 'passwordPad', actionComponentToRender: <CreatePasswordPad createWriteRoom={createWriteRoom} />, label: t('Create password protected pad') },
     ]);
 
-    // Add the user's Matrix displayname as parameter so that it shows up in Etherpad as username
+    // Add the user's Matrix display name as parameter so that it shows up in Etherpad as username
     let iframeUrl;
     if (roomId && matrix.roomContents.get(roomId)?.body) {
         iframeUrl = new URL(matrix.roomContents.get(roomId).body);
@@ -216,6 +242,8 @@ export default function Etherpad() {
                                 />;
                             }) }
                         </ServiceTable>
+                        { userFeedback && <span>{ userFeedback }</span> }
+                        { errorMessage && <ErrorMessage>{ errorMessage }</ErrorMessage> }
                     </>
                 ) }
             </IframeLayout.Sidebar>

From 6b0e9c0c66913bf475d924b1f825785e61e86f72 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 4 Oct 2023 10:13:33 +0200
Subject: [PATCH 275/714] refactor: improve logic and fix messages being sent
 twice

---
 pages/spacedeck/[[...roomId]].js | 41 +++++++++++++++++++-------------
 1 file changed, 25 insertions(+), 16 deletions(-)

diff --git a/pages/spacedeck/[[...roomId]].js b/pages/spacedeck/[[...roomId]].js
index 2516ba31..e0a3918b 100644
--- a/pages/spacedeck/[[...roomId]].js
+++ b/pages/spacedeck/[[...roomId]].js
@@ -144,13 +144,18 @@ export default function Spacedeck() {
 
     async function createSketchRoom(link, name, parent = serviceSpaceId, retries = 0) {
         // Log debugging information
-        logger.debug('Attempt %d of creating a room for %s', retries, name);
         setUserFeedback(t('Syncing {{name}} from server', { name: name }));
 
         // Create the room with retry handling
-        const room = await matrix.createRoom(name, false, '', 'invite', 'content', 'spacedeck')
+        const createRoomForSketch = async (retries = 1) => {
+            logger.debug('Attempt %d of creating a room for %s', retries, name);
+
+            return await matrix.createRoom(name, false, '', 'invite', 'content', 'spacedeck');
+        };
+
+        const room = await createRoomForSketch()
             .catch(async (error) => {
-                return matrix.handleRateLimit(error, () => createSketchRoom(link, name, parent, retries + 1))
+                return matrix.handleRateLimit(error, () => createRoomForSketch())
                     .catch(error => setErrorMessage(error.message));
             });
 
@@ -158,27 +163,31 @@ export default function Spacedeck() {
         logger.debug('Created Room for %s with id %s ' + name, room);
 
         // Add the room as a child to the parent space
-        const addSpaceChild = async (parent, room) => await auth.getAuthenticationProvider('matrix').addSpaceChild(parent, room)
+        const addSpaceChild = async () => await auth.getAuthenticationProvider('matrix').addSpaceChild(parent, room);
+
+        await addSpaceChild()
             .catch(async (error) => {
-                return matrix.handleRateLimit(error, () => addSpaceChild(parent, room))
+                return matrix.handleRateLimit(error, () => addSpaceChild())
                     .catch(error => setErrorMessage(error.message));
             });
 
-        await addSpaceChild(parent, room);
-
         // Log debug information about current progress
         logger.debug('Added %s to parent %s', name, parent);
 
         // Send the message to the room with retry handling
-        const sendMessage = async (room) => await matrixClient.sendMessage(room, {
-            msgtype: 'm.text',
-            body: link,
-        }).catch(async (error) => {
-            return matrix.handleRateLimit(error, () => sendMessage(parent, room))
-                .catch(error => setErrorMessage(error.message));
-        });
-
-        await sendMessage(room);
+        const sendMessage = async () => {
+            console.log('.......sending message...... for ' + link);
+            await matrixClient.sendMessage(room, {
+                msgtype: 'm.text',
+                body: link,
+            });
+        };
+
+        await sendMessage()
+            .catch(async (error) => {
+                return matrix.handleRateLimit(error, () => sendMessage())
+                    .catch(error => setErrorMessage(error.message));
+            });
 
         return room;
     }

From aefd37d97818f9e0458fa1efc5ac776ad41e9caa Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 4 Oct 2023 10:17:58 +0200
Subject: [PATCH 276/714] chore: remove debug log

---
 pages/spacedeck/[[...roomId]].js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/pages/spacedeck/[[...roomId]].js b/pages/spacedeck/[[...roomId]].js
index e0a3918b..16c1584e 100644
--- a/pages/spacedeck/[[...roomId]].js
+++ b/pages/spacedeck/[[...roomId]].js
@@ -176,7 +176,6 @@ export default function Spacedeck() {
 
         // Send the message to the room with retry handling
         const sendMessage = async () => {
-            console.log('.......sending message...... for ' + link);
             await matrixClient.sendMessage(room, {
                 msgtype: 'm.text',
                 body: link,

From 5273d241d1fdebb87d5a0ba0df95904dc99c6b15 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 4 Oct 2023 10:24:18 +0200
Subject: [PATCH 277/714] refactor: show user feedback when syncing pads from
 server

---
 pages/etherpad/[[...roomId]].js | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/pages/etherpad/[[...roomId]].js b/pages/etherpad/[[...roomId]].js
index 613ca910..78c1d4fd 100644
--- a/pages/etherpad/[[...roomId]].js
+++ b/pages/etherpad/[[...roomId]].js
@@ -33,6 +33,7 @@ export default function Etherpad() {
     const router = useRouter();
     const [serverPads, setServerPads] = useState({});
     const [isDeletingPad, setIsDeletingPad] = useState(false);
+    const [isSyncingServerPads, setIsSyncingServerPads] = useState(false);
     const [errorMessage, setErrorMessage] = useState('');
     const [userFeedback, setUserFeedback] = useState('');
     /**
@@ -90,6 +91,7 @@ export default function Etherpad() {
     useEffect(() => {
         let cancelled = false;
         const syncServerPadsWithMatrix = async () => {
+            setIsSyncingServerPads(true);
             let matrixPads = {};
             if (matrix?.spaces.get(matrix.serviceSpaces.etherpad).children) {
                 // if there are rooms within the space id we grab the names of those room
@@ -107,11 +109,12 @@ export default function Etherpad() {
             }
             for (const pad of Object.values(serverPads)) {
                 if (matrixPads[pad._id]) continue;
-                setUserFeedback(t('Syncing {{name}} from server', { name: pad.name }));
+                setUserFeedback(t('Syncing {{name}} from server', { name: pad.name }) + <LoadingSpinnerInline />);
 
                 const link = getConfig().publicRuntimeConfig.authProviders.etherpad.baseUrl + '/' + pad._id;
                 await createWriteRoom(link, pad.name);
             }
+            setIsSyncingServerPads(false);
             setUserFeedback('');
         };
 
@@ -225,7 +228,7 @@ export default function Etherpad() {
                             subheadline={t('What would you like to do?')}
                             items={submenuItems} />
                         { getConfig().publicRuntimeConfig.authProviders.etherpad.myPads?.api && !serverPads && <ErrorMessage>{ t('Can\'t connect to the provided {{path}} server. Please try again later.', { path: etherpadPath }) }</ErrorMessage> }
-                        <ServiceTable>
+                        { !isSyncingServerPads && <ServiceTable>
                             { matrix.spaces.get(matrix.serviceSpaces.etherpad).children?.map(writeRoomId => {
                                 const name = _.get(matrix.rooms.get(writeRoomId), 'name');
 
@@ -241,7 +244,7 @@ export default function Etherpad() {
                                     ref={writeRoomId === roomId ? selectedPadRef : null}
                                 />;
                             }) }
-                        </ServiceTable>
+                        </ServiceTable> }
                         { userFeedback && <span>{ userFeedback }</span> }
                         { errorMessage && <ErrorMessage>{ errorMessage }</ErrorMessage> }
                     </>

From 5918e1c9aa1b4d60eeb291458e16e9ad1e86700f Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 4 Oct 2023 12:34:00 +0200
Subject: [PATCH 278/714] feat: add possibility to join federated rooms or
 rooms with incorrect permissions

---
 pages/explore/[[...roomId]].js | 147 ++++++++++++++++++---------------
 1 file changed, 82 insertions(+), 65 deletions(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 9f25a9f9..de122fda 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -3,6 +3,7 @@ import getConfig from 'next/config';
 import { useRouter } from 'next/router';
 import _ from 'lodash';
 import styled from 'styled-components';
+import { useTranslation } from 'react-i18next';
 
 import { ServiceTable } from '../../components/UI/ServiceTable';
 import IframeLayout from '../../components/layouts/iframe';
@@ -31,11 +32,13 @@ export default function Explore() {
     const [selectedSpaceChildren, setSelectedSpaceChildren] = useState([]);
     const [manageContextActionToggle, setManageContextActionToggle] = useState(false);
     const [isFetchingContent, setIsFetchingContent] = useState(false);
+    const [errorMessage, setErrorMessage] = useState('');
     const dimensionsRef = useRef();
     const router = useRouter();
     const auth = useAuth();
     const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
     const matrix = useMatrix(auth.getAuthenticationProvider('matrix'));
+    const { t } = useTranslation('explore');
 
     // Extract roomId and iframeRoomId from the query parameters
     const roomId = _.get(router, 'query.roomId[0]');
@@ -85,9 +88,22 @@ export default function Explore() {
     const callApiAndAddToObject = useCallback(async (e, roomId) => {
         if (!selectedSpaceChildren) return;
         e && e.preventDefault();
-        logger.debug('Call API or matrix and add');
-        const spaceHierarchy = await matrix.roomHierarchy(roomId, null, 1)
-            .catch(err => logger.debug(err));
+        logger.debug('Fetch the room hierarchy for ' + roomId);
+        const getSpaceHierarchy = async () => await matrix.roomHierarchy(roomId, null, 1)
+            .catch(async error => {
+                if (error.data?.error.includes('not in room')) {
+                    // If the error indicates the user is not in the room and previews are disabled
+                    // We prompt the user to join the room.
+                    if (confirm(t('You are currently not in room {{roomId}}, and previews are disabled. Do you want to join the room?', { roomId: roomId }))) {
+                        const joinRoom = await matrixClient.joinRoom(roomId)
+                            .catch(error => setErrorMessage(error.data?.error));
+
+                        // If successfully joined, recursively call 'getSpaceHierarchy' again.
+                        if (joinRoom) return await getSpaceHierarchy();
+                    }
+                } else setErrorMessage(error.data.error); // Handle other errors by setting an error message.
+            });
+        const spaceHierarchy = await getSpaceHierarchy();
         if (!spaceHierarchy) return;
         const parent = spaceHierarchy[0];
 
@@ -148,69 +164,70 @@ export default function Explore() {
                     }
                 </ServiceTableWrapper>
             </IframeLayout.Sidebar>
-            { !_.isEmpty(selectedSpaceChildren) &&
-                <IframeLayout.IframeWrapper>
-
-                    { iframeRoomId ? (
-                        <ExploreIframeViews
-                            currentTemplate={currentTemplate}
-                            iframeRoomId={iframeRoomId}
-                            title={matrix.spaces.get(router.query.roomId[0])?.name || matrix.rooms.get(router.query.roomId[0])?.name || selectedSpaceChildren[selectedSpaceChildren.length - 1][0].name}
-                        />
-                    ) : <>
-                        <ServiceIframeHeader
-                            content={window.location.href}
-                            title={matrix.spaces.get(router.query.roomId[0])?.name || matrix.rooms.get(router.query.roomId[0])?.name || selectedSpaceChildren[selectedSpaceChildren.length - 1][0].name}
-                            removingLink={false}
-                            roomId={roomId}
-                            manageContextActionToggle={manageContextActionToggle}
-                            myPowerLevel={myPowerLevel}
-                            setManageContextActionToggle={setManageContextActionToggle}
-                        />
-                        <ServiceTableWrapper>
-                            { manageContextActionToggle ?
-                                <ExploreMatrixActions
-                                    myPowerLevel={myPowerLevel}
-                                    currentId={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].room_id}
-                                    parentId={selectedSpaceChildren[selectedSpaceChildren.length - 2]?.[0].room_id}
-                                    children={selectedSpaceChildren[selectedSpaceChildren.length - 1]}
-                                    callApiAndAddToObject={callApiAndAddToObject}
-                                />
-                                : <ServiceTable>
-                                    { selectedSpaceChildren[selectedSpaceChildren.length - 1]
-                                        .sort(function(a, b) {
-                                            if (a.type === 'item' && b.type !== 'item') {
-                                                return -1; // 'a' comes before 'b'
-                                            } else if (a.type !== 'item' && b.type === 'item') {
-                                                return 1; // 'a' comes after 'b'
-                                            } else {
-                                                return 0; // No sorting necessary
-                                            }
-                                        })
-                                        .map((leaf, index) => {
-                                            if (leaf.length <= 1) {
-                                                return <ErrorMessage key="error-message">
+
+            <IframeLayout.IframeWrapper>
+
+                { iframeRoomId ? (
+                    <ExploreIframeViews
+                        currentTemplate={currentTemplate}
+                        iframeRoomId={iframeRoomId}
+                        title={matrix.spaces.get(router.query.roomId[0])?.name || matrix.rooms.get(router.query.roomId[0])?.name || selectedSpaceChildren[selectedSpaceChildren.length - 1][0].name}
+                    />
+                ) : !_.isEmpty(selectedSpaceChildren) && <>
+                    <ServiceIframeHeader
+                        content={window.location.href}
+                        title={matrix.spaces.get(router.query.roomId[0])?.name || matrix.rooms.get(router.query.roomId[0])?.name || selectedSpaceChildren[selectedSpaceChildren.length - 1][0].name}
+                        removingLink={false}
+                        roomId={roomId}
+                        manageContextActionToggle={manageContextActionToggle}
+                        myPowerLevel={myPowerLevel}
+                        setManageContextActionToggle={setManageContextActionToggle}
+                    />
+                    <ServiceTableWrapper>
+                        { manageContextActionToggle ?
+                            <ExploreMatrixActions
+                                myPowerLevel={myPowerLevel}
+                                currentId={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].room_id}
+                                parentId={selectedSpaceChildren[selectedSpaceChildren.length - 2]?.[0].room_id}
+                                children={selectedSpaceChildren[selectedSpaceChildren.length - 1]}
+                                callApiAndAddToObject={callApiAndAddToObject}
+                            />
+                            : <ServiceTable>
+                                { selectedSpaceChildren[selectedSpaceChildren.length - 1]
+                                    .sort(function(a, b) {
+                                        if (a.type === 'item' && b.type !== 'item') {
+                                            return -1; // 'a' comes before 'b'
+                                        } else if (a.type !== 'item' && b.type === 'item') {
+                                            return 1; // 'a' comes after 'b'
+                                        } else {
+                                            return 0; // No sorting necessary
+                                        }
+                                    })
+                                    .map((leaf, index) => {
+                                        if (leaf.length <= 1) {
+                                            return <ErrorMessage key="error-message">
                                                 Thank you, { auth.user.displayname }! But our item is in another context! 🍄
-                                                </ErrorMessage>;
-                                            }
-                                            if (index === 0) return null;
-
-                                            // Sort the array to display objects of type 'item' before others
-                                            return <TreeLeaves
-                                                depth={selectedSpaceChildren.length}
-                                                leaf={leaf}
-                                                parent={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].room_id}
-                                                key={leaf.room_id + '_' + index}
-                                                iframeRoomId={iframeRoomId}
-                                                isFetchingContent={isFetchingContent}
-                                            />;
-                                        }) }
-                                </ServiceTable>
-                            }
-                        </ServiceTableWrapper>
-                    </>
-                    }
-                </IframeLayout.IframeWrapper> }
+                                            </ErrorMessage>;
+                                        }
+                                        if (index === 0) return null;
+
+                                        // Sort the array to display objects of type 'item' before others
+                                        return <TreeLeaves
+                                            depth={selectedSpaceChildren.length}
+                                            leaf={leaf}
+                                            parent={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].room_id}
+                                            key={leaf.room_id + '_' + index}
+                                            iframeRoomId={iframeRoomId}
+                                            isFetchingContent={isFetchingContent}
+                                        />;
+                                    }) }
+                            </ServiceTable>
+                        }
+                    </ServiceTableWrapper>
+                </>
+                }
+                { errorMessage && <ErrorMessage>{ errorMessage }</ErrorMessage> }
+            </IframeLayout.IframeWrapper>
         </>
     );
 }

From e3211de721578c218d43310648531a030e3c7474 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 4 Oct 2023 14:30:01 +0200
Subject: [PATCH 279/714] refactor: create Bookmark component for single
 bookmarks entries. rename variable to be descriptive chore: add JSDoc

---
 components/UI/bookmarks/DisplayBookmarks.js | 84 ++++++++++++++-------
 1 file changed, 57 insertions(+), 27 deletions(-)

diff --git a/components/UI/bookmarks/DisplayBookmarks.js b/components/UI/bookmarks/DisplayBookmarks.js
index f8d25679..2093b358 100644
--- a/components/UI/bookmarks/DisplayBookmarks.js
+++ b/components/UI/bookmarks/DisplayBookmarks.js
@@ -9,45 +9,75 @@ import Bin from '../../../assets/icons/bin.svg';
 import TextButton from '../../../components/UI/TextButton';
 import LoadingSpinnerInline from '../LoadingSpinnerInline';
 
-export default function DisplayBookmarks({ roomId, name }) {
+/**
+ * DisplayBookmarks component for rendering and managing bookmarks within a specified space.
+ * This component displays a list of bookmarks, allowing users to remove them.
+ *
+ * @param {string} bookmarkSpaceId - The ID of the space containing bookmarks.
+ * @returns {JSX.Element|null} - A JSX element containing the list of bookmarks, or null if the space is not found.
+ */
+
+export default function DisplayBookmarks({ bookmarkSpaceId }) {
     const auth = useAuth();
     const matrix = useMatrix(auth.getAuthenticationProvider('matrix'));
+    const allBookmarkIds = matrix.spaces.get(bookmarkSpaceId)?.children;
     const { t } = useTranslation();
 
-    const [removingBookmark, setRemovingBookmark] = useState(false);
-
-    const removeBookmark = async (e, parent, roomId) => {
-        e.preventDefault();
-        setRemovingBookmark(true);
+    const removeBookmark = async (parent, roomId) => {
         await auth.getAuthenticationProvider('matrix').removeSpaceChild(parent, roomId);
         await matrix.leaveRoom(roomId);
-        setRemovingBookmark(false);
-    };
-
-    const Bookmarks = ({ link, name }) => {
-        return (<Link href={link}>{ name }</Link>);
     };
 
-    if (!matrix.spaces.get(roomId)) return null;
+    if (!matrix.spaces.get(bookmarkSpaceId)) return null;
 
     return (
         <>
+            { allBookmarkIds.length > 0 && <h2>{ t('Bookmarks') }</h2> }
             <ServiceTable>
-                { matrix.spaces.get(roomId)?.children.map(roomId => {
-                    return <ServiceTable.Row key={roomId}>
-                        <ServiceTable.Cell>
-                            <Bookmarks
-                                link={matrix.roomContents.get(roomId).body}
-                                name={matrix.rooms.get(roomId).name} />
-                        </ServiceTable.Cell>
-                        <ServiceTable.Cell>
-                            <TextButton title={t('Remove bookmark')} onClick={(e) => removeBookmark(e, roomId)}>
-                                { removingBookmark ? <LoadingSpinnerInline /> : <Bin fill="var(--color-foreground)" /> }
-                            </TextButton></ServiceTable.Cell>
-                    </ServiceTable.Row>;
-                }) }
+                { matrix.spaces.get(bookmarkSpaceId)?.children.map(roomId => {
+                    return <Bookmark
+                        parent={bookmarkSpaceId}
+                        roomId={roomId}
+                        link={matrix.roomContents.get(roomId).body}
+                        name={matrix.rooms.get(roomId).name}
+                        removeBookmark={removeBookmark}
+                    />;
+                })
+                }
             </ServiceTable>
-        </>
-    );
+        </>);
 }
+/**
+ * Bookmark component for rendering a single bookmark entry.
+ *
+ * @param {string} parent - The ID of the parent space.
+ * @param {string} roomId - The ID of the bookmarked room.
+ * @param {string} link - The link associated with the bookmark.
+ * @param {string} name - The name of the bookmarked room.
+ * @param {Function} removeBookmark - A function to remove the bookmark.
+ * @returns {JSX.Element} - A JSX element representing a single bookmark entry.
+ */
+const Bookmark = ({ parent, roomId, link, name, removeBookmark }) => {
+    const [removingBookmark, setRemovingBookmark] = useState(false);
+    const { t } = useTranslation();
 
+    const handleRemove = async (e) => {
+        e.preventDefault();
+        setRemovingBookmark(true);
+        await removeBookmark(parent, roomId)
+            .catch(error => alert(error.data?.error));
+        setRemovingBookmark(false);
+    };
+
+    return (
+        <ServiceTable.Row key={roomId}>
+            <ServiceTable.Cell>
+                <Link href={link}>{ name }</Link>
+            </ServiceTable.Cell>
+            <ServiceTable.Cell>
+                <TextButton title={t('Remove bookmark')} onClick={handleRemove}>
+                    { removingBookmark ? <LoadingSpinnerInline /> : <Bin fill="var(--color-foreground)" /> }
+                </TextButton></ServiceTable.Cell>
+        </ServiceTable.Row>
+    );
+};

From d4325614cd82e54ef26bc9132901668dab7b28a4 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 4 Oct 2023 14:30:50 +0200
Subject: [PATCH 280/714] chore: fix typo in function name fix: name variable
 correctly

---
 components/UI/bookmarks/AddBookmark.js | 12 ++++++------
 pages/index.js                         |  2 +-
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/components/UI/bookmarks/AddBookmark.js b/components/UI/bookmarks/AddBookmark.js
index 40a70bed..71320bb2 100644
--- a/components/UI/bookmarks/AddBookmark.js
+++ b/components/UI/bookmarks/AddBookmark.js
@@ -20,7 +20,7 @@ const AddBookmark = ({ name, roomId }) => {
     const [isCreatingBookmark, setIsCreatingBookmark] = useState(false);
     const [errorMessage, setErrorMessage] = useState('');
 
-    const errorHandleing = async () => {
+    const errorHandling = async () => {
         setIsCreatingBookmark(false);
         setErrorMessage(<CloseIcon fill="var(color-foreground)" />);
         await new Promise(() => setTimeout(() => {
@@ -47,7 +47,7 @@ const AddBookmark = ({ name, roomId }) => {
             // if there is no bookmark space for the service yet, we create one
             bookmarkSpace = await matrix.createRoom(service, true, '', 'invite', 'content', 'link')
                 .catch(() => {
-                    errorHandleing();
+                    errorHandling();
 
                     return;
                 });
@@ -55,7 +55,7 @@ const AddBookmark = ({ name, roomId }) => {
             await auth.getAuthenticationProvider('matrix')
                 .addSpaceChild(matrix.serviceSpaces.bookmarks, bookmarkSpace)
                 .catch(() => {
-                    errorHandleing();
+                    errorHandling();
 
                     return;
                 });
@@ -76,7 +76,7 @@ const AddBookmark = ({ name, roomId }) => {
         // we create a room for the bookmark
         const room = await matrix.createRoom(name, false, '', 'invite', 'content', 'link')
             .catch(() => {
-                errorHandleing();
+                errorHandling();
 
                 return;
             });
@@ -84,7 +84,7 @@ const AddBookmark = ({ name, roomId }) => {
         await auth.getAuthenticationProvider('matrix')
             .addSpaceChild(bookmarkSpace, room)
             .catch(() => {
-                errorHandleing();
+                errorHandling();
 
                 return;
             });
@@ -93,7 +93,7 @@ const AddBookmark = ({ name, roomId }) => {
             msgtype: 'm.text',
             body: link,
         }).catch(() => {
-            errorHandleing();
+            errorHandling();
 
             return;
         });
diff --git a/pages/index.js b/pages/index.js
index b0e1f668..c80cd725 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -11,7 +11,7 @@ export default function Dashboard() {
             { bookmarks && bookmarks.map(bookmarkSpace => {
                 return <DisplayBookmarks
                     key={bookmarkSpace}
-                    roomId={bookmarkSpace}
+                    bookmarkSpaceId={bookmarkSpace}
                     name={matrix.spaces.get(bookmarkSpace)?.name}
                 />;
             }) }

From 5038962b03b975a6576187eb50403c774ef19019 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 4 Oct 2023 14:31:04 +0200
Subject: [PATCH 281/714] refactor: rename varbiable to be descriptive

---
 lib/Matrix.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/lib/Matrix.js b/lib/Matrix.js
index 2e12ab1b..65fc1268 100644
--- a/lib/Matrix.js
+++ b/lib/Matrix.js
@@ -269,10 +269,10 @@ function useMatrixProvider(auth) {
                     serviceSpaces[element] = roomId;
                 }
             }
-            const findServiceSpace = Array.from(spaces.values()).find(space => space.name === 'bookmarks');
-            if (findServiceSpace) serviceSpaces['bookmarks'] = findServiceSpace.roomId;
+            const findBookmarkSpace = Array.from(spaces.values()).find(space => space.name === 'bookmarks');
+            if (findBookmarkSpace) serviceSpaces['bookmarks'] = findBookmarkSpace.roomId;
             else {
-                console.info('creating bookmark space');
+                logger.debug('creating bookmark space');
                 const roomId = await createRoom(
                     'bookmarks',
                     true,

From e710b300cc78e6f926808bdb9f84e0d0ad71e463 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 4 Oct 2023 14:31:16 +0200
Subject: [PATCH 282/714] feat: add bookmark feature to /spacedeck

---
 pages/spacedeck/[[...roomId]].js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/pages/spacedeck/[[...roomId]].js b/pages/spacedeck/[[...roomId]].js
index 5cc028d0..c5cdf7fb 100644
--- a/pages/spacedeck/[[...roomId]].js
+++ b/pages/spacedeck/[[...roomId]].js
@@ -20,6 +20,7 @@ import ServiceLink from '../../components/UI/ServiceLink';
 import CreateNewSketch from './actions/CreateNewSketch';
 import AddExistingSketch from './actions/AddExistingSketch';
 import { path as spacedeckPath } from '../../lib/Spacedeck';
+import AddBookmark from '../../components/UI/bookmarks/AddBookmark';
 
 export default function Spacedeck() {
     const auth = useAuth();
@@ -216,6 +217,7 @@ export default function Spacedeck() {
                         <h2>{ matrix.rooms.get(roomId).name }</h2>
                         <IframeLayout.IframeHeaderButtonWrapper>
                             <CopyToClipboard title={t('Copy sketch link to clipboard')} content={content.body} />
+                            <AddBookmark name={matrix.rooms.get(roomId).name} roomId={roomId} />
                             <button title={t('Delete sketch')} onClick={removeSketch}>
                                 { isDeletingSketch ? <LoadingSpinnerInline /> : <Bin fill="var(--color-foreground)" /> }
                             </button>

From c3e6b756a57e931caabaf88f22f0ef4301f75f10 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 4 Oct 2023 14:56:35 +0200
Subject: [PATCH 283/714] feat: display origin of bookmark

---
 components/UI/bookmarks/DisplayBookmarks.js | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/components/UI/bookmarks/DisplayBookmarks.js b/components/UI/bookmarks/DisplayBookmarks.js
index 2093b358..df4efb24 100644
--- a/components/UI/bookmarks/DisplayBookmarks.js
+++ b/components/UI/bookmarks/DisplayBookmarks.js
@@ -56,10 +56,17 @@ export default function DisplayBookmarks({ bookmarkSpaceId }) {
  * @param {string} name - The name of the bookmarked room.
  * @param {Function} removeBookmark - A function to remove the bookmark.
  * @returns {JSX.Element} - A JSX element representing a single bookmark entry.
+ *
+ * @TODO
+ * origin only works
  */
 const Bookmark = ({ parent, roomId, link, name, removeBookmark }) => {
     const [removingBookmark, setRemovingBookmark] = useState(false);
     const { t } = useTranslation();
+    // grab the origin of the bookmark. This expression returns the string from the end of the top level domain until the beginning of the room id
+    const match = link.match(/:\/\/[^/]+(\/.*?)\/![^/]+/);
+    // Check if a match was found and get the desired string
+    const origin = match ? match[1] : null;
 
     const handleRemove = async (e) => {
         e.preventDefault();
@@ -72,7 +79,7 @@ const Bookmark = ({ parent, roomId, link, name, removeBookmark }) => {
     return (
         <ServiceTable.Row key={roomId}>
             <ServiceTable.Cell>
-                <Link href={link}>{ name }</Link>
+                <Link href={link}>{ name } { t('from') } { origin }</Link>
             </ServiceTable.Cell>
             <ServiceTable.Cell>
                 <TextButton title={t('Remove bookmark')} onClick={handleRemove}>

From 1d06036a0849dcc9bfb455db23f7775aeecb9e3f Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 4 Oct 2023 15:21:14 +0200
Subject: [PATCH 284/714] refactor: use space of bookmark as origin

---
 components/UI/bookmarks/DisplayBookmarks.js | 13 ++++---------
 1 file changed, 4 insertions(+), 9 deletions(-)

diff --git a/components/UI/bookmarks/DisplayBookmarks.js b/components/UI/bookmarks/DisplayBookmarks.js
index df4efb24..a229d98d 100644
--- a/components/UI/bookmarks/DisplayBookmarks.js
+++ b/components/UI/bookmarks/DisplayBookmarks.js
@@ -3,7 +3,7 @@ import Link from 'next/link';
 import { useTranslation } from 'react-i18next';
 
 import { useMatrix } from '../../../lib/Matrix';
-import { ServiceTable } from '../../../components/UI/ServiceTable';
+import { ServiceTable } from '../ServiceTable';
 import { useAuth } from '../../../lib/Auth';
 import Bin from '../../../assets/icons/bin.svg';
 import TextButton from '../../../components/UI/TextButton';
@@ -17,11 +17,10 @@ import LoadingSpinnerInline from '../LoadingSpinnerInline';
  * @returns {JSX.Element|null} - A JSX element containing the list of bookmarks, or null if the space is not found.
  */
 
-export default function DisplayBookmarks({ bookmarkSpaceId }) {
+export default function DisplayBookmarks({ bookmarkSpaceId, name }) {
     const auth = useAuth();
     const matrix = useMatrix(auth.getAuthenticationProvider('matrix'));
     const allBookmarkIds = matrix.spaces.get(bookmarkSpaceId)?.children;
-    const { t } = useTranslation();
 
     const removeBookmark = async (parent, roomId) => {
         await auth.getAuthenticationProvider('matrix').removeSpaceChild(parent, roomId);
@@ -32,7 +31,7 @@ export default function DisplayBookmarks({ bookmarkSpaceId }) {
 
     return (
         <>
-            { allBookmarkIds.length > 0 && <h2>{ t('Bookmarks') }</h2> }
+            { allBookmarkIds.length > 0 && <h2>{ name } </h2> }
             <ServiceTable>
                 { matrix.spaces.get(bookmarkSpaceId)?.children.map(roomId => {
                     return <Bookmark
@@ -63,10 +62,6 @@ export default function DisplayBookmarks({ bookmarkSpaceId }) {
 const Bookmark = ({ parent, roomId, link, name, removeBookmark }) => {
     const [removingBookmark, setRemovingBookmark] = useState(false);
     const { t } = useTranslation();
-    // grab the origin of the bookmark. This expression returns the string from the end of the top level domain until the beginning of the room id
-    const match = link.match(/:\/\/[^/]+(\/.*?)\/![^/]+/);
-    // Check if a match was found and get the desired string
-    const origin = match ? match[1] : null;
 
     const handleRemove = async (e) => {
         e.preventDefault();
@@ -79,7 +74,7 @@ const Bookmark = ({ parent, roomId, link, name, removeBookmark }) => {
     return (
         <ServiceTable.Row key={roomId}>
             <ServiceTable.Cell>
-                <Link href={link}>{ name } { t('from') } { origin }</Link>
+                <Link href={link}>{ name }</Link>
             </ServiceTable.Cell>
             <ServiceTable.Cell>
                 <TextButton title={t('Remove bookmark')} onClick={handleRemove}>

From 0248dbc82919b15717188c1dcb6f4a7c6f011cda Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 4 Oct 2023 15:32:00 +0200
Subject: [PATCH 285/714] refactor: use path name for h2 if defined

---
 pages/index.js | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/pages/index.js b/pages/index.js
index c80cd725..27e509c4 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -1,3 +1,5 @@
+import getConfig from 'next/config';
+
 import DisplayBookmarks from '../components/UI/bookmarks/DisplayBookmarks';
 import { useMatrix } from '../lib/Matrix';
 
@@ -9,10 +11,13 @@ export default function Dashboard() {
         <>
             <h2>/dashboard</h2>
             { bookmarks && bookmarks.map(bookmarkSpace => {
+                const spaceName = matrix.spaces.get(bookmarkSpace)?.name;
+                const pathName = getConfig().publicRuntimeConfig.authProviders[spaceName]?.path;
+
                 return <DisplayBookmarks
                     key={bookmarkSpace}
                     bookmarkSpaceId={bookmarkSpace}
-                    name={matrix.spaces.get(bookmarkSpace)?.name}
+                    name={pathName || spaceName}
                 />;
             }) }
 

From fa504ec5c3f3339da184ba273b7614c63acfccbd Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 5 Oct 2023 10:43:42 +0200
Subject: [PATCH 286/714] refactor: adapt to changes from main

---
 components/UI/bookmarks/DisplayBookmarks.js | 30 ++++++++--------
 pages/dashboard/index.js                    | 38 +++++++++++++++++++++
 pages/index.js                              | 27 ---------------
 3 files changed, 53 insertions(+), 42 deletions(-)
 delete mode 100644 pages/index.js

diff --git a/components/UI/bookmarks/DisplayBookmarks.js b/components/UI/bookmarks/DisplayBookmarks.js
index a229d98d..f180bacc 100644
--- a/components/UI/bookmarks/DisplayBookmarks.js
+++ b/components/UI/bookmarks/DisplayBookmarks.js
@@ -20,7 +20,6 @@ import LoadingSpinnerInline from '../LoadingSpinnerInline';
 export default function DisplayBookmarks({ bookmarkSpaceId, name }) {
     const auth = useAuth();
     const matrix = useMatrix(auth.getAuthenticationProvider('matrix'));
-    const allBookmarkIds = matrix.spaces.get(bookmarkSpaceId)?.children;
 
     const removeBookmark = async (parent, roomId) => {
         await auth.getAuthenticationProvider('matrix').removeSpaceChild(parent, roomId);
@@ -31,19 +30,16 @@ export default function DisplayBookmarks({ bookmarkSpaceId, name }) {
 
     return (
         <>
-            { allBookmarkIds.length > 0 && <h2>{ name } </h2> }
-            <ServiceTable>
-                { matrix.spaces.get(bookmarkSpaceId)?.children.map(roomId => {
-                    return <Bookmark
-                        parent={bookmarkSpaceId}
-                        roomId={roomId}
-                        link={matrix.roomContents.get(roomId).body}
-                        name={matrix.rooms.get(roomId).name}
-                        removeBookmark={removeBookmark}
-                    />;
-                })
-                }
-            </ServiceTable>
+            { matrix.spaces.get(bookmarkSpaceId)?.children.map(roomId => {
+                return <Bookmark
+                    parent={bookmarkSpaceId}
+                    roomId={roomId}
+                    link={matrix.roomContents.get(roomId).body}
+                    name={matrix.rooms.get(roomId).name}
+                    origin={name}
+                    removeBookmark={removeBookmark}
+                />;
+            }) }
         </>);
 }
 /**
@@ -53,13 +49,14 @@ export default function DisplayBookmarks({ bookmarkSpaceId, name }) {
  * @param {string} roomId - The ID of the bookmarked room.
  * @param {string} link - The link associated with the bookmark.
  * @param {string} name - The name of the bookmarked room.
+ * @param {string} origin - The name of the origin of the bookmarked room.
  * @param {Function} removeBookmark - A function to remove the bookmark.
  * @returns {JSX.Element} - A JSX element representing a single bookmark entry.
  *
  * @TODO
  * origin only works
  */
-const Bookmark = ({ parent, roomId, link, name, removeBookmark }) => {
+const Bookmark = ({ parent, roomId, link, name, origin, removeBookmark }) => {
     const [removingBookmark, setRemovingBookmark] = useState(false);
     const { t } = useTranslation();
 
@@ -73,6 +70,9 @@ const Bookmark = ({ parent, roomId, link, name, removeBookmark }) => {
 
     return (
         <ServiceTable.Row key={roomId}>
+            <ServiceTable.Cell>
+                { origin }
+            </ServiceTable.Cell>
             <ServiceTable.Cell>
                 <Link href={link}>{ name }</Link>
             </ServiceTable.Cell>
diff --git a/pages/dashboard/index.js b/pages/dashboard/index.js
index 91afe5f6..9b2a7c98 100644
--- a/pages/dashboard/index.js
+++ b/pages/dashboard/index.js
@@ -9,6 +9,7 @@ import { useMatrix } from '../../lib/Matrix';
 import ServiceInvitations from './ServiceInvitations';
 import { ServiceTable } from '../../components/UI/ServiceTable';
 import DisplayInvitations from './DisplayInvitations';
+import DisplayBookmarks from '../../components/UI/bookmarks/DisplayBookmarks';
 
 const TableSection = styled.section`
   overflow-x: auto;
@@ -22,6 +23,7 @@ export default function Dashboard() {
 
     const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
     const serviceSpaces = matrix.serviceSpaces;
+    const bookmarks = matrix.spaces.get(matrix.serviceSpaces.bookmarks)?.children;
     const [chatInvitations, setChatInvitations] = useState([]);
     const [contextInvitations, setContextInvitations] = useState([]);
 
@@ -154,6 +156,42 @@ export default function Dashboard() {
                            </ServiceTable>
                        </TableSection>
             }
+
+            { bookmarks &&
+                <TableSection>
+                    <ServiceTable>
+                        <ServiceTable.Caption>
+                            { t('Bookmarks') }
+                        </ServiceTable.Caption>
+                        <ServiceTable.Head>
+                            <ServiceTable.Row>
+                                <ServiceTable.Header align="left">
+                                    { t('App') }
+                                </ServiceTable.Header>
+                                <ServiceTable.Header align="left">
+                                    { t('Item') }
+                                </ServiceTable.Header>
+                                <ServiceTable.Header align="center">
+                                    { t('Remove') }
+                                </ServiceTable.Header>
+                            </ServiceTable.Row>
+                        </ServiceTable.Head>
+                        <ServiceTable.Body>
+                            { bookmarks.map(bookmarkSpace => {
+                                const spaceName = matrix.spaces.get(bookmarkSpace)?.name;
+                                const pathName = getConfig().publicRuntimeConfig.authProviders[spaceName]?.path;
+
+                                return <DisplayBookmarks
+                                    key={bookmarkSpace}
+                                    bookmarkSpaceId={bookmarkSpace}
+                                    name={pathName || spaceName}
+                                />;
+                            }) }
+                        </ServiceTable.Body>
+                    </ServiceTable>
+
+                </TableSection>
+            }
         </>
     );
 }
diff --git a/pages/index.js b/pages/index.js
deleted file mode 100644
index 27e509c4..00000000
--- a/pages/index.js
+++ /dev/null
@@ -1,27 +0,0 @@
-import getConfig from 'next/config';
-
-import DisplayBookmarks from '../components/UI/bookmarks/DisplayBookmarks';
-import { useMatrix } from '../lib/Matrix';
-
-export default function Dashboard() {
-    const matrix = useMatrix();
-    const bookmarks = matrix.spaces.get(matrix.serviceSpaces.bookmarks)?.children;
-
-    return (
-        <>
-            <h2>/dashboard</h2>
-            { bookmarks && bookmarks.map(bookmarkSpace => {
-                const spaceName = matrix.spaces.get(bookmarkSpace)?.name;
-                const pathName = getConfig().publicRuntimeConfig.authProviders[spaceName]?.path;
-
-                return <DisplayBookmarks
-                    key={bookmarkSpace}
-                    bookmarkSpaceId={bookmarkSpace}
-                    name={pathName || spaceName}
-                />;
-            }) }
-
-        </>
-    );
-}
-

From b66e40ee5a88919b802c8b60260e3ea4c9a4c17f Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 5 Oct 2023 11:00:45 +0200
Subject: [PATCH 287/714] fix: wrap error message in translation. refactor:
 catch errors during retrying when creating application or service spaces

---
 lib/Matrix.js                    | 6 ++++--
 pages/spacedeck/[[...roomId]].js | 9 ++++-----
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/lib/Matrix.js b/lib/Matrix.js
index cba71153..8ecac4e8 100644
--- a/lib/Matrix.js
+++ b/lib/Matrix.js
@@ -270,14 +270,16 @@ function useMatrixProvider(auth) {
                         'context',
                         'application')
                         .catch(error => {
-                            return handleRateLimit(error, () => createNewServiceRoom());
+                            return handleRateLimit(error, () => createNewServiceRoom())
+                                .catch(error => logger.debug(error.message));
                         });
                     const roomId = await createNewServiceRoom();
                     logger.debug('Created new service space...', { serviceType: element, roomId });
 
                     const addServiceRoomToParent = async () => await authenticationProvider.addSpaceChild(applicationsFolder, roomId)
                         .catch(error => {
-                            return handleRateLimit(error, () => addServiceRoomToParent());
+                            return handleRateLimit(error, () => addServiceRoomToParent())
+                                .catch(error => logger.debug(error.message));
                         });
 
                     await addServiceRoomToParent();
diff --git a/pages/spacedeck/[[...roomId]].js b/pages/spacedeck/[[...roomId]].js
index 16c1584e..18de55cc 100644
--- a/pages/spacedeck/[[...roomId]].js
+++ b/pages/spacedeck/[[...roomId]].js
@@ -156,11 +156,11 @@ export default function Spacedeck() {
         const room = await createRoomForSketch()
             .catch(async (error) => {
                 return matrix.handleRateLimit(error, () => createRoomForSketch())
-                    .catch(error => setErrorMessage(error.message));
+                    .catch(error => setErrorMessage(t(error.message)));
             });
 
         // Log debug information about current progress
-        logger.debug('Created Room for %s with id %s ' + name, room);
+        logger.debug(`Created room for ${name} with id ${room}`);
 
         // Add the room as a child to the parent space
         const addSpaceChild = async () => await auth.getAuthenticationProvider('matrix').addSpaceChild(parent, room);
@@ -168,12 +168,11 @@ export default function Spacedeck() {
         await addSpaceChild()
             .catch(async (error) => {
                 return matrix.handleRateLimit(error, () => addSpaceChild())
-                    .catch(error => setErrorMessage(error.message));
+                    .catch(error => setErrorMessage(t(error.message)));
             });
 
         // Log debug information about current progress
         logger.debug('Added %s to parent %s', name, parent);
-
         // Send the message to the room with retry handling
         const sendMessage = async () => {
             await matrixClient.sendMessage(room, {
@@ -219,7 +218,7 @@ export default function Spacedeck() {
                         { value: 'newSketch', actionComponentToRender: <CreateNewSketch createSketchRoom={createSketchRoom} errorMessage={errorMessage} />, label: t('Create new sketch') },
                     ]}
                 />
-                { errorMessage && <ErrorMessage>{ errorMessage }</ErrorMessage> }
+                { errorMessage && <ErrorMessage>{ t(errorMessage) }</ErrorMessage> }
                 { syncingServerSketches ?
                     <span>{ userFeedback } <LoadingSpinnerInline /></span> :
                     <>

From 60a09fa8a7f38f2cb2dc798fd57d63a8097a8684 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 5 Oct 2023 13:53:36 +0200
Subject: [PATCH 288/714] refactor: remove retries parameter since it is not
 being used after refactor

---
 pages/etherpad/[[...roomId]].js  |  8 ++------
 pages/spacedeck/[[...roomId]].js | 10 ++++------
 2 files changed, 6 insertions(+), 12 deletions(-)

diff --git a/pages/etherpad/[[...roomId]].js b/pages/etherpad/[[...roomId]].js
index 65d02917..6d08fabc 100644
--- a/pages/etherpad/[[...roomId]].js
+++ b/pages/etherpad/[[...roomId]].js
@@ -159,11 +159,7 @@ export default function Etherpad() {
 
     const createWriteRoom = useCallback(async (link, name) => {
         if (!link || !name) return;
-        logger.debug('Creating new Matrix room for pad', { link, name });
-
-        const createRoomForPad = async (retries = 1) => {
-            logger.debug('Attempt %d of creating a room for %s', retries, name);
-
+        const createRoomForPad = async () => {
             return await matrix.createRoom(name, false, '', 'invite', 'content', 'etherpad');
         };
 
@@ -248,7 +244,7 @@ export default function Etherpad() {
                             </ServiceTable.Body>
                         </ServiceTable> }
                         { userFeedback && <span>{ userFeedback }</span> }
-                        { errorMessage && <ErrorMessage>{ errorMessage }</ErrorMessage> }
+                        { errorMessage && <ErrorMessage>{ t(errorMessage) }</ErrorMessage> }
                     </>
                 ) }
             </IframeLayout.Sidebar>
diff --git a/pages/spacedeck/[[...roomId]].js b/pages/spacedeck/[[...roomId]].js
index 18de55cc..d0c16228 100644
--- a/pages/spacedeck/[[...roomId]].js
+++ b/pages/spacedeck/[[...roomId]].js
@@ -142,21 +142,19 @@ export default function Spacedeck() {
         };
     }, [spacedeck]);
 
-    async function createSketchRoom(link, name, parent = serviceSpaceId, retries = 0) {
+    async function createSketchRoom(link, name, parent = serviceSpaceId) {
         // Log debugging information
         setUserFeedback(t('Syncing {{name}} from server', { name: name }));
 
         // Create the room with retry handling
-        const createRoomForSketch = async (retries = 1) => {
-            logger.debug('Attempt %d of creating a room for %s', retries, name);
-
+        const createRoomForSketch = async () => {
             return await matrix.createRoom(name, false, '', 'invite', 'content', 'spacedeck');
         };
 
         const room = await createRoomForSketch()
             .catch(async (error) => {
                 return matrix.handleRateLimit(error, () => createRoomForSketch())
-                    .catch(error => setErrorMessage(t(error.message)));
+                    .catch(error => setErrorMessage(error.message));
             });
 
         // Log debug information about current progress
@@ -168,7 +166,7 @@ export default function Spacedeck() {
         await addSpaceChild()
             .catch(async (error) => {
                 return matrix.handleRateLimit(error, () => addSpaceChild())
-                    .catch(error => setErrorMessage(t(error.message)));
+                    .catch(error => setErrorMessage(error.message));
             });
 
         // Log debug information about current progress

From 66354bf26eb15b98d15e64621ef9093602215bbb Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 5 Oct 2023 14:39:49 +0200
Subject: [PATCH 289/714] fix: call hook in same place every render

---
 pages/explore/manage-room/ExploreMatrixActions.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/pages/explore/manage-room/ExploreMatrixActions.js b/pages/explore/manage-room/ExploreMatrixActions.js
index 3def479f..541421a3 100644
--- a/pages/explore/manage-room/ExploreMatrixActions.js
+++ b/pages/explore/manage-room/ExploreMatrixActions.js
@@ -48,7 +48,8 @@ const RadioWrapper = styled.div`
 
 const ExploreMatrixActions = ({ currentId, parentId, myPowerLevel, children, callApiAndAddToObject }) => {
     const { t } = useTranslation('explore');
-    const roomName = useMatrix().spaces.get(currentId)?.name || useMatrix().rooms.get(currentId)?.name;
+    const matrix = useMatrix();
+    const roomName = matrix.spaces.get(currentId)?.name || matrix.rooms.get(currentId)?.name;
     if (!roomName) return <LoadingSpinner />;
 
     return (

From 96d4d83733847580679d92bd9c2d35de35409214 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 5 Oct 2023 14:57:46 +0200
Subject: [PATCH 290/714] fix: wrong auto import

---
 pages/explore/TreeLeaves.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/explore/TreeLeaves.js b/pages/explore/TreeLeaves.js
index b2f2bbb2..6ba12b1d 100644
--- a/pages/explore/TreeLeaves.js
+++ b/pages/explore/TreeLeaves.js
@@ -23,7 +23,7 @@ const TreeLeaves = ({ leaf, selectedRoomId, isFetchingContent }) => {
                 selected={router.query.roomId[1] === roomId|| router.query.roomId[0] === roomId}
             >
                 { leaf.missingMetaEvent ?
-                    <em> <a href="">{ leaf.name }{ isFetchingContent === roomId && <LoadingSpinnerInline /> }</a></em>
+                    <em> <Link disabled={isFetchingContent} href={`/explore/${roomId}`}>{ leaf.name }{ isFetchingContent === roomId && <LoadingSpinnerInline /> }</Link></em>
                     :<Link disabled={isFetchingContent} href={getConfig().publicRuntimeConfig.templates.item.includes(leaf.template) ? `/explore/${parentId}/${roomId}` : `/explore/${roomId}`}>{ leaf.name }{ isFetchingContent === roomId && <LoadingSpinnerInline /> }</Link>
                 }
             </ServiceTable.Cell>

From 7674ba903da69a4fd5b5523d4b5822838eca543c Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 5 Oct 2023 17:50:33 +0200
Subject: [PATCH 291/714] fix: wrong auto import

---
 pages/explore/manage-room/LeaveRoom.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/explore/manage-room/LeaveRoom.js b/pages/explore/manage-room/LeaveRoom.js
index 0fdb03d0..e779384c 100644
--- a/pages/explore/manage-room/LeaveRoom.js
+++ b/pages/explore/manage-room/LeaveRoom.js
@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import { router } from 'next/client';
+import { router } from 'next/router';
 
 import { useAuth } from '../../../lib/Auth';
 import ErrorMessage from '../../../components/UI/ErrorMessage';

From 49c290c854cfacea91e1692a67420c83515b6043 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Tue, 10 Oct 2023 13:55:45 +0200
Subject: [PATCH 292/714] move DisplayBookmarks.js to correct location

---
 .../dashboard}/DisplayBookmarks.js                   | 12 ++++++------
 pages/dashboard/index.js                             |  2 +-
 2 files changed, 7 insertions(+), 7 deletions(-)
 rename {components/UI/bookmarks => pages/dashboard}/DisplayBookmarks.js (89%)

diff --git a/components/UI/bookmarks/DisplayBookmarks.js b/pages/dashboard/DisplayBookmarks.js
similarity index 89%
rename from components/UI/bookmarks/DisplayBookmarks.js
rename to pages/dashboard/DisplayBookmarks.js
index f180bacc..f3303184 100644
--- a/components/UI/bookmarks/DisplayBookmarks.js
+++ b/pages/dashboard/DisplayBookmarks.js
@@ -2,12 +2,12 @@ import React, { useState } from 'react';
 import Link from 'next/link';
 import { useTranslation } from 'react-i18next';
 
-import { useMatrix } from '../../../lib/Matrix';
-import { ServiceTable } from '../ServiceTable';
-import { useAuth } from '../../../lib/Auth';
-import Bin from '../../../assets/icons/bin.svg';
-import TextButton from '../../../components/UI/TextButton';
-import LoadingSpinnerInline from '../LoadingSpinnerInline';
+import { useMatrix } from '../../lib/Matrix';
+import { ServiceTable } from '../../components/UI/ServiceTable';
+import { useAuth } from '../../lib/Auth';
+import Bin from '../../assets/icons/bin.svg';
+import TextButton from '../../components/UI/TextButton';
+import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
 
 /**
  * DisplayBookmarks component for rendering and managing bookmarks within a specified space.
diff --git a/pages/dashboard/index.js b/pages/dashboard/index.js
index 9b2a7c98..e131147c 100644
--- a/pages/dashboard/index.js
+++ b/pages/dashboard/index.js
@@ -9,7 +9,7 @@ import { useMatrix } from '../../lib/Matrix';
 import ServiceInvitations from './ServiceInvitations';
 import { ServiceTable } from '../../components/UI/ServiceTable';
 import DisplayInvitations from './DisplayInvitations';
-import DisplayBookmarks from '../../components/UI/bookmarks/DisplayBookmarks';
+import DisplayBookmarks from './DisplayBookmarks';
 
 const TableSection = styled.section`
   overflow-x: auto;

From 106227bf81977c086c1c22b19ca0a2d833d62cdf Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Tue, 10 Oct 2023 14:11:03 +0200
Subject: [PATCH 293/714] feat: add copy link button refactor: add margin
 between table sections

---
 pages/dashboard/DisplayBookmarks.js | 4 ++++
 pages/dashboard/index.js            | 7 +++++++
 2 files changed, 11 insertions(+)

diff --git a/pages/dashboard/DisplayBookmarks.js b/pages/dashboard/DisplayBookmarks.js
index f3303184..014c32f8 100644
--- a/pages/dashboard/DisplayBookmarks.js
+++ b/pages/dashboard/DisplayBookmarks.js
@@ -8,6 +8,7 @@ import { useAuth } from '../../lib/Auth';
 import Bin from '../../assets/icons/bin.svg';
 import TextButton from '../../components/UI/TextButton';
 import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
+import CopyToClipboard from '../../components/UI/CopyToClipboard';
 
 /**
  * DisplayBookmarks component for rendering and managing bookmarks within a specified space.
@@ -76,6 +77,9 @@ const Bookmark = ({ parent, roomId, link, name, origin, removeBookmark }) => {
             <ServiceTable.Cell>
                 <Link href={link}>{ name }</Link>
             </ServiceTable.Cell>
+            <ServiceTable.Cell>
+                <CopyToClipboard content={link} />
+            </ServiceTable.Cell>
             <ServiceTable.Cell>
                 <TextButton title={t('Remove bookmark')} onClick={handleRemove}>
                     { removingBookmark ? <LoadingSpinnerInline /> : <Bin fill="var(--color-foreground)" /> }
diff --git a/pages/dashboard/index.js b/pages/dashboard/index.js
index e131147c..e64c466d 100644
--- a/pages/dashboard/index.js
+++ b/pages/dashboard/index.js
@@ -13,6 +13,10 @@ import DisplayBookmarks from './DisplayBookmarks';
 
 const TableSection = styled.section`
   overflow-x: auto;
+
+  & + section {
+    margin-top: calc(var(--margin) * 3 + 2px);
+  }
 `;
 
 export default function Dashboard() {
@@ -171,6 +175,9 @@ export default function Dashboard() {
                                 <ServiceTable.Header align="left">
                                     { t('Item') }
                                 </ServiceTable.Header>
+                                <ServiceTable.Header align="center">
+                                    { t('Copy Link') }
+                                </ServiceTable.Header>
                                 <ServiceTable.Header align="center">
                                     { t('Remove') }
                                 </ServiceTable.Header>

From 8b95e5b1f0a107573bbd143af68e7326e86b9f62 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Tue, 10 Oct 2023 14:47:41 +0200
Subject: [PATCH 294/714] refactor: add optional width parameter and even out
 dashboard tables, remove redundant variables

---
 components/UI/ServiceTable.js |  3 +--
 pages/dashboard/index.js      | 24 +++++++++++-------------
 2 files changed, 12 insertions(+), 15 deletions(-)

diff --git a/components/UI/ServiceTable.js b/components/UI/ServiceTable.js
index 8ed7ab3d..1acd305e 100644
--- a/components/UI/ServiceTable.js
+++ b/components/UI/ServiceTable.js
@@ -65,7 +65,7 @@ const TableHeader = styled.th`
   line-height: calc(var(--margin) * 3);
   text-align: ${props => props.align && props.align};
   white-space: nowrap;
-
+  ${props => props.width && `width: ${ typeof props.width === 'string' ? props.width : '8ch'};`}
   > * {
     display: inline-block;
     line-height: calc(var(--margin) * 3);
@@ -89,7 +89,6 @@ const TableCell = styled.td`
       cursor: ${props => props.selected && 'not-allowed' };
     }
   }
-
 `;
 
 export const ServiceTable = Table;
diff --git a/pages/dashboard/index.js b/pages/dashboard/index.js
index e64c466d..7c7d1013 100644
--- a/pages/dashboard/index.js
+++ b/pages/dashboard/index.js
@@ -45,14 +45,12 @@ export default function Dashboard() {
                 const room = await matrixClient.getRoom(invitation.roomId);
                 // https://github.com/cinnyapp/cinny/blob/47f6c44c17dcf2c03e3ce0cbd8fd352069560556/src/app/organisms/invite-list/InviteList.jsx#L63
                 const inviterName = room.getMember(matrixClient.getUserId())?.events?.member?.getSender?.();
-                const inviter = matrixClient.getUser(inviterName);
-                invitation.inviter = inviter;
+                invitation.inviter = matrixClient.getUser(inviterName);
 
                 if (!invitation.meta) {
                     // if there is no meta key yet, we manually check for one
-                    const metaEvent = await matrix.hydrateMetaEvent(invitation.roomId)
+                    invitation.meta = await matrix.hydrateMetaEvent(invitation.roomId)
                         .catch(() => { });
-                    invitation.meta = metaEvent;
                 }
 
                 if (invitation.meta) {
@@ -107,19 +105,19 @@ export default function Dashboard() {
                                </ServiceTable.Caption>
                                <ServiceTable.Head>
                                    <ServiceTable.Row>
-                                       <ServiceTable.Header align="left">
+                                       <ServiceTable.Header align="left" width="20%">
                                            { t('App') }
                                        </ServiceTable.Header>
-                                       <ServiceTable.Header align="left">
+                                       <ServiceTable.Header align="left" width="30%">
                                            { t('Item') }
                                        </ServiceTable.Header>
-                                       <ServiceTable.Header align="left">
+                                       <ServiceTable.Header align="left" width="30%">
                                            { t('From') }
                                        </ServiceTable.Header>
-                                       <ServiceTable.Header align="center">
+                                       <ServiceTable.Header align="center" width="10%">
                                            { t('Accept') }
                                        </ServiceTable.Header>
-                                       <ServiceTable.Header align="center">
+                                       <ServiceTable.Header align="center" width="10%">
                                            { t('Decline') }
                                        </ServiceTable.Header>
                                    </ServiceTable.Row>
@@ -169,16 +167,16 @@ export default function Dashboard() {
                         </ServiceTable.Caption>
                         <ServiceTable.Head>
                             <ServiceTable.Row>
-                                <ServiceTable.Header align="left">
+                                <ServiceTable.Header align="left" width="20%">
                                     { t('App') }
                                 </ServiceTable.Header>
-                                <ServiceTable.Header align="left">
+                                <ServiceTable.Header align="left" width="60%">
                                     { t('Item') }
                                 </ServiceTable.Header>
-                                <ServiceTable.Header align="center">
+                                <ServiceTable.Header align="center" width="10%">
                                     { t('Copy Link') }
                                 </ServiceTable.Header>
-                                <ServiceTable.Header align="center">
+                                <ServiceTable.Header align="center" width="10%">
                                     { t('Remove') }
                                 </ServiceTable.Header>
                             </ServiceTable.Row>

From b18a42491de6fdea184fdda336055fa3846139d8 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 11 Oct 2023 14:02:42 +0200
Subject: [PATCH 295/714] choreremove unused import

---
 components/UI/ServiceIframeHeader.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/components/UI/ServiceIframeHeader.js b/components/UI/ServiceIframeHeader.js
index 79a0399a..8492ac7c 100644
--- a/components/UI/ServiceIframeHeader.js
+++ b/components/UI/ServiceIframeHeader.js
@@ -1,5 +1,4 @@
 import styled from 'styled-components';
-import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import IframeLayout from '../../components/layouts/iframe';

From 2bf422685dc9547cbd4e536b5e07cc43265bc01a Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 11 Oct 2023 14:03:37 +0200
Subject: [PATCH 296/714] refactor: show loading spinner when explore is
 loading

---
 pages/explore/[[...roomId]].js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index de122fda..f08d0ef3 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -17,6 +17,7 @@ import TreeLeaves from './TreeLeaves';
 import TreePath from './TreePath';
 import ExploreIframeViews from './ExploreIframeViews';
 import logger from '../../lib/Logging';
+import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
 
 const ServiceTableWrapper = styled.div`
   width: 100%;
@@ -152,7 +153,7 @@ export default function Explore() {
     return (
         <>
             <IframeLayout.Sidebar>
-                <h2 ref={dimensionsRef}>/explore</h2>
+                <h2 ref={dimensionsRef}>/explore   { _.isEmpty(selectedSpaceChildren) && isFetchingContent && <LoadingSpinnerInline /> }</h2>
                 <ServiceTableWrapper>
                     { !navigator.userAgent.includes('iPhone') && !navigator.userAgent.includes('Android') &&
                         !_.isEmpty(selectedSpaceChildren) &&
@@ -166,7 +167,6 @@ export default function Explore() {
             </IframeLayout.Sidebar>
 
             <IframeLayout.IframeWrapper>
-
                 { iframeRoomId ? (
                     <ExploreIframeViews
                         currentTemplate={currentTemplate}

From effdc297b079ec96cfad2ed715ff710bb1d7b978 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 11 Oct 2023 14:29:04 +0200
Subject: [PATCH 297/714] refactor: redirect to dashbaoard after login, only
 display bookmarks when array is filled

---
 pages/dashboard/index.js | 2 +-
 pages/login.js           | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/pages/dashboard/index.js b/pages/dashboard/index.js
index 7c7d1013..83c58cb2 100644
--- a/pages/dashboard/index.js
+++ b/pages/dashboard/index.js
@@ -159,7 +159,7 @@ export default function Dashboard() {
                        </TableSection>
             }
 
-            { bookmarks &&
+            { !_.isEmpty(bookmarks) &&
                 <TableSection>
                     <ServiceTable>
                         <ServiceTable.Caption>
diff --git a/pages/login.js b/pages/login.js
index 5cbb46a1..0c817cb9 100644
--- a/pages/login.js
+++ b/pages/login.js
@@ -50,7 +50,7 @@ export default function Login() {
     const usernameInput = useRef();
 
     // If we are logged in... what do we want here? Let's forward the user to the dashboard!
-    if (auth.user) router.push('/');
+    if (auth.user) router.push('/dashboard');
 
     const onSubmitLoginForm = async () => {
         setIsTryingToSignIn(true);

From 39dd436155ee414fb9d335cd1c0b18cc03e951dc Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 11 Oct 2023 15:41:46 +0200
Subject: [PATCH 298/714] feat: display content of context when an item is
 selected

---
 components/UI/ServiceTable.js  |  2 ++
 pages/explore/TreeLeaves.js    |  3 ++-
 pages/explore/TreePath.js      | 34 ++++++++++++++++++++++++++++++++--
 pages/explore/[[...roomId]].js |  5 +++--
 4 files changed, 39 insertions(+), 5 deletions(-)

diff --git a/components/UI/ServiceTable.js b/components/UI/ServiceTable.js
index 7c98703e..e5ef1b2a 100644
--- a/components/UI/ServiceTable.js
+++ b/components/UI/ServiceTable.js
@@ -76,6 +76,8 @@ const TableHeader = styled.th`
 
 const TableCell = styled.td`
   line-height: calc(var(--margin) * 3);
+  ${props => props.small && 'font-size: 75%; text-indent: var(--margin);'}
+
   white-space: nowrap;
 
   > * {
diff --git a/pages/explore/TreeLeaves.js b/pages/explore/TreeLeaves.js
index 6ba12b1d..ea06e63c 100644
--- a/pages/explore/TreeLeaves.js
+++ b/pages/explore/TreeLeaves.js
@@ -7,7 +7,7 @@ import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
 import { ServiceTable } from '../../components/UI/ServiceTable';
 import LoadingSpinner from '../../components/UI/LoadingSpinner';
 
-const TreeLeaves = ({ leaf, selectedRoomId, isFetchingContent }) => {
+const TreeLeaves = ({ leaf, selectedRoomId, isFetchingContent, small }) => {
     const router = useRouter();
     const roomId = leaf.id || leaf.room_id;
     const parentId = leaf.parent.id || leaf.parent.room_id;
@@ -21,6 +21,7 @@ const TreeLeaves = ({ leaf, selectedRoomId, isFetchingContent }) => {
             <ServiceTable.Cell
                 disabled={isFetchingContent}
                 selected={router.query.roomId[1] === roomId|| router.query.roomId[0] === roomId}
+                small={small}
             >
                 { leaf.missingMetaEvent ?
                     <em> <Link disabled={isFetchingContent} href={`/explore/${roomId}`}>{ leaf.name }{ isFetchingContent === roomId && <LoadingSpinnerInline /> }</Link></em>
diff --git a/pages/explore/TreePath.js b/pages/explore/TreePath.js
index 6514ac5a..3af088ca 100644
--- a/pages/explore/TreePath.js
+++ b/pages/explore/TreePath.js
@@ -4,6 +4,8 @@ import Link from 'next/link';
 
 import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
 import { ServiceTable } from '../../components/UI/ServiceTable';
+import ErrorMessage from '../../components/UI/ErrorMessage';
+import TreeLeaves from './TreeLeaves';
 
 const Leaf = styled(ServiceTable.Cell)`
   cursor: pointer;
@@ -22,10 +24,11 @@ const Leaf = styled(ServiceTable.Cell)`
   }
 
 `;
-const TreePath = ({ data, isFetchingContent }) => {
+
+const TreePath = ({ selectedSpaceChildren, isFetchingContent, iframeRoomId }) => {
     return (
         <ServiceTable>
-            { data.map((path, index) => {
+            { selectedSpaceChildren.map((path, index) => {
                 if (!path[0]?.parent) return null;
 
                 return <ServiceTable.Row key={index}>
@@ -37,6 +40,33 @@ const TreePath = ({ data, isFetchingContent }) => {
 
                 </ServiceTable.Row>;
             }) }
+            { iframeRoomId && selectedSpaceChildren[selectedSpaceChildren.length - 1]
+                .sort(function(a, b) {
+                    if (a.type === 'item' && b.type !== 'item') {
+                        return -1; // 'a' comes before 'b'
+                    } else if (a.type !== 'item' && b.type === 'item') {
+                        return 1; // 'a' comes after 'b'
+                    } else {
+                        return 0; // No sorting necessary
+                    }
+                })
+                .map((leaf, index) => {
+                    if (leaf.length <= 1) {
+                        return;
+                    }
+                    if (index === 0) return null;
+
+                    // Sort the array to display objects of type 'item' before others
+                    return <TreeLeaves
+                        small
+                        depth={selectedSpaceChildren.length}
+                        leaf={leaf}
+                        parent={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].room_id}
+                        key={leaf.room_id + '_' + index}
+                        iframeRoomId={iframeRoomId}
+                        isFetchingContent={isFetchingContent}
+                    />;
+                }) }
         </ServiceTable>
     );
 };
diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index f08d0ef3..80ec9d7a 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -158,8 +158,9 @@ export default function Explore() {
                     { !navigator.userAgent.includes('iPhone') && !navigator.userAgent.includes('Android') &&
                         !_.isEmpty(selectedSpaceChildren) &&
                         <TreePath
-                            data={selectedSpaceChildren}
+                            selectedSpaceChildren={selectedSpaceChildren}
                             isFetchingContent={isFetchingContent}
+                            iframeRoomId={iframeRoomId}
                         />
 
                     }
@@ -167,7 +168,7 @@ export default function Explore() {
             </IframeLayout.Sidebar>
 
             <IframeLayout.IframeWrapper>
-                { iframeRoomId ? (
+                { iframeRoomId && !_.isEmpty(selectedSpaceChildren)? (
                     <ExploreIframeViews
                         currentTemplate={currentTemplate}
                         iframeRoomId={iframeRoomId}

From 2869274c665945d0e44b8471248af33c8c6df51e Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 18 Oct 2023 17:13:14 +0200
Subject: [PATCH 299/714] fix: make url work again

---
 pages/etherpad/[[...roomId]].js  | 1 +
 pages/spacedeck/[[...roomId]].js | 2 ++
 2 files changed, 3 insertions(+)

diff --git a/pages/etherpad/[[...roomId]].js b/pages/etherpad/[[...roomId]].js
index 9398fe48..946251d4 100644
--- a/pages/etherpad/[[...roomId]].js
+++ b/pages/etherpad/[[...roomId]].js
@@ -242,6 +242,7 @@ export default function Etherpad() {
                                         roomId={writeRoomId}
                                         name={_.get(matrix.rooms.get(writeRoomId), 'name')}
                                         href={`${etherpadPath}/${writeRoomId}`}
+                                        path={etherpadPath}
                                         passwordProtected={serverPads[matrix.roomContents.get(writeRoomId)?.body.substring(matrix.roomContents.get(writeRoomId)?.body.lastIndexOf('/') + 1)]?.visibility === 'private'}
                                         selected={writeRoomId === roomId}
                                         ref={writeRoomId === roomId ? selectedPadRef : null}
diff --git a/pages/spacedeck/[[...roomId]].js b/pages/spacedeck/[[...roomId]].js
index c9d1780e..1bfdfef4 100644
--- a/pages/spacedeck/[[...roomId]].js
+++ b/pages/spacedeck/[[...roomId]].js
@@ -235,6 +235,8 @@ export default function Spacedeck() {
                                     return <ServiceLink
                                         key={spacedeckRoomId}
                                         name={room.name}
+                                        roomId={spacedeckRoomId}
+                                        path={spacedeckPath}
                                         href={`${spacedeckPath}/${spacedeckRoomId}`}
                                         selected={roomId === spacedeckRoomId}
                                         ref={spacedeckRoomId === roomId ? selectedSketchRef : null}

From 223bb9bbae90b87b8d0171cfddf3b1b8a07ad0d2 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 1 Nov 2023 11:42:54 +0100
Subject: [PATCH 300/714] remove obsolete file

---
 pages/explore.js | 95 ------------------------------------------------
 1 file changed, 95 deletions(-)
 delete mode 100644 pages/explore.js

diff --git a/pages/explore.js b/pages/explore.js
deleted file mode 100644
index 03df30fe..00000000
--- a/pages/explore.js
+++ /dev/null
@@ -1,95 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import styled from 'styled-components';
-import getConfig from 'next/config';
-import { useTranslation } from 'react-i18next';
-import { useRouter } from 'next/router';
-
-import ContextMultiLevelSelect from '../components/ContextMultiLevelSelect';
-import { useAuth } from '../lib/Auth';
-
-const ExploreSection = styled.div`
-  & > * + * {
-    margin-top: var(--margin);
-  }
-
-  & > select + select {
-    margin-top: calc(var(--margin) * 0.65);
-  }
-`;
-
-export default function Explore() {
-    const router = useRouter();
-    const auth = useAuth();
-    const matrix = auth.getAuthenticationProvider('matrix');
-    const matrixClient = matrix.getMatrixClient();
-    const { t } = useTranslation('explore');
-
-    const [activeContexts, setActiveContexts] = useState([getConfig().publicRuntimeConfig.contextRootSpaceRoomId]);
-    const [contents, setContents] = useState(null);
-
-    useEffect(() => {
-        const fetchContents = async () => {
-            const contents = [];
-            let roomHierarchy = await matrixClient.getRoomHierarchy(activeContexts[activeContexts.length - 1], undefined, 1)
-                .catch(/** @param {MatrixError} error */(error) => {
-                    // We only want to ignore the "M_FORBIDDEN" error, which means that our user does not have access to a certain space.
-                    // In every other case this is really an unexpected error and we want to throw.
-                    if (error.errcode !== 'M_FORBIDDEN') throw error;
-                });
-            if (!roomHierarchy) roomHierarchy = { rooms: [] };
-
-            // Remove the first entry, which is the context itself
-            roomHierarchy.rooms.shift();
-            // Ignore `m.space.child` events that are empty
-            // We're only interested in the -contents- of this context, so filter out everything that's a sub-context
-            for (const room of roomHierarchy.rooms) {
-                const metaEvent = await matrixClient.getStateEvent(room.room_id, 'dev.medienhaus.meta').catch(() => {});
-                if (!metaEvent || (metaEvent && metaEvent.type !== 'context')) {
-                    // This is a valid content item we want to show
-                    contents.push({
-                        ...room,
-                        type: metaEvent?.type ?? 'chat', // If there's no meta.type we assume it's a chat room
-                        template: metaEvent?.template,
-                    });
-                }
-            }
-            setContents(contents);
-        };
-
-        if (activeContexts) fetchContents();
-    }, [activeContexts, matrixClient]);
-
-    // If there's no context root space set in our configuration we can't make any use of the /explore page at
-    // the moment, so we forward the user to `/`
-    if (!getConfig().publicRuntimeConfig.contextRootSpaceRoomId) {
-        router.replace('/');
-
-        return null;
-    }
-
-    return (
-        <>
-            <h2>/explore</h2>
-            <ExploreSection>
-                <ContextMultiLevelSelect onChange={setActiveContexts} activeContexts={activeContexts} />
-                { (contents && contents.length > 0) ? (
-                    <div>
-                        <ol>
-                            { contents.map(({ type, template, name, room_id: roomId }) => (
-                                <li key={roomId}>
-                                    { name }
-                                    <small>
-                                        { type && (<> (type: <code>{ type }</code>)</>) }
-                                        { template && (<> (template: <code>{ template }</code>)</>) }
-                                    </small>
-                                </li>
-                            )) }
-                        </ol>
-                    </div>
-                ) : (
-                    <p>- { t('There are no contents for this context') } -</p>
-                ) }
-            </ExploreSection>
-        </>
-    );
-}

From 68bbfb5263a58c8f0b672f01889044201e08e8ab Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 1 Nov 2023 12:37:37 +0100
Subject: [PATCH 301/714] fix: problems after merge

---
 .../UI/InviteUsersToMatrixRoom/index.js       |    4 +-
 components/UI/Modal.js                        |    4 +-
 components/UI/ServiceIframeHeader.js          |    4 +-
 package-lock.json                             | 8875 -----------------
 pages/chat/ChatIframeView.js                  |    8 +-
 pages/chat/[[...roomId]].js                   |    4 +-
 pages/explore/[[...roomId]].js                |   38 +-
 pages/explore/manage-room/UserManagement.js   |    4 +-
 8 files changed, 36 insertions(+), 8905 deletions(-)
 delete mode 100644 package-lock.json

diff --git a/components/UI/InviteUsersToMatrixRoom/index.js b/components/UI/InviteUsersToMatrixRoom/index.js
index c899d75d..24475303 100644
--- a/components/UI/InviteUsersToMatrixRoom/index.js
+++ b/components/UI/InviteUsersToMatrixRoom/index.js
@@ -18,9 +18,9 @@ import React, { useCallback, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { debounce } from 'lodash';
 import { logger } from 'matrix-js-sdk/lib/logger';
+import { UserAddIcon } from '@remixicons/react/line';
 
 import TextButton from '../TextButton';
-import UserAddIcon from '../../../assets/icons/user-add.svg';
 import Form from '../Form';
 import { useAuth } from '../../../lib/Auth';
 import ErrorMessage from '../ErrorMessage';
@@ -91,7 +91,7 @@ export default function InviteUserToMatrixRoom({ roomId, roomName }) {
 
     return <>
         <TextButton title={t('Invite users to' + ' ' + roomName)} onClick={handleClick}>
-            <UserAddIcon fill="var(--color-foreground)" />
+            <UserAddIcon width="24px" height="24px" fill="var(--color-foreground)" />
         </TextButton>
         { isInviteDialogueOpen && (
             <DefaultModal
diff --git a/components/UI/Modal.js b/components/UI/Modal.js
index 88e9c760..0f73282c 100644
--- a/components/UI/Modal.js
+++ b/components/UI/Modal.js
@@ -1,8 +1,8 @@
 import React from 'react';
 import ReactModal from 'react-modal';
 import styled from 'styled-components';
+import { CloseIcon } from '@remixicons/react/line';
 
-import CloseIcon from '../../assets/icons/close.svg';
 import TextButton from './TextButton';
 
 const Header = styled.header`
@@ -43,7 +43,7 @@ const DefaultModal = ({ children, isOpen, onRequestClose, contentLabel }) => {
         shouldCloseOnOverlayClick={true}>
         <Header>
             { contentLabel } <CloseButton onClick={onRequestClose}>
-                <CloseIcon />
+                <CloseIcon width="24px" height="24px" />
             </CloseButton>
         </Header>
         { children }
diff --git a/components/UI/ServiceIframeHeader.js b/components/UI/ServiceIframeHeader.js
index 8492ac7c..51a7c62e 100644
--- a/components/UI/ServiceIframeHeader.js
+++ b/components/UI/ServiceIframeHeader.js
@@ -1,8 +1,8 @@
 import styled from 'styled-components';
 import { useTranslation } from 'react-i18next';
+import { DeleteBinIcon } from '@remixicons/react/line';
 
 import IframeLayout from '../../components/layouts/iframe';
-import BinIcon from '../../assets/icons/bin.svg';
 import CopyToClipboard from '../../components/UI/CopyToClipboard';
 import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
 import FolderIcon from '../../assets/icons/folder.svg';
@@ -27,7 +27,7 @@ const ServiceIframeHeader = ({ isDeletingPad, deleteContent, title, roomId, mypa
             <IframeLayout.IframeHeaderButtonWrapper>
                 <CopyToClipboard content={content} />
                 { deleteContent && <button title={t(mypadsPadObject ? 'Delete pad' : 'Remove pad from my library')} onClick={deleteContent}>
-                    { isDeletingPad ? <LoadingSpinnerInline /> : <BinIcon fill="var(--color-foreground)" /> }
+                    { isDeletingPad ? <LoadingSpinnerInline /> : <DeleteBinIcon fill="var(--color-foreground)" /> }
                 </button> }
                 <InviteUsersToMatrixRoom roomId={roomId} name={title} />
                 { myPowerLevel && (
diff --git a/package-lock.json b/package-lock.json
deleted file mode 100644
index 446825d1..00000000
--- a/package-lock.json
+++ /dev/null
@@ -1,8875 +0,0 @@
-{
-  "name": "medienhaus-frontend",
-  "lockfileVersion": 3,
-  "requires": true,
-  "packages": {
-    "": {
-      "name": "medienhaus-frontend",
-      "dependencies": {
-        "i18next": "^23.5.1",
-        "i18next-browser-languagedetector": "^7.1.0",
-        "i18next-resources-to-backend": "^1.1.4",
-        "lodash": "^4.17.21",
-        "matrix-js-sdk": "^28.2.0",
-        "next": "^13.5.4",
-        "normalize.css": "^8.0.1",
-        "pino": "^8.15.6",
-        "react": "^18.2.0",
-        "react-dom": "^18.2.0",
-        "react-i18next": "^13.2.2",
-        "styled-components": "^6.0.8"
-      },
-      "devDependencies": {
-        "@remixicons/react": "^1.0.0",
-        "@stylelint/postcss-css-in-js": "^0.38.0",
-        "eslint": "^8.11.0",
-        "eslint-config-next": "^13.5.6",
-        "eslint-plugin-import": "^2.25.4",
-        "eslint-plugin-matrix-org": "^0.8.0",
-        "stylelint": "^14.8.2",
-        "stylelint-config-recess-order": "^3.0.0",
-        "stylelint-config-standard": "^25.0.0",
-        "stylelint-config-styled-components": "^0.1.1",
-        "stylelint-webpack-plugin": "^3.2.0"
-      }
-    },
-    "node_modules/@ampproject/remapping": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.1.tgz",
-      "integrity": "sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==",
-      "dependencies": {
-        "@jridgewell/gen-mapping": "^0.3.0",
-        "@jridgewell/trace-mapping": "^0.3.9"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/@babel/cli": {
-      "version": "7.23.0",
-      "resolved": "https://registry.npmjs.org/@babel/cli/-/cli-7.23.0.tgz",
-      "integrity": "sha512-17E1oSkGk2IwNILM4jtfAvgjt+ohmpfBky8aLerUfYZhiPNg7ca+CRCxZn8QDxwNhV/upsc2VHBCqGFIR+iBfA==",
-      "dependencies": {
-        "@jridgewell/trace-mapping": "^0.3.17",
-        "commander": "^4.0.1",
-        "convert-source-map": "^2.0.0",
-        "fs-readdir-recursive": "^1.1.0",
-        "glob": "^7.2.0",
-        "make-dir": "^2.1.0",
-        "slash": "^2.0.0"
-      },
-      "bin": {
-        "babel": "bin/babel.js",
-        "babel-external-helpers": "bin/babel-external-helpers.js"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "optionalDependencies": {
-        "@nicolo-ribaudo/chokidar-2": "2.1.8-no-fsevents.3",
-        "chokidar": "^3.4.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/cli/node_modules/commander": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
-      "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/@babel/cli/node_modules/slash": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/slash/-/slash-2.0.0.tgz",
-      "integrity": "sha512-ZYKh3Wh2z1PpEXWr0MpSBZ0V6mZHAQfYevttO11c51CaWjGTaadiKZ+wVt1PbMlDV5qhMFslpZCemhwOK7C89A==",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/highlight": "^7.22.13",
-        "chalk": "^2.4.2"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "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==",
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "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==",
-      "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/@babel/eslint-parser": {
-      "version": "7.22.15",
-      "resolved": "https://registry.npmjs.org/@babel/eslint-parser/-/eslint-parser-7.22.15.tgz",
-      "integrity": "sha512-yc8OOBIQk1EcRrpizuARSQS0TWAcOMpEJ1aafhNznaeYkeL+OhqnDObGFylB8ka8VFF/sZc+S4RzHyO+3LjQxg==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@nicolo-ribaudo/eslint-scope-5-internals": "5.1.1-v1",
-        "eslint-visitor-keys": "^2.1.0",
-        "semver": "^6.3.1"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || >=14.0.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.11.0",
-        "eslint": "^7.5.0 || ^8.0.0"
-      }
-    },
-    "node_modules/@babel/eslint-parser/node_modules/eslint-visitor-keys": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz",
-      "integrity": "sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==",
-      "dev": true,
-      "peer": true,
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/@babel/eslint-plugin": {
-      "version": "7.22.10",
-      "resolved": "https://registry.npmjs.org/@babel/eslint-plugin/-/eslint-plugin-7.22.10.tgz",
-      "integrity": "sha512-SRZcvo3fnO5h79B9DZSV6LG2vHH7OWsSNp1huFLHsXKyytRG413byQk9zxW1VcPOhnzfx2VIUz+8aGbiE7fOkA==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "eslint-rule-composer": "^0.3.0"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || >=14.0.0"
-      },
-      "peerDependencies": {
-        "@babel/eslint-parser": "^7.11.0",
-        "eslint": "^7.5.0 || ^8.0.0"
-      }
-    },
-    "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/helper-annotate-as-pure": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.22.5.tgz",
-      "integrity": "sha512-LvBTxu8bQSQkcyKOU+a1btnNFQ1dMAd0R6PyW3arXes06F6QLWLIrd681bxRPIXlrMGR3XYnW9JyML7dP3qgxg==",
-      "dependencies": {
-        "@babel/types": "^7.22.5"
-      },
-      "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",
-      "integrity": "sha512-QkBXwGgaoC2GtGZRoma6kv7Szfv06khvhFav67ZExau2RaXzy8MpHSMO2PNoP2XtmQphJQRHFfg77Bq731Yizw==",
-      "dependencies": {
-        "@babel/types": "^7.22.15"
-      },
-      "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",
-      "integrity": "sha512-y6EEzULok0Qvz8yyLkCvVX+02ic+By2UdOhylwUOvOn9dvYc9mKICJuuU1n1XBI02YWsNsnrY1kc6DVbjcXbtw==",
-      "dependencies": {
-        "@babel/compat-data": "^7.22.9",
-        "@babel/helper-validator-option": "^7.22.15",
-        "browserslist": "^4.21.9",
-        "lru-cache": "^5.1.1",
-        "semver": "^6.3.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-compilation-targets/node_modules/lru-cache": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
-      "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
-      "dependencies": {
-        "yallist": "^3.0.2"
-      }
-    },
-    "node_modules/@babel/helper-compilation-targets/node_modules/yallist": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
-      "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==",
-      "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-optimise-call-expression": "^7.22.5",
-        "@babel/helper-replace-supers": "^7.22.9",
-        "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5",
-        "@babel/helper-split-export-declaration": "^7.22.6",
-        "semver": "^6.3.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
-      }
-    },
-    "node_modules/@babel/helper-create-regexp-features-plugin": {
-      "version": "7.22.15",
-      "resolved": "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.22.15.tgz",
-      "integrity": "sha512-29FkPLFjn4TPEa3RE7GpW+qbE8tlsu3jntNYNfcGsc49LphF1PQIiD+vMZ1z1xVOKt+93khA9tc2JBs3kBjA7w==",
-      "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.22.5",
-        "regexpu-core": "^5.3.1",
-        "semver": "^6.3.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-compilation-targets": "^7.22.6",
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "debug": "^4.1.1",
-        "lodash.debounce": "^4.0.8",
-        "resolve": "^1.14.2"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
-      }
-    },
-    "node_modules/@babel/helper-environment-visitor": {
-      "version": "7.22.20",
-      "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.20.tgz",
-      "integrity": "sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA==",
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-function-name": {
-      "version": "7.23.0",
-      "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.23.0.tgz",
-      "integrity": "sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw==",
-      "dependencies": {
-        "@babel/template": "^7.22.15",
-        "@babel/types": "^7.23.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",
-      "integrity": "sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==",
-      "dependencies": {
-        "@babel/types": "^7.22.5"
-      },
-      "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",
-      "integrity": "sha512-6gfrPwh7OuT6gZyJZvd6WbTfrqAo7vm4xCzAXOusKqq/vWdKXphTpj5klHKNmRUU6/QRGlBsyU9mAIPaWHlqJA==",
-      "dependencies": {
-        "@babel/types": "^7.23.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",
-      "integrity": "sha512-0pYVBnDKZO2fnSPCrgM/6WMc7eS20Fbok+0r88fp+YtWVLZrp4CkafFGIp+W0VKw4a22sgebPT99y+FDNMdP4w==",
-      "dependencies": {
-        "@babel/types": "^7.22.15"
-      },
-      "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==",
-      "dependencies": {
-        "@babel/helper-environment-visitor": "^7.22.20",
-        "@babel/helper-module-imports": "^7.22.15",
-        "@babel/helper-simple-access": "^7.22.5",
-        "@babel/helper-split-export-declaration": "^7.22.6",
-        "@babel/helper-validator-identifier": "^7.22.20"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
-      }
-    },
-    "node_modules/@babel/helper-optimise-call-expression": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.22.5.tgz",
-      "integrity": "sha512-HBwaojN0xFRx4yIvpwGqxiV2tUfl7401jlok564NgB9EHS1y6QT17FmKWm4ztqjeVdXLuC4fSvHc5ePpQjoTbw==",
-      "dependencies": {
-        "@babel/types": "^7.22.5"
-      },
-      "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",
-      "integrity": "sha512-uLls06UVKgFG9QD4OeFYLEGteMIAa5kpTPcFL28yuCIIzsf6ZyKZMllKVOCZFhiZ5ptnwX4mtKdWCBE/uT4amg==",
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-remap-async-to-generator": {
-      "version": "7.22.20",
-      "resolved": "https://registry.npmjs.org/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.22.20.tgz",
-      "integrity": "sha512-pBGyV4uBqOns+0UvhsTO8qgl8hO89PmiDYv+/COyp1aeMcmfrfruz+/nCMFiYyFF/Knn0yfrC85ZzNFjembFTw==",
-      "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.22.5",
-        "@babel/helper-environment-visitor": "^7.22.20",
-        "@babel/helper-wrap-function": "^7.22.20"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
-      }
-    },
-    "node_modules/@babel/helper-replace-supers": {
-      "version": "7.22.20",
-      "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.22.20.tgz",
-      "integrity": "sha512-qsW0In3dbwQUbK8kejJ4R7IHVGwHJlV6lpG6UA7a9hSa2YEiAib+N1T2kr6PEeUT+Fl7najmSOS6SmAwCHK6Tw==",
-      "dependencies": {
-        "@babel/helper-environment-visitor": "^7.22.20",
-        "@babel/helper-member-expression-to-functions": "^7.22.15",
-        "@babel/helper-optimise-call-expression": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
-      }
-    },
-    "node_modules/@babel/helper-simple-access": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.22.5.tgz",
-      "integrity": "sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==",
-      "dependencies": {
-        "@babel/types": "^7.22.5"
-      },
-      "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",
-      "integrity": "sha512-tK14r66JZKiC43p8Ki33yLBVJKlQDFoA8GYN67lWCDCqoL6EMMSuM9b+Iff2jHaM/RRFYl7K+iiru7hbRqNx8Q==",
-      "dependencies": {
-        "@babel/types": "^7.22.5"
-      },
-      "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",
-      "integrity": "sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==",
-      "dependencies": {
-        "@babel/types": "^7.22.5"
-      },
-      "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==",
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-validator-identifier": {
-      "version": "7.22.20",
-      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz",
-      "integrity": "sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==",
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "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==",
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-wrap-function": {
-      "version": "7.22.20",
-      "resolved": "https://registry.npmjs.org/@babel/helper-wrap-function/-/helper-wrap-function-7.22.20.tgz",
-      "integrity": "sha512-pms/UwkOpnQe/PDAEdV/d7dVCoBbB+R4FvYoHGZz+4VPcg7RtYy2KP7S2lbuWM6FCSgob5wshfGESbC/hzNXZw==",
-      "dependencies": {
-        "@babel/helper-function-name": "^7.22.5",
-        "@babel/template": "^7.22.15",
-        "@babel/types": "^7.22.19"
-      },
-      "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==",
-      "dependencies": {
-        "@babel/template": "^7.22.15",
-        "@babel/traverse": "^7.23.0",
-        "@babel/types": "^7.23.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-validator-identifier": "^7.22.20",
-        "chalk": "^2.4.2",
-        "js-tokens": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "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/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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
-      }
-    },
-    "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==",
-      "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"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.13.0"
-      }
-    },
-    "node_modules/@babel/plugin-external-helpers": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-external-helpers/-/plugin-external-helpers-7.22.5.tgz",
-      "integrity": "sha512-ngnNEWxmykPk82mH4ajZT0qTztr3Je6hrMuKAslZVM8G1YZTENJSYwrIGtt6KOtznug3exmAtF4so/nPqJuA4A==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-proposal-class-properties": {
-      "version": "7.18.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-class-properties/-/plugin-proposal-class-properties-7.18.6.tgz",
-      "integrity": "sha512-cumfXOF0+nzZrrN8Rf0t7M+tF6sZc7vhQwYQck9q1/5w2OExlD+b4v4RpMJFaV1Z7WcDRgO6FqvxqxGlwo+RHQ==",
-      "deprecated": "This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-class-properties instead.",
-      "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-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",
-      "integrity": "sha512-d2S98yCiLxDVmBmE8UjGcfPvNEUbA1U5q5WxaWFUGRzJSVAZqm5W6MbPct0jxnegUZ0niLeNX+IOzEs7wYg9Dg==",
-      "deprecated": "This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-object-rest-spread instead.",
-      "dependencies": {
-        "@babel/compat-data": "^7.20.5",
-        "@babel/helper-compilation-targets": "^7.20.7",
-        "@babel/helper-plugin-utils": "^7.20.2",
-        "@babel/plugin-syntax-object-rest-spread": "^7.8.3",
-        "@babel/plugin-transform-parameters": "^7.20.7"
-      },
-      "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",
-      "integrity": "sha512-SOSkfJDddaM7mak6cPEpswyTRnuRltl429hMraQEglW+OkovnCzsiszTmsrlY//qLFjCpQDFRvjdm2wA5pPm9w==",
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "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",
-      "integrity": "sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.8.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-class-properties": {
-      "version": "7.12.13",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-properties/-/plugin-syntax-class-properties-7.12.13.tgz",
-      "integrity": "sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.12.13"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-class-static-block": {
-      "version": "7.14.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-static-block/-/plugin-syntax-class-static-block-7.14.5.tgz",
-      "integrity": "sha512-b+YyPmr6ldyNnM6sqYeMWE+bgJcJpO6yS4QD7ymxgH34GBPNDM/THBh8iunyvKIZztiwLH4CJZ0RxTk9emgpjw==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.14.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-dynamic-import": {
-      "version": "7.8.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-dynamic-import/-/plugin-syntax-dynamic-import-7.8.3.tgz",
-      "integrity": "sha512-5gdGbFon+PszYzqs83S3E5mpi7/y/8M9eC90MRTZfduQOYW76ig6SOSPNe41IG5LoP3FGBn2N0RjVDSQiS94kQ==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.8.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-export-namespace-from": {
-      "version": "7.8.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-export-namespace-from/-/plugin-syntax-export-namespace-from-7.8.3.tgz",
-      "integrity": "sha512-MXf5laXo6c1IbEbegDmzGPwGNTsHZmEy6QGznu5Sh2UCWvueywb2ee+CCE4zQiZstxU9BMoQO9i6zUFSY0Kj0Q==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.8.3"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-import-meta": {
-      "version": "7.10.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-meta/-/plugin-syntax-import-meta-7.10.4.tgz",
-      "integrity": "sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.10.4"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-json-strings": {
-      "version": "7.8.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.8.3.tgz",
-      "integrity": "sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.8.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-jsx": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.22.5.tgz",
-      "integrity": "sha512-gvyP4hZrgrs/wWMaocvxZ44Hw0b3W8Pe+cMxc8V1ULQ07oh8VNbIRaoD1LRZVTvD+0nieDKjfgKg89sD7rrKrg==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-logical-assignment-operators": {
-      "version": "7.10.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.4.tgz",
-      "integrity": "sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.10.4"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-nullish-coalescing-operator": {
-      "version": "7.8.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-nullish-coalescing-operator/-/plugin-syntax-nullish-coalescing-operator-7.8.3.tgz",
-      "integrity": "sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.8.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-numeric-separator": {
-      "version": "7.10.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-numeric-separator/-/plugin-syntax-numeric-separator-7.10.4.tgz",
-      "integrity": "sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.10.4"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-object-rest-spread": {
-      "version": "7.8.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-object-rest-spread/-/plugin-syntax-object-rest-spread-7.8.3.tgz",
-      "integrity": "sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.8.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-optional-catch-binding": {
-      "version": "7.8.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-catch-binding/-/plugin-syntax-optional-catch-binding-7.8.3.tgz",
-      "integrity": "sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.8.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-optional-chaining": {
-      "version": "7.8.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-chaining/-/plugin-syntax-optional-chaining-7.8.3.tgz",
-      "integrity": "sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.8.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-private-property-in-object": {
-      "version": "7.14.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-private-property-in-object/-/plugin-syntax-private-property-in-object-7.14.5.tgz",
-      "integrity": "sha512-0wVnp9dxJ72ZUJDV27ZfbSj6iHLoytYZmh3rFcxNnvsJF3ktkzLDZPy/mA17HGsaQT3/DQsWYX1f1QGWkCoVUg==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.14.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-top-level-await": {
-      "version": "7.14.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.14.5.tgz",
-      "integrity": "sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.14.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-typescript": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.22.5.tgz",
-      "integrity": "sha512-1mS2o03i7t1c6VzH6fdQ3OA8tcEIxwG18zIPRp+UY1Ihv6W+XZzBCVxExF9upussPXJ0xE9XRHwMoNs1ep/nRQ==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-unicode-sets-regex": {
-      "version": "7.18.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-unicode-sets-regex/-/plugin-syntax-unicode-sets-regex-7.18.6.tgz",
-      "integrity": "sha512-727YkEAPwSIQTv5im8QHz3upqp92JTWhidIC81Tdx4VJYIte/VndKf1qKrfnnhPLiPghStWfvC/iFaMCQu7Nqg==",
-      "dependencies": {
-        "@babel/helper-create-regexp-features-plugin": "^7.18.6",
-        "@babel/helper-plugin-utils": "^7.18.6"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-environment-visitor": "^7.22.5",
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/helper-remap-async-to-generator": "^7.22.9",
-        "@babel/plugin-syntax-async-generators": "^7.8.4"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-module-imports": "^7.22.5",
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/helper-remap-async-to-generator": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-create-class-features-plugin": "^7.22.5",
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-create-class-features-plugin": "^7.22.11",
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/plugin-syntax-class-static-block": "^7.14.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.12.0"
-      }
-    },
-    "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==",
-      "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-optimise-call-expression": "^7.22.5",
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/helper-replace-supers": "^7.22.9",
-        "@babel/helper-split-export-declaration": "^7.22.6",
-        "globals": "^11.1.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/template": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-create-regexp-features-plugin": "^7.22.5",
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/plugin-syntax-dynamic-import": "^7.8.3"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-builder-binary-assignment-operator-visitor": "^7.22.5",
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/plugin-syntax-export-namespace-from": "^7.8.3"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-compilation-targets": "^7.22.5",
-        "@babel/helper-function-name": "^7.22.5",
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/plugin-syntax-json-strings": "^7.8.3"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@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-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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-module-transforms": "^7.23.0",
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-module-transforms": "^7.23.0",
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/helper-simple-access": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-hoist-variables": "^7.22.5",
-        "@babel/helper-module-transforms": "^7.23.0",
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/helper-validator-identifier": "^7.22.20"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-module-transforms": "^7.22.5",
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-named-capturing-groups-regex": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.22.5.tgz",
-      "integrity": "sha512-YgLLKmS3aUBhHaxp5hi1WJTgOUb/NCuDHzGT9z9WTt3YG+CPRhJs6nprbStx6DnWM4dh6gt7SU3sZodbZ08adQ==",
-      "dependencies": {
-        "@babel/helper-create-regexp-features-plugin": "^7.22.5",
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@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-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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/plugin-syntax-numeric-separator": "^7.10.4"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/compat-data": "^7.22.9",
-        "@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"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/helper-replace-supers": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@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-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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5",
-        "@babel/plugin-syntax-optional-chaining": "^7.8.3"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-create-class-features-plugin": "^7.22.5",
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.22.5",
-        "@babel/helper-create-class-features-plugin": "^7.22.11",
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/plugin-syntax-private-property-in-object": "^7.14.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-react-display-name": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.22.5.tgz",
-      "integrity": "sha512-PVk3WPYudRF5z4GKMEYUrLjPl38fJSKNaEOkFuoprioowGuWN6w2RKznuFNSlJx7pzzXXStPUnNSOEO0jL5EVw==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-react-jsx": {
-      "version": "7.22.15",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.22.15.tgz",
-      "integrity": "sha512-oKckg2eZFa8771O/5vi7XeTvmM6+O9cxZu+kanTU7tD4sin5nO/G8jGJhq8Hvt2Z0kUoEDRayuZLaUlYl8QuGA==",
-      "dependencies": {
-        "@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.22.5",
-        "@babel/types": "^7.22.15"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-react-jsx-development": {
-      "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==",
-      "dependencies": {
-        "@babel/plugin-transform-react-jsx": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-react-pure-annotations": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-pure-annotations/-/plugin-transform-react-pure-annotations-7.22.5.tgz",
-      "integrity": "sha512-gP4k85wx09q+brArVinTXhWiyzLl9UpmGva0+mWyKxk6JZequ05x3eUcIUE+FyttPKJFRRVtAvQaJ6YF9h1ZpA==",
-      "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.22.5",
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "regenerator-transform": "^0.15.2"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-typescript": {
-      "version": "7.22.15",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.22.15.tgz",
-      "integrity": "sha512-1uirS0TnijxvQLnlv5wQBwOX3E1wCFX7ITv+9pBV2wKEk4K+M5tqDaoNXnTH8tjEIYHLO98MwiTWO04Ggz4XuA==",
-      "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.22.5",
-        "@babel/helper-create-class-features-plugin": "^7.22.15",
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/plugin-syntax-typescript": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-create-regexp-features-plugin": "^7.22.5",
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-create-regexp-features-plugin": "^7.22.5",
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-create-regexp-features-plugin": "^7.22.5",
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/compat-data": "^7.22.20",
-        "@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/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-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-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-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/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",
-        "core-js-compat": "^3.31.0",
-        "semver": "^6.3.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/preset-modules": {
-      "version": "0.1.6-no-external-plugins",
-      "resolved": "https://registry.npmjs.org/@babel/preset-modules/-/preset-modules-0.1.6-no-external-plugins.tgz",
-      "integrity": "sha512-HrcgcIESLm9aIR842yhJ5RWan/gebQUJ6E/E5+rf0y9o6oj7w0Br+sWuL6kEQ/o/AdfvR1Je9jG18/gnpwjEyA==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.0.0",
-        "@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/@babel/preset-react": {
-      "version": "7.22.15",
-      "resolved": "https://registry.npmjs.org/@babel/preset-react/-/preset-react-7.22.15.tgz",
-      "integrity": "sha512-Csy1IJ2uEh/PecCBXXoZGAZBeCATTuePzCSB7dLYWS0vOEj6CNpjxIhW4duWwZodBNueH7QO14WbGn8YyeuN9w==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/helper-validator-option": "^7.22.15",
-        "@babel/plugin-transform-react-display-name": "^7.22.5",
-        "@babel/plugin-transform-react-jsx": "^7.22.15",
-        "@babel/plugin-transform-react-jsx-development": "^7.22.5",
-        "@babel/plugin-transform-react-pure-annotations": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/preset-typescript": {
-      "version": "7.23.0",
-      "resolved": "https://registry.npmjs.org/@babel/preset-typescript/-/preset-typescript-7.23.0.tgz",
-      "integrity": "sha512-6P6VVa/NM/VlAYj5s2Aq/gdVg8FSENCg3wlZ6Qau9AcPaoF5LbN1nyGlR9DTRIw9PpxI94e+ReydsJHcjwAweg==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/helper-validator-option": "^7.22.15",
-        "@babel/plugin-syntax-jsx": "^7.22.5",
-        "@babel/plugin-transform-modules-commonjs": "^7.23.0",
-        "@babel/plugin-transform-typescript": "^7.22.15"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/regjsgen": {
-      "version": "0.8.0",
-      "resolved": "https://registry.npmjs.org/@babel/regjsgen/-/regjsgen-0.8.0.tgz",
-      "integrity": "sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA=="
-    },
-    "node_modules/@babel/runtime": {
-      "version": "7.23.1",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.1.tgz",
-      "integrity": "sha512-hC2v6p8ZSI/W0HUzh3V8C5g+NwSKzKPtJwSpTjwl0o297GP9+ZLQSkdvHz46CM3LqyoXxq+5G9komY+eSqSO0g==",
-      "dependencies": {
-        "regenerator-runtime": "^0.14.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/template": {
-      "version": "7.22.15",
-      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.22.15.tgz",
-      "integrity": "sha512-QPErUVm4uyJa60rkI73qneDacvdvzxshT3kksGqlGWYdOTIUOwJ7RDUL8sGqslY1uXWSL6xMFKEXDS3ox2uF0w==",
-      "dependencies": {
-        "@babel/code-frame": "^7.22.13",
-        "@babel/parser": "^7.22.15",
-        "@babel/types": "^7.22.15"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "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/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/@emotion/is-prop-valid": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.2.1.tgz",
-      "integrity": "sha512-61Mf7Ufx4aDxx1xlDeOm8aFFigGHE4z+0sKCa+IHCeZKiyP9RLD0Mmx7m8b9/Cf37f7NAvQOOJAbQQGVr5uERw==",
-      "dependencies": {
-        "@emotion/memoize": "^0.8.1"
-      }
-    },
-    "node_modules/@emotion/memoize": {
-      "version": "0.8.1",
-      "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz",
-      "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA=="
-    },
-    "node_modules/@emotion/unitless": {
-      "version": "0.8.1",
-      "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.8.1.tgz",
-      "integrity": "sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ=="
-    },
-    "node_modules/@eslint-community/eslint-utils": {
-      "version": "4.4.0",
-      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz",
-      "integrity": "sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==",
-      "dev": true,
-      "dependencies": {
-        "eslint-visitor-keys": "^3.3.0"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "peerDependencies": {
-        "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
-      }
-    },
-    "node_modules/@eslint-community/regexpp": {
-      "version": "4.5.1",
-      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.5.1.tgz",
-      "integrity": "sha512-Z5ba73P98O1KUYCCJTUeVpja9RcGoMdncZ6T49FCUl2lN38JtCJ+3WgIDBv0AuY4WChU5PmtJmOCTlN6FZTFKQ==",
-      "dev": true,
-      "engines": {
-        "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
-      }
-    },
-    "node_modules/@eslint/eslintrc": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.0.2.tgz",
-      "integrity": "sha512-3W4f5tDUra+pA+FzgugqL2pRimUTDJWKr7BINqOpkZrC0uYI0NIc0/JFgBROCU07HR6GieA5m3/rsPIhDmCXTQ==",
-      "dev": true,
-      "dependencies": {
-        "ajv": "^6.12.4",
-        "debug": "^4.3.2",
-        "espree": "^9.5.1",
-        "globals": "^13.19.0",
-        "ignore": "^5.2.0",
-        "import-fresh": "^3.2.1",
-        "js-yaml": "^4.1.0",
-        "minimatch": "^3.1.2",
-        "strip-json-comments": "^3.1.1"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/@eslint/eslintrc/node_modules/globals": {
-      "version": "13.20.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-13.20.0.tgz",
-      "integrity": "sha512-Qg5QtVkCy/kv3FUSlu4ukeZDVf9ee0iXLAUYX13gbR17bnejFTzr4iS9bY7kwCf1NztRNm1t91fjOiyx4CSwPQ==",
-      "dev": true,
-      "dependencies": {
-        "type-fest": "^0.20.2"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/@eslint/js": {
-      "version": "8.39.0",
-      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.39.0.tgz",
-      "integrity": "sha512-kf9RB0Fg7NZfap83B3QOqOGg9QmD9yBudqQXzzOtn3i4y7ZUXe5ONeW34Gwi+TxhH4mvj72R1Zc300KUMa9Bng==",
-      "dev": true,
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      }
-    },
-    "node_modules/@humanwhocodes/config-array": {
-      "version": "0.11.8",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.8.tgz",
-      "integrity": "sha512-UybHIJzJnR5Qc/MsD9Kr+RpO2h+/P1GhOwdiLPXK5TWk5sgTdu88bTD9UP+CKbPPh5Rni1u0GjAdYQLemG8g+g==",
-      "dev": true,
-      "dependencies": {
-        "@humanwhocodes/object-schema": "^1.2.1",
-        "debug": "^4.1.1",
-        "minimatch": "^3.0.5"
-      },
-      "engines": {
-        "node": ">=10.10.0"
-      }
-    },
-    "node_modules/@humanwhocodes/module-importer": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
-      "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
-      "dev": true,
-      "engines": {
-        "node": ">=12.22"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/nzakas"
-      }
-    },
-    "node_modules/@humanwhocodes/object-schema": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz",
-      "integrity": "sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==",
-      "dev": true
-    },
-    "node_modules/@jridgewell/gen-mapping": {
-      "version": "0.3.3",
-      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz",
-      "integrity": "sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==",
-      "dependencies": {
-        "@jridgewell/set-array": "^1.0.1",
-        "@jridgewell/sourcemap-codec": "^1.4.10",
-        "@jridgewell/trace-mapping": "^0.3.9"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/@jridgewell/resolve-uri": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz",
-      "integrity": "sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==",
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/@jridgewell/set-array": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz",
-      "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==",
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/@jridgewell/source-map": {
-      "version": "0.3.3",
-      "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.3.tgz",
-      "integrity": "sha512-b+fsZXeLYi9fEULmfBrhxn4IrPlINf8fiNarzTof004v3lFdntdwa9PF7vFJqm3mg7s+ScJMxXaE3Acp1irZcg==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@jridgewell/gen-mapping": "^0.3.0",
-        "@jridgewell/trace-mapping": "^0.3.9"
-      }
-    },
-    "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=="
-    },
-    "node_modules/@jridgewell/trace-mapping": {
-      "version": "0.3.18",
-      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.18.tgz",
-      "integrity": "sha512-w+niJYzMHdd7USdiH2U6869nqhD2nbfZXND5Yp93qIbEmnDNk7PD48o+YchRVpzMU7M6jVCbenTR7PA1FLQ9pA==",
-      "dependencies": {
-        "@jridgewell/resolve-uri": "3.1.0",
-        "@jridgewell/sourcemap-codec": "1.4.14"
-      }
-    },
-    "node_modules/@jridgewell/trace-mapping/node_modules/@jridgewell/sourcemap-codec": {
-      "version": "1.4.14",
-      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz",
-      "integrity": "sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw=="
-    },
-    "node_modules/@matrix-org/matrix-sdk-crypto-wasm": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/@matrix-org/matrix-sdk-crypto-wasm/-/matrix-sdk-crypto-wasm-1.3.0.tgz",
-      "integrity": "sha512-vQ5PVppKu1PY7xy7QDw+RJLYLGFKhJyxLqjXHr0uEUJwfvz2IH2njTLXzrz77dOo9qacxJ9/YNOTe0Hl+98N0A==",
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/env": {
-      "version": "13.5.4",
-      "resolved": "https://registry.npmjs.org/@next/env/-/env-13.5.4.tgz",
-      "integrity": "sha512-LGegJkMvRNw90WWphGJ3RMHMVplYcOfRWf2Be3td3sUa+1AaxmsYyANsA+znrGCBjXJNi4XAQlSoEfUxs/4kIQ=="
-    },
-    "node_modules/@next/eslint-plugin-next": {
-      "version": "13.5.6",
-      "resolved": "https://registry.npmjs.org/@next/eslint-plugin-next/-/eslint-plugin-next-13.5.6.tgz",
-      "integrity": "sha512-ng7pU/DDsxPgT6ZPvuprxrkeew3XaRf4LAT4FabaEO/hAbvVx4P7wqnqdbTdDn1kgTvsI4tpIgT4Awn/m0bGbg==",
-      "dev": true,
-      "dependencies": {
-        "glob": "7.1.7"
-      }
-    },
-    "node_modules/@next/eslint-plugin-next/node_modules/glob": {
-      "version": "7.1.7",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.7.tgz",
-      "integrity": "sha512-OvD9ENzPLbegENnYP5UUfJIirTg4+XwMWGaQfQTY0JenxNvvIKP3U3/tAQSPIu/lHxXYSZmpXlUHeqAIdKzBLQ==",
-      "dev": true,
-      "dependencies": {
-        "fs.realpath": "^1.0.0",
-        "inflight": "^1.0.4",
-        "inherits": "2",
-        "minimatch": "^3.0.4",
-        "once": "^1.3.0",
-        "path-is-absolute": "^1.0.0"
-      },
-      "engines": {
-        "node": "*"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/@next/swc-darwin-arm64": {
-      "version": "13.5.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-13.5.4.tgz",
-      "integrity": "sha512-Df8SHuXgF1p+aonBMcDPEsaahNo2TCwuie7VXED4FVyECvdXfRT9unapm54NssV9tF3OQFKBFOdlje4T43VO0w==",
-      "cpu": [
-        "arm64"
-      ],
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/swc-darwin-x64": {
-      "version": "13.5.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-13.5.4.tgz",
-      "integrity": "sha512-siPuUwO45PnNRMeZnSa8n/Lye5ZX93IJom9wQRB5DEOdFrw0JjOMu1GINB8jAEdwa7Vdyn1oJ2xGNaQpdQQ9Pw==",
-      "cpu": [
-        "x64"
-      ],
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/swc-linux-arm64-gnu": {
-      "version": "13.5.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-13.5.4.tgz",
-      "integrity": "sha512-l/k/fvRP/zmB2jkFMfefmFkyZbDkYW0mRM/LB+tH5u9pB98WsHXC0WvDHlGCYp3CH/jlkJPL7gN8nkTQVrQ/2w==",
-      "cpu": [
-        "arm64"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/swc-linux-arm64-musl": {
-      "version": "13.5.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-13.5.4.tgz",
-      "integrity": "sha512-YYGb7SlLkI+XqfQa8VPErljb7k9nUnhhRrVaOdfJNCaQnHBcvbT7cx/UjDQLdleJcfyg1Hkn5YSSIeVfjgmkTg==",
-      "cpu": [
-        "arm64"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/swc-linux-x64-gnu": {
-      "version": "13.5.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-13.5.4.tgz",
-      "integrity": "sha512-uE61vyUSClnCH18YHjA8tE1prr/PBFlBFhxBZis4XBRJoR+txAky5d7gGNUIbQ8sZZ7LVkSVgm/5Fc7mwXmRAg==",
-      "cpu": [
-        "x64"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/swc-linux-x64-musl": {
-      "version": "13.5.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-13.5.4.tgz",
-      "integrity": "sha512-qVEKFYML/GvJSy9CfYqAdUexA6M5AklYcQCW+8JECmkQHGoPxCf04iMh7CPR7wkHyWWK+XLt4Ja7hhsPJtSnhg==",
-      "cpu": [
-        "x64"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/swc-win32-arm64-msvc": {
-      "version": "13.5.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-13.5.4.tgz",
-      "integrity": "sha512-mDSQfqxAlfpeZOLPxLymZkX0hYF3juN57W6vFHTvwKlnHfmh12Pt7hPIRLYIShk8uYRsKPtMTth/EzpwRI+u8w==",
-      "cpu": [
-        "arm64"
-      ],
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/swc-win32-ia32-msvc": {
-      "version": "13.5.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-13.5.4.tgz",
-      "integrity": "sha512-aoqAT2XIekIWoriwzOmGFAvTtVY5O7JjV21giozBTP5c6uZhpvTWRbmHXbmsjZqY4HnEZQRXWkSAppsIBweKqw==",
-      "cpu": [
-        "ia32"
-      ],
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/swc-win32-x64-msvc": {
-      "version": "13.5.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-13.5.4.tgz",
-      "integrity": "sha512-cyRvlAxwlddlqeB9xtPSfNSCRy8BOa4wtMo0IuI9P7Y0XT2qpDrpFKRyZ7kUngZis59mPVla5k8X1oOJ8RxDYg==",
-      "cpu": [
-        "x64"
-      ],
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@nicolo-ribaudo/chokidar-2": {
-      "version": "2.1.8-no-fsevents.3",
-      "resolved": "https://registry.npmjs.org/@nicolo-ribaudo/chokidar-2/-/chokidar-2-2.1.8-no-fsevents.3.tgz",
-      "integrity": "sha512-s88O1aVtXftvp5bCPB7WnmXc5IwOZZ7YPuwNPt+GtOOXpPvad1LfbmjYv+qII7zP6RU2QGnqve27dnLycEnyEQ==",
-      "optional": true
-    },
-    "node_modules/@nicolo-ribaudo/eslint-scope-5-internals": {
-      "version": "5.1.1-v1",
-      "resolved": "https://registry.npmjs.org/@nicolo-ribaudo/eslint-scope-5-internals/-/eslint-scope-5-internals-5.1.1-v1.tgz",
-      "integrity": "sha512-54/JRvkLIzzDWshCWfuhadfrfZVPiElY8Fcgmg1HroEly/EDSszzhBAsarCux+D/kOslTRquNzuyGSmUSTTHGg==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "eslint-scope": "5.1.1"
-      }
-    },
-    "node_modules/@nodelib/fs.scandir": {
-      "version": "2.1.5",
-      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
-      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
-      "dev": true,
-      "dependencies": {
-        "@nodelib/fs.stat": "2.0.5",
-        "run-parallel": "^1.1.9"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/@nodelib/fs.stat": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
-      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
-      "dev": true,
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/@nodelib/fs.walk": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
-      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
-      "dev": true,
-      "dependencies": {
-        "@nodelib/fs.scandir": "2.1.5",
-        "fastq": "^1.6.0"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/@remixicons/react": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/@remixicons/react/-/react-1.0.0.tgz",
-      "integrity": "sha512-2QvlgR5myO7wzQduGWD4MYMtxwoHsu/Fq86N3A6DLogXJOctaxb+bLTEH7yysRIPmwO+o6lkadVph/ixasadqQ==",
-      "dev": true,
-      "peerDependencies": {
-        "react": ">= 16"
-      }
-    },
-    "node_modules/@rushstack/eslint-patch": {
-      "version": "1.5.1",
-      "resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.5.1.tgz",
-      "integrity": "sha512-6i/8UoL0P5y4leBIGzvkZdS85RDMG9y1ihZzmTZQ5LdHUYmZ7pKFoj8X0236s3lusPs1Fa5HTQUpwI+UfTcmeA==",
-      "dev": true
-    },
-    "node_modules/@stylelint/postcss-css-in-js": {
-      "version": "0.38.0",
-      "resolved": "https://registry.npmjs.org/@stylelint/postcss-css-in-js/-/postcss-css-in-js-0.38.0.tgz",
-      "integrity": "sha512-XOz5CAe49kS95p5yRd+DAIWDojTjfmyAQ4bbDlXMdbZTQ5t0ThjSLvWI6JI2uiS7MFurVBkZ6zUqcimzcLTBoQ==",
-      "dev": true,
-      "dependencies": {
-        "@babel/core": "^7.17.9"
-      },
-      "peerDependencies": {
-        "postcss": ">=7.0.0",
-        "postcss-syntax": ">=0.36.2"
-      }
-    },
-    "node_modules/@swc/helpers": {
-      "version": "0.5.2",
-      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.2.tgz",
-      "integrity": "sha512-E4KcWTpoLHqwPHLxidpOqQbcrZVgi0rsmmZXUle1jXmJfuIf/UWpczUJ7MZZ5tlxytgJXyp0w4PGkkeLiuIdZw==",
-      "dependencies": {
-        "tslib": "^2.4.0"
-      }
-    },
-    "node_modules/@types/eslint": {
-      "version": "8.4.2",
-      "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-8.4.2.tgz",
-      "integrity": "sha512-Z1nseZON+GEnFjJc04sv4NSALGjhFwy6K0HXt7qsn5ArfAKtb63dXNJHf+1YW6IpOIYRBGUbu3GwJdj8DGnCjA==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@types/estree": "*",
-        "@types/json-schema": "*"
-      }
-    },
-    "node_modules/@types/eslint-scope": {
-      "version": "3.7.3",
-      "resolved": "https://registry.npmjs.org/@types/eslint-scope/-/eslint-scope-3.7.3.tgz",
-      "integrity": "sha512-PB3ldyrcnAicT35TWPs5IcwKD8S333HMaa2VVv4+wdvebJkjWuW/xESoB8IwRcog8HYVYamb1g/R31Qv5Bx03g==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@types/eslint": "*",
-        "@types/estree": "*"
-      }
-    },
-    "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==",
-      "dev": true,
-      "peer": true
-    },
-    "node_modules/@types/events": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/@types/events/-/events-3.0.1.tgz",
-      "integrity": "sha512-QfUFdKjGSc+iCf8OFZhqJKfDuqB6lP57kSMkPw8ba3yNDANicUwCdaPt5ytZ4nDXXVFxQkvT8v73I4stSVrCxA=="
-    },
-    "node_modules/@types/json-schema": {
-      "version": "7.0.12",
-      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.12.tgz",
-      "integrity": "sha512-Hr5Jfhc9eYOQNPYO5WLDq/n4jqijdHNlDXjuAQkkt+mWdQR+XJToOHrsD4cPaMXpn6KO7y2+wM8AZEs8VpBLVA==",
-      "dev": true
-    },
-    "node_modules/@types/json5": {
-      "version": "0.0.29",
-      "resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz",
-      "integrity": "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==",
-      "dev": true
-    },
-    "node_modules/@types/minimist": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/@types/minimist/-/minimist-1.2.2.tgz",
-      "integrity": "sha512-jhuKLIRrhvCPLqwPcx6INqmKeiA5EWrsCOPhrlFSrbrmU4ZMPjj5Ul/oLCMDO98XRUIwVm78xICz4EPCektzeQ==",
-      "dev": true
-    },
-    "node_modules/@types/node": {
-      "version": "17.0.31",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-17.0.31.tgz",
-      "integrity": "sha512-AR0x5HbXGqkEx9CadRH3EBYx/VkiUgZIhP4wvPn/+5KIsgpNoyFaRlVe0Zlx9gRtg8fA06a9tskE2MSN7TcG4Q==",
-      "dev": true
-    },
-    "node_modules/@types/normalize-package-data": {
-      "version": "2.4.1",
-      "resolved": "https://registry.npmjs.org/@types/normalize-package-data/-/normalize-package-data-2.4.1.tgz",
-      "integrity": "sha512-Gj7cI7z+98M282Tqmp2K5EIsoouUEzbBJhQQzDE3jSIRk6r9gsz0oUokqIUR4u1R3dMHo0pDHM7sNOHyhulypw==",
-      "dev": true
-    },
-    "node_modules/@types/parse-json": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.0.tgz",
-      "integrity": "sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==",
-      "dev": true
-    },
-    "node_modules/@types/retry": {
-      "version": "0.12.1",
-      "resolved": "https://registry.npmjs.org/@types/retry/-/retry-0.12.1.tgz",
-      "integrity": "sha512-xoDlM2S4ortawSWORYqsdU+2rxdh4LRW9ytc3zmT37RIKQh6IHyKwwtKhKis9ah8ol07DCkZxPt8BBvPjC6v4g=="
-    },
-    "node_modules/@types/semver": {
-      "version": "7.5.0",
-      "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.5.0.tgz",
-      "integrity": "sha512-G8hZ6XJiHnuhQKR7ZmysCeJWE08o8T0AXtk5darsCaTVsYZhhgUrq53jizaR2FvsoeCwJhlmwTjkXBY5Pn/ZHw==",
-      "dev": true,
-      "peer": true
-    },
-    "node_modules/@types/stylis": {
-      "version": "4.2.1",
-      "resolved": "https://registry.npmjs.org/@types/stylis/-/stylis-4.2.1.tgz",
-      "integrity": "sha512-OSaMrXUKxVigGlKRrET39V2xdhzlztQ9Aqumn1WbCBKHOi9ry7jKSd7rkyj0GzmWaU960Rd+LpOFpLfx5bMQAg=="
-    },
-    "node_modules/@typescript-eslint/eslint-plugin": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-6.1.0.tgz",
-      "integrity": "sha512-qg7Bm5TyP/I7iilGyp6DRqqkt8na00lI6HbjWZObgk3FFSzH5ypRwAHXJhJkwiRtTcfn+xYQIMOR5kJgpo6upw==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@eslint-community/regexpp": "^4.5.1",
-        "@typescript-eslint/scope-manager": "6.1.0",
-        "@typescript-eslint/type-utils": "6.1.0",
-        "@typescript-eslint/utils": "6.1.0",
-        "@typescript-eslint/visitor-keys": "6.1.0",
-        "debug": "^4.3.4",
-        "graphemer": "^1.4.0",
-        "ignore": "^5.2.4",
-        "natural-compare": "^1.4.0",
-        "natural-compare-lite": "^1.4.0",
-        "semver": "^7.5.4",
-        "ts-api-utils": "^1.0.1"
-      },
-      "engines": {
-        "node": "^16.0.0 || >=18.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "@typescript-eslint/parser": "^6.0.0 || ^6.0.0-alpha",
-        "eslint": "^7.0.0 || ^8.0.0"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@typescript-eslint/eslint-plugin/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,
-      "peer": true,
-      "dependencies": {
-        "lru-cache": "^6.0.0"
-      },
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/@typescript-eslint/parser": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-6.1.0.tgz",
-      "integrity": "sha512-hIzCPvX4vDs4qL07SYzyomamcs2/tQYXg5DtdAfj35AyJ5PIUqhsLf4YrEIFzZcND7R2E8tpQIZKayxg8/6Wbw==",
-      "dev": true,
-      "dependencies": {
-        "@typescript-eslint/scope-manager": "6.1.0",
-        "@typescript-eslint/types": "6.1.0",
-        "@typescript-eslint/typescript-estree": "6.1.0",
-        "@typescript-eslint/visitor-keys": "6.1.0",
-        "debug": "^4.3.4"
-      },
-      "engines": {
-        "node": "^16.0.0 || >=18.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "eslint": "^7.0.0 || ^8.0.0"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@typescript-eslint/scope-manager": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-6.1.0.tgz",
-      "integrity": "sha512-AxjgxDn27hgPpe2rQe19k0tXw84YCOsjDJ2r61cIebq1t+AIxbgiXKvD4999Wk49GVaAcdJ/d49FYel+Pp3jjw==",
-      "dev": true,
-      "dependencies": {
-        "@typescript-eslint/types": "6.1.0",
-        "@typescript-eslint/visitor-keys": "6.1.0"
-      },
-      "engines": {
-        "node": "^16.0.0 || >=18.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      }
-    },
-    "node_modules/@typescript-eslint/type-utils": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-6.1.0.tgz",
-      "integrity": "sha512-kFXBx6QWS1ZZ5Ni89TyT1X9Ag6RXVIVhqDs0vZE/jUeWlBv/ixq2diua6G7ece6+fXw3TvNRxP77/5mOMusx2w==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@typescript-eslint/typescript-estree": "6.1.0",
-        "@typescript-eslint/utils": "6.1.0",
-        "debug": "^4.3.4",
-        "ts-api-utils": "^1.0.1"
-      },
-      "engines": {
-        "node": "^16.0.0 || >=18.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "eslint": "^7.0.0 || ^8.0.0"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@typescript-eslint/types": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-6.1.0.tgz",
-      "integrity": "sha512-+Gfd5NHCpDoHDOaU/yIF3WWRI2PcBRKKpP91ZcVbL0t5tQpqYWBs3z/GGhvU+EV1D0262g9XCnyqQh19prU0JQ==",
-      "dev": true,
-      "engines": {
-        "node": "^16.0.0 || >=18.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      }
-    },
-    "node_modules/@typescript-eslint/typescript-estree": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-6.1.0.tgz",
-      "integrity": "sha512-nUKAPWOaP/tQjU1IQw9sOPCDavs/iU5iYLiY/6u7gxS7oKQoi4aUxXS1nrrVGTyBBaGesjkcwwHkbkiD5eBvcg==",
-      "dev": true,
-      "dependencies": {
-        "@typescript-eslint/types": "6.1.0",
-        "@typescript-eslint/visitor-keys": "6.1.0",
-        "debug": "^4.3.4",
-        "globby": "^11.1.0",
-        "is-glob": "^4.0.3",
-        "semver": "^7.5.4",
-        "ts-api-utils": "^1.0.1"
-      },
-      "engines": {
-        "node": "^16.0.0 || >=18.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@typescript-eslint/typescript-estree/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/@typescript-eslint/utils": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-6.1.0.tgz",
-      "integrity": "sha512-wp652EogZlKmQoMS5hAvWqRKplXvkuOnNzZSE0PVvsKjpexd/XznRVHAtrfHFYmqaJz0DFkjlDsGYC9OXw+OhQ==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@eslint-community/eslint-utils": "^4.4.0",
-        "@types/json-schema": "^7.0.12",
-        "@types/semver": "^7.5.0",
-        "@typescript-eslint/scope-manager": "6.1.0",
-        "@typescript-eslint/types": "6.1.0",
-        "@typescript-eslint/typescript-estree": "6.1.0",
-        "semver": "^7.5.4"
-      },
-      "engines": {
-        "node": "^16.0.0 || >=18.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "eslint": "^7.0.0 || ^8.0.0"
-      }
-    },
-    "node_modules/@typescript-eslint/utils/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,
-      "peer": true,
-      "dependencies": {
-        "lru-cache": "^6.0.0"
-      },
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/@typescript-eslint/visitor-keys": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-6.1.0.tgz",
-      "integrity": "sha512-yQeh+EXhquh119Eis4k0kYhj9vmFzNpbhM3LftWQVwqVjipCkwHBQOZutcYW+JVkjtTG9k8nrZU1UoNedPDd1A==",
-      "dev": true,
-      "dependencies": {
-        "@typescript-eslint/types": "6.1.0",
-        "eslint-visitor-keys": "^3.4.1"
-      },
-      "engines": {
-        "node": "^16.0.0 || >=18.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      }
-    },
-    "node_modules/@webassemblyjs/ast": {
-      "version": "1.11.5",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.11.5.tgz",
-      "integrity": "sha512-LHY/GSAZZRpsNQH+/oHqhRQ5FT7eoULcBqgfyTB5nQHogFnK3/7QoN7dLnwSE/JkUAF0SrRuclT7ODqMFtWxxQ==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@webassemblyjs/helper-numbers": "1.11.5",
-        "@webassemblyjs/helper-wasm-bytecode": "1.11.5"
-      }
-    },
-    "node_modules/@webassemblyjs/floating-point-hex-parser": {
-      "version": "1.11.5",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.11.5.tgz",
-      "integrity": "sha512-1j1zTIC5EZOtCplMBG/IEwLtUojtwFVwdyVMbL/hwWqbzlQoJsWCOavrdnLkemwNoC/EOwtUFch3fuo+cbcXYQ==",
-      "dev": true,
-      "peer": true
-    },
-    "node_modules/@webassemblyjs/helper-api-error": {
-      "version": "1.11.5",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.11.5.tgz",
-      "integrity": "sha512-L65bDPmfpY0+yFrsgz8b6LhXmbbs38OnwDCf6NpnMUYqa+ENfE5Dq9E42ny0qz/PdR0LJyq/T5YijPnU8AXEpA==",
-      "dev": true,
-      "peer": true
-    },
-    "node_modules/@webassemblyjs/helper-buffer": {
-      "version": "1.11.5",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.11.5.tgz",
-      "integrity": "sha512-fDKo1gstwFFSfacIeH5KfwzjykIE6ldh1iH9Y/8YkAZrhmu4TctqYjSh7t0K2VyDSXOZJ1MLhht/k9IvYGcIxg==",
-      "dev": true,
-      "peer": true
-    },
-    "node_modules/@webassemblyjs/helper-numbers": {
-      "version": "1.11.5",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-numbers/-/helper-numbers-1.11.5.tgz",
-      "integrity": "sha512-DhykHXM0ZABqfIGYNv93A5KKDw/+ywBFnuWybZZWcuzWHfbp21wUfRkbtz7dMGwGgT4iXjWuhRMA2Mzod6W4WA==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@webassemblyjs/floating-point-hex-parser": "1.11.5",
-        "@webassemblyjs/helper-api-error": "1.11.5",
-        "@xtuc/long": "4.2.2"
-      }
-    },
-    "node_modules/@webassemblyjs/helper-wasm-bytecode": {
-      "version": "1.11.5",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.11.5.tgz",
-      "integrity": "sha512-oC4Qa0bNcqnjAowFn7MPCETQgDYytpsfvz4ujZz63Zu/a/v71HeCAAmZsgZ3YVKec3zSPYytG3/PrRCqbtcAvA==",
-      "dev": true,
-      "peer": true
-    },
-    "node_modules/@webassemblyjs/helper-wasm-section": {
-      "version": "1.11.5",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.11.5.tgz",
-      "integrity": "sha512-uEoThA1LN2NA+K3B9wDo3yKlBfVtC6rh0i4/6hvbz071E8gTNZD/pT0MsBf7MeD6KbApMSkaAK0XeKyOZC7CIA==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@webassemblyjs/ast": "1.11.5",
-        "@webassemblyjs/helper-buffer": "1.11.5",
-        "@webassemblyjs/helper-wasm-bytecode": "1.11.5",
-        "@webassemblyjs/wasm-gen": "1.11.5"
-      }
-    },
-    "node_modules/@webassemblyjs/ieee754": {
-      "version": "1.11.5",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.11.5.tgz",
-      "integrity": "sha512-37aGq6qVL8A8oPbPrSGMBcp38YZFXcHfiROflJn9jxSdSMMM5dS5P/9e2/TpaJuhE+wFrbukN2WI6Hw9MH5acg==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@xtuc/ieee754": "^1.2.0"
-      }
-    },
-    "node_modules/@webassemblyjs/leb128": {
-      "version": "1.11.5",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.11.5.tgz",
-      "integrity": "sha512-ajqrRSXaTJoPW+xmkfYN6l8VIeNnR4vBOTQO9HzR7IygoCcKWkICbKFbVTNMjMgMREqXEr0+2M6zukzM47ZUfQ==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@xtuc/long": "4.2.2"
-      }
-    },
-    "node_modules/@webassemblyjs/utf8": {
-      "version": "1.11.5",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.11.5.tgz",
-      "integrity": "sha512-WiOhulHKTZU5UPlRl53gHR8OxdGsSOxqfpqWeA2FmcwBMaoEdz6b2x2si3IwC9/fSPLfe8pBMRTHVMk5nlwnFQ==",
-      "dev": true,
-      "peer": true
-    },
-    "node_modules/@webassemblyjs/wasm-edit": {
-      "version": "1.11.5",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.11.5.tgz",
-      "integrity": "sha512-C0p9D2fAu3Twwqvygvf42iGCQ4av8MFBLiTb+08SZ4cEdwzWx9QeAHDo1E2k+9s/0w1DM40oflJOpkZ8jW4HCQ==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@webassemblyjs/ast": "1.11.5",
-        "@webassemblyjs/helper-buffer": "1.11.5",
-        "@webassemblyjs/helper-wasm-bytecode": "1.11.5",
-        "@webassemblyjs/helper-wasm-section": "1.11.5",
-        "@webassemblyjs/wasm-gen": "1.11.5",
-        "@webassemblyjs/wasm-opt": "1.11.5",
-        "@webassemblyjs/wasm-parser": "1.11.5",
-        "@webassemblyjs/wast-printer": "1.11.5"
-      }
-    },
-    "node_modules/@webassemblyjs/wasm-gen": {
-      "version": "1.11.5",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.11.5.tgz",
-      "integrity": "sha512-14vteRlRjxLK9eSyYFvw1K8Vv+iPdZU0Aebk3j6oB8TQiQYuO6hj9s4d7qf6f2HJr2khzvNldAFG13CgdkAIfA==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@webassemblyjs/ast": "1.11.5",
-        "@webassemblyjs/helper-wasm-bytecode": "1.11.5",
-        "@webassemblyjs/ieee754": "1.11.5",
-        "@webassemblyjs/leb128": "1.11.5",
-        "@webassemblyjs/utf8": "1.11.5"
-      }
-    },
-    "node_modules/@webassemblyjs/wasm-opt": {
-      "version": "1.11.5",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.11.5.tgz",
-      "integrity": "sha512-tcKwlIXstBQgbKy1MlbDMlXaxpucn42eb17H29rawYLxm5+MsEmgPzeCP8B1Cl69hCice8LeKgZpRUAPtqYPgw==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@webassemblyjs/ast": "1.11.5",
-        "@webassemblyjs/helper-buffer": "1.11.5",
-        "@webassemblyjs/wasm-gen": "1.11.5",
-        "@webassemblyjs/wasm-parser": "1.11.5"
-      }
-    },
-    "node_modules/@webassemblyjs/wasm-parser": {
-      "version": "1.11.5",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.11.5.tgz",
-      "integrity": "sha512-SVXUIwsLQlc8srSD7jejsfTU83g7pIGr2YYNb9oHdtldSxaOhvA5xwvIiWIfcX8PlSakgqMXsLpLfbbJ4cBYew==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@webassemblyjs/ast": "1.11.5",
-        "@webassemblyjs/helper-api-error": "1.11.5",
-        "@webassemblyjs/helper-wasm-bytecode": "1.11.5",
-        "@webassemblyjs/ieee754": "1.11.5",
-        "@webassemblyjs/leb128": "1.11.5",
-        "@webassemblyjs/utf8": "1.11.5"
-      }
-    },
-    "node_modules/@webassemblyjs/wast-printer": {
-      "version": "1.11.5",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.11.5.tgz",
-      "integrity": "sha512-f7Pq3wvg3GSPUPzR0F6bmI89Hdb+u9WXrSKc4v+N0aV0q6r42WoF92Jp2jEorBEBRoRNXgjp53nBniDXcqZYPA==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@webassemblyjs/ast": "1.11.5",
-        "@xtuc/long": "4.2.2"
-      }
-    },
-    "node_modules/@xtuc/ieee754": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz",
-      "integrity": "sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==",
-      "dev": true,
-      "peer": true
-    },
-    "node_modules/@xtuc/long": {
-      "version": "4.2.2",
-      "resolved": "https://registry.npmjs.org/@xtuc/long/-/long-4.2.2.tgz",
-      "integrity": "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==",
-      "dev": true,
-      "peer": true
-    },
-    "node_modules/abort-controller": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/abort-controller/-/abort-controller-3.0.0.tgz",
-      "integrity": "sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg==",
-      "dependencies": {
-        "event-target-shim": "^5.0.0"
-      },
-      "engines": {
-        "node": ">=6.5"
-      }
-    },
-    "node_modules/acorn": {
-      "version": "8.8.2",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.8.2.tgz",
-      "integrity": "sha512-xjIYgE8HBrkpd/sJqOGNspf8uHG+NOHGOw6a/Urj8taM2EXfdNAH2oFcPeIFfsv3+kz/mJrS5VuMqbNLjCa2vw==",
-      "dev": true,
-      "bin": {
-        "acorn": "bin/acorn"
-      },
-      "engines": {
-        "node": ">=0.4.0"
-      }
-    },
-    "node_modules/acorn-import-assertions": {
-      "version": "1.8.0",
-      "resolved": "https://registry.npmjs.org/acorn-import-assertions/-/acorn-import-assertions-1.8.0.tgz",
-      "integrity": "sha512-m7VZ3jwz4eK6A4Vtt8Ew1/mNbP24u0FhdyfA7fSvnJR6LMdfOYnmuIrrJAgrYfYJ10F/otaHTtrtrtmHdMNzEw==",
-      "dev": true,
-      "peer": true,
-      "peerDependencies": {
-        "acorn": "^8"
-      }
-    },
-    "node_modules/acorn-jsx": {
-      "version": "5.3.2",
-      "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
-      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
-      "dev": true,
-      "peerDependencies": {
-        "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
-      }
-    },
-    "node_modules/ajv": {
-      "version": "6.12.6",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
-      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
-      "dev": true,
-      "dependencies": {
-        "fast-deep-equal": "^3.1.1",
-        "fast-json-stable-stringify": "^2.0.0",
-        "json-schema-traverse": "^0.4.1",
-        "uri-js": "^4.2.2"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/epoberezkin"
-      }
-    },
-    "node_modules/ajv-formats": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/ajv-formats/-/ajv-formats-2.1.1.tgz",
-      "integrity": "sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==",
-      "dev": true,
-      "dependencies": {
-        "ajv": "^8.0.0"
-      },
-      "peerDependencies": {
-        "ajv": "^8.0.0"
-      },
-      "peerDependenciesMeta": {
-        "ajv": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/ajv-formats/node_modules/ajv": {
-      "version": "8.11.0",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.11.0.tgz",
-      "integrity": "sha512-wGgprdCvMalC0BztXvitD2hC04YffAvtsUn93JbGXYLAtCUO4xd17mCCZQxUOItiBwZvJScWo8NIvQMQ71rdpg==",
-      "dev": true,
-      "dependencies": {
-        "fast-deep-equal": "^3.1.1",
-        "json-schema-traverse": "^1.0.0",
-        "require-from-string": "^2.0.2",
-        "uri-js": "^4.2.2"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/epoberezkin"
-      }
-    },
-    "node_modules/ajv-formats/node_modules/json-schema-traverse": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
-      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
-      "dev": true
-    },
-    "node_modules/ajv-keywords": {
-      "version": "3.5.2",
-      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
-      "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
-      "dev": true,
-      "peer": true,
-      "peerDependencies": {
-        "ajv": "^6.9.1"
-      }
-    },
-    "node_modules/another-json": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/another-json/-/another-json-0.2.0.tgz",
-      "integrity": "sha1-tfQBnJc7bdXGUGotk0acttMq7tw="
-    },
-    "node_modules/ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/ansi-styles": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
-      "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
-      "dependencies": {
-        "color-convert": "^1.9.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/anymatch": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
-      "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
-      "optional": true,
-      "dependencies": {
-        "normalize-path": "^3.0.0",
-        "picomatch": "^2.0.4"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/argparse": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
-      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
-      "dev": true
-    },
-    "node_modules/aria-query": {
-      "version": "5.1.3",
-      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.1.3.tgz",
-      "integrity": "sha512-R5iJ5lkuHybztUfuOAznmboyjWq8O6sqNqtK7CLOqdydi54VNbORp49mb14KbWgG1QD3JFO9hJdZ+y4KutfdOQ==",
-      "dev": true,
-      "dependencies": {
-        "deep-equal": "^2.0.5"
-      }
-    },
-    "node_modules/array-buffer-byte-length": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.0.tgz",
-      "integrity": "sha512-LPuwb2P+NrQw3XhxGc36+XSvuBPopovXYTR9Ew++Du9Yb/bx5AzBfrIsBoj0EZUifjQU+sHL21sseZ3jerWO/A==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "is-array-buffer": "^3.0.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/array-includes": {
-      "version": "3.1.7",
-      "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.7.tgz",
-      "integrity": "sha512-dlcsNBIiWhPkHdOEEKnehA+RNUWDc4UqFtnIXU4uuYDPtA4LDkr7qip2p0VvFAEXNDr0yWZ9PJyIRiGjRLQzwQ==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "get-intrinsic": "^1.2.1",
-        "is-string": "^1.0.7"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/array-union": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
-      "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/array.prototype.findlastindex": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.3.tgz",
-      "integrity": "sha512-LzLoiOMAxvy+Gd3BAq3B7VeIgPdo+Q8hthvKtXybMvRV0jrXfJM/t8mw7nNlpEcVlVUnCnM2KSX4XU5HmpodOA==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "es-shim-unscopables": "^1.0.0",
-        "get-intrinsic": "^1.2.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/array.prototype.flat": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.2.tgz",
-      "integrity": "sha512-djYB+Zx2vLewY8RWlNCUdHjDXs2XOgm602S9E7P/UpHgfeHL00cRiIF+IN/G/aUJ7kGPb6yO/ErDI5V2s8iycA==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "es-shim-unscopables": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/array.prototype.flatmap": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.2.tgz",
-      "integrity": "sha512-Ewyx0c9PmpcsByhSW4r+9zDU7sGjFc86qf/kKtuSCRdhfbk0SNLLkaT5qvcHnRGgc5NP/ly/y+qkXkqONX54CQ==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "es-shim-unscopables": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/array.prototype.tosorted": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/array.prototype.tosorted/-/array.prototype.tosorted-1.1.1.tgz",
-      "integrity": "sha512-pZYPXPRl2PqWcsUs6LOMn+1f1532nEoPTYowBtqLwAW+W8vSVhkIGnmOX1t/UQjD6YGI0vcD2B1U7ZFGQH9jnQ==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.1.4",
-        "es-abstract": "^1.20.4",
-        "es-shim-unscopables": "^1.0.0",
-        "get-intrinsic": "^1.1.3"
-      }
-    },
-    "node_modules/arraybuffer.prototype.slice": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.2.tgz",
-      "integrity": "sha512-yMBKppFur/fbHu9/6USUe03bZ4knMYiwFBcyiaXB8Go0qNehwX6inYPzK9U0NeQvGxKthcmHcaR8P5MStSRBAw==",
-      "dev": true,
-      "dependencies": {
-        "array-buffer-byte-length": "^1.0.0",
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "get-intrinsic": "^1.2.1",
-        "is-array-buffer": "^3.0.2",
-        "is-shared-array-buffer": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/arrify": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/arrify/-/arrify-1.0.1.tgz",
-      "integrity": "sha1-iYUI2iIm84DfkEcoRWhJwVAaSw0=",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/ast-types-flow": {
-      "version": "0.0.7",
-      "resolved": "https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.7.tgz",
-      "integrity": "sha1-9wtzXGvKGlycItmCw+Oef+ujva0=",
-      "dev": true
-    },
-    "node_modules/astral-regex": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/astral-regex/-/astral-regex-2.0.0.tgz",
-      "integrity": "sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/asynciterator.prototype": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/asynciterator.prototype/-/asynciterator.prototype-1.0.0.tgz",
-      "integrity": "sha512-wwHYEIS0Q80f5mosx3L/dfG5t5rjEa9Ft51GTaNt862EnpyGHpgz2RkZvLPp1oF5TnAiTohkEKVEu8pQPJI7Vg==",
-      "dev": true,
-      "dependencies": {
-        "has-symbols": "^1.0.3"
-      }
-    },
-    "node_modules/atomic-sleep": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/atomic-sleep/-/atomic-sleep-1.0.0.tgz",
-      "integrity": "sha512-kNOjDqAh7px0XWNI+4QbzoiR/nTkHAWNud2uvnJquD1/x5a7EQZMJT0AczqK0Qn67oY/TTQ1LbUKajZpp3I9tQ==",
-      "engines": {
-        "node": ">=8.0.0"
-      }
-    },
-    "node_modules/available-typed-arrays": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.5.tgz",
-      "integrity": "sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/axe-core": {
-      "version": "4.7.0",
-      "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.7.0.tgz",
-      "integrity": "sha512-M0JtH+hlOL5pLQwHOLNYZaXuhqmvS8oExsqB1SBYgA4Dk7u/xx+YdGHXaK5pyUfed5mYXdlYiphWq3G8cRi5JQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/axobject-query": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-3.1.1.tgz",
-      "integrity": "sha512-goKlv8DZrK9hUh975fnHzhNIO4jUnFCfv/dszV5VwUGDFjI6vQ2VwoyjYjYNEbBE8AH87TduWP5uyDR1D+Iteg==",
-      "dev": true,
-      "dependencies": {
-        "deep-equal": "^2.0.5"
-      }
-    },
-    "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-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==",
-      "dependencies": {
-        "@babel/helper-define-polyfill-provider": "^0.4.2",
-        "core-js-compat": "^3.32.2"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
-      }
-    },
-    "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-plugin-styled-components": {
-      "version": "2.1.4",
-      "resolved": "https://registry.npmjs.org/babel-plugin-styled-components/-/babel-plugin-styled-components-2.1.4.tgz",
-      "integrity": "sha512-Xgp9g+A/cG47sUyRwwYxGM4bR/jDRg5N6it/8+HxCnbT5XNKSKDT9xm4oag/osgqjC2It/vH0yXsomOG6k558g==",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.22.5",
-        "@babel/helper-module-imports": "^7.22.5",
-        "@babel/plugin-syntax-jsx": "^7.22.5",
-        "lodash": "^4.17.21",
-        "picomatch": "^2.3.1"
-      },
-      "peerDependencies": {
-        "styled-components": ">= 2"
-      }
-    },
-    "node_modules/balanced-match": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
-      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="
-    },
-    "node_modules/base-x": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/base-x/-/base-x-4.0.0.tgz",
-      "integrity": "sha512-FuwxlW4H5kh37X/oW59pwTzzTKRzfrrQwhmyspRM7swOEZcHtDZSCt45U6oKgtuFE+WYPblePMVIPR4RZrh/hw=="
-    },
-    "node_modules/base64-js": {
-      "version": "1.5.1",
-      "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
-      "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
-      "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/binary-extensions": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
-      "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==",
-      "optional": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/brace-expansion": {
-      "version": "1.1.11",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
-      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
-      "dependencies": {
-        "balanced-match": "^1.0.0",
-        "concat-map": "0.0.1"
-      }
-    },
-    "node_modules/braces": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
-      "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
-      "devOptional": true,
-      "dependencies": {
-        "fill-range": "^7.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/browserslist": {
-      "version": "4.22.1",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.22.1.tgz",
-      "integrity": "sha512-FEVc202+2iuClEhZhrWy6ZiAcRLvNMyYcxZ8raemul1DYVOVdFsbqckWLdsixQZCpJlwe77Z3UTalE7jsjnKfQ==",
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/browserslist"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/browserslist"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "dependencies": {
-        "caniuse-lite": "^1.0.30001541",
-        "electron-to-chromium": "^1.4.535",
-        "node-releases": "^2.0.13",
-        "update-browserslist-db": "^1.0.13"
-      },
-      "bin": {
-        "browserslist": "cli.js"
-      },
-      "engines": {
-        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
-      }
-    },
-    "node_modules/bs58": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/bs58/-/bs58-5.0.0.tgz",
-      "integrity": "sha512-r+ihvQJvahgYT50JD05dyJNKlmmSlMoOGwn1lCcEzanPglg7TxYjioQUYehQ9mAR/+hOSd2jRc/Z2y5UxBymvQ==",
-      "dependencies": {
-        "base-x": "^4.0.0"
-      }
-    },
-    "node_modules/buffer": {
-      "version": "6.0.3",
-      "resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz",
-      "integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==",
-      "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": {
-        "base64-js": "^1.3.1",
-        "ieee754": "^1.2.1"
-      }
-    },
-    "node_modules/buffer-from": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
-      "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
-      "dev": true,
-      "peer": true
-    },
-    "node_modules/builtin-modules": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/builtin-modules/-/builtin-modules-3.3.0.tgz",
-      "integrity": "sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==",
-      "dev": true,
-      "peer": true,
-      "engines": {
-        "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/busboy": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/busboy/-/busboy-1.6.0.tgz",
-      "integrity": "sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==",
-      "dependencies": {
-        "streamsearch": "^1.1.0"
-      },
-      "engines": {
-        "node": ">=10.16.0"
-      }
-    },
-    "node_modules/call-bind": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.5.tgz",
-      "integrity": "sha512-C3nQxfFZxFRVoJoGKKI8y3MOEo129NQ+FgQ08iye+Mk4zNZZGdjfs06bVTr+DBSlA66Q2VEcMki/cUCP4SercQ==",
-      "dev": true,
-      "dependencies": {
-        "function-bind": "^1.1.2",
-        "get-intrinsic": "^1.2.1",
-        "set-function-length": "^1.1.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/callsites": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
-      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/camelcase": {
-      "version": "5.3.1",
-      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
-      "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/camelcase-keys": {
-      "version": "6.2.2",
-      "resolved": "https://registry.npmjs.org/camelcase-keys/-/camelcase-keys-6.2.2.tgz",
-      "integrity": "sha512-YrwaA0vEKazPBkn0ipTiMpSajYDSe+KjQfrjhcBMxJt/znbvlHd8Pw/Vamaz5EB4Wfhs3SUR3Z9mwRu/P3s3Yg==",
-      "dev": true,
-      "dependencies": {
-        "camelcase": "^5.3.1",
-        "map-obj": "^4.0.0",
-        "quick-lru": "^4.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/camelize": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/camelize/-/camelize-1.0.1.tgz",
-      "integrity": "sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ==",
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/caniuse-lite": {
-      "version": "1.0.30001546",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001546.tgz",
-      "integrity": "sha512-zvtSJwuQFpewSyRrI3AsftF6rM0X80mZkChIt1spBGEvRglCrjTniXvinc8JKRoqTwXAgvqTImaN9igfSMtUBw==",
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/browserslist"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ]
-    },
-    "node_modules/chalk": {
-      "version": "2.4.2",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
-      "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
-      "dependencies": {
-        "ansi-styles": "^3.2.1",
-        "escape-string-regexp": "^1.0.5",
-        "supports-color": "^5.3.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/chalk/node_modules/has-flag": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
-      "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/chalk/node_modules/supports-color": {
-      "version": "5.5.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
-      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
-      "dependencies": {
-        "has-flag": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/chokidar": {
-      "version": "3.5.3",
-      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz",
-      "integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==",
-      "funding": [
-        {
-          "type": "individual",
-          "url": "https://paulmillr.com/funding/"
-        }
-      ],
-      "optional": true,
-      "dependencies": {
-        "anymatch": "~3.1.2",
-        "braces": "~3.0.2",
-        "glob-parent": "~5.1.2",
-        "is-binary-path": "~2.1.0",
-        "is-glob": "~4.0.1",
-        "normalize-path": "~3.0.0",
-        "readdirp": "~3.6.0"
-      },
-      "engines": {
-        "node": ">= 8.10.0"
-      },
-      "optionalDependencies": {
-        "fsevents": "~2.3.2"
-      }
-    },
-    "node_modules/chokidar/node_modules/glob-parent": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-      "optional": true,
-      "dependencies": {
-        "is-glob": "^4.0.1"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/chrome-trace-event": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/chrome-trace-event/-/chrome-trace-event-1.0.3.tgz",
-      "integrity": "sha512-p3KULyQg4S7NIHixdwbGX+nFHkoBiA4YQmyWtjb8XngSKV124nJmRysgAeujbUVb15vh+RvFUfCPqU7rXk+hZg==",
-      "dev": true,
-      "peer": true,
-      "engines": {
-        "node": ">=6.0"
-      }
-    },
-    "node_modules/ci-info": {
-      "version": "3.8.0",
-      "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-3.8.0.tgz",
-      "integrity": "sha512-eXTggHWSooYhq49F2opQhuHWgzucfF2YgODK4e1566GQs5BIfP30B0oenwBJHfWxAs2fyPB1s7Mg949zLf61Yw==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/sibiraj-s"
-        }
-      ],
-      "peer": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/clean-regexp": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/clean-regexp/-/clean-regexp-1.0.0.tgz",
-      "integrity": "sha512-GfisEZEJvzKrmGWkvfhgzcz/BllN1USeqD2V6tg14OAOgaCD2Z/PUEuxnAZ/nPvmaHRG7a8y77p1T/IRQ4D1Hw==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "escape-string-regexp": "^1.0.5"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/client-only": {
-      "version": "0.0.1",
-      "resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
-      "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA=="
-    },
-    "node_modules/clone-regexp": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/clone-regexp/-/clone-regexp-2.2.0.tgz",
-      "integrity": "sha512-beMpP7BOtTipFuW8hrJvREQ2DrRu3BE7by0ZpibtfBA+qfHYvMGTc2Yb1JMYPKg/JUw0CHYvpg796aNTSW9z7Q==",
-      "dev": true,
-      "dependencies": {
-        "is-regexp": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/color-convert": {
-      "version": "1.9.3",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
-      "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
-      "dependencies": {
-        "color-name": "1.1.3"
-      }
-    },
-    "node_modules/color-name": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
-      "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw=="
-    },
-    "node_modules/colord": {
-      "version": "2.9.2",
-      "resolved": "https://registry.npmjs.org/colord/-/colord-2.9.2.tgz",
-      "integrity": "sha512-Uqbg+J445nc1TKn4FoDPS6ZZqAvEDnwrH42yo8B40JSOgSLxMZ/gt3h4nmCtPLQeXhjJJkqBx7SCY35WnIixaQ==",
-      "dev": true
-    },
-    "node_modules/commander": {
-      "version": "2.20.3",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
-      "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
-      "dev": true,
-      "peer": true
-    },
-    "node_modules/concat-map": {
-      "version": "0.0.1",
-      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
-      "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s="
-    },
-    "node_modules/content-type": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.4.tgz",
-      "integrity": "sha512-hIP3EEPs8tB9AT1L+NUqtwOAps4mk2Zob89MWXMHjHWg9milF/j4osnnQLXBCBFBk/tvIG/tUc9mOUJiPBhPXA==",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "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/core-js-compat": {
-      "version": "3.33.0",
-      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.33.0.tgz",
-      "integrity": "sha512-0w4LcLXsVEuNkIqwjjf9rjCoPhK8uqA4tMRh4Ge26vfLtUutshn+aRJU21I9LCJlh2QQHfisNToLjw1XEJLTWw==",
-      "dependencies": {
-        "browserslist": "^4.22.1"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/core-js"
-      }
-    },
-    "node_modules/cosmiconfig": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.0.1.tgz",
-      "integrity": "sha512-a1YWNUV2HwGimB7dU2s1wUMurNKjpx60HxBB6xUM8Re+2s1g1IIfJvFR0/iCF+XHdE0GMTKTuLR32UQff4TEyQ==",
-      "dev": true,
-      "dependencies": {
-        "@types/parse-json": "^4.0.0",
-        "import-fresh": "^3.2.1",
-        "parse-json": "^5.0.0",
-        "path-type": "^4.0.0",
-        "yaml": "^1.10.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/cross-spawn": {
-      "version": "7.0.3",
-      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
-      "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
-      "dev": true,
-      "dependencies": {
-        "path-key": "^3.1.0",
-        "shebang-command": "^2.0.0",
-        "which": "^2.0.1"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/crypto-js": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/crypto-js/-/crypto-js-4.1.1.tgz",
-      "integrity": "sha512-o2JlM7ydqd3Qk9CA0L4NL6mTzU2sdx96a+oOfPu8Mkl/PK51vSyoi8/rQ8NknZtk44vq15lmhAj9CIAGwgeWKw=="
-    },
-    "node_modules/css-color-keywords": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/css-color-keywords/-/css-color-keywords-1.0.0.tgz",
-      "integrity": "sha512-FyyrDHZKEjXDpNJYvVsV960FiqQyXc/LlYmsxl2BcdMb2WPx0OGRVgTg55rPSyLSNMqP52R9r8geSp7apN3Ofg==",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/css-functions-list": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/css-functions-list/-/css-functions-list-3.0.1.tgz",
-      "integrity": "sha512-PriDuifDt4u4rkDgnqRCLnjfMatufLmWNfQnGCq34xZwpY3oabwhB9SqRBmuvWUgndbemCFlKqg+nO7C2q0SBw==",
-      "dev": true,
-      "engines": {
-        "node": ">=12.22"
-      }
-    },
-    "node_modules/css-to-react-native": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/css-to-react-native/-/css-to-react-native-3.2.0.tgz",
-      "integrity": "sha512-e8RKaLXMOFii+02mOlqwjbD00KSEKqblnpO9e++1aXS1fPQOpS1YoqdVHBqPjHNoxeF2mimzVqawm2KCbEdtHQ==",
-      "dependencies": {
-        "camelize": "^1.0.0",
-        "css-color-keywords": "^1.0.0",
-        "postcss-value-parser": "^4.0.2"
-      }
-    },
-    "node_modules/cssesc": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
-      "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
-      "dev": true,
-      "bin": {
-        "cssesc": "bin/cssesc"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/csstype": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz",
-      "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ=="
-    },
-    "node_modules/damerau-levenshtein": {
-      "version": "1.0.8",
-      "resolved": "https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz",
-      "integrity": "sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==",
-      "dev": true
-    },
-    "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/decamelize": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz",
-      "integrity": "sha1-9lNNFRSCabIDUue+4m9QH5oZEpA=",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/decamelize-keys": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/decamelize-keys/-/decamelize-keys-1.1.0.tgz",
-      "integrity": "sha1-0XGoeTMlKAfrPLYdwcFEXQeN8tk=",
-      "dev": true,
-      "dependencies": {
-        "decamelize": "^1.1.0",
-        "map-obj": "^1.0.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/decamelize-keys/node_modules/map-obj": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-1.0.1.tgz",
-      "integrity": "sha1-2TPOuSBdgr3PSIb2dCvcK03qFG0=",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/deep-equal": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-2.2.1.tgz",
-      "integrity": "sha512-lKdkdV6EOGoVn65XaOsPdH4rMxTZOnmFyuIkMjM1i5HHCbfjC97dawgTAy0deYNfuqUqW+Q5VrVaQYtUpSd6yQ==",
-      "dev": true,
-      "dependencies": {
-        "array-buffer-byte-length": "^1.0.0",
-        "call-bind": "^1.0.2",
-        "es-get-iterator": "^1.1.3",
-        "get-intrinsic": "^1.2.0",
-        "is-arguments": "^1.1.1",
-        "is-array-buffer": "^3.0.2",
-        "is-date-object": "^1.0.5",
-        "is-regex": "^1.1.4",
-        "is-shared-array-buffer": "^1.0.2",
-        "isarray": "^2.0.5",
-        "object-is": "^1.1.5",
-        "object-keys": "^1.1.1",
-        "object.assign": "^4.1.4",
-        "regexp.prototype.flags": "^1.5.0",
-        "side-channel": "^1.0.4",
-        "which-boxed-primitive": "^1.0.2",
-        "which-collection": "^1.0.1",
-        "which-typed-array": "^1.1.9"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/deep-is": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
-      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
-      "dev": true
-    },
-    "node_modules/define-data-property": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.1.tgz",
-      "integrity": "sha512-E7uGkTzkk1d0ByLeSc6ZsFS79Axg+m1P/VsgYsxHgiuc3tFSj+MjMIwe90FC4lOAZzNBdY7kkO2P2wKdsQ1vgQ==",
-      "dev": true,
-      "dependencies": {
-        "get-intrinsic": "^1.2.1",
-        "gopd": "^1.0.1",
-        "has-property-descriptors": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/define-properties": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz",
-      "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
-      "dev": true,
-      "dependencies": {
-        "define-data-property": "^1.0.1",
-        "has-property-descriptors": "^1.0.0",
-        "object-keys": "^1.1.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/dir-glob": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
-      "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==",
-      "dev": true,
-      "dependencies": {
-        "path-type": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/doctrine": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
-      "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
-      "dev": true,
-      "dependencies": {
-        "esutils": "^2.0.2"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/electron-to-chromium": {
-      "version": "1.4.543",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.543.tgz",
-      "integrity": "sha512-t2ZP4AcGE0iKCCQCBx/K2426crYdxD3YU6l0uK2EO3FZH0pbC4pFz/sZm2ruZsND6hQBTcDWWlo/MLpiOdif5g=="
-    },
-    "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/enhanced-resolve": {
-      "version": "5.13.0",
-      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.13.0.tgz",
-      "integrity": "sha512-eyV8f0y1+bzyfh8xAwW/WTSZpLbjhqc4ne9eGSH4Zo2ejdyiNG9pU6mf9DG8a7+Auk6MFTlNOT4Y2y/9k8GKVg==",
-      "dev": true,
-      "dependencies": {
-        "graceful-fs": "^4.2.4",
-        "tapable": "^2.2.0"
-      },
-      "engines": {
-        "node": ">=10.13.0"
-      }
-    },
-    "node_modules/error-ex": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz",
-      "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==",
-      "dev": true,
-      "dependencies": {
-        "is-arrayish": "^0.2.1"
-      }
-    },
-    "node_modules/es-abstract": {
-      "version": "1.22.3",
-      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.22.3.tgz",
-      "integrity": "sha512-eiiY8HQeYfYH2Con2berK+To6GrK2RxbPawDkGq4UiCQQfZHb6wX9qQqkbpPqaxQFcl8d9QzZqo0tGE0VcrdwA==",
-      "dev": true,
-      "dependencies": {
-        "array-buffer-byte-length": "^1.0.0",
-        "arraybuffer.prototype.slice": "^1.0.2",
-        "available-typed-arrays": "^1.0.5",
-        "call-bind": "^1.0.5",
-        "es-set-tostringtag": "^2.0.1",
-        "es-to-primitive": "^1.2.1",
-        "function.prototype.name": "^1.1.6",
-        "get-intrinsic": "^1.2.2",
-        "get-symbol-description": "^1.0.0",
-        "globalthis": "^1.0.3",
-        "gopd": "^1.0.1",
-        "has-property-descriptors": "^1.0.0",
-        "has-proto": "^1.0.1",
-        "has-symbols": "^1.0.3",
-        "hasown": "^2.0.0",
-        "internal-slot": "^1.0.5",
-        "is-array-buffer": "^3.0.2",
-        "is-callable": "^1.2.7",
-        "is-negative-zero": "^2.0.2",
-        "is-regex": "^1.1.4",
-        "is-shared-array-buffer": "^1.0.2",
-        "is-string": "^1.0.7",
-        "is-typed-array": "^1.1.12",
-        "is-weakref": "^1.0.2",
-        "object-inspect": "^1.13.1",
-        "object-keys": "^1.1.1",
-        "object.assign": "^4.1.4",
-        "regexp.prototype.flags": "^1.5.1",
-        "safe-array-concat": "^1.0.1",
-        "safe-regex-test": "^1.0.0",
-        "string.prototype.trim": "^1.2.8",
-        "string.prototype.trimend": "^1.0.7",
-        "string.prototype.trimstart": "^1.0.7",
-        "typed-array-buffer": "^1.0.0",
-        "typed-array-byte-length": "^1.0.0",
-        "typed-array-byte-offset": "^1.0.0",
-        "typed-array-length": "^1.0.4",
-        "unbox-primitive": "^1.0.2",
-        "which-typed-array": "^1.1.13"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/es-get-iterator": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/es-get-iterator/-/es-get-iterator-1.1.3.tgz",
-      "integrity": "sha512-sPZmqHBe6JIiTfN5q2pEi//TwxmAFHwj/XEuYjTuse78i8KxaqMTTzxPoFKuzRpDpTJ+0NAbpfenkmH2rePtuw==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "get-intrinsic": "^1.1.3",
-        "has-symbols": "^1.0.3",
-        "is-arguments": "^1.1.1",
-        "is-map": "^2.0.2",
-        "is-set": "^2.0.2",
-        "is-string": "^1.0.7",
-        "isarray": "^2.0.5",
-        "stop-iteration-iterator": "^1.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/es-iterator-helpers": {
-      "version": "1.0.15",
-      "resolved": "https://registry.npmjs.org/es-iterator-helpers/-/es-iterator-helpers-1.0.15.tgz",
-      "integrity": "sha512-GhoY8uYqd6iwUl2kgjTm4CZAf6oo5mHK7BPqx3rKgx893YSsy0LGHV6gfqqQvZt/8xM8xeOnfXBCfqclMKkJ5g==",
-      "dev": true,
-      "dependencies": {
-        "asynciterator.prototype": "^1.0.0",
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.1",
-        "es-abstract": "^1.22.1",
-        "es-set-tostringtag": "^2.0.1",
-        "function-bind": "^1.1.1",
-        "get-intrinsic": "^1.2.1",
-        "globalthis": "^1.0.3",
-        "has-property-descriptors": "^1.0.0",
-        "has-proto": "^1.0.1",
-        "has-symbols": "^1.0.3",
-        "internal-slot": "^1.0.5",
-        "iterator.prototype": "^1.1.2",
-        "safe-array-concat": "^1.0.1"
-      }
-    },
-    "node_modules/es-module-lexer": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.2.1.tgz",
-      "integrity": "sha512-9978wrXM50Y4rTMmW5kXIC09ZdXQZqkE4mxhwkd8VbzsGkXGPgV4zWuqQJgCEzYngdo2dYDa0l8xhX4fkSwJSg==",
-      "dev": true,
-      "peer": true
-    },
-    "node_modules/es-set-tostringtag": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.0.1.tgz",
-      "integrity": "sha512-g3OMbtlwY3QewlqAiMLI47KywjWZoEytKr8pf6iTC8uJq5bIAH52Z9pnQ8pVL6whrCto53JZDuUIsifGeLorTg==",
-      "dev": true,
-      "dependencies": {
-        "get-intrinsic": "^1.1.3",
-        "has": "^1.0.3",
-        "has-tostringtag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/es-shim-unscopables": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.0.0.tgz",
-      "integrity": "sha512-Jm6GPcCdC30eMLbZ2x8z2WuRwAws3zTBBKuusffYVUrNj/GVSUAZ+xKMaUpfNDR5IbyNA5LJbaecoUVbmUcB1w==",
-      "dev": true,
-      "dependencies": {
-        "has": "^1.0.3"
-      }
-    },
-    "node_modules/es-to-primitive": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.2.1.tgz",
-      "integrity": "sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==",
-      "dev": true,
-      "dependencies": {
-        "is-callable": "^1.1.4",
-        "is-date-object": "^1.0.1",
-        "is-symbol": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/escalade": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
-      "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/escape-string-regexp": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
-      "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
-      "engines": {
-        "node": ">=0.8.0"
-      }
-    },
-    "node_modules/eslint": {
-      "version": "8.39.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.39.0.tgz",
-      "integrity": "sha512-mwiok6cy7KTW7rBpo05k6+p4YVZByLNjAZ/ACB9DRCu4YDRwjXI01tWHp6KAUWelsBetTxKK/2sHB0vdS8Z2Og==",
-      "dev": true,
-      "dependencies": {
-        "@eslint-community/eslint-utils": "^4.2.0",
-        "@eslint-community/regexpp": "^4.4.0",
-        "@eslint/eslintrc": "^2.0.2",
-        "@eslint/js": "8.39.0",
-        "@humanwhocodes/config-array": "^0.11.8",
-        "@humanwhocodes/module-importer": "^1.0.1",
-        "@nodelib/fs.walk": "^1.2.8",
-        "ajv": "^6.10.0",
-        "chalk": "^4.0.0",
-        "cross-spawn": "^7.0.2",
-        "debug": "^4.3.2",
-        "doctrine": "^3.0.0",
-        "escape-string-regexp": "^4.0.0",
-        "eslint-scope": "^7.2.0",
-        "eslint-visitor-keys": "^3.4.0",
-        "espree": "^9.5.1",
-        "esquery": "^1.4.2",
-        "esutils": "^2.0.2",
-        "fast-deep-equal": "^3.1.3",
-        "file-entry-cache": "^6.0.1",
-        "find-up": "^5.0.0",
-        "glob-parent": "^6.0.2",
-        "globals": "^13.19.0",
-        "grapheme-splitter": "^1.0.4",
-        "ignore": "^5.2.0",
-        "import-fresh": "^3.0.0",
-        "imurmurhash": "^0.1.4",
-        "is-glob": "^4.0.0",
-        "is-path-inside": "^3.0.3",
-        "js-sdsl": "^4.1.4",
-        "js-yaml": "^4.1.0",
-        "json-stable-stringify-without-jsonify": "^1.0.1",
-        "levn": "^0.4.1",
-        "lodash.merge": "^4.6.2",
-        "minimatch": "^3.1.2",
-        "natural-compare": "^1.4.0",
-        "optionator": "^0.9.1",
-        "strip-ansi": "^6.0.1",
-        "strip-json-comments": "^3.1.0",
-        "text-table": "^0.2.0"
-      },
-      "bin": {
-        "eslint": "bin/eslint.js"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/eslint-config-google": {
-      "version": "0.14.0",
-      "resolved": "https://registry.npmjs.org/eslint-config-google/-/eslint-config-google-0.14.0.tgz",
-      "integrity": "sha512-WsbX4WbjuMvTdeVL6+J3rK1RGhCTqjsFjX7UMSMgZiyxxaNLkoJENbrGExzERFeoTpGw3F3FypTiWAP9ZXzkEw==",
-      "dev": true,
-      "peer": true,
-      "engines": {
-        "node": ">=0.10.0"
-      },
-      "peerDependencies": {
-        "eslint": ">=5.16.0"
-      }
-    },
-    "node_modules/eslint-config-next": {
-      "version": "13.5.6",
-      "resolved": "https://registry.npmjs.org/eslint-config-next/-/eslint-config-next-13.5.6.tgz",
-      "integrity": "sha512-o8pQsUHTo9aHqJ2YiZDym5gQAMRf7O2HndHo/JZeY7TDD+W4hk6Ma8Vw54RHiBeb7OWWO5dPirQB+Is/aVQ7Kg==",
-      "dev": true,
-      "dependencies": {
-        "@next/eslint-plugin-next": "13.5.6",
-        "@rushstack/eslint-patch": "^1.3.3",
-        "@typescript-eslint/parser": "^5.4.2 || ^6.0.0",
-        "eslint-import-resolver-node": "^0.3.6",
-        "eslint-import-resolver-typescript": "^3.5.2",
-        "eslint-plugin-import": "^2.28.1",
-        "eslint-plugin-jsx-a11y": "^6.7.1",
-        "eslint-plugin-react": "^7.33.2",
-        "eslint-plugin-react-hooks": "^4.5.0 || 5.0.0-canary-7118f5dd7-20230705"
-      },
-      "peerDependencies": {
-        "eslint": "^7.23.0 || ^8.0.0",
-        "typescript": ">=3.3.1"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/eslint-import-resolver-node": {
-      "version": "0.3.9",
-      "resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.9.tgz",
-      "integrity": "sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==",
-      "dev": true,
-      "dependencies": {
-        "debug": "^3.2.7",
-        "is-core-module": "^2.13.0",
-        "resolve": "^1.22.4"
-      }
-    },
-    "node_modules/eslint-import-resolver-node/node_modules/debug": {
-      "version": "3.2.7",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
-      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
-      "dev": true,
-      "dependencies": {
-        "ms": "^2.1.1"
-      }
-    },
-    "node_modules/eslint-import-resolver-typescript": {
-      "version": "3.6.1",
-      "resolved": "https://registry.npmjs.org/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-3.6.1.tgz",
-      "integrity": "sha512-xgdptdoi5W3niYeuQxKmzVDTATvLYqhpwmykwsh7f6HIOStGWEIL9iqZgQDF9u9OEzrRwR8no5q2VT+bjAujTg==",
-      "dev": true,
-      "dependencies": {
-        "debug": "^4.3.4",
-        "enhanced-resolve": "^5.12.0",
-        "eslint-module-utils": "^2.7.4",
-        "fast-glob": "^3.3.1",
-        "get-tsconfig": "^4.5.0",
-        "is-core-module": "^2.11.0",
-        "is-glob": "^4.0.3"
-      },
-      "engines": {
-        "node": "^14.18.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/unts/projects/eslint-import-resolver-ts"
-      },
-      "peerDependencies": {
-        "eslint": "*",
-        "eslint-plugin-import": "*"
-      }
-    },
-    "node_modules/eslint-module-utils": {
-      "version": "2.8.0",
-      "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.8.0.tgz",
-      "integrity": "sha512-aWajIYfsqCKRDgUfjEXNN/JlrzauMuSEy5sbd7WXbtW3EH6A6MpwEh42c7qD+MqQo9QMJ6fWLAeIJynx0g6OAw==",
-      "dev": true,
-      "dependencies": {
-        "debug": "^3.2.7"
-      },
-      "engines": {
-        "node": ">=4"
-      },
-      "peerDependenciesMeta": {
-        "eslint": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/eslint-module-utils/node_modules/debug": {
-      "version": "3.2.7",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
-      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
-      "dev": true,
-      "dependencies": {
-        "ms": "^2.1.1"
-      }
-    },
-    "node_modules/eslint-plugin-deprecate": {
-      "version": "0.7.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-deprecate/-/eslint-plugin-deprecate-0.7.0.tgz",
-      "integrity": "sha512-MylhCqoH/SJ2MwzVgX0we6oE+lKPVwhOu9hAJ98vMCmbz3FNwqJ8XipdI23bCF7NHxUbhd6mdxFjywKE52pt7A==",
-      "dev": true,
-      "peer": true,
-      "peerDependencies": {
-        "eslint": ">=2.x"
-      }
-    },
-    "node_modules/eslint-plugin-import": {
-      "version": "2.29.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.29.0.tgz",
-      "integrity": "sha512-QPOO5NO6Odv5lpoTkddtutccQjysJuFxoPS7fAHO+9m9udNHvTCPSAMW9zGAYj8lAIdr40I8yPCdUYrncXtrwg==",
-      "dev": true,
-      "dependencies": {
-        "array-includes": "^3.1.7",
-        "array.prototype.findlastindex": "^1.2.3",
-        "array.prototype.flat": "^1.3.2",
-        "array.prototype.flatmap": "^1.3.2",
-        "debug": "^3.2.7",
-        "doctrine": "^2.1.0",
-        "eslint-import-resolver-node": "^0.3.9",
-        "eslint-module-utils": "^2.8.0",
-        "hasown": "^2.0.0",
-        "is-core-module": "^2.13.1",
-        "is-glob": "^4.0.3",
-        "minimatch": "^3.1.2",
-        "object.fromentries": "^2.0.7",
-        "object.groupby": "^1.0.1",
-        "object.values": "^1.1.7",
-        "semver": "^6.3.1",
-        "tsconfig-paths": "^3.14.2"
-      },
-      "engines": {
-        "node": ">=4"
-      },
-      "peerDependencies": {
-        "eslint": "^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8"
-      }
-    },
-    "node_modules/eslint-plugin-import/node_modules/debug": {
-      "version": "3.2.7",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
-      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
-      "dev": true,
-      "dependencies": {
-        "ms": "^2.1.1"
-      }
-    },
-    "node_modules/eslint-plugin-import/node_modules/doctrine": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
-      "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
-      "dev": true,
-      "dependencies": {
-        "esutils": "^2.0.2"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/eslint-plugin-jsx-a11y": {
-      "version": "6.7.1",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.7.1.tgz",
-      "integrity": "sha512-63Bog4iIethyo8smBklORknVjB0T2dwB8Mr/hIC+fBS0uyHdYYpzM/Ed+YC8VxTjlXHEWFOdmgwcDn1U2L9VCA==",
-      "dev": true,
-      "dependencies": {
-        "@babel/runtime": "^7.20.7",
-        "aria-query": "^5.1.3",
-        "array-includes": "^3.1.6",
-        "array.prototype.flatmap": "^1.3.1",
-        "ast-types-flow": "^0.0.7",
-        "axe-core": "^4.6.2",
-        "axobject-query": "^3.1.1",
-        "damerau-levenshtein": "^1.0.8",
-        "emoji-regex": "^9.2.2",
-        "has": "^1.0.3",
-        "jsx-ast-utils": "^3.3.3",
-        "language-tags": "=1.0.5",
-        "minimatch": "^3.1.2",
-        "object.entries": "^1.1.6",
-        "object.fromentries": "^2.0.6",
-        "semver": "^6.3.0"
-      },
-      "engines": {
-        "node": ">=4.0"
-      },
-      "peerDependencies": {
-        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8"
-      }
-    },
-    "node_modules/eslint-plugin-matrix-org": {
-      "version": "0.8.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-matrix-org/-/eslint-plugin-matrix-org-0.8.0.tgz",
-      "integrity": "sha512-/Poz/F8lXYDsmQa29iPSt+kO+Jn7ArvRdq10g0CCk8wbRS0sb2zb6fvd9xL1BgR5UDQL771V0l8X32etvY5yKA==",
-      "dev": true,
-      "peerDependencies": {
-        "@babel/core": "*",
-        "@babel/eslint-parser": "*",
-        "@babel/eslint-plugin": "*",
-        "@typescript-eslint/eslint-plugin": "*",
-        "@typescript-eslint/parser": "*",
-        "eslint": "*",
-        "eslint-config-google": "*",
-        "eslint-plugin-deprecate": "*",
-        "eslint-plugin-import": "*",
-        "eslint-plugin-jsx-a11y": "*",
-        "eslint-plugin-react": "*",
-        "eslint-plugin-react-hooks": "*",
-        "eslint-plugin-unicorn": "*",
-        "typescript": "*"
-      }
-    },
-    "node_modules/eslint-plugin-react": {
-      "version": "7.33.2",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.33.2.tgz",
-      "integrity": "sha512-73QQMKALArI8/7xGLNI/3LylrEYrlKZSb5C9+q3OtOewTnMQi5cT+aE9E41sLCmli3I9PGGmD1yiZydyo4FEPw==",
-      "dev": true,
-      "dependencies": {
-        "array-includes": "^3.1.6",
-        "array.prototype.flatmap": "^1.3.1",
-        "array.prototype.tosorted": "^1.1.1",
-        "doctrine": "^2.1.0",
-        "es-iterator-helpers": "^1.0.12",
-        "estraverse": "^5.3.0",
-        "jsx-ast-utils": "^2.4.1 || ^3.0.0",
-        "minimatch": "^3.1.2",
-        "object.entries": "^1.1.6",
-        "object.fromentries": "^2.0.6",
-        "object.hasown": "^1.1.2",
-        "object.values": "^1.1.6",
-        "prop-types": "^15.8.1",
-        "resolve": "^2.0.0-next.4",
-        "semver": "^6.3.1",
-        "string.prototype.matchall": "^4.0.8"
-      },
-      "engines": {
-        "node": ">=4"
-      },
-      "peerDependencies": {
-        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8"
-      }
-    },
-    "node_modules/eslint-plugin-react-hooks": {
-      "version": "4.6.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.0.tgz",
-      "integrity": "sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "peerDependencies": {
-        "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0"
-      }
-    },
-    "node_modules/eslint-plugin-react/node_modules/doctrine": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
-      "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
-      "dev": true,
-      "dependencies": {
-        "esutils": "^2.0.2"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/eslint-plugin-react/node_modules/resolve": {
-      "version": "2.0.0-next.4",
-      "resolved": "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.4.tgz",
-      "integrity": "sha512-iMDbmAWtfU+MHpxt/I5iWI7cY6YVEZUQ3MBgPQ++XD1PELuJHIl82xBmObyP2KyQmkNB2dsqF7seoQQiAn5yDQ==",
-      "dev": true,
-      "dependencies": {
-        "is-core-module": "^2.9.0",
-        "path-parse": "^1.0.7",
-        "supports-preserve-symlinks-flag": "^1.0.0"
-      },
-      "bin": {
-        "resolve": "bin/resolve"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/eslint-plugin-unicorn": {
-      "version": "46.0.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-unicorn/-/eslint-plugin-unicorn-46.0.0.tgz",
-      "integrity": "sha512-j07WkC+PFZwk8J33LYp6JMoHa1lXc1u6R45pbSAipjpfpb7KIGr17VE2D685zCxR5VL4cjrl65kTJflziQWMDA==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@babel/helper-validator-identifier": "^7.19.1",
-        "@eslint-community/eslint-utils": "^4.1.2",
-        "ci-info": "^3.6.1",
-        "clean-regexp": "^1.0.0",
-        "esquery": "^1.4.0",
-        "indent-string": "^4.0.0",
-        "is-builtin-module": "^3.2.0",
-        "jsesc": "^3.0.2",
-        "lodash": "^4.17.21",
-        "pluralize": "^8.0.0",
-        "read-pkg-up": "^7.0.1",
-        "regexp-tree": "^0.1.24",
-        "regjsparser": "^0.9.1",
-        "safe-regex": "^2.1.1",
-        "semver": "^7.3.8",
-        "strip-indent": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=14.18"
-      },
-      "funding": {
-        "url": "https://github.com/sindresorhus/eslint-plugin-unicorn?sponsor=1"
-      },
-      "peerDependencies": {
-        "eslint": ">=8.28.0"
-      }
-    },
-    "node_modules/eslint-plugin-unicorn/node_modules/jsesc": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.0.2.tgz",
-      "integrity": "sha512-xKqzzWXDttJuOcawBt4KnKHHIf5oQ/Cxax+0PWFG+DFDgHNAdi+TXECADI+RYiFUMmx8792xsMbbgXj4CwnP4g==",
-      "dev": true,
-      "peer": true,
-      "bin": {
-        "jsesc": "bin/jsesc"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/eslint-plugin-unicorn/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,
-      "peer": true,
-      "dependencies": {
-        "lru-cache": "^6.0.0"
-      },
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/eslint-rule-composer": {
-      "version": "0.3.0",
-      "resolved": "https://registry.npmjs.org/eslint-rule-composer/-/eslint-rule-composer-0.3.0.tgz",
-      "integrity": "sha512-bt+Sh8CtDmn2OajxvNO+BX7Wn4CIWMpTRm3MaiKPCQcnnlm0CS2mhui6QaoeQugs+3Kj2ESKEEGJUdVafwhiCg==",
-      "dev": true,
-      "peer": true,
-      "engines": {
-        "node": ">=4.0.0"
-      }
-    },
-    "node_modules/eslint-scope": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
-      "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "esrecurse": "^4.3.0",
-        "estraverse": "^4.1.1"
-      },
-      "engines": {
-        "node": ">=8.0.0"
-      }
-    },
-    "node_modules/eslint-scope/node_modules/estraverse": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
-      "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
-      "dev": true,
-      "peer": true,
-      "engines": {
-        "node": ">=4.0"
-      }
-    },
-    "node_modules/eslint-visitor-keys": {
-      "version": "3.4.1",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.1.tgz",
-      "integrity": "sha512-pZnmmLwYzf+kWaM/Qgrvpen51upAktaaiI01nsJD/Yr3lMOdNtq0cxkrrg16w64VtisN6okbs7Q8AfGqj4c9fA==",
-      "dev": true,
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/eslint/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/eslint/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/eslint/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/eslint/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/eslint/node_modules/escape-string-regexp": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
-      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/eslint/node_modules/eslint-scope": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.0.tgz",
-      "integrity": "sha512-DYj5deGlHBfMt15J7rdtyKNq/Nqlv5KfU4iodrQ019XESsRnwXH9KAE0y3cwtUHDo2ob7CypAnCqefh6vioWRw==",
-      "dev": true,
-      "dependencies": {
-        "esrecurse": "^4.3.0",
-        "estraverse": "^5.2.0"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/eslint/node_modules/globals": {
-      "version": "13.20.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-13.20.0.tgz",
-      "integrity": "sha512-Qg5QtVkCy/kv3FUSlu4ukeZDVf9ee0iXLAUYX13gbR17bnejFTzr4iS9bY7kwCf1NztRNm1t91fjOiyx4CSwPQ==",
-      "dev": true,
-      "dependencies": {
-        "type-fest": "^0.20.2"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/espree": {
-      "version": "9.5.1",
-      "resolved": "https://registry.npmjs.org/espree/-/espree-9.5.1.tgz",
-      "integrity": "sha512-5yxtHSZXRSW5pvv3hAlXM5+/Oswi1AUFqBmbibKb5s6bp3rGIDkyXU6xCoyuuLhijr4SFwPrXRoZjz0AZDN9tg==",
-      "dev": true,
-      "dependencies": {
-        "acorn": "^8.8.0",
-        "acorn-jsx": "^5.3.2",
-        "eslint-visitor-keys": "^3.4.0"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/esquery": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.5.0.tgz",
-      "integrity": "sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==",
-      "dev": true,
-      "dependencies": {
-        "estraverse": "^5.1.0"
-      },
-      "engines": {
-        "node": ">=0.10"
-      }
-    },
-    "node_modules/esrecurse": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
-      "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
-      "dev": true,
-      "dependencies": {
-        "estraverse": "^5.2.0"
-      },
-      "engines": {
-        "node": ">=4.0"
-      }
-    },
-    "node_modules/estraverse": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
-      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
-      "dev": true,
-      "engines": {
-        "node": ">=4.0"
-      }
-    },
-    "node_modules/esutils": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
-      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/event-target-shim": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/event-target-shim/-/event-target-shim-5.0.1.tgz",
-      "integrity": "sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ==",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/events": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
-      "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==",
-      "engines": {
-        "node": ">=0.8.x"
-      }
-    },
-    "node_modules/execall": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/execall/-/execall-2.0.0.tgz",
-      "integrity": "sha512-0FU2hZ5Hh6iQnarpRtQurM/aAvp3RIbfvgLHrcqJYzhXyV2KFruhuChf9NC6waAhiUR7FFtlugkI4p7f2Fqlow==",
-      "dev": true,
-      "dependencies": {
-        "clone-regexp": "^2.1.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/fast-deep-equal": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
-      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
-      "dev": true
-    },
-    "node_modules/fast-glob": {
-      "version": "3.3.1",
-      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.1.tgz",
-      "integrity": "sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==",
-      "dev": true,
-      "dependencies": {
-        "@nodelib/fs.stat": "^2.0.2",
-        "@nodelib/fs.walk": "^1.2.3",
-        "glob-parent": "^5.1.2",
-        "merge2": "^1.3.0",
-        "micromatch": "^4.0.4"
-      },
-      "engines": {
-        "node": ">=8.6.0"
-      }
-    },
-    "node_modules/fast-glob/node_modules/glob-parent": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-      "dev": true,
-      "dependencies": {
-        "is-glob": "^4.0.1"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/fast-json-stable-stringify": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
-      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
-      "dev": true
-    },
-    "node_modules/fast-levenshtein": {
-      "version": "2.0.6",
-      "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
-      "integrity": "sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc=",
-      "dev": true
-    },
-    "node_modules/fast-redact": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/fast-redact/-/fast-redact-3.2.0.tgz",
-      "integrity": "sha512-zaTadChr+NekyzallAMXATXLOR8MNx3zqpZ0MUF2aGf4EathnG0f32VLODNlY8IuGY3HoRO2L6/6fSzNsLaHIw==",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/fastest-levenshtein": {
-      "version": "1.0.12",
-      "resolved": "https://registry.npmjs.org/fastest-levenshtein/-/fastest-levenshtein-1.0.12.tgz",
-      "integrity": "sha512-On2N+BpYJ15xIC974QNVuYGMOlEVt4s0EOI3wwMqOmK1fdDY+FN/zltPV8vosq4ad4c/gJ1KHScUn/6AWIgiow==",
-      "dev": true
-    },
-    "node_modules/fastq": {
-      "version": "1.13.0",
-      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.13.0.tgz",
-      "integrity": "sha512-YpkpUnK8od0o1hmeSc7UUs/eB/vIPWJYjKck2QKIzAf71Vm1AAQ3EbuZB3g2JIy+pg+ERD0vqI79KyZiB2e2Nw==",
-      "dev": true,
-      "dependencies": {
-        "reusify": "^1.0.4"
-      }
-    },
-    "node_modules/file-entry-cache": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
-      "integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==",
-      "dev": true,
-      "dependencies": {
-        "flat-cache": "^3.0.4"
-      },
-      "engines": {
-        "node": "^10.12.0 || >=12.0.0"
-      }
-    },
-    "node_modules/fill-range": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
-      "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
-      "devOptional": true,
-      "dependencies": {
-        "to-regex-range": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "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/flat-cache": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.0.4.tgz",
-      "integrity": "sha512-dm9s5Pw7Jc0GvMYbshN6zchCA9RgQlzzEZX3vylR9IqFfS8XciblUXOKfW6SiuJ0e13eDYZoZV5wdrev7P3Nwg==",
-      "dev": true,
-      "dependencies": {
-        "flatted": "^3.1.0",
-        "rimraf": "^3.0.2"
-      },
-      "engines": {
-        "node": "^10.12.0 || >=12.0.0"
-      }
-    },
-    "node_modules/flatted": {
-      "version": "3.2.4",
-      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.2.4.tgz",
-      "integrity": "sha512-8/sOawo8tJ4QOBX8YlQBMxL8+RLZfxMQOif9o0KUKTNTjMYElWPE0r/m5VNFxTRd0NSw8qSy8dajrwX4RYI1Hw==",
-      "dev": true
-    },
-    "node_modules/for-each": {
-      "version": "0.3.3",
-      "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz",
-      "integrity": "sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==",
-      "dev": true,
-      "dependencies": {
-        "is-callable": "^1.1.3"
-      }
-    },
-    "node_modules/fs-readdir-recursive": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/fs-readdir-recursive/-/fs-readdir-recursive-1.1.0.tgz",
-      "integrity": "sha512-GNanXlVr2pf02+sPN40XN8HG+ePaNcvM0q5mZBd668Obwb0yD5GiUbZOFgwn8kGMY6I3mdyDJzieUy3PTYyTRA=="
-    },
-    "node_modules/fs.realpath": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
-      "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8="
-    },
-    "node_modules/fsevents": {
-      "version": "2.3.3",
-      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
-      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
-      "hasInstallScript": true,
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
-      }
-    },
-    "node_modules/function-bind": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
-      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/function.prototype.name": {
-      "version": "1.1.6",
-      "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.6.tgz",
-      "integrity": "sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "functions-have-names": "^1.2.3"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/functions-have-names": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
-      "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
-      "dev": true,
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/gensync": {
-      "version": "1.0.0-beta.2",
-      "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
-      "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/get-intrinsic": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.2.tgz",
-      "integrity": "sha512-0gSo4ml/0j98Y3lngkFEot/zhiCeWsbYIlZ+uZOVgzLyLaUw7wxUL+nCTP0XJvJg1AXulJRI3UJi8GsbDuxdGA==",
-      "dev": true,
-      "dependencies": {
-        "function-bind": "^1.1.2",
-        "has-proto": "^1.0.1",
-        "has-symbols": "^1.0.3",
-        "hasown": "^2.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/get-stdin": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-8.0.0.tgz",
-      "integrity": "sha512-sY22aA6xchAzprjyqmSEQv4UbAAzRN0L2dQB0NlN5acTTK9Don6nhoc3eAbUnpZiCANAMfd/+40kVdKfFygohg==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/get-symbol-description": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.0.0.tgz",
-      "integrity": "sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "get-intrinsic": "^1.1.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/get-tsconfig": {
-      "version": "4.7.2",
-      "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.7.2.tgz",
-      "integrity": "sha512-wuMsz4leaj5hbGgg4IvDU0bqJagpftG5l5cXIAvo8uZrqn0NJqwtfupTN00VnkQJPcIRrxYrm1Ue24btpCha2A==",
-      "dev": true,
-      "dependencies": {
-        "resolve-pkg-maps": "^1.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/privatenumber/get-tsconfig?sponsor=1"
-      }
-    },
-    "node_modules/glob": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.0.tgz",
-      "integrity": "sha512-lmLf6gtyrPq8tTjSmrO94wBeQbFR3HbLHbuyD69wuyQkImp2hWqMGB47OX65FBkPffO641IP9jWa1z4ivqG26Q==",
-      "dependencies": {
-        "fs.realpath": "^1.0.0",
-        "inflight": "^1.0.4",
-        "inherits": "2",
-        "minimatch": "^3.0.4",
-        "once": "^1.3.0",
-        "path-is-absolute": "^1.0.0"
-      },
-      "engines": {
-        "node": "*"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/glob-parent": {
-      "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
-      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
-      "dev": true,
-      "dependencies": {
-        "is-glob": "^4.0.3"
-      },
-      "engines": {
-        "node": ">=10.13.0"
-      }
-    },
-    "node_modules/glob-to-regexp": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz",
-      "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw=="
-    },
-    "node_modules/global-modules": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/global-modules/-/global-modules-2.0.0.tgz",
-      "integrity": "sha512-NGbfmJBp9x8IxyJSd1P+otYK8vonoJactOogrVfFRIAEY1ukil8RSKDz2Yo7wh1oihl51l/r6W4epkeKJHqL8A==",
-      "dev": true,
-      "dependencies": {
-        "global-prefix": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/global-prefix": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/global-prefix/-/global-prefix-3.0.0.tgz",
-      "integrity": "sha512-awConJSVCHVGND6x3tmMaKcQvwXLhjdkmomy2W+Goaui8YPgYgXJZewhg3fWC+DlfqqQuWg8AwqjGTD2nAPVWg==",
-      "dev": true,
-      "dependencies": {
-        "ini": "^1.3.5",
-        "kind-of": "^6.0.2",
-        "which": "^1.3.1"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/global-prefix/node_modules/which": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
-      "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
-      "dev": true,
-      "dependencies": {
-        "isexe": "^2.0.0"
-      },
-      "bin": {
-        "which": "bin/which"
-      }
-    },
-    "node_modules/globals": {
-      "version": "11.12.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz",
-      "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/globalthis": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.3.tgz",
-      "integrity": "sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==",
-      "dev": true,
-      "dependencies": {
-        "define-properties": "^1.1.3"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/globby": {
-      "version": "11.1.0",
-      "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
-      "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
-      "dev": true,
-      "dependencies": {
-        "array-union": "^2.1.0",
-        "dir-glob": "^3.0.1",
-        "fast-glob": "^3.2.9",
-        "ignore": "^5.2.0",
-        "merge2": "^1.4.1",
-        "slash": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/globjoin": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/globjoin/-/globjoin-0.1.4.tgz",
-      "integrity": "sha1-L0SUrIkZ43Z8XLtpHp9GMyQoXUM=",
-      "dev": true
-    },
-    "node_modules/gopd": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz",
-      "integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==",
-      "dev": true,
-      "dependencies": {
-        "get-intrinsic": "^1.1.3"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/graceful-fs": {
-      "version": "4.2.11",
-      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
-      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ=="
-    },
-    "node_modules/grapheme-splitter": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/grapheme-splitter/-/grapheme-splitter-1.0.4.tgz",
-      "integrity": "sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ==",
-      "dev": true
-    },
-    "node_modules/graphemer": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
-      "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
-      "dev": true,
-      "peer": true
-    },
-    "node_modules/hard-rejection": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/hard-rejection/-/hard-rejection-2.1.0.tgz",
-      "integrity": "sha512-VIZB+ibDhx7ObhAe7OVtoEbuP4h/MuOTHJ+J8h/eBXotJYl0fBgR72xDFCKgIh22OJZIOVNxBMWuhAr10r8HdA==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/has": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
-      "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
-      "dev": true,
-      "dependencies": {
-        "function-bind": "^1.1.1"
-      },
-      "engines": {
-        "node": ">= 0.4.0"
-      }
-    },
-    "node_modules/has-bigints": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz",
-      "integrity": "sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==",
-      "dev": true,
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/has-flag": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/has-property-descriptors": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.0.tgz",
-      "integrity": "sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ==",
-      "dev": true,
-      "dependencies": {
-        "get-intrinsic": "^1.1.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/has-proto": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.1.tgz",
-      "integrity": "sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/has-symbols": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
-      "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/has-tostringtag": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.0.tgz",
-      "integrity": "sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==",
-      "dev": true,
-      "dependencies": {
-        "has-symbols": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/hasown": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.0.tgz",
-      "integrity": "sha512-vUptKVTpIJhcczKBbgnS+RtcuYMB8+oNzPK2/Hp3hanz8JmpATdmmgLgSaadVREkDm+e2giHwY3ZRkyjSIDDFA==",
-      "dependencies": {
-        "function-bind": "^1.1.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/hosted-git-info": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-4.1.0.tgz",
-      "integrity": "sha512-kyCuEOWjJqZuDbRHzL8V93NzQhwIB71oFWSyzVo+KPZI+pnQPPxucdkrOZvkLRnrf5URsQM+IJ09Dw29cRALIA==",
-      "dev": true,
-      "dependencies": {
-        "lru-cache": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/html-parse-stringify": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/html-parse-stringify/-/html-parse-stringify-3.0.1.tgz",
-      "integrity": "sha512-KknJ50kTInJ7qIScF3jeaFRpMpE8/lfiTdzf/twXyPBLAGrLRTmkz3AdTnKeh40X8k9L2fdYwEp/42WGXIRGcg==",
-      "dependencies": {
-        "void-elements": "3.1.0"
-      }
-    },
-    "node_modules/html-tags": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/html-tags/-/html-tags-3.2.0.tgz",
-      "integrity": "sha512-vy7ClnArOZwCnqZgvv+ddgHgJiAFXe3Ge9ML5/mBctVJoUoYPCdxVucOywjDARn6CVoh3dRSFdPHy2sX80L0Wg==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/i18next": {
-      "version": "23.5.1",
-      "resolved": "https://registry.npmjs.org/i18next/-/i18next-23.5.1.tgz",
-      "integrity": "sha512-JelYzcaCoFDaa+Ysbfz2JsGAKkrHiMG6S61+HLBUEIPaF40WMwW9hCPymlQGrP+wWawKxKPuSuD71WZscCsWHg==",
-      "funding": [
-        {
-          "type": "individual",
-          "url": "https://locize.com"
-        },
-        {
-          "type": "individual",
-          "url": "https://locize.com/i18next.html"
-        },
-        {
-          "type": "individual",
-          "url": "https://www.i18next.com/how-to/faq#i18next-is-awesome.-how-can-i-support-the-project"
-        }
-      ],
-      "dependencies": {
-        "@babel/runtime": "^7.22.5"
-      }
-    },
-    "node_modules/i18next-browser-languagedetector": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/i18next-browser-languagedetector/-/i18next-browser-languagedetector-7.1.0.tgz",
-      "integrity": "sha512-cr2k7u1XJJ4HTOjM9GyOMtbOA47RtUoWRAtt52z43r3AoMs2StYKyjS3URPhzHaf+mn10hY9dZWamga5WPQjhA==",
-      "dependencies": {
-        "@babel/runtime": "^7.19.4"
-      }
-    },
-    "node_modules/i18next-resources-to-backend": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/i18next-resources-to-backend/-/i18next-resources-to-backend-1.1.4.tgz",
-      "integrity": "sha512-hMyr9AOmIea17AOaVe1srNxK/l3mbk81P7Uf3fdcjlw3ehZy3UNTd0OP3EEi6yu4J02kf9jzhCcjokz6AFlEOg==",
-      "dependencies": {
-        "@babel/runtime": "^7.21.5"
-      }
-    },
-    "node_modules/ieee754": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
-      "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==",
-      "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/ignore": {
-      "version": "5.2.4",
-      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.4.tgz",
-      "integrity": "sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==",
-      "dev": true,
-      "engines": {
-        "node": ">= 4"
-      }
-    },
-    "node_modules/import-fresh": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
-      "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
-      "dev": true,
-      "dependencies": {
-        "parent-module": "^1.0.0",
-        "resolve-from": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/import-lazy": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/import-lazy/-/import-lazy-4.0.0.tgz",
-      "integrity": "sha512-rKtvo6a868b5Hu3heneU+L4yEQ4jYKLtjpnPeUdK7h0yzXGmyBTypknlkCvHFBqfX9YlorEiMM6Dnq/5atfHkw==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/imurmurhash": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
-      "integrity": "sha1-khi5srkoojixPcT7a21XbyMUU+o=",
-      "dev": true,
-      "engines": {
-        "node": ">=0.8.19"
-      }
-    },
-    "node_modules/indent-string": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz",
-      "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/inflight": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
-      "integrity": "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=",
-      "dependencies": {
-        "once": "^1.3.0",
-        "wrappy": "1"
-      }
-    },
-    "node_modules/inherits": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
-      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
-    },
-    "node_modules/ini": {
-      "version": "1.3.8",
-      "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
-      "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==",
-      "dev": true
-    },
-    "node_modules/internal-slot": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.5.tgz",
-      "integrity": "sha512-Y+R5hJrzs52QCG2laLn4udYVnxsfny9CpOhNhUvk/SSSVyF6T27FzRbF0sroPidSu3X8oEAkOn2K804mjpt6UQ==",
-      "dev": true,
-      "dependencies": {
-        "get-intrinsic": "^1.2.0",
-        "has": "^1.0.3",
-        "side-channel": "^1.0.4"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/is-arguments": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.1.1.tgz",
-      "integrity": "sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "has-tostringtag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-array-buffer": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.2.tgz",
-      "integrity": "sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgraytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "get-intrinsic": "^1.2.0",
-        "is-typed-array": "^1.1.10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-arrayish": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
-      "integrity": "sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0=",
-      "dev": true
-    },
-    "node_modules/is-async-function": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/is-async-function/-/is-async-function-2.0.0.tgz",
-      "integrity": "sha512-Y1JXKrfykRJGdlDwdKlLpLyMIiWqWvuSd17TvZk68PLAOGOoF4Xyav1z0Xhoi+gCYjZVeC5SI+hYFOfvXmGRCA==",
-      "dev": true,
-      "dependencies": {
-        "has-tostringtag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-bigint": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.4.tgz",
-      "integrity": "sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==",
-      "dev": true,
-      "dependencies": {
-        "has-bigints": "^1.0.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-binary-path": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
-      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
-      "optional": true,
-      "dependencies": {
-        "binary-extensions": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/is-boolean-object": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.1.2.tgz",
-      "integrity": "sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "has-tostringtag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-builtin-module": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/is-builtin-module/-/is-builtin-module-3.2.1.tgz",
-      "integrity": "sha512-BSLE3HnV2syZ0FK0iMA/yUGplUeMmNz4AW5fnTunbCIqZi4vG3WjJT9FHMy5D69xmAYBHXQhJdALdpwVxV501A==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "builtin-modules": "^3.3.0"
-      },
-      "engines": {
-        "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/is-callable": {
-      "version": "1.2.7",
-      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
-      "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-core-module": {
-      "version": "2.13.1",
-      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.13.1.tgz",
-      "integrity": "sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==",
-      "dependencies": {
-        "hasown": "^2.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-date-object": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.5.tgz",
-      "integrity": "sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==",
-      "dev": true,
-      "dependencies": {
-        "has-tostringtag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-extglob": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
-      "integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=",
-      "devOptional": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/is-finalizationregistry": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/is-finalizationregistry/-/is-finalizationregistry-1.0.2.tgz",
-      "integrity": "sha512-0by5vtUJs8iFQb5TYUHHPudOR+qXYIMKtiUzvLIZITZUjknFmziyBJuLhVRc+Ds0dREFlskDNJKYIdIzu/9pfw==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-fullwidth-code-point": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
-      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/is-generator-function": {
-      "version": "1.0.10",
-      "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.0.10.tgz",
-      "integrity": "sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==",
-      "dev": true,
-      "dependencies": {
-        "has-tostringtag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-glob": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
-      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
-      "devOptional": true,
-      "dependencies": {
-        "is-extglob": "^2.1.1"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/is-map": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.2.tgz",
-      "integrity": "sha512-cOZFQQozTha1f4MxLFzlgKYPTyj26picdZTx82hbc/Xf4K/tZOOXSCkMvU4pKioRXGDLJRn0GM7Upe7kR721yg==",
-      "dev": true,
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-negative-zero": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.2.tgz",
-      "integrity": "sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-number": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
-      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
-      "devOptional": true,
-      "engines": {
-        "node": ">=0.12.0"
-      }
-    },
-    "node_modules/is-number-object": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.0.7.tgz",
-      "integrity": "sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==",
-      "dev": true,
-      "dependencies": {
-        "has-tostringtag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-path-inside": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
-      "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/is-plain-obj": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-1.1.0.tgz",
-      "integrity": "sha1-caUMhCnfync8kqOQpKA7OfzVHT4=",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/is-plain-object": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-5.0.0.tgz",
-      "integrity": "sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/is-regex": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz",
-      "integrity": "sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "has-tostringtag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-regexp": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/is-regexp/-/is-regexp-2.1.0.tgz",
-      "integrity": "sha512-OZ4IlER3zmRIoB9AqNhEggVxqIH4ofDns5nRrPS6yQxXE1TPCUpFznBfRQmQa8uC+pXqjMnukiJBxCisIxiLGA==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/is-set": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.2.tgz",
-      "integrity": "sha512-+2cnTEZeY5z/iXGbLhPrOAaK/Mau5k5eXq9j14CpRTftq0pAJu2MwVRSZhyZWBzx3o6X795Lz6Bpb6R0GKf37g==",
-      "dev": true,
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-shared-array-buffer": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.2.tgz",
-      "integrity": "sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-string": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.0.7.tgz",
-      "integrity": "sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==",
-      "dev": true,
-      "dependencies": {
-        "has-tostringtag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-symbol": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.4.tgz",
-      "integrity": "sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==",
-      "dev": true,
-      "dependencies": {
-        "has-symbols": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-typed-array": {
-      "version": "1.1.12",
-      "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.12.tgz",
-      "integrity": "sha512-Z14TF2JNG8Lss5/HMqt0//T9JeHXttXy5pH/DBU4vi98ozO2btxzq9MwYDZYnKwU8nRsz/+GVFVRDq3DkVuSPg==",
-      "dev": true,
-      "dependencies": {
-        "which-typed-array": "^1.1.11"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-weakmap": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.1.tgz",
-      "integrity": "sha512-NSBR4kH5oVj1Uwvv970ruUkCV7O1mzgVFO4/rev2cLRda9Tm9HrL70ZPut4rOHgY0FNrUu9BCbXA2sdQ+x0chA==",
-      "dev": true,
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-weakref": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.0.2.tgz",
-      "integrity": "sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-weakset": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.2.tgz",
-      "integrity": "sha512-t2yVvttHkQktwnNNmBQ98AhENLdPUTDTE21uPqAQ0ARwQfGeQKRVS0NNurH7bTf7RrvcVn1OOge45CnBeHCSmg==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "get-intrinsic": "^1.1.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/isarray": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
-      "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
-      "dev": true
-    },
-    "node_modules/isexe": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
-      "integrity": "sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=",
-      "dev": true
-    },
-    "node_modules/iterator.prototype": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/iterator.prototype/-/iterator.prototype-1.1.2.tgz",
-      "integrity": "sha512-DR33HMMr8EzwuRL8Y9D3u2BMj8+RqSE850jfGu59kS7tbmPLzGkZmVSfyCFSDxuZiEY6Rzt3T2NA/qU+NwVj1w==",
-      "dev": true,
-      "dependencies": {
-        "define-properties": "^1.2.1",
-        "get-intrinsic": "^1.2.1",
-        "has-symbols": "^1.0.3",
-        "reflect.getprototypeof": "^1.0.4",
-        "set-function-name": "^2.0.1"
-      }
-    },
-    "node_modules/jest-worker": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.5.1.tgz",
-      "integrity": "sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==",
-      "dev": true,
-      "dependencies": {
-        "@types/node": "*",
-        "merge-stream": "^2.0.0",
-        "supports-color": "^8.0.0"
-      },
-      "engines": {
-        "node": ">= 10.13.0"
-      }
-    },
-    "node_modules/jest-worker/node_modules/supports-color": {
-      "version": "8.1.1",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
-      "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
-      "dev": true,
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/supports-color?sponsor=1"
-      }
-    },
-    "node_modules/js-sdsl": {
-      "version": "4.4.0",
-      "resolved": "https://registry.npmjs.org/js-sdsl/-/js-sdsl-4.4.0.tgz",
-      "integrity": "sha512-FfVSdx6pJ41Oa+CF7RDaFmTnCaFhua+SNYQX74riGOpl96x+2jQCqEfQ2bnXu/5DPCqlRuiqyvTJM0Qjz26IVg==",
-      "dev": true,
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/js-sdsl"
-      }
-    },
-    "node_modules/js-tokens": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
-      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="
-    },
-    "node_modules/js-yaml": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
-      "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
-      "dev": true,
-      "dependencies": {
-        "argparse": "^2.0.1"
-      },
-      "bin": {
-        "js-yaml": "bin/js-yaml.js"
-      }
-    },
-    "node_modules/jsesc": {
-      "version": "2.5.2",
-      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz",
-      "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==",
-      "bin": {
-        "jsesc": "bin/jsesc"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/json-parse-even-better-errors": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
-      "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
-      "dev": true
-    },
-    "node_modules/json-schema-traverse": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
-      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
-      "dev": true
-    },
-    "node_modules/json-stable-stringify-without-jsonify": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
-      "integrity": "sha1-nbe1lJatPzz+8wp1FC0tkwrXJlE=",
-      "dev": true
-    },
-    "node_modules/json5": {
-      "version": "2.2.3",
-      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
-      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
-      "bin": {
-        "json5": "lib/cli.js"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/jsx-ast-utils": {
-      "version": "3.3.3",
-      "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.3.3.tgz",
-      "integrity": "sha512-fYQHZTZ8jSfmWZ0iyzfwiU4WDX4HpHbMCZ3gPlWYiCl3BoeOTsqKBqnTVfH2rYT7eP5c3sVbeSPHnnJOaTrWiw==",
-      "dev": true,
-      "dependencies": {
-        "array-includes": "^3.1.5",
-        "object.assign": "^4.1.3"
-      },
-      "engines": {
-        "node": ">=4.0"
-      }
-    },
-    "node_modules/jwt-decode": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/jwt-decode/-/jwt-decode-3.1.2.tgz",
-      "integrity": "sha512-UfpWE/VZn0iP50d8cz9NrZLM9lSWhcJ+0Gt/nm4by88UL+J1SiKN8/5dkjMmbEzwL2CAe+67GsegCbIKtbp75A=="
-    },
-    "node_modules/kind-of": {
-      "version": "6.0.3",
-      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
-      "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/known-css-properties": {
-      "version": "0.25.0",
-      "resolved": "https://registry.npmjs.org/known-css-properties/-/known-css-properties-0.25.0.tgz",
-      "integrity": "sha512-b0/9J1O9Jcyik1GC6KC42hJ41jKwdO/Mq8Mdo5sYN+IuRTXs2YFHZC3kZSx6ueusqa95x3wLYe/ytKjbAfGixA==",
-      "dev": true
-    },
-    "node_modules/language-subtag-registry": {
-      "version": "0.3.21",
-      "resolved": "https://registry.npmjs.org/language-subtag-registry/-/language-subtag-registry-0.3.21.tgz",
-      "integrity": "sha512-L0IqwlIXjilBVVYKFT37X9Ih11Um5NEl9cbJIuU/SwP/zEEAbBPOnEeeuxVMf45ydWQRDQN3Nqc96OgbH1K+Pg==",
-      "dev": true
-    },
-    "node_modules/language-tags": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/language-tags/-/language-tags-1.0.5.tgz",
-      "integrity": "sha1-0yHbxNowuovzAk4ED6XBRmH5GTo=",
-      "dev": true,
-      "dependencies": {
-        "language-subtag-registry": "~0.3.2"
-      }
-    },
-    "node_modules/levn": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
-      "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
-      "dev": true,
-      "dependencies": {
-        "prelude-ls": "^1.2.1",
-        "type-check": "~0.4.0"
-      },
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/lines-and-columns": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
-      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
-      "dev": true
-    },
-    "node_modules/loader-runner": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/loader-runner/-/loader-runner-4.3.0.tgz",
-      "integrity": "sha512-3R/1M+yS3j5ou80Me59j7F9IMs4PXs3VqRrm0TU3AbKPxlmpoY1TNscJV/oGJXo8qCatFGTfDbY6W6ipGOYXfg==",
-      "dev": true,
-      "peer": true,
-      "engines": {
-        "node": ">=6.11.5"
-      }
-    },
-    "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/lodash": {
-      "version": "4.17.21",
-      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
-      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
-    },
-    "node_modules/lodash.debounce": {
-      "version": "4.0.8",
-      "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
-      "integrity": "sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow=="
-    },
-    "node_modules/lodash.merge": {
-      "version": "4.6.2",
-      "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
-      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
-      "dev": true
-    },
-    "node_modules/lodash.truncate": {
-      "version": "4.4.2",
-      "resolved": "https://registry.npmjs.org/lodash.truncate/-/lodash.truncate-4.4.2.tgz",
-      "integrity": "sha1-WjUNoLERO4N+z//VgSy+WNbq4ZM=",
-      "dev": true
-    },
-    "node_modules/loglevel": {
-      "version": "1.8.0",
-      "resolved": "https://registry.npmjs.org/loglevel/-/loglevel-1.8.0.tgz",
-      "integrity": "sha512-G6A/nJLRgWOuuwdNuA6koovfEV1YpqqAG4pRUlFaz3jj2QNZ8M4vBqnVA+HBTmU/AMNUtlOsMmSpF6NyOjztbA==",
-      "engines": {
-        "node": ">= 0.6.0"
-      },
-      "funding": {
-        "type": "tidelift",
-        "url": "https://tidelift.com/funding/github/npm/loglevel"
-      }
-    },
-    "node_modules/loose-envify": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
-      "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
-      "dependencies": {
-        "js-tokens": "^3.0.0 || ^4.0.0"
-      },
-      "bin": {
-        "loose-envify": "cli.js"
-      }
-    },
-    "node_modules/lru-cache": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-      "dev": true,
-      "dependencies": {
-        "yallist": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/make-dir": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-2.1.0.tgz",
-      "integrity": "sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==",
-      "dependencies": {
-        "pify": "^4.0.1",
-        "semver": "^5.6.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/make-dir/node_modules/semver": {
-      "version": "5.7.2",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
-      "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
-      "bin": {
-        "semver": "bin/semver"
-      }
-    },
-    "node_modules/map-obj": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-4.3.0.tgz",
-      "integrity": "sha512-hdN1wVrZbb29eBGiGjJbeP8JbKjq1urkHJ/LIP/NY48MZ1QVXUsQBV1G1zvYFHn1XE06cwjBsOI2K3Ulnj1YXQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/mathml-tag-names": {
-      "version": "2.1.3",
-      "resolved": "https://registry.npmjs.org/mathml-tag-names/-/mathml-tag-names-2.1.3.tgz",
-      "integrity": "sha512-APMBEanjybaPzUrfqU0IMU5I0AswKMH7k8OTLs0vvV4KZpExkTkY87nR/zpbuTPj+gARop7aGUbl11pnDfW6xg==",
-      "dev": true,
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
-      }
-    },
-    "node_modules/matrix-events-sdk": {
-      "version": "0.0.1",
-      "resolved": "https://registry.npmjs.org/matrix-events-sdk/-/matrix-events-sdk-0.0.1.tgz",
-      "integrity": "sha512-1QEOsXO+bhyCroIe2/A5OwaxHvBm7EsSQ46DEDn8RBIfQwN5HWBpFvyWWR4QY0KHPPnnJdI99wgRiAl7Ad5qaA=="
-    },
-    "node_modules/matrix-js-sdk": {
-      "version": "28.2.0",
-      "resolved": "https://registry.npmjs.org/matrix-js-sdk/-/matrix-js-sdk-28.2.0.tgz",
-      "integrity": "sha512-YENmPaiGgWwCqoYWoL/8oD7QPWd6M/A0xdNhC4yMSiFny419AjUdPQk/EbM8RTSzQV27F79llhWisnz+/AXdaA==",
-      "dependencies": {
-        "@babel/runtime": "^7.12.5",
-        "@matrix-org/matrix-sdk-crypto-wasm": "^1.2.3-alpha.0",
-        "another-json": "^0.2.0",
-        "bs58": "^5.0.0",
-        "content-type": "^1.0.4",
-        "jwt-decode": "^3.1.2",
-        "loglevel": "^1.7.1",
-        "matrix-events-sdk": "0.0.1",
-        "matrix-widget-api": "^1.6.0",
-        "oidc-client-ts": "^2.2.4",
-        "p-retry": "4",
-        "sdp-transform": "^2.14.1",
-        "unhomoglyph": "^1.0.6",
-        "uuid": "9"
-      },
-      "engines": {
-        "node": ">=18.0.0"
-      }
-    },
-    "node_modules/matrix-widget-api": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/matrix-widget-api/-/matrix-widget-api-1.6.0.tgz",
-      "integrity": "sha512-VXIJyAZ/WnBmT4C7ePqevgMYGneKMCP/0JuCOqntSsaNlCRHJvwvTxmqUU+ufOpzIF5gYNyIrAjbgrEbK3iqJQ==",
-      "dependencies": {
-        "@types/events": "^3.0.0",
-        "events": "^3.2.0"
-      }
-    },
-    "node_modules/meow": {
-      "version": "9.0.0",
-      "resolved": "https://registry.npmjs.org/meow/-/meow-9.0.0.tgz",
-      "integrity": "sha512-+obSblOQmRhcyBt62furQqRAQpNyWXo8BuQ5bN7dG8wmwQ+vwHKp/rCFD4CrTP8CsDQD1sjoZ94K417XEUk8IQ==",
-      "dev": true,
-      "dependencies": {
-        "@types/minimist": "^1.2.0",
-        "camelcase-keys": "^6.2.2",
-        "decamelize": "^1.2.0",
-        "decamelize-keys": "^1.1.0",
-        "hard-rejection": "^2.1.0",
-        "minimist-options": "4.1.0",
-        "normalize-package-data": "^3.0.0",
-        "read-pkg-up": "^7.0.1",
-        "redent": "^3.0.0",
-        "trim-newlines": "^3.0.0",
-        "type-fest": "^0.18.0",
-        "yargs-parser": "^20.2.3"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/meow/node_modules/type-fest": {
-      "version": "0.18.1",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.18.1.tgz",
-      "integrity": "sha512-OIAYXk8+ISY+qTOwkHtKqzAuxchoMiD9Udx+FSGQDuiRR+PJKJHc2NJAXlbhkGwTt/4/nKZxELY1w3ReWOL8mw==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/merge-stream": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
-      "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==",
-      "dev": true
-    },
-    "node_modules/merge2": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
-      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
-      "dev": true,
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/micromatch": {
-      "version": "4.0.5",
-      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
-      "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
-      "dev": true,
-      "dependencies": {
-        "braces": "^3.0.2",
-        "picomatch": "^2.3.1"
-      },
-      "engines": {
-        "node": ">=8.6"
-      }
-    },
-    "node_modules/mime-db": {
-      "version": "1.51.0",
-      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.51.0.tgz",
-      "integrity": "sha512-5y8A56jg7XVQx2mbv1lu49NR4dokRnhZYTtL+KGfaa27uq4pSTXkwQkFJl4pkRMyNFz/EtYDSkiiEHx3F7UN6g==",
-      "dev": true,
-      "peer": true,
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/mime-types": {
-      "version": "2.1.34",
-      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.34.tgz",
-      "integrity": "sha512-6cP692WwGIs9XXdOO4++N+7qjqv0rqxxVvJ3VHPh/Sc9mVZcQP+ZGhkKiTvWMQRr2tbHkJP/Yn7Y0npb3ZBs4A==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "mime-db": "1.51.0"
-      },
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/min-indent": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/min-indent/-/min-indent-1.0.1.tgz",
-      "integrity": "sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==",
-      "dev": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/minimatch": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-      "dependencies": {
-        "brace-expansion": "^1.1.7"
-      },
-      "engines": {
-        "node": "*"
-      }
-    },
-    "node_modules/minimist": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
-      "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
-      "dev": true,
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/minimist-options": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/minimist-options/-/minimist-options-4.1.0.tgz",
-      "integrity": "sha512-Q4r8ghd80yhO/0j1O3B2BjweX3fiHg9cdOwjJd2J76Q135c+NDxGCqdYKQ1SKBuFfgWbAUzBfvYjPUEeNgqN1A==",
-      "dev": true,
-      "dependencies": {
-        "arrify": "^1.0.1",
-        "is-plain-obj": "^1.1.0",
-        "kind-of": "^6.0.3"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "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/nanoid": {
-      "version": "3.3.6",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz",
-      "integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "bin": {
-        "nanoid": "bin/nanoid.cjs"
-      },
-      "engines": {
-        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
-      }
-    },
-    "node_modules/natural-compare": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
-      "integrity": "sha1-Sr6/7tdUHywnrPspvbvRXI1bpPc=",
-      "dev": true
-    },
-    "node_modules/natural-compare-lite": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/natural-compare-lite/-/natural-compare-lite-1.4.0.tgz",
-      "integrity": "sha512-Tj+HTDSJJKaZnfiuw+iaF9skdPpTo2GtEly5JHnWV/hfv2Qj/9RKsGISQtLh2ox3l5EAGw487hnBee0sIJ6v2g==",
-      "dev": true,
-      "peer": true
-    },
-    "node_modules/neo-async": {
-      "version": "2.6.2",
-      "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz",
-      "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==",
-      "dev": true,
-      "peer": true
-    },
-    "node_modules/next": {
-      "version": "13.5.4",
-      "resolved": "https://registry.npmjs.org/next/-/next-13.5.4.tgz",
-      "integrity": "sha512-+93un5S779gho8y9ASQhb/bTkQF17FNQOtXLKAj3lsNgltEcF0C5PMLLncDmH+8X1EnJH1kbqAERa29nRXqhjA==",
-      "dependencies": {
-        "@next/env": "13.5.4",
-        "@swc/helpers": "0.5.2",
-        "busboy": "1.6.0",
-        "caniuse-lite": "^1.0.30001406",
-        "postcss": "8.4.31",
-        "styled-jsx": "5.1.1",
-        "watchpack": "2.4.0"
-      },
-      "bin": {
-        "next": "dist/bin/next"
-      },
-      "engines": {
-        "node": ">=16.14.0"
-      },
-      "optionalDependencies": {
-        "@next/swc-darwin-arm64": "13.5.4",
-        "@next/swc-darwin-x64": "13.5.4",
-        "@next/swc-linux-arm64-gnu": "13.5.4",
-        "@next/swc-linux-arm64-musl": "13.5.4",
-        "@next/swc-linux-x64-gnu": "13.5.4",
-        "@next/swc-linux-x64-musl": "13.5.4",
-        "@next/swc-win32-arm64-msvc": "13.5.4",
-        "@next/swc-win32-ia32-msvc": "13.5.4",
-        "@next/swc-win32-x64-msvc": "13.5.4"
-      },
-      "peerDependencies": {
-        "@opentelemetry/api": "^1.1.0",
-        "react": "^18.2.0",
-        "react-dom": "^18.2.0",
-        "sass": "^1.3.0"
-      },
-      "peerDependenciesMeta": {
-        "@opentelemetry/api": {
-          "optional": true
-        },
-        "sass": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/node-releases": {
-      "version": "2.0.13",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.13.tgz",
-      "integrity": "sha512-uYr7J37ae/ORWdZeQ1xxMJe3NtdmqMC/JZK+geofDrkLUApKRHPd18/TxtBOJ4A0/+uUIliorNrfYV6s1b02eQ=="
-    },
-    "node_modules/normalize-package-data": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-3.0.3.tgz",
-      "integrity": "sha512-p2W1sgqij3zMMyRC067Dg16bfzVH+w7hyegmpIvZ4JNjqtGOVAIvLmjBx3yP7YTe9vKJgkoNOPjwQGogDoMXFA==",
-      "dev": true,
-      "dependencies": {
-        "hosted-git-info": "^4.0.1",
-        "is-core-module": "^2.5.0",
-        "semver": "^7.3.4",
-        "validate-npm-package-license": "^3.0.1"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/normalize-package-data/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/normalize-path": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
-      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
-      "devOptional": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/normalize-selector": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/normalize-selector/-/normalize-selector-0.2.0.tgz",
-      "integrity": "sha1-0LFF62kRicY6eNIB3E/bEpPvDAM=",
-      "dev": true
-    },
-    "node_modules/normalize.css": {
-      "version": "8.0.1",
-      "resolved": "https://registry.npmjs.org/normalize.css/-/normalize.css-8.0.1.tgz",
-      "integrity": "sha512-qizSNPO93t1YUuUhP22btGOo3chcvDFqFaj2TRybP0DMxkHOCTYwp3n34fel4a31ORXy4m1Xq0Gyqpb5m33qIg=="
-    },
-    "node_modules/object-assign": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
-      "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/object-inspect": {
-      "version": "1.13.1",
-      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.1.tgz",
-      "integrity": "sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==",
-      "dev": true,
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/object-is": {
-      "version": "1.1.5",
-      "resolved": "https://registry.npmjs.org/object-is/-/object-is-1.1.5.tgz",
-      "integrity": "sha512-3cyDsyHgtmi7I7DfSSI2LDp6SK2lwvtbg0p0R1e0RvTqF5ceGx+K2dfSjm1bKDMVCFEDAQvy+o8c6a7VujOddw==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.1.3"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/object-keys": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
-      "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/object.assign": {
-      "version": "4.1.4",
-      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.4.tgz",
-      "integrity": "sha512-1mxKf0e58bvyjSCtKYY4sRe9itRk3PJpquJOjeIkz885CczcI4IvJJDLPS72oowuSh+pBxUFROpX+TU++hxhZQ==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.1.4",
-        "has-symbols": "^1.0.3",
-        "object-keys": "^1.1.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/object.entries": {
-      "version": "1.1.6",
-      "resolved": "https://registry.npmjs.org/object.entries/-/object.entries-1.1.6.tgz",
-      "integrity": "sha512-leTPzo4Zvg3pmbQ3rDK69Rl8GQvIqMWubrkxONG9/ojtFE2rD9fjMKfSI5BxW3osRH1m6VdzmqK8oAY9aT4x5w==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.1.4",
-        "es-abstract": "^1.20.4"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/object.fromentries": {
-      "version": "2.0.7",
-      "resolved": "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.7.tgz",
-      "integrity": "sha512-UPbPHML6sL8PI/mOqPwsH4G6iyXcCGzLin8KvEPenOZN5lpCNBZZQ+V62vdjB1mQHrmqGQt5/OJzemUA+KJmEA==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/object.groupby": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/object.groupby/-/object.groupby-1.0.1.tgz",
-      "integrity": "sha512-HqaQtqLnp/8Bn4GL16cj+CUYbnpe1bh0TtEaWvybszDG4tgxCJuRpV8VGuvNaI1fAnI4lUJzDG55MXcOH4JZcQ==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "get-intrinsic": "^1.2.1"
-      }
-    },
-    "node_modules/object.hasown": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/object.hasown/-/object.hasown-1.1.2.tgz",
-      "integrity": "sha512-B5UIT3J1W+WuWIU55h0mjlwaqxiE5vYENJXIXZ4VFe05pNYrkKuK0U/6aFcb0pKywYJh7IhfoqUfKVmrJJHZHw==",
-      "dev": true,
-      "dependencies": {
-        "define-properties": "^1.1.4",
-        "es-abstract": "^1.20.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/object.values": {
-      "version": "1.1.7",
-      "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.1.7.tgz",
-      "integrity": "sha512-aU6xnDFYT3x17e/f0IiiwlGPTy2jzMySGfUB4fq6z7CV8l85CWHDk5ErhyhpfDHhrOMwGFhSQkhMGHaIotA6Ng==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/oidc-client-ts": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/oidc-client-ts/-/oidc-client-ts-2.3.0.tgz",
-      "integrity": "sha512-7RUKU+TJFQo+4X9R50IGJAIDF18uRBaFXyZn4VVCfwmwbSUhKcdDnw4zgeut3uEXkiD3NqURq+d88sDPxjf1FA==",
-      "dependencies": {
-        "crypto-js": "^4.1.1",
-        "jwt-decode": "^3.1.2"
-      },
-      "engines": {
-        "node": ">=12.13.0"
-      }
-    },
-    "node_modules/on-exit-leak-free": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/on-exit-leak-free/-/on-exit-leak-free-2.1.0.tgz",
-      "integrity": "sha512-VuCaZZAjReZ3vUwgOB8LxAosIurDiAW0s13rI1YwmaP++jvcxP77AWoQvenZebpCA2m8WC1/EosPYPMjnRAp/w=="
-    },
-    "node_modules/once": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
-      "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=",
-      "dependencies": {
-        "wrappy": "1"
-      }
-    },
-    "node_modules/optionator": {
-      "version": "0.9.1",
-      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.1.tgz",
-      "integrity": "sha512-74RlY5FCnhq4jRxVUPKDaRwrVNXMqsGsiW6AJw4XK8hmtm10wC0ypZBLw5IIp85NZMr91+qd1RvvENwg7jjRFw==",
-      "dev": true,
-      "dependencies": {
-        "deep-is": "^0.1.3",
-        "fast-levenshtein": "^2.0.6",
-        "levn": "^0.4.1",
-        "prelude-ls": "^1.2.1",
-        "type-check": "^0.4.0",
-        "word-wrap": "^1.2.3"
-      },
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/p-limit": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
-      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
-      "dev": true,
-      "dependencies": {
-        "yocto-queue": "^0.1.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "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/p-retry": {
-      "version": "4.6.1",
-      "resolved": "https://registry.npmjs.org/p-retry/-/p-retry-4.6.1.tgz",
-      "integrity": "sha512-e2xXGNhZOZ0lfgR9kL34iGlU8N/KO0xZnQxVEwdeOvpqNDQfdnxIYizvWtK8RglUa3bGqI8g0R/BdfzLMxRkiA==",
-      "dependencies": {
-        "@types/retry": "^0.12.0",
-        "retry": "^0.13.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/parent-module": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
-      "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
-      "dev": true,
-      "dependencies": {
-        "callsites": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/parse-json": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
-      "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==",
-      "dev": true,
-      "dependencies": {
-        "@babel/code-frame": "^7.0.0",
-        "error-ex": "^1.3.1",
-        "json-parse-even-better-errors": "^2.3.0",
-        "lines-and-columns": "^1.1.6"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/path-exists": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
-      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/path-is-absolute": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
-      "integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18=",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/path-key": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
-      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/path-parse": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
-      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw=="
-    },
-    "node_modules/path-type": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
-      "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/picocolors": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
-      "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ=="
-    },
-    "node_modules/picomatch": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
-      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
-      "devOptional": true,
-      "engines": {
-        "node": ">=8.6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/jonschlinkert"
-      }
-    },
-    "node_modules/pify": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz",
-      "integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/pino": {
-      "version": "8.15.6",
-      "resolved": "https://registry.npmjs.org/pino/-/pino-8.15.6.tgz",
-      "integrity": "sha512-GuxHr61R0ZFD1npu58tB3a3FSVjuy21OwN/haw4OuKiZBL63Pg11Y51WWeD52RENS2mjwPZOwt+2OQOSkck6kQ==",
-      "dependencies": {
-        "atomic-sleep": "^1.0.0",
-        "fast-redact": "^3.1.1",
-        "on-exit-leak-free": "^2.1.0",
-        "pino-abstract-transport": "v1.1.0",
-        "pino-std-serializers": "^6.0.0",
-        "process-warning": "^2.0.0",
-        "quick-format-unescaped": "^4.0.3",
-        "real-require": "^0.2.0",
-        "safe-stable-stringify": "^2.3.1",
-        "sonic-boom": "^3.1.0",
-        "thread-stream": "^2.0.0"
-      },
-      "bin": {
-        "pino": "bin.js"
-      }
-    },
-    "node_modules/pino-abstract-transport": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/pino-abstract-transport/-/pino-abstract-transport-1.1.0.tgz",
-      "integrity": "sha512-lsleG3/2a/JIWUtf9Q5gUNErBqwIu1tUKTT3dUzaf5DySw9ra1wcqKjJjLX1VTY64Wk1eEOYsVGSaGfCK85ekA==",
-      "dependencies": {
-        "readable-stream": "^4.0.0",
-        "split2": "^4.0.0"
-      }
-    },
-    "node_modules/pino-std-serializers": {
-      "version": "6.2.2",
-      "resolved": "https://registry.npmjs.org/pino-std-serializers/-/pino-std-serializers-6.2.2.tgz",
-      "integrity": "sha512-cHjPPsE+vhj/tnhCy/wiMh3M3z3h/j15zHQX+S9GkTBgqJuTuJzYJ4gUyACLhDaJ7kk9ba9iRDmbH2tJU03OiA=="
-    },
-    "node_modules/pluralize": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/pluralize/-/pluralize-8.0.0.tgz",
-      "integrity": "sha512-Nc3IT5yHzflTfbjgqWcCPpo7DaKy4FnpB0l/zCAW0Tc7jxAiuqSxHasntB3D7887LSrA93kDJ9IXovxJYxyLCA==",
-      "dev": true,
-      "peer": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/postcss": {
-      "version": "8.4.31",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
-      "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/postcss/"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/postcss"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "dependencies": {
-        "nanoid": "^3.3.6",
-        "picocolors": "^1.0.0",
-        "source-map-js": "^1.0.2"
-      },
-      "engines": {
-        "node": "^10 || ^12 || >=14"
-      }
-    },
-    "node_modules/postcss-media-query-parser": {
-      "version": "0.2.3",
-      "resolved": "https://registry.npmjs.org/postcss-media-query-parser/-/postcss-media-query-parser-0.2.3.tgz",
-      "integrity": "sha1-J7Ocb02U+Bsac7j3Y1HGCeXO8kQ=",
-      "dev": true
-    },
-    "node_modules/postcss-resolve-nested-selector": {
-      "version": "0.1.1",
-      "resolved": "https://registry.npmjs.org/postcss-resolve-nested-selector/-/postcss-resolve-nested-selector-0.1.1.tgz",
-      "integrity": "sha1-Kcy8fDfe36wwTp//C/FZaz9qDk4=",
-      "dev": true
-    },
-    "node_modules/postcss-safe-parser": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-safe-parser/-/postcss-safe-parser-6.0.0.tgz",
-      "integrity": "sha512-FARHN8pwH+WiS2OPCxJI8FuRJpTVnn6ZNFiqAM2aeW2LwTHWWmWgIyKC6cUo0L8aeKiF/14MNvnpls6R2PBeMQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=12.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
-      },
-      "peerDependencies": {
-        "postcss": "^8.3.3"
-      }
-    },
-    "node_modules/postcss-selector-parser": {
-      "version": "6.0.10",
-      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz",
-      "integrity": "sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==",
-      "dev": true,
-      "dependencies": {
-        "cssesc": "^3.0.0",
-        "util-deprecate": "^1.0.2"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/postcss-sorting": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/postcss-sorting/-/postcss-sorting-7.0.1.tgz",
-      "integrity": "sha512-iLBFYz6VRYyLJEJsBJ8M3TCqNcckVzz4wFounSc5Oez35ogE/X+aoC5fFu103Ot7NyvjU3/xqIXn93Gp3kJk4g==",
-      "dev": true,
-      "peerDependencies": {
-        "postcss": "^8.3.9"
-      }
-    },
-    "node_modules/postcss-syntax": {
-      "version": "0.36.2",
-      "resolved": "https://registry.npmjs.org/postcss-syntax/-/postcss-syntax-0.36.2.tgz",
-      "integrity": "sha512-nBRg/i7E3SOHWxF3PpF5WnJM/jQ1YpY9000OaVXlAQj6Zp/kIqJxEDWIZ67tAd7NLuk7zqN4yqe9nc0oNAOs1w==",
-      "dev": true,
-      "peer": true,
-      "peerDependencies": {
-        "postcss": ">=5.0.0"
-      }
-    },
-    "node_modules/postcss-value-parser": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
-      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ=="
-    },
-    "node_modules/prelude-ls": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
-      "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/process": {
-      "version": "0.11.10",
-      "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz",
-      "integrity": "sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==",
-      "engines": {
-        "node": ">= 0.6.0"
-      }
-    },
-    "node_modules/process-warning": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/process-warning/-/process-warning-2.2.0.tgz",
-      "integrity": "sha512-/1WZ8+VQjR6avWOgHeEPd7SDQmFQ1B5mC1eRXsCm5TarlNmx/wCsa5GEaxGm05BORRtyG/Ex/3xq3TuRvq57qg=="
-    },
-    "node_modules/prop-types": {
-      "version": "15.8.1",
-      "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
-      "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
-      "dev": true,
-      "dependencies": {
-        "loose-envify": "^1.4.0",
-        "object-assign": "^4.1.1",
-        "react-is": "^16.13.1"
-      }
-    },
-    "node_modules/prop-types/node_modules/react-is": {
-      "version": "16.13.1",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
-      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
-      "dev": true
-    },
-    "node_modules/punycode": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz",
-      "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/queue-microtask": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
-      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
-      "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/quick-format-unescaped": {
-      "version": "4.0.4",
-      "resolved": "https://registry.npmjs.org/quick-format-unescaped/-/quick-format-unescaped-4.0.4.tgz",
-      "integrity": "sha512-tYC1Q1hgyRuHgloV/YXs2w15unPVh8qfu/qCTfhTYamaw7fyhumKa2yGpdSo87vY32rIclj+4fWYQXUMs9EHvg=="
-    },
-    "node_modules/quick-lru": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/quick-lru/-/quick-lru-4.0.1.tgz",
-      "integrity": "sha512-ARhCpm70fzdcvNQfPoy49IaanKkTlRWF2JMzqhcJbhSFRZv7nPTvZJdcY7301IPmvW+/p0RgIWnQDLJxifsQ7g==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/randombytes": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
-      "integrity": "sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "safe-buffer": "^5.1.0"
-      }
-    },
-    "node_modules/react": {
-      "version": "18.2.0",
-      "resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz",
-      "integrity": "sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==",
-      "dependencies": {
-        "loose-envify": "^1.1.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/react-dom": {
-      "version": "18.2.0",
-      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz",
-      "integrity": "sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==",
-      "dependencies": {
-        "loose-envify": "^1.1.0",
-        "scheduler": "^0.23.0"
-      },
-      "peerDependencies": {
-        "react": "^18.2.0"
-      }
-    },
-    "node_modules/react-i18next": {
-      "version": "13.2.2",
-      "resolved": "https://registry.npmjs.org/react-i18next/-/react-i18next-13.2.2.tgz",
-      "integrity": "sha512-+nFUkbRByFwnrfDcYqvzBuaeZb+nACHx+fAWN/pZMddWOCJH5hoc21+Sa/N/Lqi6ne6/9wC/qRGOoQhJa6IkEQ==",
-      "dependencies": {
-        "@babel/runtime": "^7.22.5",
-        "html-parse-stringify": "^3.0.1"
-      },
-      "peerDependencies": {
-        "i18next": ">= 23.2.3",
-        "react": ">= 16.8.0"
-      },
-      "peerDependenciesMeta": {
-        "react-dom": {
-          "optional": true
-        },
-        "react-native": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/read-pkg": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-5.2.0.tgz",
-      "integrity": "sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg==",
-      "dev": true,
-      "dependencies": {
-        "@types/normalize-package-data": "^2.4.0",
-        "normalize-package-data": "^2.5.0",
-        "parse-json": "^5.0.0",
-        "type-fest": "^0.6.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/read-pkg-up": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-7.0.1.tgz",
-      "integrity": "sha512-zK0TB7Xd6JpCLmlLmufqykGE+/TlOePD6qKClNW7hHDKFh/J7/7gCWGR7joEQEW1bKq3a3yUZSObOoWLFQ4ohg==",
-      "dev": true,
-      "dependencies": {
-        "find-up": "^4.1.0",
-        "read-pkg": "^5.2.0",
-        "type-fest": "^0.8.1"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/read-pkg-up/node_modules/find-up": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
-      "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
-      "dev": true,
-      "dependencies": {
-        "locate-path": "^5.0.0",
-        "path-exists": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/read-pkg-up/node_modules/locate-path": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
-      "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
-      "dev": true,
-      "dependencies": {
-        "p-locate": "^4.1.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/read-pkg-up/node_modules/p-limit": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
-      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
-      "dev": true,
-      "dependencies": {
-        "p-try": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/read-pkg-up/node_modules/p-locate": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
-      "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
-      "dev": true,
-      "dependencies": {
-        "p-limit": "^2.2.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/read-pkg-up/node_modules/p-try": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
-      "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/read-pkg-up/node_modules/type-fest": {
-      "version": "0.8.1",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz",
-      "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/read-pkg/node_modules/hosted-git-info": {
-      "version": "2.8.9",
-      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.9.tgz",
-      "integrity": "sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==",
-      "dev": true
-    },
-    "node_modules/read-pkg/node_modules/normalize-package-data": {
-      "version": "2.5.0",
-      "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.5.0.tgz",
-      "integrity": "sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==",
-      "dev": true,
-      "dependencies": {
-        "hosted-git-info": "^2.1.4",
-        "resolve": "^1.10.0",
-        "semver": "2 || 3 || 4 || 5",
-        "validate-npm-package-license": "^3.0.1"
-      }
-    },
-    "node_modules/read-pkg/node_modules/semver": {
-      "version": "5.7.2",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
-      "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
-      "dev": true,
-      "bin": {
-        "semver": "bin/semver"
-      }
-    },
-    "node_modules/read-pkg/node_modules/type-fest": {
-      "version": "0.6.0",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.6.0.tgz",
-      "integrity": "sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/readable-stream": {
-      "version": "4.4.2",
-      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-4.4.2.tgz",
-      "integrity": "sha512-Lk/fICSyIhodxy1IDK2HazkeGjSmezAWX2egdtJnYhtzKEsBPJowlI6F6LPb5tqIQILrMbx22S5o3GuJavPusA==",
-      "dependencies": {
-        "abort-controller": "^3.0.0",
-        "buffer": "^6.0.3",
-        "events": "^3.3.0",
-        "process": "^0.11.10",
-        "string_decoder": "^1.3.0"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      }
-    },
-    "node_modules/readdirp": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
-      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
-      "optional": true,
-      "dependencies": {
-        "picomatch": "^2.2.1"
-      },
-      "engines": {
-        "node": ">=8.10.0"
-      }
-    },
-    "node_modules/real-require": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/real-require/-/real-require-0.2.0.tgz",
-      "integrity": "sha512-57frrGM/OCTLqLOAh0mhVA9VBMHd+9U7Zb2THMGdBUoZVOtGbJzjxsYGDJ3A9AYYCP4hn6y1TVbaOfzWtm5GFg==",
-      "engines": {
-        "node": ">= 12.13.0"
-      }
-    },
-    "node_modules/redent": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/redent/-/redent-3.0.0.tgz",
-      "integrity": "sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==",
-      "dev": true,
-      "dependencies": {
-        "indent-string": "^4.0.0",
-        "strip-indent": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/reflect.getprototypeof": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.4.tgz",
-      "integrity": "sha512-ECkTw8TmJwW60lOTR+ZkODISW6RQ8+2CL3COqtiJKLd6MmB45hN51HprHFziKLGkAuTGQhBb91V8cy+KHlaCjw==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "get-intrinsic": "^1.2.1",
-        "globalthis": "^1.0.3",
-        "which-builtin-type": "^1.1.3"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/regenerate": {
-      "version": "1.4.2",
-      "resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.4.2.tgz",
-      "integrity": "sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A=="
-    },
-    "node_modules/regenerate-unicode-properties": {
-      "version": "10.1.1",
-      "resolved": "https://registry.npmjs.org/regenerate-unicode-properties/-/regenerate-unicode-properties-10.1.1.tgz",
-      "integrity": "sha512-X007RyZLsCJVVrjgEFVpLUTZwyOZk3oiL75ZcuYjlIWd6rNJtOjkBwQc5AsRrpbKVkxN6sklw/k/9m2jJYOf8Q==",
-      "dependencies": {
-        "regenerate": "^1.4.2"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "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/regenerator-transform": {
-      "version": "0.15.2",
-      "resolved": "https://registry.npmjs.org/regenerator-transform/-/regenerator-transform-0.15.2.tgz",
-      "integrity": "sha512-hfMp2BoF0qOk3uc5V20ALGDS2ddjQaLrdl7xrGXvAIow7qeWRM2VA2HuCHkUKk9slq3VwEwLNK3DFBqDfPGYtg==",
-      "dependencies": {
-        "@babel/runtime": "^7.8.4"
-      }
-    },
-    "node_modules/regexp-tree": {
-      "version": "0.1.27",
-      "resolved": "https://registry.npmjs.org/regexp-tree/-/regexp-tree-0.1.27.tgz",
-      "integrity": "sha512-iETxpjK6YoRWJG5o6hXLwvjYAoW+FEZn9os0PD/b6AP6xQwsa/Y7lCVgIixBbUPMfhu+i2LtdeAqVTgGlQarfA==",
-      "dev": true,
-      "peer": true,
-      "bin": {
-        "regexp-tree": "bin/regexp-tree"
-      }
-    },
-    "node_modules/regexp.prototype.flags": {
-      "version": "1.5.1",
-      "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.1.tgz",
-      "integrity": "sha512-sy6TXMN+hnP/wMy+ISxg3krXx7BAtWVO4UouuCN/ziM9UEne0euamVNafDfvC83bRNr95y0V5iijeDQFUNpvrg==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "set-function-name": "^2.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/regexpu-core": {
-      "version": "5.3.2",
-      "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-5.3.2.tgz",
-      "integrity": "sha512-RAM5FlZz+Lhmo7db9L298p2vHP5ZywrVXmVXpmAD9GuL5MPH6t9ROw1iA/wfHkQ76Qe7AaPF0nGuim96/IrQMQ==",
-      "dependencies": {
-        "@babel/regjsgen": "^0.8.0",
-        "regenerate": "^1.4.2",
-        "regenerate-unicode-properties": "^10.1.0",
-        "regjsparser": "^0.9.1",
-        "unicode-match-property-ecmascript": "^2.0.0",
-        "unicode-match-property-value-ecmascript": "^2.1.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/regjsparser": {
-      "version": "0.9.1",
-      "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.9.1.tgz",
-      "integrity": "sha512-dQUtn90WanSNl+7mQKcXAgZxvUe7Z0SqXlgzv0za4LwiUhyzBC58yQO3liFoUgu8GiJVInAhJjkj1N0EtQ5nkQ==",
-      "dependencies": {
-        "jsesc": "~0.5.0"
-      },
-      "bin": {
-        "regjsparser": "bin/parser"
-      }
-    },
-    "node_modules/regjsparser/node_modules/jsesc": {
-      "version": "0.5.0",
-      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-0.5.0.tgz",
-      "integrity": "sha512-uZz5UnB7u4T9LvwmFqXii7pZSouaRPorGs5who1Ip7VO0wxanFvBL7GkM6dTHlgX+jhBApRetaWpnDabOeTcnA==",
-      "bin": {
-        "jsesc": "bin/jsesc"
-      }
-    },
-    "node_modules/require-from-string": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
-      "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/resolve": {
-      "version": "1.22.8",
-      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz",
-      "integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==",
-      "dependencies": {
-        "is-core-module": "^2.13.0",
-        "path-parse": "^1.0.7",
-        "supports-preserve-symlinks-flag": "^1.0.0"
-      },
-      "bin": {
-        "resolve": "bin/resolve"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/resolve-from": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
-      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
-      "dev": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/resolve-pkg-maps": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz",
-      "integrity": "sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==",
-      "dev": true,
-      "funding": {
-        "url": "https://github.com/privatenumber/resolve-pkg-maps?sponsor=1"
-      }
-    },
-    "node_modules/retry": {
-      "version": "0.13.1",
-      "resolved": "https://registry.npmjs.org/retry/-/retry-0.13.1.tgz",
-      "integrity": "sha512-XQBQ3I8W1Cge0Seh+6gjj03LbmRFWuoszgK9ooCpwYIrhhoO80pfq4cUkU5DkknwfOfFteRwlZ56PYOGYyFWdg==",
-      "engines": {
-        "node": ">= 4"
-      }
-    },
-    "node_modules/reusify": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
-      "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
-      "dev": true,
-      "engines": {
-        "iojs": ">=1.0.0",
-        "node": ">=0.10.0"
-      }
-    },
-    "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/run-parallel": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
-      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
-      "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": {
-        "queue-microtask": "^1.2.2"
-      }
-    },
-    "node_modules/safe-array-concat": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.0.1.tgz",
-      "integrity": "sha512-6XbUAseYE2KtOuGueyeobCySj9L4+66Tn6KQMOPQJrAJEowYKW/YR/MGJZl7FdydUdaFu4LYyDZjxf4/Nmo23Q==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "get-intrinsic": "^1.2.1",
-        "has-symbols": "^1.0.3",
-        "isarray": "^2.0.5"
-      },
-      "engines": {
-        "node": ">=0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/safe-buffer": {
-      "version": "5.2.1",
-      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
-      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
-      "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/safe-regex": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/safe-regex/-/safe-regex-2.1.1.tgz",
-      "integrity": "sha512-rx+x8AMzKb5Q5lQ95Zoi6ZbJqwCLkqi3XuJXp5P3rT8OEc6sZCJG5AE5dU3lsgRr/F4Bs31jSlVN+j5KrsGu9A==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "regexp-tree": "~0.1.1"
-      }
-    },
-    "node_modules/safe-regex-test": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.0.0.tgz",
-      "integrity": "sha512-JBUUzyOgEwXQY1NuPtvcj/qcBDbDmEvWufhlnXZIm75DEHp+afM1r1ujJpJsV/gSM4t59tpDyPi1sd6ZaPFfsA==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "get-intrinsic": "^1.1.3",
-        "is-regex": "^1.1.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/safe-stable-stringify": {
-      "version": "2.4.3",
-      "resolved": "https://registry.npmjs.org/safe-stable-stringify/-/safe-stable-stringify-2.4.3.tgz",
-      "integrity": "sha512-e2bDA2WJT0wxseVd4lsDP4+3ONX6HpMXQa1ZhFQ7SU+GjvORCmShbCMltrtIDfkYhVHrOcPtj+KhmDBdPdZD1g==",
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/scheduler": {
-      "version": "0.23.0",
-      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.0.tgz",
-      "integrity": "sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==",
-      "dependencies": {
-        "loose-envify": "^1.1.0"
-      }
-    },
-    "node_modules/schema-utils": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.0.0.tgz",
-      "integrity": "sha512-1edyXKgh6XnJsJSQ8mKWXnN/BVaIbFMLpouRUrXgVq7WYne5kw3MW7UPhO44uRXQSIpTSXoJbmrR2X0w9kUTyg==",
-      "dev": true,
-      "dependencies": {
-        "@types/json-schema": "^7.0.9",
-        "ajv": "^8.8.0",
-        "ajv-formats": "^2.1.1",
-        "ajv-keywords": "^5.0.0"
-      },
-      "engines": {
-        "node": ">= 12.13.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
-      }
-    },
-    "node_modules/schema-utils/node_modules/ajv": {
-      "version": "8.11.0",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.11.0.tgz",
-      "integrity": "sha512-wGgprdCvMalC0BztXvitD2hC04YffAvtsUn93JbGXYLAtCUO4xd17mCCZQxUOItiBwZvJScWo8NIvQMQ71rdpg==",
-      "dev": true,
-      "dependencies": {
-        "fast-deep-equal": "^3.1.1",
-        "json-schema-traverse": "^1.0.0",
-        "require-from-string": "^2.0.2",
-        "uri-js": "^4.2.2"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/epoberezkin"
-      }
-    },
-    "node_modules/schema-utils/node_modules/ajv-keywords": {
-      "version": "5.1.0",
-      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-5.1.0.tgz",
-      "integrity": "sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==",
-      "dev": true,
-      "dependencies": {
-        "fast-deep-equal": "^3.1.3"
-      },
-      "peerDependencies": {
-        "ajv": "^8.8.2"
-      }
-    },
-    "node_modules/schema-utils/node_modules/json-schema-traverse": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
-      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
-      "dev": true
-    },
-    "node_modules/sdp-transform": {
-      "version": "2.14.1",
-      "resolved": "https://registry.npmjs.org/sdp-transform/-/sdp-transform-2.14.1.tgz",
-      "integrity": "sha512-RjZyX3nVwJyCuTo5tGPx+PZWkDMCg7oOLpSlhjDdZfwUoNqG1mM8nyj31IGHyaPWXhjbP7cdK3qZ2bmkJ1GzRw==",
-      "bin": {
-        "sdp-verify": "checker.js"
-      }
-    },
-    "node_modules/semver": {
-      "version": "6.3.1",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
-      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
-      "bin": {
-        "semver": "bin/semver.js"
-      }
-    },
-    "node_modules/serialize-javascript": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.1.tgz",
-      "integrity": "sha512-owoXEFjWRllis8/M1Q+Cw5k8ZH40e3zhp/ovX+Xr/vi1qj6QesbyXXViFbpNvWvPNAD62SutwEXavefrLJWj7w==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "randombytes": "^2.1.0"
-      }
-    },
-    "node_modules/set-function-length": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.1.1.tgz",
-      "integrity": "sha512-VoaqjbBJKiWtg4yRcKBQ7g7wnGnLV3M8oLvVWwOk2PdYY6PEFegR1vezXR0tw6fZGF9csVakIRjrJiy2veSBFQ==",
-      "dev": true,
-      "dependencies": {
-        "define-data-property": "^1.1.1",
-        "get-intrinsic": "^1.2.1",
-        "gopd": "^1.0.1",
-        "has-property-descriptors": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/set-function-name": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/set-function-name/-/set-function-name-2.0.1.tgz",
-      "integrity": "sha512-tMNCiqYVkXIZgc2Hnoy2IvC/f8ezc5koaRFkCjrpWzGpCd3qbZXPzVy9MAZzK1ch/X0jvSkojys3oqJN0qCmdA==",
-      "dev": true,
-      "dependencies": {
-        "define-data-property": "^1.0.1",
-        "functions-have-names": "^1.2.3",
-        "has-property-descriptors": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/shallowequal": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/shallowequal/-/shallowequal-1.1.0.tgz",
-      "integrity": "sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ=="
-    },
-    "node_modules/shebang-command": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
-      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
-      "dev": true,
-      "dependencies": {
-        "shebang-regex": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/shebang-regex": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
-      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/side-channel": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz",
-      "integrity": "sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.0",
-        "get-intrinsic": "^1.0.2",
-        "object-inspect": "^1.9.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/signal-exit": {
-      "version": "3.0.7",
-      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
-      "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
-      "dev": true
-    },
-    "node_modules/slash": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
-      "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/slice-ansi": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-4.0.0.tgz",
-      "integrity": "sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==",
-      "dev": true,
-      "dependencies": {
-        "ansi-styles": "^4.0.0",
-        "astral-regex": "^2.0.0",
-        "is-fullwidth-code-point": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/slice-ansi?sponsor=1"
-      }
-    },
-    "node_modules/slice-ansi/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/slice-ansi/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/slice-ansi/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/sonic-boom": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/sonic-boom/-/sonic-boom-3.3.0.tgz",
-      "integrity": "sha512-LYxp34KlZ1a2Jb8ZQgFCK3niIHzibdwtwNUWKg0qQRzsDoJ3Gfgkf8KdBTFU3SkejDEIlWwnSnpVdOZIhFMl/g==",
-      "dependencies": {
-        "atomic-sleep": "^1.0.0"
-      }
-    },
-    "node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "dev": true,
-      "peer": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/source-map-js": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
-      "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/source-map-support": {
-      "version": "0.5.21",
-      "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz",
-      "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "buffer-from": "^1.0.0",
-        "source-map": "^0.6.0"
-      }
-    },
-    "node_modules/spdx-correct": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.1.1.tgz",
-      "integrity": "sha512-cOYcUWwhCuHCXi49RhFRCyJEK3iPj1Ziz9DpViV3tbZOwXD49QzIN3MpOLJNxh2qwq2lJJZaKMVw9qNi4jTC0w==",
-      "dev": true,
-      "dependencies": {
-        "spdx-expression-parse": "^3.0.0",
-        "spdx-license-ids": "^3.0.0"
-      }
-    },
-    "node_modules/spdx-exceptions": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.3.0.tgz",
-      "integrity": "sha512-/tTrYOC7PPI1nUAgx34hUpqXuyJG+DTHJTnIULG4rDygi4xu/tfgmq1e1cIRwRzwZgo4NLySi+ricLkZkw4i5A==",
-      "dev": true
-    },
-    "node_modules/spdx-expression-parse": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.1.tgz",
-      "integrity": "sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==",
-      "dev": true,
-      "dependencies": {
-        "spdx-exceptions": "^2.1.0",
-        "spdx-license-ids": "^3.0.0"
-      }
-    },
-    "node_modules/spdx-license-ids": {
-      "version": "3.0.11",
-      "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.11.tgz",
-      "integrity": "sha512-Ctl2BrFiM0X3MANYgj3CkygxhRmr9mi6xhejbdO960nF6EDJApTYpn0BQnDKlnNBULKiCN1n3w9EBkHK8ZWg+g==",
-      "dev": true
-    },
-    "node_modules/specificity": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/specificity/-/specificity-0.4.1.tgz",
-      "integrity": "sha512-1klA3Gi5PD1Wv9Q0wUoOQN1IWAuPu0D1U03ThXTr0cJ20+/iq2tHSDnK7Kk/0LXJ1ztUB2/1Os0wKmfyNgUQfg==",
-      "dev": true,
-      "bin": {
-        "specificity": "bin/specificity"
-      }
-    },
-    "node_modules/split2": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/split2/-/split2-4.2.0.tgz",
-      "integrity": "sha512-UcjcJOWknrNkF6PLX83qcHM6KHgVKNkV62Y8a5uYDVv9ydGQVwAHMKqHdJje1VTWpljG0WYpCDhrCdAOYH4TWg==",
-      "engines": {
-        "node": ">= 10.x"
-      }
-    },
-    "node_modules/stop-iteration-iterator": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/stop-iteration-iterator/-/stop-iteration-iterator-1.0.0.tgz",
-      "integrity": "sha512-iCGQj+0l0HOdZ2AEeBADlsRC+vsnDsZsbdSiH1yNSjcfKM7fdpCMfqAL/dwF5BLiw/XhRft/Wax6zQbhq2BcjQ==",
-      "dev": true,
-      "dependencies": {
-        "internal-slot": "^1.0.4"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/streamsearch": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/streamsearch/-/streamsearch-1.1.0.tgz",
-      "integrity": "sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==",
-      "engines": {
-        "node": ">=10.0.0"
-      }
-    },
-    "node_modules/string_decoder": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
-      "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
-      "dependencies": {
-        "safe-buffer": "~5.2.0"
-      }
-    },
-    "node_modules/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-width/node_modules/emoji-regex": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-      "dev": true
-    },
-    "node_modules/string.prototype.matchall": {
-      "version": "4.0.8",
-      "resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.8.tgz",
-      "integrity": "sha512-6zOCOcJ+RJAQshcTvXPHoxoQGONa3e/Lqx90wUA+wEzX78sg5Bo+1tQo4N0pohS0erG9qtCqJDjNCQBjeWVxyg==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.1.4",
-        "es-abstract": "^1.20.4",
-        "get-intrinsic": "^1.1.3",
-        "has-symbols": "^1.0.3",
-        "internal-slot": "^1.0.3",
-        "regexp.prototype.flags": "^1.4.3",
-        "side-channel": "^1.0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/string.prototype.trim": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.8.tgz",
-      "integrity": "sha512-lfjY4HcixfQXOfaqCvcBuOIapyaroTXhbkfJN3gcB1OtyupngWK4sEET9Knd0cXd28kTUqu/kHoV4HKSJdnjiQ==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/string.prototype.trimend": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.7.tgz",
-      "integrity": "sha512-Ni79DqeB72ZFq1uH/L6zJ+DKZTkOtPIHovb3YZHQViE+HDouuU4mBrLOLDn5Dde3RF8qw5qVETEjhu9locMLvA==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/string.prototype.trimstart": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.7.tgz",
-      "integrity": "sha512-NGhtDFu3jCEm7B4Fy0DpLewdJQOZcQ0rGbwQ/+stjnrp2i+rlKeCvos9hOIeCmqwratM47OBxY7uFZzjxHXmrg==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/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",
-      "integrity": "sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==",
-      "dev": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/strip-indent": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-3.0.0.tgz",
-      "integrity": "sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==",
-      "dev": true,
-      "dependencies": {
-        "min-indent": "^1.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/strip-json-comments": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
-      "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/style-search": {
-      "version": "0.1.0",
-      "resolved": "https://registry.npmjs.org/style-search/-/style-search-0.1.0.tgz",
-      "integrity": "sha1-eVjHk+R+MuB9K1yv5cC/jhLneQI=",
-      "dev": true
-    },
-    "node_modules/styled-components": {
-      "version": "6.0.8",
-      "resolved": "https://registry.npmjs.org/styled-components/-/styled-components-6.0.8.tgz",
-      "integrity": "sha512-AwI02MTWZwqjzfXgR5QcbmcSn5xVjY4N2TLjSuYnmuBGF3y7GicHz3ysbpUq2EMJP5M8/Nc22vcmF3V3WNZDFA==",
-      "dependencies": {
-        "@babel/cli": "^7.21.0",
-        "@babel/core": "^7.21.0",
-        "@babel/helper-module-imports": "^7.18.6",
-        "@babel/plugin-external-helpers": "^7.18.6",
-        "@babel/plugin-proposal-class-properties": "^7.18.6",
-        "@babel/plugin-proposal-object-rest-spread": "^7.20.7",
-        "@babel/preset-env": "^7.20.2",
-        "@babel/preset-react": "^7.18.6",
-        "@babel/preset-typescript": "^7.21.0",
-        "@babel/traverse": "^7.21.2",
-        "@emotion/is-prop-valid": "^1.2.1",
-        "@emotion/unitless": "^0.8.0",
-        "@types/stylis": "^4.0.2",
-        "css-to-react-native": "^3.2.0",
-        "csstype": "^3.1.2",
-        "postcss": "^8.4.23",
-        "shallowequal": "^1.1.0",
-        "stylis": "^4.3.0",
-        "tslib": "^2.5.0"
-      },
-      "engines": {
-        "node": ">= 16"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/styled-components"
-      },
-      "peerDependencies": {
-        "babel-plugin-styled-components": ">= 2",
-        "react": ">= 16.8.0",
-        "react-dom": ">= 16.8.0"
-      },
-      "peerDependenciesMeta": {
-        "babel-plugin-styled-components": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/styled-jsx": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.1.1.tgz",
-      "integrity": "sha512-pW7uC1l4mBZ8ugbiZrcIsiIvVx1UmTfw7UkC3Um2tmfUq9Bhk8IiyEIPl6F8agHgjzku6j0xQEZbfA5uSgSaCw==",
-      "dependencies": {
-        "client-only": "0.0.1"
-      },
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "peerDependencies": {
-        "react": ">= 16.8.0 || 17.x.x || ^18.0.0-0"
-      },
-      "peerDependenciesMeta": {
-        "@babel/core": {
-          "optional": true
-        },
-        "babel-plugin-macros": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/stylelint": {
-      "version": "14.8.2",
-      "resolved": "https://registry.npmjs.org/stylelint/-/stylelint-14.8.2.tgz",
-      "integrity": "sha512-tjDfexCYfoPdl/xcDJ9Fv+Ko9cvzbDnmdiaqEn3ovXHXasi/hbkt5tSjsiReQ+ENqnz0eltaX/AOO+AlzVdcNA==",
-      "dev": true,
-      "dependencies": {
-        "balanced-match": "^2.0.0",
-        "colord": "^2.9.2",
-        "cosmiconfig": "^7.0.1",
-        "css-functions-list": "^3.0.1",
-        "debug": "^4.3.4",
-        "execall": "^2.0.0",
-        "fast-glob": "^3.2.11",
-        "fastest-levenshtein": "^1.0.12",
-        "file-entry-cache": "^6.0.1",
-        "get-stdin": "^8.0.0",
-        "global-modules": "^2.0.0",
-        "globby": "^11.1.0",
-        "globjoin": "^0.1.4",
-        "html-tags": "^3.2.0",
-        "ignore": "^5.2.0",
-        "import-lazy": "^4.0.0",
-        "imurmurhash": "^0.1.4",
-        "is-plain-object": "^5.0.0",
-        "known-css-properties": "^0.25.0",
-        "mathml-tag-names": "^2.1.3",
-        "meow": "^9.0.0",
-        "micromatch": "^4.0.5",
-        "normalize-path": "^3.0.0",
-        "normalize-selector": "^0.2.0",
-        "picocolors": "^1.0.0",
-        "postcss": "^8.4.13",
-        "postcss-media-query-parser": "^0.2.3",
-        "postcss-resolve-nested-selector": "^0.1.1",
-        "postcss-safe-parser": "^6.0.0",
-        "postcss-selector-parser": "^6.0.10",
-        "postcss-value-parser": "^4.2.0",
-        "resolve-from": "^5.0.0",
-        "specificity": "^0.4.1",
-        "string-width": "^4.2.3",
-        "strip-ansi": "^6.0.1",
-        "style-search": "^0.1.0",
-        "supports-hyperlinks": "^2.2.0",
-        "svg-tags": "^1.0.0",
-        "table": "^6.8.0",
-        "v8-compile-cache": "^2.3.0",
-        "write-file-atomic": "^4.0.1"
-      },
-      "bin": {
-        "stylelint": "bin/stylelint.js"
-      },
-      "engines": {
-        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/stylelint"
-      }
-    },
-    "node_modules/stylelint-config-recess-order": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/stylelint-config-recess-order/-/stylelint-config-recess-order-3.0.0.tgz",
-      "integrity": "sha512-uNXrlDz570Q7HJlrq8mNjgfO/xlKIh2hKVKEFMTG1/ih/6tDLcTbuvO1Zoo2dnQay990OAkWLDpTDOorB+hmBw==",
-      "dev": true,
-      "dependencies": {
-        "stylelint-order": "5.x"
-      },
-      "peerDependencies": {
-        "stylelint": ">=14"
-      }
-    },
-    "node_modules/stylelint-config-recommended": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/stylelint-config-recommended/-/stylelint-config-recommended-7.0.0.tgz",
-      "integrity": "sha512-yGn84Bf/q41J4luis1AZ95gj0EQwRX8lWmGmBwkwBNSkpGSpl66XcPTulxGa/Z91aPoNGuIGBmFkcM1MejMo9Q==",
-      "dev": true,
-      "peerDependencies": {
-        "stylelint": "^14.4.0"
-      }
-    },
-    "node_modules/stylelint-config-standard": {
-      "version": "25.0.0",
-      "resolved": "https://registry.npmjs.org/stylelint-config-standard/-/stylelint-config-standard-25.0.0.tgz",
-      "integrity": "sha512-21HnP3VSpaT1wFjFvv9VjvOGDtAviv47uTp3uFmzcN+3Lt+RYRv6oAplLaV51Kf792JSxJ6svCJh/G18E9VnCA==",
-      "dev": true,
-      "dependencies": {
-        "stylelint-config-recommended": "^7.0.0"
-      },
-      "peerDependencies": {
-        "stylelint": "^14.4.0"
-      }
-    },
-    "node_modules/stylelint-config-styled-components": {
-      "version": "0.1.1",
-      "resolved": "https://registry.npmjs.org/stylelint-config-styled-components/-/stylelint-config-styled-components-0.1.1.tgz",
-      "integrity": "sha512-z5Xz/9GmvxO6e/DLzBMwkB85zHxEEjN6K7Cj80Bi+o/9vR9eS3GX3E9VuMnX9WLFYulqbqLtTapGGY28JBiy9Q==",
-      "dev": true
-    },
-    "node_modules/stylelint-order": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/stylelint-order/-/stylelint-order-5.0.0.tgz",
-      "integrity": "sha512-OWQ7pmicXufDw5BlRqzdz3fkGKJPgLyDwD1rFY3AIEfIH/LQY38Vu/85v8/up0I+VPiuGRwbc2Hg3zLAsJaiyw==",
-      "dev": true,
-      "dependencies": {
-        "postcss": "^8.3.11",
-        "postcss-sorting": "^7.0.1"
-      },
-      "peerDependencies": {
-        "stylelint": "^14.0.0"
-      }
-    },
-    "node_modules/stylelint-webpack-plugin": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/stylelint-webpack-plugin/-/stylelint-webpack-plugin-3.2.0.tgz",
-      "integrity": "sha512-KY4P+0wrs5G680LzNLt8UZDiX3j+UNNDt1BBEdlhZUiUUYAI0j9Lumf5QH9eRHx/uMZcpKbboiYWba0F+jMWTg==",
-      "dev": true,
-      "dependencies": {
-        "globby": "^11.1.0",
-        "jest-worker": "^27.5.1",
-        "micromatch": "^4.0.4",
-        "normalize-path": "^3.0.0",
-        "schema-utils": "^4.0.0"
-      },
-      "engines": {
-        "node": ">= 12.13.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
-      },
-      "peerDependencies": {
-        "stylelint": "^13.0.0 || ^14.0.0",
-        "webpack": "^5.0.0"
-      }
-    },
-    "node_modules/stylelint/node_modules/balanced-match": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-2.0.0.tgz",
-      "integrity": "sha512-1ugUSr8BHXRnK23KfuYS+gVMC3LB8QGH9W1iGtDPsNWoQbgtXSExkBu2aDR4epiGWZOjZsj6lDl/N/AqqTC3UA==",
-      "dev": true
-    },
-    "node_modules/stylelint/node_modules/resolve-from": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
-      "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/stylis": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.3.0.tgz",
-      "integrity": "sha512-E87pIogpwUsUwXw7dNyU4QDjdgVMy52m+XEOPEKUn161cCzWjjhPSQhByfd1CcNvrOLnXQ6OnnZDwnJrz/Z4YQ=="
-    },
-    "node_modules/supports-color": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-      "dev": true,
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/supports-hyperlinks": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/supports-hyperlinks/-/supports-hyperlinks-2.2.0.tgz",
-      "integrity": "sha512-6sXEzV5+I5j8Bmq9/vUphGRM/RJNT9SCURJLjwfOg51heRtguGWDzcaBlgAzKhQa0EVNpPEKzQuBwZ8S8WaCeQ==",
-      "dev": true,
-      "dependencies": {
-        "has-flag": "^4.0.0",
-        "supports-color": "^7.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/supports-preserve-symlinks-flag": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
-      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/svg-tags": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/svg-tags/-/svg-tags-1.0.0.tgz",
-      "integrity": "sha1-WPcc7jvVGbWdSyqEO2x95krAR2Q=",
-      "dev": true
-    },
-    "node_modules/table": {
-      "version": "6.8.0",
-      "resolved": "https://registry.npmjs.org/table/-/table-6.8.0.tgz",
-      "integrity": "sha512-s/fitrbVeEyHKFa7mFdkuQMWlH1Wgw/yEXMt5xACT4ZpzWFluehAxRtUUQKPuWhaLAWhFcVx6w3oC8VKaUfPGA==",
-      "dev": true,
-      "dependencies": {
-        "ajv": "^8.0.1",
-        "lodash.truncate": "^4.4.2",
-        "slice-ansi": "^4.0.0",
-        "string-width": "^4.2.3",
-        "strip-ansi": "^6.0.1"
-      },
-      "engines": {
-        "node": ">=10.0.0"
-      }
-    },
-    "node_modules/table/node_modules/ajv": {
-      "version": "8.11.0",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.11.0.tgz",
-      "integrity": "sha512-wGgprdCvMalC0BztXvitD2hC04YffAvtsUn93JbGXYLAtCUO4xd17mCCZQxUOItiBwZvJScWo8NIvQMQ71rdpg==",
-      "dev": true,
-      "dependencies": {
-        "fast-deep-equal": "^3.1.1",
-        "json-schema-traverse": "^1.0.0",
-        "require-from-string": "^2.0.2",
-        "uri-js": "^4.2.2"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/epoberezkin"
-      }
-    },
-    "node_modules/table/node_modules/json-schema-traverse": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
-      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
-      "dev": true
-    },
-    "node_modules/tapable": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz",
-      "integrity": "sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/terser": {
-      "version": "5.17.1",
-      "resolved": "https://registry.npmjs.org/terser/-/terser-5.17.1.tgz",
-      "integrity": "sha512-hVl35zClmpisy6oaoKALOpS0rDYLxRFLHhRuDlEGTKey9qHjS1w9GMORjuwIMt70Wan4lwsLYyWDVnWgF+KUEw==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@jridgewell/source-map": "^0.3.2",
-        "acorn": "^8.5.0",
-        "commander": "^2.20.0",
-        "source-map-support": "~0.5.20"
-      },
-      "bin": {
-        "terser": "bin/terser"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/terser-webpack-plugin": {
-      "version": "5.3.7",
-      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.7.tgz",
-      "integrity": "sha512-AfKwIktyP7Cu50xNjXF/6Qb5lBNzYaWpU6YfoX3uZicTx0zTy0stDDCsvjDapKsSDvOeWo5MEq4TmdBy2cNoHw==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@jridgewell/trace-mapping": "^0.3.17",
-        "jest-worker": "^27.4.5",
-        "schema-utils": "^3.1.1",
-        "serialize-javascript": "^6.0.1",
-        "terser": "^5.16.5"
-      },
-      "engines": {
-        "node": ">= 10.13.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
-      },
-      "peerDependencies": {
-        "webpack": "^5.1.0"
-      },
-      "peerDependenciesMeta": {
-        "@swc/core": {
-          "optional": true
-        },
-        "esbuild": {
-          "optional": true
-        },
-        "uglify-js": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/terser-webpack-plugin/node_modules/schema-utils": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.1.2.tgz",
-      "integrity": "sha512-pvjEHOgWc9OWA/f/DE3ohBWTD6EleVLf7iFUkoSwAxttdBhB9QUebQgxER2kWueOvRJXPHNnyrvvh9eZINB8Eg==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@types/json-schema": "^7.0.8",
-        "ajv": "^6.12.5",
-        "ajv-keywords": "^3.5.2"
-      },
-      "engines": {
-        "node": ">= 10.13.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
-      }
-    },
-    "node_modules/text-table": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
-      "integrity": "sha1-f17oI66AUgfACvLfSoTsP8+lcLQ=",
-      "dev": true
-    },
-    "node_modules/thread-stream": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/thread-stream/-/thread-stream-2.3.0.tgz",
-      "integrity": "sha512-kaDqm1DET9pp3NXwR8382WHbnpXnRkN9xGN9dQt3B2+dmXiW8X1SOwmFOxAErEQ47ObhZ96J6yhZNXuyCOL7KA==",
-      "dependencies": {
-        "real-require": "^0.2.0"
-      }
-    },
-    "node_modules/to-fast-properties": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz",
-      "integrity": "sha1-3F5pjL0HkmW8c+A3doGk5Og/YW4=",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/to-regex-range": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
-      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
-      "devOptional": true,
-      "dependencies": {
-        "is-number": "^7.0.0"
-      },
-      "engines": {
-        "node": ">=8.0"
-      }
-    },
-    "node_modules/trim-newlines": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-3.0.1.tgz",
-      "integrity": "sha512-c1PTsA3tYrIsLGkJkzHF+w9F2EyxfXGo4UyJc4pFL++FMjnq0HJS69T3M7d//gKrFKwy429bouPescbjecU+Zw==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/ts-api-utils": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.0.1.tgz",
-      "integrity": "sha512-lC/RGlPmwdrIBFTX59wwNzqh7aR2otPNPR/5brHZm/XKFYKsfqxihXUe9pU3JI+3vGkl+vyCoNNnPhJn3aLK1A==",
-      "dev": true,
-      "engines": {
-        "node": ">=16.13.0"
-      },
-      "peerDependencies": {
-        "typescript": ">=4.2.0"
-      }
-    },
-    "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/tsconfig-paths/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/tslib": {
-      "version": "2.6.2",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
-      "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
-    },
-    "node_modules/type-check": {
-      "version": "0.4.0",
-      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
-      "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
-      "dev": true,
-      "dependencies": {
-        "prelude-ls": "^1.2.1"
-      },
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/type-fest": {
-      "version": "0.20.2",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
-      "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/typed-array-buffer": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.0.tgz",
-      "integrity": "sha512-Y8KTSIglk9OZEr8zywiIHG/kmQ7KWyjseXs1CbSo8vC42w7hg2HgYTxSWwP0+is7bWDc1H+Fo026CpHFwm8tkw==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "get-intrinsic": "^1.2.1",
-        "is-typed-array": "^1.1.10"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/typed-array-byte-length": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.0.tgz",
-      "integrity": "sha512-Or/+kvLxNpeQ9DtSydonMxCx+9ZXOswtwJn17SNLvhptaXYDJvkFFP5zbfU/uLmvnBJlI4yrnXRxpdWH/M5tNA==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "for-each": "^0.3.3",
-        "has-proto": "^1.0.1",
-        "is-typed-array": "^1.1.10"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/typed-array-byte-offset": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.0.tgz",
-      "integrity": "sha512-RD97prjEt9EL8YgAgpOkf3O4IF9lhJFr9g0htQkm0rchFp/Vx7LW5Q8fSXXub7BXAODyUQohRMyOc3faCPd0hg==",
-      "dev": true,
-      "dependencies": {
-        "available-typed-arrays": "^1.0.5",
-        "call-bind": "^1.0.2",
-        "for-each": "^0.3.3",
-        "has-proto": "^1.0.1",
-        "is-typed-array": "^1.1.10"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/typed-array-length": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.4.tgz",
-      "integrity": "sha512-KjZypGq+I/H7HI5HlOoGHkWUUGq+Q0TPhQurLbyrVrvnKTBgzLhIJ7j6J/XTQOi0d1RjyZ0wdas8bKs2p0x3Ng==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "for-each": "^0.3.3",
-        "is-typed-array": "^1.1.9"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/typescript": {
-      "version": "5.1.6",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.1.6.tgz",
-      "integrity": "sha512-zaWCozRZ6DLEWAWFrVDz1H6FVXzUSfTy5FUMWsQlU8Ym5JP9eO4xkTIROFCQvhQf61z6O/G6ugw3SgAnvvm+HA==",
-      "dev": true,
-      "peer": true,
-      "bin": {
-        "tsc": "bin/tsc",
-        "tsserver": "bin/tsserver"
-      },
-      "engines": {
-        "node": ">=14.17"
-      }
-    },
-    "node_modules/unbox-primitive": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz",
-      "integrity": "sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "has-bigints": "^1.0.2",
-        "has-symbols": "^1.0.3",
-        "which-boxed-primitive": "^1.0.2"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/unhomoglyph": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/unhomoglyph/-/unhomoglyph-1.0.6.tgz",
-      "integrity": "sha512-7uvcWI3hWshSADBu4JpnyYbTVc7YlhF5GDW/oPD5AxIxl34k4wXR3WDkPnzLxkN32LiTCTKMQLtKVZiwki3zGg=="
-    },
-    "node_modules/unicode-canonical-property-names-ecmascript": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.0.tgz",
-      "integrity": "sha512-yY5PpDlfVIU5+y/BSCxAJRBIS1Zc2dDG3Ujq+sR0U+JjUevW2JhocOF+soROYDSaAezOzOKuyyixhD6mBknSmQ==",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/unicode-match-property-ecmascript": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/unicode-match-property-ecmascript/-/unicode-match-property-ecmascript-2.0.0.tgz",
-      "integrity": "sha512-5kaZCrbp5mmbz5ulBkDkbY0SsPOjKqVS35VpL9ulMPfSl0J0Xsm+9Evphv9CoIZFwre7aJoa94AY6seMKGVN5Q==",
-      "dependencies": {
-        "unicode-canonical-property-names-ecmascript": "^2.0.0",
-        "unicode-property-aliases-ecmascript": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/unicode-match-property-value-ecmascript": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-2.1.0.tgz",
-      "integrity": "sha512-qxkjQt6qjg/mYscYMC0XKRn3Rh0wFPlfxB0xkt9CfyTvpX1Ra0+rAmdX2QyAobptSEvuy4RtpPRui6XkV+8wjA==",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/unicode-property-aliases-ecmascript": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-2.1.0.tgz",
-      "integrity": "sha512-6t3foTQI9qne+OZoVQB/8x8rk2k1eVy1gRXhV3oFQ5T6R1dqQ1xtin3XqSlx3+ATBkliTaR/hHyJBm+LVPNM8w==",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/update-browserslist-db": {
-      "version": "1.0.13",
-      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz",
-      "integrity": "sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==",
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/browserslist"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/browserslist"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "dependencies": {
-        "escalade": "^3.1.1",
-        "picocolors": "^1.0.0"
-      },
-      "bin": {
-        "update-browserslist-db": "cli.js"
-      },
-      "peerDependencies": {
-        "browserslist": ">= 4.21.0"
-      }
-    },
-    "node_modules/uri-js": {
-      "version": "4.4.1",
-      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
-      "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
-      "dev": true,
-      "dependencies": {
-        "punycode": "^2.1.0"
-      }
-    },
-    "node_modules/util-deprecate": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
-      "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=",
-      "dev": true
-    },
-    "node_modules/uuid": {
-      "version": "9.0.0",
-      "resolved": "https://registry.npmjs.org/uuid/-/uuid-9.0.0.tgz",
-      "integrity": "sha512-MXcSTerfPa4uqyzStbRoTgt5XIe3x5+42+q1sDuy3R5MDk66URdLMOZe5aPX/SQd+kuYAh0FdP/pO28IkQyTeg==",
-      "bin": {
-        "uuid": "dist/bin/uuid"
-      }
-    },
-    "node_modules/v8-compile-cache": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz",
-      "integrity": "sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA==",
-      "dev": true
-    },
-    "node_modules/validate-npm-package-license": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz",
-      "integrity": "sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==",
-      "dev": true,
-      "dependencies": {
-        "spdx-correct": "^3.0.0",
-        "spdx-expression-parse": "^3.0.0"
-      }
-    },
-    "node_modules/void-elements": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/void-elements/-/void-elements-3.1.0.tgz",
-      "integrity": "sha1-YU9/v42AHwu18GYfWy9XhXUOTwk=",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/watchpack": {
-      "version": "2.4.0",
-      "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.0.tgz",
-      "integrity": "sha512-Lcvm7MGST/4fup+ifyKi2hjyIAwcdI4HRgtvTpIUxBRhB+RFtUh8XtDOxUfctVCnhVi+QQj49i91OyvzkJl6cg==",
-      "dependencies": {
-        "glob-to-regexp": "^0.4.1",
-        "graceful-fs": "^4.1.2"
-      },
-      "engines": {
-        "node": ">=10.13.0"
-      }
-    },
-    "node_modules/webpack": {
-      "version": "5.81.0",
-      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.81.0.tgz",
-      "integrity": "sha512-AAjaJ9S4hYCVODKLQTgG5p5e11hiMawBwV2v8MYLE0C/6UAGLuAF4n1qa9GOwdxnicaP+5k6M5HrLmD4+gIB8Q==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@types/eslint-scope": "^3.7.3",
-        "@types/estree": "^1.0.0",
-        "@webassemblyjs/ast": "^1.11.5",
-        "@webassemblyjs/wasm-edit": "^1.11.5",
-        "@webassemblyjs/wasm-parser": "^1.11.5",
-        "acorn": "^8.7.1",
-        "acorn-import-assertions": "^1.7.6",
-        "browserslist": "^4.14.5",
-        "chrome-trace-event": "^1.0.2",
-        "enhanced-resolve": "^5.13.0",
-        "es-module-lexer": "^1.2.1",
-        "eslint-scope": "5.1.1",
-        "events": "^3.2.0",
-        "glob-to-regexp": "^0.4.1",
-        "graceful-fs": "^4.2.9",
-        "json-parse-even-better-errors": "^2.3.1",
-        "loader-runner": "^4.2.0",
-        "mime-types": "^2.1.27",
-        "neo-async": "^2.6.2",
-        "schema-utils": "^3.1.2",
-        "tapable": "^2.1.1",
-        "terser-webpack-plugin": "^5.3.7",
-        "watchpack": "^2.4.0",
-        "webpack-sources": "^3.2.3"
-      },
-      "bin": {
-        "webpack": "bin/webpack.js"
-      },
-      "engines": {
-        "node": ">=10.13.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
-      },
-      "peerDependenciesMeta": {
-        "webpack-cli": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/webpack-sources": {
-      "version": "3.2.3",
-      "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.2.3.tgz",
-      "integrity": "sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==",
-      "dev": true,
-      "peer": true,
-      "engines": {
-        "node": ">=10.13.0"
-      }
-    },
-    "node_modules/webpack/node_modules/schema-utils": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.1.2.tgz",
-      "integrity": "sha512-pvjEHOgWc9OWA/f/DE3ohBWTD6EleVLf7iFUkoSwAxttdBhB9QUebQgxER2kWueOvRJXPHNnyrvvh9eZINB8Eg==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@types/json-schema": "^7.0.8",
-        "ajv": "^6.12.5",
-        "ajv-keywords": "^3.5.2"
-      },
-      "engines": {
-        "node": ">= 10.13.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
-      }
-    },
-    "node_modules/which": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
-      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
-      "dev": true,
-      "dependencies": {
-        "isexe": "^2.0.0"
-      },
-      "bin": {
-        "node-which": "bin/node-which"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/which-boxed-primitive": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz",
-      "integrity": "sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==",
-      "dev": true,
-      "dependencies": {
-        "is-bigint": "^1.0.1",
-        "is-boolean-object": "^1.1.0",
-        "is-number-object": "^1.0.4",
-        "is-string": "^1.0.5",
-        "is-symbol": "^1.0.3"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/which-builtin-type": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/which-builtin-type/-/which-builtin-type-1.1.3.tgz",
-      "integrity": "sha512-YmjsSMDBYsM1CaFiayOVT06+KJeXf0o5M/CAd4o1lTadFAtacTUM49zoYxr/oroopFDfhvN6iEcBxUyc3gvKmw==",
-      "dev": true,
-      "dependencies": {
-        "function.prototype.name": "^1.1.5",
-        "has-tostringtag": "^1.0.0",
-        "is-async-function": "^2.0.0",
-        "is-date-object": "^1.0.5",
-        "is-finalizationregistry": "^1.0.2",
-        "is-generator-function": "^1.0.10",
-        "is-regex": "^1.1.4",
-        "is-weakref": "^1.0.2",
-        "isarray": "^2.0.5",
-        "which-boxed-primitive": "^1.0.2",
-        "which-collection": "^1.0.1",
-        "which-typed-array": "^1.1.9"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/which-collection": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/which-collection/-/which-collection-1.0.1.tgz",
-      "integrity": "sha512-W8xeTUwaln8i3K/cY1nGXzdnVZlidBcagyNFtBdD5kxnb4TvGKR7FfSIS3mYpwWS1QUCutfKz8IY8RjftB0+1A==",
-      "dev": true,
-      "dependencies": {
-        "is-map": "^2.0.1",
-        "is-set": "^2.0.1",
-        "is-weakmap": "^2.0.1",
-        "is-weakset": "^2.0.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/which-typed-array": {
-      "version": "1.1.13",
-      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.13.tgz",
-      "integrity": "sha512-P5Nra0qjSncduVPEAr7xhoF5guty49ArDTwzJ/yNuPIbZppyRxFQsRCWrocxIY+CnMVG+qfbU2FmDKyvSGClow==",
-      "dev": true,
-      "dependencies": {
-        "available-typed-arrays": "^1.0.5",
-        "call-bind": "^1.0.4",
-        "for-each": "^0.3.3",
-        "gopd": "^1.0.1",
-        "has-tostringtag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/word-wrap": {
-      "version": "1.2.5",
-      "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
-      "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/wrappy": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
-      "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8="
-    },
-    "node_modules/write-file-atomic": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-4.0.1.tgz",
-      "integrity": "sha512-nSKUxgAbyioruk6hU87QzVbY279oYT6uiwgDoujth2ju4mJ+TZau7SQBhtbTmUyuNYTuXnSyRn66FV0+eCgcrQ==",
-      "dev": true,
-      "dependencies": {
-        "imurmurhash": "^0.1.4",
-        "signal-exit": "^3.0.7"
-      },
-      "engines": {
-        "node": "^12.13.0 || ^14.15.0 || >=16"
-      }
-    },
-    "node_modules/yallist": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "dev": true
-    },
-    "node_modules/yaml": {
-      "version": "1.10.2",
-      "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
-      "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==",
-      "dev": true,
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/yargs-parser": {
-      "version": "20.2.9",
-      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-20.2.9.tgz",
-      "integrity": "sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/yocto-queue": {
-      "version": "0.1.0",
-      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
-      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    }
-  }
-}
diff --git a/pages/chat/ChatIframeView.js b/pages/chat/ChatIframeView.js
index 5b2b308c..d65bcdeb 100644
--- a/pages/chat/ChatIframeView.js
+++ b/pages/chat/ChatIframeView.js
@@ -1,6 +1,6 @@
 import React, { useEffect, useRef } from 'react';
 
-const ChatIframeView = ({ src }) => {
+const ChatIframeView = ({ src, title }) => {
     const iframe = useRef();
 
     // Injecting custom CSS into the Element <iframe>
@@ -137,7 +137,11 @@ const ChatIframeView = ({ src }) => {
     });
 
     return (
-        <iframe src={src} ref={iframe} />
+        <iframe
+            title={title}
+            src={src}
+            ref={iframe} />
+
     );
 };
 export default ChatIframeView;
diff --git a/pages/chat/[[...roomId]].js b/pages/chat/[[...roomId]].js
index e608060b..c98a429c 100644
--- a/pages/chat/[[...roomId]].js
+++ b/pages/chat/[[...roomId]].js
@@ -184,7 +184,9 @@ export default function Chat() {
             </IframeLayout.Sidebar>
             { roomId && (
                 <IframeLayout.IframeWrapper>
-                    <ChatIframeView src={`${getConfig().publicRuntimeConfig.chat.pathToElement}/#/room/${roomId}`} />
+                    <ChatIframeView
+                        title="chat"
+                        src={`${getConfig().publicRuntimeConfig.chat.pathToElement}/#/room/${roomId}`} />
                 </IframeLayout.IframeWrapper>
             ) }
         </>
diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 80ec9d7a..26e3a96a 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -66,25 +66,6 @@ export default function Explore() {
         return () => controller.abort();
     }, [iframeRoomId, matrix]);
 
-    // Handle route changes and fetch room content
-    const onRouterChange = useCallback(async () => {
-        setIsFetchingContent(roomId);
-        setManageContextActionToggle(false);
-        await callApiAndAddToObject(null, roomId);
-        setIsFetchingContent(false);
-    }, [roomId, callApiAndAddToObject]);
-
-    useEffect(() => {
-        let cancelled = false;
-        if (!cancelled && matrix.initialSyncDone && router.query?.roomId) {
-            onRouterChange();
-        }
-
-        return () => {
-            cancelled = true;
-        };
-    }, [router.query?.roomId, matrix.initialSyncDone, onRouterChange]);
-
     // Call API to fetch and add room hierarchy to selectedSpaceChildren
     const callApiAndAddToObject = useCallback(async (e, roomId) => {
         if (!selectedSpaceChildren) return;
@@ -148,6 +129,25 @@ export default function Explore() {
         });
     }, [auth, matrix, selectedSpaceChildren]);
 
+    // Handle route changes and fetch room content
+    const onRouterChange = useCallback(async () => {
+        setIsFetchingContent(roomId);
+        setManageContextActionToggle(false);
+        await callApiAndAddToObject(null, roomId);
+        setIsFetchingContent(false);
+    }, [roomId, callApiAndAddToObject]);
+
+    useEffect(() => {
+        let cancelled = false;
+        if (!cancelled && matrix.initialSyncDone && router.query?.roomId) {
+            onRouterChange();
+        }
+
+        return () => {
+            cancelled = true;
+        };
+    }, [router.query?.roomId, matrix.initialSyncDone, onRouterChange]);
+
     if (typeof window === 'undefined') return <LoadingSpinner />;
 
     return (
diff --git a/pages/explore/manage-room/UserManagement.js b/pages/explore/manage-room/UserManagement.js
index b53d1426..95c5ffb2 100644
--- a/pages/explore/manage-room/UserManagement.js
+++ b/pages/explore/manage-room/UserManagement.js
@@ -3,10 +3,10 @@ import { useTranslation } from 'react-i18next';
 import _ from 'lodash';
 import styled from 'styled-components';
 import { MatrixEvent } from 'matrix-js-sdk';
+import { DeleteBinIcon } from '@remixicons/react/line';
 
 import { ServiceTable } from '../../../components/UI/ServiceTable';
 import { useAuth } from '../../../lib/Auth';
-import BinIcon from '../../../assets/icons/bin.svg';
 import TextButton from '../../../components/UI/TextButton';
 import ErrorMessage from '../../../components/UI/ErrorMessage';
 import LoadingSpinnerInline from '../../../components/UI/LoadingSpinnerInline';
@@ -148,7 +148,7 @@ function UserTableRow({ displayName, userId, roomName, powerLevel, selfPowerLeve
                 onClick={onKickClick}
                 title={
                     t(hasHigherPowerLevel ? 'Kick {{user}} from {{room}}' : 'Cannot kick {{ user }}, you don’t have the required permissions', { user: displayName, room: roomName })}>
-                { isKicking ? <LoadingSpinnerInline /> : <BinIcon fill="var(--color-foreground)" /> }
+                { isKicking ? <LoadingSpinnerInline /> : <DeleteBinIcon width="var(--icon-size)" height="var(--icon-size)" fill="var(--color-foreground)" /> }
             </TextButton>
 
         </ServiceTable.Cell>

From c24ffb6dd0c8e72a7236dbc1661af3fca1e8e580 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 1 Nov 2023 12:38:17 +0100
Subject: [PATCH 302/714] chore: add package-lock.json

---
 package-lock.json | 8909 +++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 8909 insertions(+)
 create mode 100644 package-lock.json

diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 00000000..ad7ad774
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,8909 @@
+{
+  "name": "medienhaus-frontend",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "medienhaus-frontend",
+      "dependencies": {
+        "i18next": "^23.5.1",
+        "i18next-browser-languagedetector": "^7.1.0",
+        "i18next-resources-to-backend": "^1.1.4",
+        "lodash": "^4.17.21",
+        "matrix-js-sdk": "^28.2.0",
+        "next": "^13.5.4",
+        "normalize.css": "^8.0.1",
+        "pino": "^8.15.6",
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0",
+        "react-i18next": "^13.2.2",
+        "react-modal": "^3.16.1",
+        "styled-components": "^6.0.8"
+      },
+      "devDependencies": {
+        "@remixicons/react": "^1.0.0",
+        "@stylelint/postcss-css-in-js": "^0.38.0",
+        "eslint": "^8.11.0",
+        "eslint-config-next": "^13.5.6",
+        "eslint-plugin-import": "^2.25.4",
+        "eslint-plugin-matrix-org": "^0.8.0",
+        "stylelint": "^14.8.2",
+        "stylelint-config-recess-order": "^3.0.0",
+        "stylelint-config-standard": "^25.0.0",
+        "stylelint-config-styled-components": "^0.1.1",
+        "stylelint-webpack-plugin": "^3.2.0"
+      }
+    },
+    "node_modules/@ampproject/remapping": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.1.tgz",
+      "integrity": "sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.0",
+        "@jridgewell/trace-mapping": "^0.3.9"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/cli": {
+      "version": "7.23.0",
+      "resolved": "https://registry.npmjs.org/@babel/cli/-/cli-7.23.0.tgz",
+      "integrity": "sha512-17E1oSkGk2IwNILM4jtfAvgjt+ohmpfBky8aLerUfYZhiPNg7ca+CRCxZn8QDxwNhV/upsc2VHBCqGFIR+iBfA==",
+      "dependencies": {
+        "@jridgewell/trace-mapping": "^0.3.17",
+        "commander": "^4.0.1",
+        "convert-source-map": "^2.0.0",
+        "fs-readdir-recursive": "^1.1.0",
+        "glob": "^7.2.0",
+        "make-dir": "^2.1.0",
+        "slash": "^2.0.0"
+      },
+      "bin": {
+        "babel": "bin/babel.js",
+        "babel-external-helpers": "bin/babel-external-helpers.js"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "optionalDependencies": {
+        "@nicolo-ribaudo/chokidar-2": "2.1.8-no-fsevents.3",
+        "chokidar": "^3.4.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/cli/node_modules/commander": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
+      "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/@babel/cli/node_modules/slash": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-2.0.0.tgz",
+      "integrity": "sha512-ZYKh3Wh2z1PpEXWr0MpSBZ0V6mZHAQfYevttO11c51CaWjGTaadiKZ+wVt1PbMlDV5qhMFslpZCemhwOK7C89A==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/highlight": "^7.22.13",
+        "chalk": "^2.4.2"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "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==",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "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==",
+      "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/@babel/eslint-parser": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/eslint-parser/-/eslint-parser-7.22.15.tgz",
+      "integrity": "sha512-yc8OOBIQk1EcRrpizuARSQS0TWAcOMpEJ1aafhNznaeYkeL+OhqnDObGFylB8ka8VFF/sZc+S4RzHyO+3LjQxg==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@nicolo-ribaudo/eslint-scope-5-internals": "5.1.1-v1",
+        "eslint-visitor-keys": "^2.1.0",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || >=14.0.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.11.0",
+        "eslint": "^7.5.0 || ^8.0.0"
+      }
+    },
+    "node_modules/@babel/eslint-parser/node_modules/eslint-visitor-keys": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz",
+      "integrity": "sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@babel/eslint-plugin": {
+      "version": "7.22.10",
+      "resolved": "https://registry.npmjs.org/@babel/eslint-plugin/-/eslint-plugin-7.22.10.tgz",
+      "integrity": "sha512-SRZcvo3fnO5h79B9DZSV6LG2vHH7OWsSNp1huFLHsXKyytRG413byQk9zxW1VcPOhnzfx2VIUz+8aGbiE7fOkA==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "eslint-rule-composer": "^0.3.0"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || >=14.0.0"
+      },
+      "peerDependencies": {
+        "@babel/eslint-parser": "^7.11.0",
+        "eslint": "^7.5.0 || ^8.0.0"
+      }
+    },
+    "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/helper-annotate-as-pure": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.22.5.tgz",
+      "integrity": "sha512-LvBTxu8bQSQkcyKOU+a1btnNFQ1dMAd0R6PyW3arXes06F6QLWLIrd681bxRPIXlrMGR3XYnW9JyML7dP3qgxg==",
+      "dependencies": {
+        "@babel/types": "^7.22.5"
+      },
+      "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",
+      "integrity": "sha512-QkBXwGgaoC2GtGZRoma6kv7Szfv06khvhFav67ZExau2RaXzy8MpHSMO2PNoP2XtmQphJQRHFfg77Bq731Yizw==",
+      "dependencies": {
+        "@babel/types": "^7.22.15"
+      },
+      "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",
+      "integrity": "sha512-y6EEzULok0Qvz8yyLkCvVX+02ic+By2UdOhylwUOvOn9dvYc9mKICJuuU1n1XBI02YWsNsnrY1kc6DVbjcXbtw==",
+      "dependencies": {
+        "@babel/compat-data": "^7.22.9",
+        "@babel/helper-validator-option": "^7.22.15",
+        "browserslist": "^4.21.9",
+        "lru-cache": "^5.1.1",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-compilation-targets/node_modules/lru-cache": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+      "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+      "dependencies": {
+        "yallist": "^3.0.2"
+      }
+    },
+    "node_modules/@babel/helper-compilation-targets/node_modules/yallist": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+      "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==",
+      "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-optimise-call-expression": "^7.22.5",
+        "@babel/helper-replace-supers": "^7.22.9",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5",
+        "@babel/helper-split-export-declaration": "^7.22.6",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-create-regexp-features-plugin": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.22.15.tgz",
+      "integrity": "sha512-29FkPLFjn4TPEa3RE7GpW+qbE8tlsu3jntNYNfcGsc49LphF1PQIiD+vMZ1z1xVOKt+93khA9tc2JBs3kBjA7w==",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.22.5",
+        "regexpu-core": "^5.3.1",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-compilation-targets": "^7.22.6",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "debug": "^4.1.1",
+        "lodash.debounce": "^4.0.8",
+        "resolve": "^1.14.2"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
+      }
+    },
+    "node_modules/@babel/helper-environment-visitor": {
+      "version": "7.22.20",
+      "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.20.tgz",
+      "integrity": "sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA==",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-function-name": {
+      "version": "7.23.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.23.0.tgz",
+      "integrity": "sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw==",
+      "dependencies": {
+        "@babel/template": "^7.22.15",
+        "@babel/types": "^7.23.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",
+      "integrity": "sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==",
+      "dependencies": {
+        "@babel/types": "^7.22.5"
+      },
+      "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",
+      "integrity": "sha512-6gfrPwh7OuT6gZyJZvd6WbTfrqAo7vm4xCzAXOusKqq/vWdKXphTpj5klHKNmRUU6/QRGlBsyU9mAIPaWHlqJA==",
+      "dependencies": {
+        "@babel/types": "^7.23.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",
+      "integrity": "sha512-0pYVBnDKZO2fnSPCrgM/6WMc7eS20Fbok+0r88fp+YtWVLZrp4CkafFGIp+W0VKw4a22sgebPT99y+FDNMdP4w==",
+      "dependencies": {
+        "@babel/types": "^7.22.15"
+      },
+      "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==",
+      "dependencies": {
+        "@babel/helper-environment-visitor": "^7.22.20",
+        "@babel/helper-module-imports": "^7.22.15",
+        "@babel/helper-simple-access": "^7.22.5",
+        "@babel/helper-split-export-declaration": "^7.22.6",
+        "@babel/helper-validator-identifier": "^7.22.20"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-optimise-call-expression": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.22.5.tgz",
+      "integrity": "sha512-HBwaojN0xFRx4yIvpwGqxiV2tUfl7401jlok564NgB9EHS1y6QT17FmKWm4ztqjeVdXLuC4fSvHc5ePpQjoTbw==",
+      "dependencies": {
+        "@babel/types": "^7.22.5"
+      },
+      "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",
+      "integrity": "sha512-uLls06UVKgFG9QD4OeFYLEGteMIAa5kpTPcFL28yuCIIzsf6ZyKZMllKVOCZFhiZ5ptnwX4mtKdWCBE/uT4amg==",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-remap-async-to-generator": {
+      "version": "7.22.20",
+      "resolved": "https://registry.npmjs.org/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.22.20.tgz",
+      "integrity": "sha512-pBGyV4uBqOns+0UvhsTO8qgl8hO89PmiDYv+/COyp1aeMcmfrfruz+/nCMFiYyFF/Knn0yfrC85ZzNFjembFTw==",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.22.5",
+        "@babel/helper-environment-visitor": "^7.22.20",
+        "@babel/helper-wrap-function": "^7.22.20"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-replace-supers": {
+      "version": "7.22.20",
+      "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.22.20.tgz",
+      "integrity": "sha512-qsW0In3dbwQUbK8kejJ4R7IHVGwHJlV6lpG6UA7a9hSa2YEiAib+N1T2kr6PEeUT+Fl7najmSOS6SmAwCHK6Tw==",
+      "dependencies": {
+        "@babel/helper-environment-visitor": "^7.22.20",
+        "@babel/helper-member-expression-to-functions": "^7.22.15",
+        "@babel/helper-optimise-call-expression": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-simple-access": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.22.5.tgz",
+      "integrity": "sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==",
+      "dependencies": {
+        "@babel/types": "^7.22.5"
+      },
+      "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",
+      "integrity": "sha512-tK14r66JZKiC43p8Ki33yLBVJKlQDFoA8GYN67lWCDCqoL6EMMSuM9b+Iff2jHaM/RRFYl7K+iiru7hbRqNx8Q==",
+      "dependencies": {
+        "@babel/types": "^7.22.5"
+      },
+      "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",
+      "integrity": "sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==",
+      "dependencies": {
+        "@babel/types": "^7.22.5"
+      },
+      "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==",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.22.20",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz",
+      "integrity": "sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "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==",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-wrap-function": {
+      "version": "7.22.20",
+      "resolved": "https://registry.npmjs.org/@babel/helper-wrap-function/-/helper-wrap-function-7.22.20.tgz",
+      "integrity": "sha512-pms/UwkOpnQe/PDAEdV/d7dVCoBbB+R4FvYoHGZz+4VPcg7RtYy2KP7S2lbuWM6FCSgob5wshfGESbC/hzNXZw==",
+      "dependencies": {
+        "@babel/helper-function-name": "^7.22.5",
+        "@babel/template": "^7.22.15",
+        "@babel/types": "^7.22.19"
+      },
+      "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==",
+      "dependencies": {
+        "@babel/template": "^7.22.15",
+        "@babel/traverse": "^7.23.0",
+        "@babel/types": "^7.23.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-validator-identifier": "^7.22.20",
+        "chalk": "^2.4.2",
+        "js-tokens": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "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/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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "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==",
+      "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"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.13.0"
+      }
+    },
+    "node_modules/@babel/plugin-external-helpers": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-external-helpers/-/plugin-external-helpers-7.22.5.tgz",
+      "integrity": "sha512-ngnNEWxmykPk82mH4ajZT0qTztr3Je6hrMuKAslZVM8G1YZTENJSYwrIGtt6KOtznug3exmAtF4so/nPqJuA4A==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-proposal-class-properties": {
+      "version": "7.18.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-class-properties/-/plugin-proposal-class-properties-7.18.6.tgz",
+      "integrity": "sha512-cumfXOF0+nzZrrN8Rf0t7M+tF6sZc7vhQwYQck9q1/5w2OExlD+b4v4RpMJFaV1Z7WcDRgO6FqvxqxGlwo+RHQ==",
+      "deprecated": "This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-class-properties instead.",
+      "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-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",
+      "integrity": "sha512-d2S98yCiLxDVmBmE8UjGcfPvNEUbA1U5q5WxaWFUGRzJSVAZqm5W6MbPct0jxnegUZ0niLeNX+IOzEs7wYg9Dg==",
+      "deprecated": "This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-object-rest-spread instead.",
+      "dependencies": {
+        "@babel/compat-data": "^7.20.5",
+        "@babel/helper-compilation-targets": "^7.20.7",
+        "@babel/helper-plugin-utils": "^7.20.2",
+        "@babel/plugin-syntax-object-rest-spread": "^7.8.3",
+        "@babel/plugin-transform-parameters": "^7.20.7"
+      },
+      "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",
+      "integrity": "sha512-SOSkfJDddaM7mak6cPEpswyTRnuRltl429hMraQEglW+OkovnCzsiszTmsrlY//qLFjCpQDFRvjdm2wA5pPm9w==",
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "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",
+      "integrity": "sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-class-properties": {
+      "version": "7.12.13",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-properties/-/plugin-syntax-class-properties-7.12.13.tgz",
+      "integrity": "sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.12.13"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-class-static-block": {
+      "version": "7.14.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-static-block/-/plugin-syntax-class-static-block-7.14.5.tgz",
+      "integrity": "sha512-b+YyPmr6ldyNnM6sqYeMWE+bgJcJpO6yS4QD7ymxgH34GBPNDM/THBh8iunyvKIZztiwLH4CJZ0RxTk9emgpjw==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.14.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-dynamic-import": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-dynamic-import/-/plugin-syntax-dynamic-import-7.8.3.tgz",
+      "integrity": "sha512-5gdGbFon+PszYzqs83S3E5mpi7/y/8M9eC90MRTZfduQOYW76ig6SOSPNe41IG5LoP3FGBn2N0RjVDSQiS94kQ==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-export-namespace-from": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-export-namespace-from/-/plugin-syntax-export-namespace-from-7.8.3.tgz",
+      "integrity": "sha512-MXf5laXo6c1IbEbegDmzGPwGNTsHZmEy6QGznu5Sh2UCWvueywb2ee+CCE4zQiZstxU9BMoQO9i6zUFSY0Kj0Q==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.3"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-import-meta": {
+      "version": "7.10.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-meta/-/plugin-syntax-import-meta-7.10.4.tgz",
+      "integrity": "sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-json-strings": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.8.3.tgz",
+      "integrity": "sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-jsx": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.22.5.tgz",
+      "integrity": "sha512-gvyP4hZrgrs/wWMaocvxZ44Hw0b3W8Pe+cMxc8V1ULQ07oh8VNbIRaoD1LRZVTvD+0nieDKjfgKg89sD7rrKrg==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-logical-assignment-operators": {
+      "version": "7.10.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.4.tgz",
+      "integrity": "sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-nullish-coalescing-operator": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-nullish-coalescing-operator/-/plugin-syntax-nullish-coalescing-operator-7.8.3.tgz",
+      "integrity": "sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-numeric-separator": {
+      "version": "7.10.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-numeric-separator/-/plugin-syntax-numeric-separator-7.10.4.tgz",
+      "integrity": "sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-object-rest-spread": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-object-rest-spread/-/plugin-syntax-object-rest-spread-7.8.3.tgz",
+      "integrity": "sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-optional-catch-binding": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-catch-binding/-/plugin-syntax-optional-catch-binding-7.8.3.tgz",
+      "integrity": "sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-optional-chaining": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-chaining/-/plugin-syntax-optional-chaining-7.8.3.tgz",
+      "integrity": "sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-private-property-in-object": {
+      "version": "7.14.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-private-property-in-object/-/plugin-syntax-private-property-in-object-7.14.5.tgz",
+      "integrity": "sha512-0wVnp9dxJ72ZUJDV27ZfbSj6iHLoytYZmh3rFcxNnvsJF3ktkzLDZPy/mA17HGsaQT3/DQsWYX1f1QGWkCoVUg==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.14.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-top-level-await": {
+      "version": "7.14.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.14.5.tgz",
+      "integrity": "sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.14.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-typescript": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.22.5.tgz",
+      "integrity": "sha512-1mS2o03i7t1c6VzH6fdQ3OA8tcEIxwG18zIPRp+UY1Ihv6W+XZzBCVxExF9upussPXJ0xE9XRHwMoNs1ep/nRQ==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-unicode-sets-regex": {
+      "version": "7.18.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-unicode-sets-regex/-/plugin-syntax-unicode-sets-regex-7.18.6.tgz",
+      "integrity": "sha512-727YkEAPwSIQTv5im8QHz3upqp92JTWhidIC81Tdx4VJYIte/VndKf1qKrfnnhPLiPghStWfvC/iFaMCQu7Nqg==",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.18.6",
+        "@babel/helper-plugin-utils": "^7.18.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-environment-visitor": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-remap-async-to-generator": "^7.22.9",
+        "@babel/plugin-syntax-async-generators": "^7.8.4"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-remap-async-to-generator": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-create-class-features-plugin": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-create-class-features-plugin": "^7.22.11",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-class-static-block": "^7.14.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.12.0"
+      }
+    },
+    "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==",
+      "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-optimise-call-expression": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-replace-supers": "^7.22.9",
+        "@babel/helper-split-export-declaration": "^7.22.6",
+        "globals": "^11.1.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/template": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-dynamic-import": "^7.8.3"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-builder-binary-assignment-operator-visitor": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-export-namespace-from": "^7.8.3"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-compilation-targets": "^7.22.5",
+        "@babel/helper-function-name": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-json-strings": "^7.8.3"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@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-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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-module-transforms": "^7.23.0",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-module-transforms": "^7.23.0",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-simple-access": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-hoist-variables": "^7.22.5",
+        "@babel/helper-module-transforms": "^7.23.0",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-validator-identifier": "^7.22.20"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-module-transforms": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-named-capturing-groups-regex": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.22.5.tgz",
+      "integrity": "sha512-YgLLKmS3aUBhHaxp5hi1WJTgOUb/NCuDHzGT9z9WTt3YG+CPRhJs6nprbStx6DnWM4dh6gt7SU3sZodbZ08adQ==",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@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-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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-numeric-separator": "^7.10.4"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/compat-data": "^7.22.9",
+        "@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"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-replace-supers": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@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-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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5",
+        "@babel/plugin-syntax-optional-chaining": "^7.8.3"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-create-class-features-plugin": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.22.5",
+        "@babel/helper-create-class-features-plugin": "^7.22.11",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-private-property-in-object": "^7.14.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-display-name": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.22.5.tgz",
+      "integrity": "sha512-PVk3WPYudRF5z4GKMEYUrLjPl38fJSKNaEOkFuoprioowGuWN6w2RKznuFNSlJx7pzzXXStPUnNSOEO0jL5EVw==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-jsx": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.22.15.tgz",
+      "integrity": "sha512-oKckg2eZFa8771O/5vi7XeTvmM6+O9cxZu+kanTU7tD4sin5nO/G8jGJhq8Hvt2Z0kUoEDRayuZLaUlYl8QuGA==",
+      "dependencies": {
+        "@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.22.5",
+        "@babel/types": "^7.22.15"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-jsx-development": {
+      "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==",
+      "dependencies": {
+        "@babel/plugin-transform-react-jsx": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-pure-annotations": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-pure-annotations/-/plugin-transform-react-pure-annotations-7.22.5.tgz",
+      "integrity": "sha512-gP4k85wx09q+brArVinTXhWiyzLl9UpmGva0+mWyKxk6JZequ05x3eUcIUE+FyttPKJFRRVtAvQaJ6YF9h1ZpA==",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "regenerator-transform": "^0.15.2"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-typescript": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.22.15.tgz",
+      "integrity": "sha512-1uirS0TnijxvQLnlv5wQBwOX3E1wCFX7ITv+9pBV2wKEk4K+M5tqDaoNXnTH8tjEIYHLO98MwiTWO04Ggz4XuA==",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.22.5",
+        "@babel/helper-create-class-features-plugin": "^7.22.15",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-typescript": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/compat-data": "^7.22.20",
+        "@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/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-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-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-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/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",
+        "core-js-compat": "^3.31.0",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/preset-modules": {
+      "version": "0.1.6-no-external-plugins",
+      "resolved": "https://registry.npmjs.org/@babel/preset-modules/-/preset-modules-0.1.6-no-external-plugins.tgz",
+      "integrity": "sha512-HrcgcIESLm9aIR842yhJ5RWan/gebQUJ6E/E5+rf0y9o6oj7w0Br+sWuL6kEQ/o/AdfvR1Je9jG18/gnpwjEyA==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.0.0",
+        "@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/@babel/preset-react": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/preset-react/-/preset-react-7.22.15.tgz",
+      "integrity": "sha512-Csy1IJ2uEh/PecCBXXoZGAZBeCATTuePzCSB7dLYWS0vOEj6CNpjxIhW4duWwZodBNueH7QO14WbGn8YyeuN9w==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-validator-option": "^7.22.15",
+        "@babel/plugin-transform-react-display-name": "^7.22.5",
+        "@babel/plugin-transform-react-jsx": "^7.22.15",
+        "@babel/plugin-transform-react-jsx-development": "^7.22.5",
+        "@babel/plugin-transform-react-pure-annotations": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/preset-typescript": {
+      "version": "7.23.0",
+      "resolved": "https://registry.npmjs.org/@babel/preset-typescript/-/preset-typescript-7.23.0.tgz",
+      "integrity": "sha512-6P6VVa/NM/VlAYj5s2Aq/gdVg8FSENCg3wlZ6Qau9AcPaoF5LbN1nyGlR9DTRIw9PpxI94e+ReydsJHcjwAweg==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-validator-option": "^7.22.15",
+        "@babel/plugin-syntax-jsx": "^7.22.5",
+        "@babel/plugin-transform-modules-commonjs": "^7.23.0",
+        "@babel/plugin-transform-typescript": "^7.22.15"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/regjsgen": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/@babel/regjsgen/-/regjsgen-0.8.0.tgz",
+      "integrity": "sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA=="
+    },
+    "node_modules/@babel/runtime": {
+      "version": "7.23.1",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.1.tgz",
+      "integrity": "sha512-hC2v6p8ZSI/W0HUzh3V8C5g+NwSKzKPtJwSpTjwl0o297GP9+ZLQSkdvHz46CM3LqyoXxq+5G9komY+eSqSO0g==",
+      "dependencies": {
+        "regenerator-runtime": "^0.14.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/template": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.22.15.tgz",
+      "integrity": "sha512-QPErUVm4uyJa60rkI73qneDacvdvzxshT3kksGqlGWYdOTIUOwJ7RDUL8sGqslY1uXWSL6xMFKEXDS3ox2uF0w==",
+      "dependencies": {
+        "@babel/code-frame": "^7.22.13",
+        "@babel/parser": "^7.22.15",
+        "@babel/types": "^7.22.15"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "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/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/@emotion/is-prop-valid": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.2.1.tgz",
+      "integrity": "sha512-61Mf7Ufx4aDxx1xlDeOm8aFFigGHE4z+0sKCa+IHCeZKiyP9RLD0Mmx7m8b9/Cf37f7NAvQOOJAbQQGVr5uERw==",
+      "dependencies": {
+        "@emotion/memoize": "^0.8.1"
+      }
+    },
+    "node_modules/@emotion/memoize": {
+      "version": "0.8.1",
+      "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz",
+      "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA=="
+    },
+    "node_modules/@emotion/unitless": {
+      "version": "0.8.1",
+      "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.8.1.tgz",
+      "integrity": "sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ=="
+    },
+    "node_modules/@eslint-community/eslint-utils": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz",
+      "integrity": "sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==",
+      "dev": true,
+      "dependencies": {
+        "eslint-visitor-keys": "^3.3.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "peerDependencies": {
+        "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
+      }
+    },
+    "node_modules/@eslint-community/regexpp": {
+      "version": "4.5.1",
+      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.5.1.tgz",
+      "integrity": "sha512-Z5ba73P98O1KUYCCJTUeVpja9RcGoMdncZ6T49FCUl2lN38JtCJ+3WgIDBv0AuY4WChU5PmtJmOCTlN6FZTFKQ==",
+      "dev": true,
+      "engines": {
+        "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
+      }
+    },
+    "node_modules/@eslint/eslintrc": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.0.2.tgz",
+      "integrity": "sha512-3W4f5tDUra+pA+FzgugqL2pRimUTDJWKr7BINqOpkZrC0uYI0NIc0/JFgBROCU07HR6GieA5m3/rsPIhDmCXTQ==",
+      "dev": true,
+      "dependencies": {
+        "ajv": "^6.12.4",
+        "debug": "^4.3.2",
+        "espree": "^9.5.1",
+        "globals": "^13.19.0",
+        "ignore": "^5.2.0",
+        "import-fresh": "^3.2.1",
+        "js-yaml": "^4.1.0",
+        "minimatch": "^3.1.2",
+        "strip-json-comments": "^3.1.1"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@eslint/eslintrc/node_modules/globals": {
+      "version": "13.20.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-13.20.0.tgz",
+      "integrity": "sha512-Qg5QtVkCy/kv3FUSlu4ukeZDVf9ee0iXLAUYX13gbR17bnejFTzr4iS9bY7kwCf1NztRNm1t91fjOiyx4CSwPQ==",
+      "dev": true,
+      "dependencies": {
+        "type-fest": "^0.20.2"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@eslint/js": {
+      "version": "8.39.0",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.39.0.tgz",
+      "integrity": "sha512-kf9RB0Fg7NZfap83B3QOqOGg9QmD9yBudqQXzzOtn3i4y7ZUXe5ONeW34Gwi+TxhH4mvj72R1Zc300KUMa9Bng==",
+      "dev": true,
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      }
+    },
+    "node_modules/@humanwhocodes/config-array": {
+      "version": "0.11.8",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.8.tgz",
+      "integrity": "sha512-UybHIJzJnR5Qc/MsD9Kr+RpO2h+/P1GhOwdiLPXK5TWk5sgTdu88bTD9UP+CKbPPh5Rni1u0GjAdYQLemG8g+g==",
+      "dev": true,
+      "dependencies": {
+        "@humanwhocodes/object-schema": "^1.2.1",
+        "debug": "^4.1.1",
+        "minimatch": "^3.0.5"
+      },
+      "engines": {
+        "node": ">=10.10.0"
+      }
+    },
+    "node_modules/@humanwhocodes/module-importer": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
+      "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
+      "dev": true,
+      "engines": {
+        "node": ">=12.22"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/nzakas"
+      }
+    },
+    "node_modules/@humanwhocodes/object-schema": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz",
+      "integrity": "sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==",
+      "dev": true
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.3",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz",
+      "integrity": "sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==",
+      "dependencies": {
+        "@jridgewell/set-array": "^1.0.1",
+        "@jridgewell/sourcemap-codec": "^1.4.10",
+        "@jridgewell/trace-mapping": "^0.3.9"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz",
+      "integrity": "sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/set-array": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz",
+      "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/source-map": {
+      "version": "0.3.3",
+      "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.3.tgz",
+      "integrity": "sha512-b+fsZXeLYi9fEULmfBrhxn4IrPlINf8fiNarzTof004v3lFdntdwa9PF7vFJqm3mg7s+ScJMxXaE3Acp1irZcg==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.0",
+        "@jridgewell/trace-mapping": "^0.3.9"
+      }
+    },
+    "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=="
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.18",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.18.tgz",
+      "integrity": "sha512-w+niJYzMHdd7USdiH2U6869nqhD2nbfZXND5Yp93qIbEmnDNk7PD48o+YchRVpzMU7M6jVCbenTR7PA1FLQ9pA==",
+      "dependencies": {
+        "@jridgewell/resolve-uri": "3.1.0",
+        "@jridgewell/sourcemap-codec": "1.4.14"
+      }
+    },
+    "node_modules/@jridgewell/trace-mapping/node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.4.14",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz",
+      "integrity": "sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw=="
+    },
+    "node_modules/@matrix-org/matrix-sdk-crypto-wasm": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/@matrix-org/matrix-sdk-crypto-wasm/-/matrix-sdk-crypto-wasm-1.3.0.tgz",
+      "integrity": "sha512-vQ5PVppKu1PY7xy7QDw+RJLYLGFKhJyxLqjXHr0uEUJwfvz2IH2njTLXzrz77dOo9qacxJ9/YNOTe0Hl+98N0A==",
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/env": {
+      "version": "13.5.4",
+      "resolved": "https://registry.npmjs.org/@next/env/-/env-13.5.4.tgz",
+      "integrity": "sha512-LGegJkMvRNw90WWphGJ3RMHMVplYcOfRWf2Be3td3sUa+1AaxmsYyANsA+znrGCBjXJNi4XAQlSoEfUxs/4kIQ=="
+    },
+    "node_modules/@next/eslint-plugin-next": {
+      "version": "13.5.6",
+      "resolved": "https://registry.npmjs.org/@next/eslint-plugin-next/-/eslint-plugin-next-13.5.6.tgz",
+      "integrity": "sha512-ng7pU/DDsxPgT6ZPvuprxrkeew3XaRf4LAT4FabaEO/hAbvVx4P7wqnqdbTdDn1kgTvsI4tpIgT4Awn/m0bGbg==",
+      "dev": true,
+      "dependencies": {
+        "glob": "7.1.7"
+      }
+    },
+    "node_modules/@next/eslint-plugin-next/node_modules/glob": {
+      "version": "7.1.7",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.7.tgz",
+      "integrity": "sha512-OvD9ENzPLbegENnYP5UUfJIirTg4+XwMWGaQfQTY0JenxNvvIKP3U3/tAQSPIu/lHxXYSZmpXlUHeqAIdKzBLQ==",
+      "dev": true,
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.0.4",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      },
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/@next/swc-darwin-arm64": {
+      "version": "13.5.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-13.5.4.tgz",
+      "integrity": "sha512-Df8SHuXgF1p+aonBMcDPEsaahNo2TCwuie7VXED4FVyECvdXfRT9unapm54NssV9tF3OQFKBFOdlje4T43VO0w==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@nicolo-ribaudo/chokidar-2": {
+      "version": "2.1.8-no-fsevents.3",
+      "resolved": "https://registry.npmjs.org/@nicolo-ribaudo/chokidar-2/-/chokidar-2-2.1.8-no-fsevents.3.tgz",
+      "integrity": "sha512-s88O1aVtXftvp5bCPB7WnmXc5IwOZZ7YPuwNPt+GtOOXpPvad1LfbmjYv+qII7zP6RU2QGnqve27dnLycEnyEQ==",
+      "optional": true
+    },
+    "node_modules/@nicolo-ribaudo/eslint-scope-5-internals": {
+      "version": "5.1.1-v1",
+      "resolved": "https://registry.npmjs.org/@nicolo-ribaudo/eslint-scope-5-internals/-/eslint-scope-5-internals-5.1.1-v1.tgz",
+      "integrity": "sha512-54/JRvkLIzzDWshCWfuhadfrfZVPiElY8Fcgmg1HroEly/EDSszzhBAsarCux+D/kOslTRquNzuyGSmUSTTHGg==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "eslint-scope": "5.1.1"
+      }
+    },
+    "node_modules/@nodelib/fs.scandir": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+      "dev": true,
+      "dependencies": {
+        "@nodelib/fs.stat": "2.0.5",
+        "run-parallel": "^1.1.9"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.stat": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+      "dev": true,
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.walk": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+      "dev": true,
+      "dependencies": {
+        "@nodelib/fs.scandir": "2.1.5",
+        "fastq": "^1.6.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@remixicons/react": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@remixicons/react/-/react-1.0.0.tgz",
+      "integrity": "sha512-2QvlgR5myO7wzQduGWD4MYMtxwoHsu/Fq86N3A6DLogXJOctaxb+bLTEH7yysRIPmwO+o6lkadVph/ixasadqQ==",
+      "dev": true,
+      "peerDependencies": {
+        "react": ">= 16"
+      }
+    },
+    "node_modules/@rushstack/eslint-patch": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.5.1.tgz",
+      "integrity": "sha512-6i/8UoL0P5y4leBIGzvkZdS85RDMG9y1ihZzmTZQ5LdHUYmZ7pKFoj8X0236s3lusPs1Fa5HTQUpwI+UfTcmeA==",
+      "dev": true
+    },
+    "node_modules/@stylelint/postcss-css-in-js": {
+      "version": "0.38.0",
+      "resolved": "https://registry.npmjs.org/@stylelint/postcss-css-in-js/-/postcss-css-in-js-0.38.0.tgz",
+      "integrity": "sha512-XOz5CAe49kS95p5yRd+DAIWDojTjfmyAQ4bbDlXMdbZTQ5t0ThjSLvWI6JI2uiS7MFurVBkZ6zUqcimzcLTBoQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/core": "^7.17.9"
+      },
+      "peerDependencies": {
+        "postcss": ">=7.0.0",
+        "postcss-syntax": ">=0.36.2"
+      }
+    },
+    "node_modules/@swc/helpers": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.2.tgz",
+      "integrity": "sha512-E4KcWTpoLHqwPHLxidpOqQbcrZVgi0rsmmZXUle1jXmJfuIf/UWpczUJ7MZZ5tlxytgJXyp0w4PGkkeLiuIdZw==",
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@types/eslint": {
+      "version": "8.4.2",
+      "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-8.4.2.tgz",
+      "integrity": "sha512-Z1nseZON+GEnFjJc04sv4NSALGjhFwy6K0HXt7qsn5ArfAKtb63dXNJHf+1YW6IpOIYRBGUbu3GwJdj8DGnCjA==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@types/estree": "*",
+        "@types/json-schema": "*"
+      }
+    },
+    "node_modules/@types/eslint-scope": {
+      "version": "3.7.3",
+      "resolved": "https://registry.npmjs.org/@types/eslint-scope/-/eslint-scope-3.7.3.tgz",
+      "integrity": "sha512-PB3ldyrcnAicT35TWPs5IcwKD8S333HMaa2VVv4+wdvebJkjWuW/xESoB8IwRcog8HYVYamb1g/R31Qv5Bx03g==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@types/eslint": "*",
+        "@types/estree": "*"
+      }
+    },
+    "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==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/@types/events": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@types/events/-/events-3.0.1.tgz",
+      "integrity": "sha512-QfUFdKjGSc+iCf8OFZhqJKfDuqB6lP57kSMkPw8ba3yNDANicUwCdaPt5ytZ4nDXXVFxQkvT8v73I4stSVrCxA=="
+    },
+    "node_modules/@types/json-schema": {
+      "version": "7.0.12",
+      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.12.tgz",
+      "integrity": "sha512-Hr5Jfhc9eYOQNPYO5WLDq/n4jqijdHNlDXjuAQkkt+mWdQR+XJToOHrsD4cPaMXpn6KO7y2+wM8AZEs8VpBLVA==",
+      "dev": true
+    },
+    "node_modules/@types/json5": {
+      "version": "0.0.29",
+      "resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz",
+      "integrity": "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==",
+      "dev": true
+    },
+    "node_modules/@types/minimist": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/@types/minimist/-/minimist-1.2.2.tgz",
+      "integrity": "sha512-jhuKLIRrhvCPLqwPcx6INqmKeiA5EWrsCOPhrlFSrbrmU4ZMPjj5Ul/oLCMDO98XRUIwVm78xICz4EPCektzeQ==",
+      "dev": true
+    },
+    "node_modules/@types/node": {
+      "version": "17.0.31",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-17.0.31.tgz",
+      "integrity": "sha512-AR0x5HbXGqkEx9CadRH3EBYx/VkiUgZIhP4wvPn/+5KIsgpNoyFaRlVe0Zlx9gRtg8fA06a9tskE2MSN7TcG4Q==",
+      "dev": true
+    },
+    "node_modules/@types/normalize-package-data": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/@types/normalize-package-data/-/normalize-package-data-2.4.1.tgz",
+      "integrity": "sha512-Gj7cI7z+98M282Tqmp2K5EIsoouUEzbBJhQQzDE3jSIRk6r9gsz0oUokqIUR4u1R3dMHo0pDHM7sNOHyhulypw==",
+      "dev": true
+    },
+    "node_modules/@types/parse-json": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.0.tgz",
+      "integrity": "sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==",
+      "dev": true
+    },
+    "node_modules/@types/retry": {
+      "version": "0.12.1",
+      "resolved": "https://registry.npmjs.org/@types/retry/-/retry-0.12.1.tgz",
+      "integrity": "sha512-xoDlM2S4ortawSWORYqsdU+2rxdh4LRW9ytc3zmT37RIKQh6IHyKwwtKhKis9ah8ol07DCkZxPt8BBvPjC6v4g=="
+    },
+    "node_modules/@types/semver": {
+      "version": "7.5.0",
+      "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.5.0.tgz",
+      "integrity": "sha512-G8hZ6XJiHnuhQKR7ZmysCeJWE08o8T0AXtk5darsCaTVsYZhhgUrq53jizaR2FvsoeCwJhlmwTjkXBY5Pn/ZHw==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/@types/stylis": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/@types/stylis/-/stylis-4.2.1.tgz",
+      "integrity": "sha512-OSaMrXUKxVigGlKRrET39V2xdhzlztQ9Aqumn1WbCBKHOi9ry7jKSd7rkyj0GzmWaU960Rd+LpOFpLfx5bMQAg=="
+    },
+    "node_modules/@typescript-eslint/eslint-plugin": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-6.1.0.tgz",
+      "integrity": "sha512-qg7Bm5TyP/I7iilGyp6DRqqkt8na00lI6HbjWZObgk3FFSzH5ypRwAHXJhJkwiRtTcfn+xYQIMOR5kJgpo6upw==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@eslint-community/regexpp": "^4.5.1",
+        "@typescript-eslint/scope-manager": "6.1.0",
+        "@typescript-eslint/type-utils": "6.1.0",
+        "@typescript-eslint/utils": "6.1.0",
+        "@typescript-eslint/visitor-keys": "6.1.0",
+        "debug": "^4.3.4",
+        "graphemer": "^1.4.0",
+        "ignore": "^5.2.4",
+        "natural-compare": "^1.4.0",
+        "natural-compare-lite": "^1.4.0",
+        "semver": "^7.5.4",
+        "ts-api-utils": "^1.0.1"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "@typescript-eslint/parser": "^6.0.0 || ^6.0.0-alpha",
+        "eslint": "^7.0.0 || ^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/eslint-plugin/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,
+      "peer": true,
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@typescript-eslint/parser": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-6.1.0.tgz",
+      "integrity": "sha512-hIzCPvX4vDs4qL07SYzyomamcs2/tQYXg5DtdAfj35AyJ5PIUqhsLf4YrEIFzZcND7R2E8tpQIZKayxg8/6Wbw==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/scope-manager": "6.1.0",
+        "@typescript-eslint/types": "6.1.0",
+        "@typescript-eslint/typescript-estree": "6.1.0",
+        "@typescript-eslint/visitor-keys": "6.1.0",
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^7.0.0 || ^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/scope-manager": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-6.1.0.tgz",
+      "integrity": "sha512-AxjgxDn27hgPpe2rQe19k0tXw84YCOsjDJ2r61cIebq1t+AIxbgiXKvD4999Wk49GVaAcdJ/d49FYel+Pp3jjw==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/types": "6.1.0",
+        "@typescript-eslint/visitor-keys": "6.1.0"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/type-utils": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-6.1.0.tgz",
+      "integrity": "sha512-kFXBx6QWS1ZZ5Ni89TyT1X9Ag6RXVIVhqDs0vZE/jUeWlBv/ixq2diua6G7ece6+fXw3TvNRxP77/5mOMusx2w==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@typescript-eslint/typescript-estree": "6.1.0",
+        "@typescript-eslint/utils": "6.1.0",
+        "debug": "^4.3.4",
+        "ts-api-utils": "^1.0.1"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^7.0.0 || ^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/types": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-6.1.0.tgz",
+      "integrity": "sha512-+Gfd5NHCpDoHDOaU/yIF3WWRI2PcBRKKpP91ZcVbL0t5tQpqYWBs3z/GGhvU+EV1D0262g9XCnyqQh19prU0JQ==",
+      "dev": true,
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-6.1.0.tgz",
+      "integrity": "sha512-nUKAPWOaP/tQjU1IQw9sOPCDavs/iU5iYLiY/6u7gxS7oKQoi4aUxXS1nrrVGTyBBaGesjkcwwHkbkiD5eBvcg==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/types": "6.1.0",
+        "@typescript-eslint/visitor-keys": "6.1.0",
+        "debug": "^4.3.4",
+        "globby": "^11.1.0",
+        "is-glob": "^4.0.3",
+        "semver": "^7.5.4",
+        "ts-api-utils": "^1.0.1"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/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/@typescript-eslint/utils": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-6.1.0.tgz",
+      "integrity": "sha512-wp652EogZlKmQoMS5hAvWqRKplXvkuOnNzZSE0PVvsKjpexd/XznRVHAtrfHFYmqaJz0DFkjlDsGYC9OXw+OhQ==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.4.0",
+        "@types/json-schema": "^7.0.12",
+        "@types/semver": "^7.5.0",
+        "@typescript-eslint/scope-manager": "6.1.0",
+        "@typescript-eslint/types": "6.1.0",
+        "@typescript-eslint/typescript-estree": "6.1.0",
+        "semver": "^7.5.4"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^7.0.0 || ^8.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/utils/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,
+      "peer": true,
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@typescript-eslint/visitor-keys": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-6.1.0.tgz",
+      "integrity": "sha512-yQeh+EXhquh119Eis4k0kYhj9vmFzNpbhM3LftWQVwqVjipCkwHBQOZutcYW+JVkjtTG9k8nrZU1UoNedPDd1A==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/types": "6.1.0",
+        "eslint-visitor-keys": "^3.4.1"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@webassemblyjs/ast": {
+      "version": "1.11.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.11.5.tgz",
+      "integrity": "sha512-LHY/GSAZZRpsNQH+/oHqhRQ5FT7eoULcBqgfyTB5nQHogFnK3/7QoN7dLnwSE/JkUAF0SrRuclT7ODqMFtWxxQ==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/helper-numbers": "1.11.5",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.5"
+      }
+    },
+    "node_modules/@webassemblyjs/floating-point-hex-parser": {
+      "version": "1.11.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.11.5.tgz",
+      "integrity": "sha512-1j1zTIC5EZOtCplMBG/IEwLtUojtwFVwdyVMbL/hwWqbzlQoJsWCOavrdnLkemwNoC/EOwtUFch3fuo+cbcXYQ==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/@webassemblyjs/helper-api-error": {
+      "version": "1.11.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.11.5.tgz",
+      "integrity": "sha512-L65bDPmfpY0+yFrsgz8b6LhXmbbs38OnwDCf6NpnMUYqa+ENfE5Dq9E42ny0qz/PdR0LJyq/T5YijPnU8AXEpA==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/@webassemblyjs/helper-buffer": {
+      "version": "1.11.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.11.5.tgz",
+      "integrity": "sha512-fDKo1gstwFFSfacIeH5KfwzjykIE6ldh1iH9Y/8YkAZrhmu4TctqYjSh7t0K2VyDSXOZJ1MLhht/k9IvYGcIxg==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/@webassemblyjs/helper-numbers": {
+      "version": "1.11.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-numbers/-/helper-numbers-1.11.5.tgz",
+      "integrity": "sha512-DhykHXM0ZABqfIGYNv93A5KKDw/+ywBFnuWybZZWcuzWHfbp21wUfRkbtz7dMGwGgT4iXjWuhRMA2Mzod6W4WA==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/floating-point-hex-parser": "1.11.5",
+        "@webassemblyjs/helper-api-error": "1.11.5",
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "node_modules/@webassemblyjs/helper-wasm-bytecode": {
+      "version": "1.11.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.11.5.tgz",
+      "integrity": "sha512-oC4Qa0bNcqnjAowFn7MPCETQgDYytpsfvz4ujZz63Zu/a/v71HeCAAmZsgZ3YVKec3zSPYytG3/PrRCqbtcAvA==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/@webassemblyjs/helper-wasm-section": {
+      "version": "1.11.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.11.5.tgz",
+      "integrity": "sha512-uEoThA1LN2NA+K3B9wDo3yKlBfVtC6rh0i4/6hvbz071E8gTNZD/pT0MsBf7MeD6KbApMSkaAK0XeKyOZC7CIA==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.11.5",
+        "@webassemblyjs/helper-buffer": "1.11.5",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.5",
+        "@webassemblyjs/wasm-gen": "1.11.5"
+      }
+    },
+    "node_modules/@webassemblyjs/ieee754": {
+      "version": "1.11.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.11.5.tgz",
+      "integrity": "sha512-37aGq6qVL8A8oPbPrSGMBcp38YZFXcHfiROflJn9jxSdSMMM5dS5P/9e2/TpaJuhE+wFrbukN2WI6Hw9MH5acg==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@xtuc/ieee754": "^1.2.0"
+      }
+    },
+    "node_modules/@webassemblyjs/leb128": {
+      "version": "1.11.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.11.5.tgz",
+      "integrity": "sha512-ajqrRSXaTJoPW+xmkfYN6l8VIeNnR4vBOTQO9HzR7IygoCcKWkICbKFbVTNMjMgMREqXEr0+2M6zukzM47ZUfQ==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "node_modules/@webassemblyjs/utf8": {
+      "version": "1.11.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.11.5.tgz",
+      "integrity": "sha512-WiOhulHKTZU5UPlRl53gHR8OxdGsSOxqfpqWeA2FmcwBMaoEdz6b2x2si3IwC9/fSPLfe8pBMRTHVMk5nlwnFQ==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/@webassemblyjs/wasm-edit": {
+      "version": "1.11.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.11.5.tgz",
+      "integrity": "sha512-C0p9D2fAu3Twwqvygvf42iGCQ4av8MFBLiTb+08SZ4cEdwzWx9QeAHDo1E2k+9s/0w1DM40oflJOpkZ8jW4HCQ==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.11.5",
+        "@webassemblyjs/helper-buffer": "1.11.5",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.5",
+        "@webassemblyjs/helper-wasm-section": "1.11.5",
+        "@webassemblyjs/wasm-gen": "1.11.5",
+        "@webassemblyjs/wasm-opt": "1.11.5",
+        "@webassemblyjs/wasm-parser": "1.11.5",
+        "@webassemblyjs/wast-printer": "1.11.5"
+      }
+    },
+    "node_modules/@webassemblyjs/wasm-gen": {
+      "version": "1.11.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.11.5.tgz",
+      "integrity": "sha512-14vteRlRjxLK9eSyYFvw1K8Vv+iPdZU0Aebk3j6oB8TQiQYuO6hj9s4d7qf6f2HJr2khzvNldAFG13CgdkAIfA==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.11.5",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.5",
+        "@webassemblyjs/ieee754": "1.11.5",
+        "@webassemblyjs/leb128": "1.11.5",
+        "@webassemblyjs/utf8": "1.11.5"
+      }
+    },
+    "node_modules/@webassemblyjs/wasm-opt": {
+      "version": "1.11.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.11.5.tgz",
+      "integrity": "sha512-tcKwlIXstBQgbKy1MlbDMlXaxpucn42eb17H29rawYLxm5+MsEmgPzeCP8B1Cl69hCice8LeKgZpRUAPtqYPgw==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.11.5",
+        "@webassemblyjs/helper-buffer": "1.11.5",
+        "@webassemblyjs/wasm-gen": "1.11.5",
+        "@webassemblyjs/wasm-parser": "1.11.5"
+      }
+    },
+    "node_modules/@webassemblyjs/wasm-parser": {
+      "version": "1.11.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.11.5.tgz",
+      "integrity": "sha512-SVXUIwsLQlc8srSD7jejsfTU83g7pIGr2YYNb9oHdtldSxaOhvA5xwvIiWIfcX8PlSakgqMXsLpLfbbJ4cBYew==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.11.5",
+        "@webassemblyjs/helper-api-error": "1.11.5",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.5",
+        "@webassemblyjs/ieee754": "1.11.5",
+        "@webassemblyjs/leb128": "1.11.5",
+        "@webassemblyjs/utf8": "1.11.5"
+      }
+    },
+    "node_modules/@webassemblyjs/wast-printer": {
+      "version": "1.11.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.11.5.tgz",
+      "integrity": "sha512-f7Pq3wvg3GSPUPzR0F6bmI89Hdb+u9WXrSKc4v+N0aV0q6r42WoF92Jp2jEorBEBRoRNXgjp53nBniDXcqZYPA==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.11.5",
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "node_modules/@xtuc/ieee754": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz",
+      "integrity": "sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/@xtuc/long": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@xtuc/long/-/long-4.2.2.tgz",
+      "integrity": "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/abort-controller": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/abort-controller/-/abort-controller-3.0.0.tgz",
+      "integrity": "sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg==",
+      "dependencies": {
+        "event-target-shim": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=6.5"
+      }
+    },
+    "node_modules/acorn": {
+      "version": "8.8.2",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.8.2.tgz",
+      "integrity": "sha512-xjIYgE8HBrkpd/sJqOGNspf8uHG+NOHGOw6a/Urj8taM2EXfdNAH2oFcPeIFfsv3+kz/mJrS5VuMqbNLjCa2vw==",
+      "dev": true,
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/acorn-import-assertions": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/acorn-import-assertions/-/acorn-import-assertions-1.8.0.tgz",
+      "integrity": "sha512-m7VZ3jwz4eK6A4Vtt8Ew1/mNbP24u0FhdyfA7fSvnJR6LMdfOYnmuIrrJAgrYfYJ10F/otaHTtrtrtmHdMNzEw==",
+      "dev": true,
+      "peer": true,
+      "peerDependencies": {
+        "acorn": "^8"
+      }
+    },
+    "node_modules/acorn-jsx": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
+      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
+      "dev": true,
+      "peerDependencies": {
+        "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
+      }
+    },
+    "node_modules/ajv": {
+      "version": "6.12.6",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+      "dev": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "fast-json-stable-stringify": "^2.0.0",
+        "json-schema-traverse": "^0.4.1",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/ajv-formats": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/ajv-formats/-/ajv-formats-2.1.1.tgz",
+      "integrity": "sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==",
+      "dev": true,
+      "dependencies": {
+        "ajv": "^8.0.0"
+      },
+      "peerDependencies": {
+        "ajv": "^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "ajv": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/ajv-formats/node_modules/ajv": {
+      "version": "8.11.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.11.0.tgz",
+      "integrity": "sha512-wGgprdCvMalC0BztXvitD2hC04YffAvtsUn93JbGXYLAtCUO4xd17mCCZQxUOItiBwZvJScWo8NIvQMQ71rdpg==",
+      "dev": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/ajv-formats/node_modules/json-schema-traverse": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+      "dev": true
+    },
+    "node_modules/ajv-keywords": {
+      "version": "3.5.2",
+      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
+      "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
+      "dev": true,
+      "peer": true,
+      "peerDependencies": {
+        "ajv": "^6.9.1"
+      }
+    },
+    "node_modules/another-json": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/another-json/-/another-json-0.2.0.tgz",
+      "integrity": "sha1-tfQBnJc7bdXGUGotk0acttMq7tw="
+    },
+    "node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ansi-styles": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+      "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+      "dependencies": {
+        "color-convert": "^1.9.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/anymatch": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
+      "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
+      "optional": true,
+      "dependencies": {
+        "normalize-path": "^3.0.0",
+        "picomatch": "^2.0.4"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/argparse": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "dev": true
+    },
+    "node_modules/aria-query": {
+      "version": "5.1.3",
+      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.1.3.tgz",
+      "integrity": "sha512-R5iJ5lkuHybztUfuOAznmboyjWq8O6sqNqtK7CLOqdydi54VNbORp49mb14KbWgG1QD3JFO9hJdZ+y4KutfdOQ==",
+      "dev": true,
+      "dependencies": {
+        "deep-equal": "^2.0.5"
+      }
+    },
+    "node_modules/array-buffer-byte-length": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.0.tgz",
+      "integrity": "sha512-LPuwb2P+NrQw3XhxGc36+XSvuBPopovXYTR9Ew++Du9Yb/bx5AzBfrIsBoj0EZUifjQU+sHL21sseZ3jerWO/A==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "is-array-buffer": "^3.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array-includes": {
+      "version": "3.1.7",
+      "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.7.tgz",
+      "integrity": "sha512-dlcsNBIiWhPkHdOEEKnehA+RNUWDc4UqFtnIXU4uuYDPtA4LDkr7qip2p0VvFAEXNDr0yWZ9PJyIRiGjRLQzwQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "get-intrinsic": "^1.2.1",
+        "is-string": "^1.0.7"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array-union": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
+      "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/array.prototype.findlastindex": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.3.tgz",
+      "integrity": "sha512-LzLoiOMAxvy+Gd3BAq3B7VeIgPdo+Q8hthvKtXybMvRV0jrXfJM/t8mw7nNlpEcVlVUnCnM2KSX4XU5HmpodOA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "es-shim-unscopables": "^1.0.0",
+        "get-intrinsic": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.flat": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.2.tgz",
+      "integrity": "sha512-djYB+Zx2vLewY8RWlNCUdHjDXs2XOgm602S9E7P/UpHgfeHL00cRiIF+IN/G/aUJ7kGPb6yO/ErDI5V2s8iycA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "es-shim-unscopables": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.flatmap": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.2.tgz",
+      "integrity": "sha512-Ewyx0c9PmpcsByhSW4r+9zDU7sGjFc86qf/kKtuSCRdhfbk0SNLLkaT5qvcHnRGgc5NP/ly/y+qkXkqONX54CQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "es-shim-unscopables": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.tosorted": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/array.prototype.tosorted/-/array.prototype.tosorted-1.1.1.tgz",
+      "integrity": "sha512-pZYPXPRl2PqWcsUs6LOMn+1f1532nEoPTYowBtqLwAW+W8vSVhkIGnmOX1t/UQjD6YGI0vcD2B1U7ZFGQH9jnQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.4",
+        "es-abstract": "^1.20.4",
+        "es-shim-unscopables": "^1.0.0",
+        "get-intrinsic": "^1.1.3"
+      }
+    },
+    "node_modules/arraybuffer.prototype.slice": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.2.tgz",
+      "integrity": "sha512-yMBKppFur/fbHu9/6USUe03bZ4knMYiwFBcyiaXB8Go0qNehwX6inYPzK9U0NeQvGxKthcmHcaR8P5MStSRBAw==",
+      "dev": true,
+      "dependencies": {
+        "array-buffer-byte-length": "^1.0.0",
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "get-intrinsic": "^1.2.1",
+        "is-array-buffer": "^3.0.2",
+        "is-shared-array-buffer": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/arrify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/arrify/-/arrify-1.0.1.tgz",
+      "integrity": "sha1-iYUI2iIm84DfkEcoRWhJwVAaSw0=",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ast-types-flow": {
+      "version": "0.0.7",
+      "resolved": "https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.7.tgz",
+      "integrity": "sha1-9wtzXGvKGlycItmCw+Oef+ujva0=",
+      "dev": true
+    },
+    "node_modules/astral-regex": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/astral-regex/-/astral-regex-2.0.0.tgz",
+      "integrity": "sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/asynciterator.prototype": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/asynciterator.prototype/-/asynciterator.prototype-1.0.0.tgz",
+      "integrity": "sha512-wwHYEIS0Q80f5mosx3L/dfG5t5rjEa9Ft51GTaNt862EnpyGHpgz2RkZvLPp1oF5TnAiTohkEKVEu8pQPJI7Vg==",
+      "dev": true,
+      "dependencies": {
+        "has-symbols": "^1.0.3"
+      }
+    },
+    "node_modules/atomic-sleep": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/atomic-sleep/-/atomic-sleep-1.0.0.tgz",
+      "integrity": "sha512-kNOjDqAh7px0XWNI+4QbzoiR/nTkHAWNud2uvnJquD1/x5a7EQZMJT0AczqK0Qn67oY/TTQ1LbUKajZpp3I9tQ==",
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/available-typed-arrays": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.5.tgz",
+      "integrity": "sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/axe-core": {
+      "version": "4.7.0",
+      "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.7.0.tgz",
+      "integrity": "sha512-M0JtH+hlOL5pLQwHOLNYZaXuhqmvS8oExsqB1SBYgA4Dk7u/xx+YdGHXaK5pyUfed5mYXdlYiphWq3G8cRi5JQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/axobject-query": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-3.1.1.tgz",
+      "integrity": "sha512-goKlv8DZrK9hUh975fnHzhNIO4jUnFCfv/dszV5VwUGDFjI6vQ2VwoyjYjYNEbBE8AH87TduWP5uyDR1D+Iteg==",
+      "dev": true,
+      "dependencies": {
+        "deep-equal": "^2.0.5"
+      }
+    },
+    "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-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==",
+      "dependencies": {
+        "@babel/helper-define-polyfill-provider": "^0.4.2",
+        "core-js-compat": "^3.32.2"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
+      }
+    },
+    "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-plugin-styled-components": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/babel-plugin-styled-components/-/babel-plugin-styled-components-2.1.4.tgz",
+      "integrity": "sha512-Xgp9g+A/cG47sUyRwwYxGM4bR/jDRg5N6it/8+HxCnbT5XNKSKDT9xm4oag/osgqjC2It/vH0yXsomOG6k558g==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.22.5",
+        "@babel/helper-module-imports": "^7.22.5",
+        "@babel/plugin-syntax-jsx": "^7.22.5",
+        "lodash": "^4.17.21",
+        "picomatch": "^2.3.1"
+      },
+      "peerDependencies": {
+        "styled-components": ">= 2"
+      }
+    },
+    "node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="
+    },
+    "node_modules/base-x": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/base-x/-/base-x-4.0.0.tgz",
+      "integrity": "sha512-FuwxlW4H5kh37X/oW59pwTzzTKRzfrrQwhmyspRM7swOEZcHtDZSCt45U6oKgtuFE+WYPblePMVIPR4RZrh/hw=="
+    },
+    "node_modules/base64-js": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
+      "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
+      "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/binary-extensions": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
+      "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==",
+      "optional": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/brace-expansion": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/braces": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
+      "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+      "devOptional": true,
+      "dependencies": {
+        "fill-range": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/browserslist": {
+      "version": "4.22.1",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.22.1.tgz",
+      "integrity": "sha512-FEVc202+2iuClEhZhrWy6ZiAcRLvNMyYcxZ8raemul1DYVOVdFsbqckWLdsixQZCpJlwe77Z3UTalE7jsjnKfQ==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "caniuse-lite": "^1.0.30001541",
+        "electron-to-chromium": "^1.4.535",
+        "node-releases": "^2.0.13",
+        "update-browserslist-db": "^1.0.13"
+      },
+      "bin": {
+        "browserslist": "cli.js"
+      },
+      "engines": {
+        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+      }
+    },
+    "node_modules/bs58": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/bs58/-/bs58-5.0.0.tgz",
+      "integrity": "sha512-r+ihvQJvahgYT50JD05dyJNKlmmSlMoOGwn1lCcEzanPglg7TxYjioQUYehQ9mAR/+hOSd2jRc/Z2y5UxBymvQ==",
+      "dependencies": {
+        "base-x": "^4.0.0"
+      }
+    },
+    "node_modules/buffer": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz",
+      "integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==",
+      "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": {
+        "base64-js": "^1.3.1",
+        "ieee754": "^1.2.1"
+      }
+    },
+    "node_modules/buffer-from": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
+      "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/builtin-modules": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/builtin-modules/-/builtin-modules-3.3.0.tgz",
+      "integrity": "sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/busboy": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/busboy/-/busboy-1.6.0.tgz",
+      "integrity": "sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==",
+      "dependencies": {
+        "streamsearch": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=10.16.0"
+      }
+    },
+    "node_modules/call-bind": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.5.tgz",
+      "integrity": "sha512-C3nQxfFZxFRVoJoGKKI8y3MOEo129NQ+FgQ08iye+Mk4zNZZGdjfs06bVTr+DBSlA66Q2VEcMki/cUCP4SercQ==",
+      "dev": true,
+      "dependencies": {
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.1",
+        "set-function-length": "^1.1.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/callsites": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
+      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/camelcase": {
+      "version": "5.3.1",
+      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
+      "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/camelcase-keys": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/camelcase-keys/-/camelcase-keys-6.2.2.tgz",
+      "integrity": "sha512-YrwaA0vEKazPBkn0ipTiMpSajYDSe+KjQfrjhcBMxJt/znbvlHd8Pw/Vamaz5EB4Wfhs3SUR3Z9mwRu/P3s3Yg==",
+      "dev": true,
+      "dependencies": {
+        "camelcase": "^5.3.1",
+        "map-obj": "^4.0.0",
+        "quick-lru": "^4.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/camelize": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/camelize/-/camelize-1.0.1.tgz",
+      "integrity": "sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ==",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/caniuse-lite": {
+      "version": "1.0.30001546",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001546.tgz",
+      "integrity": "sha512-zvtSJwuQFpewSyRrI3AsftF6rM0X80mZkChIt1spBGEvRglCrjTniXvinc8JKRoqTwXAgvqTImaN9igfSMtUBw==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ]
+    },
+    "node_modules/chalk": {
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+      "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+      "dependencies": {
+        "ansi-styles": "^3.2.1",
+        "escape-string-regexp": "^1.0.5",
+        "supports-color": "^5.3.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/chalk/node_modules/has-flag": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
+      "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/chalk/node_modules/supports-color": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+      "dependencies": {
+        "has-flag": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/chokidar": {
+      "version": "3.5.3",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz",
+      "integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://paulmillr.com/funding/"
+        }
+      ],
+      "optional": true,
+      "dependencies": {
+        "anymatch": "~3.1.2",
+        "braces": "~3.0.2",
+        "glob-parent": "~5.1.2",
+        "is-binary-path": "~2.1.0",
+        "is-glob": "~4.0.1",
+        "normalize-path": "~3.0.0",
+        "readdirp": "~3.6.0"
+      },
+      "engines": {
+        "node": ">= 8.10.0"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/chokidar/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "optional": true,
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/chrome-trace-event": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/chrome-trace-event/-/chrome-trace-event-1.0.3.tgz",
+      "integrity": "sha512-p3KULyQg4S7NIHixdwbGX+nFHkoBiA4YQmyWtjb8XngSKV124nJmRysgAeujbUVb15vh+RvFUfCPqU7rXk+hZg==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=6.0"
+      }
+    },
+    "node_modules/ci-info": {
+      "version": "3.8.0",
+      "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-3.8.0.tgz",
+      "integrity": "sha512-eXTggHWSooYhq49F2opQhuHWgzucfF2YgODK4e1566GQs5BIfP30B0oenwBJHfWxAs2fyPB1s7Mg949zLf61Yw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/sibiraj-s"
+        }
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/clean-regexp": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/clean-regexp/-/clean-regexp-1.0.0.tgz",
+      "integrity": "sha512-GfisEZEJvzKrmGWkvfhgzcz/BllN1USeqD2V6tg14OAOgaCD2Z/PUEuxnAZ/nPvmaHRG7a8y77p1T/IRQ4D1Hw==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "escape-string-regexp": "^1.0.5"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/client-only": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
+      "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA=="
+    },
+    "node_modules/clone-regexp": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/clone-regexp/-/clone-regexp-2.2.0.tgz",
+      "integrity": "sha512-beMpP7BOtTipFuW8hrJvREQ2DrRu3BE7by0ZpibtfBA+qfHYvMGTc2Yb1JMYPKg/JUw0CHYvpg796aNTSW9z7Q==",
+      "dev": true,
+      "dependencies": {
+        "is-regexp": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/color-convert": {
+      "version": "1.9.3",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
+      "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
+      "dependencies": {
+        "color-name": "1.1.3"
+      }
+    },
+    "node_modules/color-name": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
+      "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw=="
+    },
+    "node_modules/colord": {
+      "version": "2.9.2",
+      "resolved": "https://registry.npmjs.org/colord/-/colord-2.9.2.tgz",
+      "integrity": "sha512-Uqbg+J445nc1TKn4FoDPS6ZZqAvEDnwrH42yo8B40JSOgSLxMZ/gt3h4nmCtPLQeXhjJJkqBx7SCY35WnIixaQ==",
+      "dev": true
+    },
+    "node_modules/commander": {
+      "version": "2.20.3",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
+      "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s="
+    },
+    "node_modules/content-type": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.4.tgz",
+      "integrity": "sha512-hIP3EEPs8tB9AT1L+NUqtwOAps4mk2Zob89MWXMHjHWg9milF/j4osnnQLXBCBFBk/tvIG/tUc9mOUJiPBhPXA==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "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/core-js-compat": {
+      "version": "3.33.0",
+      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.33.0.tgz",
+      "integrity": "sha512-0w4LcLXsVEuNkIqwjjf9rjCoPhK8uqA4tMRh4Ge26vfLtUutshn+aRJU21I9LCJlh2QQHfisNToLjw1XEJLTWw==",
+      "dependencies": {
+        "browserslist": "^4.22.1"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/core-js"
+      }
+    },
+    "node_modules/cosmiconfig": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.0.1.tgz",
+      "integrity": "sha512-a1YWNUV2HwGimB7dU2s1wUMurNKjpx60HxBB6xUM8Re+2s1g1IIfJvFR0/iCF+XHdE0GMTKTuLR32UQff4TEyQ==",
+      "dev": true,
+      "dependencies": {
+        "@types/parse-json": "^4.0.0",
+        "import-fresh": "^3.2.1",
+        "parse-json": "^5.0.0",
+        "path-type": "^4.0.0",
+        "yaml": "^1.10.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/cross-spawn": {
+      "version": "7.0.3",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
+      "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
+      "dev": true,
+      "dependencies": {
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/crypto-js": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/crypto-js/-/crypto-js-4.1.1.tgz",
+      "integrity": "sha512-o2JlM7ydqd3Qk9CA0L4NL6mTzU2sdx96a+oOfPu8Mkl/PK51vSyoi8/rQ8NknZtk44vq15lmhAj9CIAGwgeWKw=="
+    },
+    "node_modules/css-color-keywords": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/css-color-keywords/-/css-color-keywords-1.0.0.tgz",
+      "integrity": "sha512-FyyrDHZKEjXDpNJYvVsV960FiqQyXc/LlYmsxl2BcdMb2WPx0OGRVgTg55rPSyLSNMqP52R9r8geSp7apN3Ofg==",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/css-functions-list": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/css-functions-list/-/css-functions-list-3.0.1.tgz",
+      "integrity": "sha512-PriDuifDt4u4rkDgnqRCLnjfMatufLmWNfQnGCq34xZwpY3oabwhB9SqRBmuvWUgndbemCFlKqg+nO7C2q0SBw==",
+      "dev": true,
+      "engines": {
+        "node": ">=12.22"
+      }
+    },
+    "node_modules/css-to-react-native": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/css-to-react-native/-/css-to-react-native-3.2.0.tgz",
+      "integrity": "sha512-e8RKaLXMOFii+02mOlqwjbD00KSEKqblnpO9e++1aXS1fPQOpS1YoqdVHBqPjHNoxeF2mimzVqawm2KCbEdtHQ==",
+      "dependencies": {
+        "camelize": "^1.0.0",
+        "css-color-keywords": "^1.0.0",
+        "postcss-value-parser": "^4.0.2"
+      }
+    },
+    "node_modules/cssesc": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
+      "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
+      "dev": true,
+      "bin": {
+        "cssesc": "bin/cssesc"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/csstype": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz",
+      "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ=="
+    },
+    "node_modules/damerau-levenshtein": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz",
+      "integrity": "sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==",
+      "dev": true
+    },
+    "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/decamelize": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz",
+      "integrity": "sha1-9lNNFRSCabIDUue+4m9QH5oZEpA=",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/decamelize-keys": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/decamelize-keys/-/decamelize-keys-1.1.0.tgz",
+      "integrity": "sha1-0XGoeTMlKAfrPLYdwcFEXQeN8tk=",
+      "dev": true,
+      "dependencies": {
+        "decamelize": "^1.1.0",
+        "map-obj": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/decamelize-keys/node_modules/map-obj": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-1.0.1.tgz",
+      "integrity": "sha1-2TPOuSBdgr3PSIb2dCvcK03qFG0=",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/deep-equal": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-2.2.1.tgz",
+      "integrity": "sha512-lKdkdV6EOGoVn65XaOsPdH4rMxTZOnmFyuIkMjM1i5HHCbfjC97dawgTAy0deYNfuqUqW+Q5VrVaQYtUpSd6yQ==",
+      "dev": true,
+      "dependencies": {
+        "array-buffer-byte-length": "^1.0.0",
+        "call-bind": "^1.0.2",
+        "es-get-iterator": "^1.1.3",
+        "get-intrinsic": "^1.2.0",
+        "is-arguments": "^1.1.1",
+        "is-array-buffer": "^3.0.2",
+        "is-date-object": "^1.0.5",
+        "is-regex": "^1.1.4",
+        "is-shared-array-buffer": "^1.0.2",
+        "isarray": "^2.0.5",
+        "object-is": "^1.1.5",
+        "object-keys": "^1.1.1",
+        "object.assign": "^4.1.4",
+        "regexp.prototype.flags": "^1.5.0",
+        "side-channel": "^1.0.4",
+        "which-boxed-primitive": "^1.0.2",
+        "which-collection": "^1.0.1",
+        "which-typed-array": "^1.1.9"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/deep-is": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
+      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
+      "dev": true
+    },
+    "node_modules/define-data-property": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.1.tgz",
+      "integrity": "sha512-E7uGkTzkk1d0ByLeSc6ZsFS79Axg+m1P/VsgYsxHgiuc3tFSj+MjMIwe90FC4lOAZzNBdY7kkO2P2wKdsQ1vgQ==",
+      "dev": true,
+      "dependencies": {
+        "get-intrinsic": "^1.2.1",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/define-properties": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz",
+      "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
+      "dev": true,
+      "dependencies": {
+        "define-data-property": "^1.0.1",
+        "has-property-descriptors": "^1.0.0",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/dir-glob": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
+      "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==",
+      "dev": true,
+      "dependencies": {
+        "path-type": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/doctrine": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
+      "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
+      "dev": true,
+      "dependencies": {
+        "esutils": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/electron-to-chromium": {
+      "version": "1.4.543",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.543.tgz",
+      "integrity": "sha512-t2ZP4AcGE0iKCCQCBx/K2426crYdxD3YU6l0uK2EO3FZH0pbC4pFz/sZm2ruZsND6hQBTcDWWlo/MLpiOdif5g=="
+    },
+    "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/enhanced-resolve": {
+      "version": "5.13.0",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.13.0.tgz",
+      "integrity": "sha512-eyV8f0y1+bzyfh8xAwW/WTSZpLbjhqc4ne9eGSH4Zo2ejdyiNG9pU6mf9DG8a7+Auk6MFTlNOT4Y2y/9k8GKVg==",
+      "dev": true,
+      "dependencies": {
+        "graceful-fs": "^4.2.4",
+        "tapable": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/error-ex": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz",
+      "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==",
+      "dev": true,
+      "dependencies": {
+        "is-arrayish": "^0.2.1"
+      }
+    },
+    "node_modules/es-abstract": {
+      "version": "1.22.3",
+      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.22.3.tgz",
+      "integrity": "sha512-eiiY8HQeYfYH2Con2berK+To6GrK2RxbPawDkGq4UiCQQfZHb6wX9qQqkbpPqaxQFcl8d9QzZqo0tGE0VcrdwA==",
+      "dev": true,
+      "dependencies": {
+        "array-buffer-byte-length": "^1.0.0",
+        "arraybuffer.prototype.slice": "^1.0.2",
+        "available-typed-arrays": "^1.0.5",
+        "call-bind": "^1.0.5",
+        "es-set-tostringtag": "^2.0.1",
+        "es-to-primitive": "^1.2.1",
+        "function.prototype.name": "^1.1.6",
+        "get-intrinsic": "^1.2.2",
+        "get-symbol-description": "^1.0.0",
+        "globalthis": "^1.0.3",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.0",
+        "has-proto": "^1.0.1",
+        "has-symbols": "^1.0.3",
+        "hasown": "^2.0.0",
+        "internal-slot": "^1.0.5",
+        "is-array-buffer": "^3.0.2",
+        "is-callable": "^1.2.7",
+        "is-negative-zero": "^2.0.2",
+        "is-regex": "^1.1.4",
+        "is-shared-array-buffer": "^1.0.2",
+        "is-string": "^1.0.7",
+        "is-typed-array": "^1.1.12",
+        "is-weakref": "^1.0.2",
+        "object-inspect": "^1.13.1",
+        "object-keys": "^1.1.1",
+        "object.assign": "^4.1.4",
+        "regexp.prototype.flags": "^1.5.1",
+        "safe-array-concat": "^1.0.1",
+        "safe-regex-test": "^1.0.0",
+        "string.prototype.trim": "^1.2.8",
+        "string.prototype.trimend": "^1.0.7",
+        "string.prototype.trimstart": "^1.0.7",
+        "typed-array-buffer": "^1.0.0",
+        "typed-array-byte-length": "^1.0.0",
+        "typed-array-byte-offset": "^1.0.0",
+        "typed-array-length": "^1.0.4",
+        "unbox-primitive": "^1.0.2",
+        "which-typed-array": "^1.1.13"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/es-get-iterator": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/es-get-iterator/-/es-get-iterator-1.1.3.tgz",
+      "integrity": "sha512-sPZmqHBe6JIiTfN5q2pEi//TwxmAFHwj/XEuYjTuse78i8KxaqMTTzxPoFKuzRpDpTJ+0NAbpfenkmH2rePtuw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.1.3",
+        "has-symbols": "^1.0.3",
+        "is-arguments": "^1.1.1",
+        "is-map": "^2.0.2",
+        "is-set": "^2.0.2",
+        "is-string": "^1.0.7",
+        "isarray": "^2.0.5",
+        "stop-iteration-iterator": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/es-iterator-helpers": {
+      "version": "1.0.15",
+      "resolved": "https://registry.npmjs.org/es-iterator-helpers/-/es-iterator-helpers-1.0.15.tgz",
+      "integrity": "sha512-GhoY8uYqd6iwUl2kgjTm4CZAf6oo5mHK7BPqx3rKgx893YSsy0LGHV6gfqqQvZt/8xM8xeOnfXBCfqclMKkJ5g==",
+      "dev": true,
+      "dependencies": {
+        "asynciterator.prototype": "^1.0.0",
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.22.1",
+        "es-set-tostringtag": "^2.0.1",
+        "function-bind": "^1.1.1",
+        "get-intrinsic": "^1.2.1",
+        "globalthis": "^1.0.3",
+        "has-property-descriptors": "^1.0.0",
+        "has-proto": "^1.0.1",
+        "has-symbols": "^1.0.3",
+        "internal-slot": "^1.0.5",
+        "iterator.prototype": "^1.1.2",
+        "safe-array-concat": "^1.0.1"
+      }
+    },
+    "node_modules/es-module-lexer": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.2.1.tgz",
+      "integrity": "sha512-9978wrXM50Y4rTMmW5kXIC09ZdXQZqkE4mxhwkd8VbzsGkXGPgV4zWuqQJgCEzYngdo2dYDa0l8xhX4fkSwJSg==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/es-set-tostringtag": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.0.1.tgz",
+      "integrity": "sha512-g3OMbtlwY3QewlqAiMLI47KywjWZoEytKr8pf6iTC8uJq5bIAH52Z9pnQ8pVL6whrCto53JZDuUIsifGeLorTg==",
+      "dev": true,
+      "dependencies": {
+        "get-intrinsic": "^1.1.3",
+        "has": "^1.0.3",
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-shim-unscopables": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.0.0.tgz",
+      "integrity": "sha512-Jm6GPcCdC30eMLbZ2x8z2WuRwAws3zTBBKuusffYVUrNj/GVSUAZ+xKMaUpfNDR5IbyNA5LJbaecoUVbmUcB1w==",
+      "dev": true,
+      "dependencies": {
+        "has": "^1.0.3"
+      }
+    },
+    "node_modules/es-to-primitive": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.2.1.tgz",
+      "integrity": "sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==",
+      "dev": true,
+      "dependencies": {
+        "is-callable": "^1.1.4",
+        "is-date-object": "^1.0.1",
+        "is-symbol": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/escalade": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
+      "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/escape-string-regexp": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+      "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/eslint": {
+      "version": "8.39.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.39.0.tgz",
+      "integrity": "sha512-mwiok6cy7KTW7rBpo05k6+p4YVZByLNjAZ/ACB9DRCu4YDRwjXI01tWHp6KAUWelsBetTxKK/2sHB0vdS8Z2Og==",
+      "dev": true,
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.2.0",
+        "@eslint-community/regexpp": "^4.4.0",
+        "@eslint/eslintrc": "^2.0.2",
+        "@eslint/js": "8.39.0",
+        "@humanwhocodes/config-array": "^0.11.8",
+        "@humanwhocodes/module-importer": "^1.0.1",
+        "@nodelib/fs.walk": "^1.2.8",
+        "ajv": "^6.10.0",
+        "chalk": "^4.0.0",
+        "cross-spawn": "^7.0.2",
+        "debug": "^4.3.2",
+        "doctrine": "^3.0.0",
+        "escape-string-regexp": "^4.0.0",
+        "eslint-scope": "^7.2.0",
+        "eslint-visitor-keys": "^3.4.0",
+        "espree": "^9.5.1",
+        "esquery": "^1.4.2",
+        "esutils": "^2.0.2",
+        "fast-deep-equal": "^3.1.3",
+        "file-entry-cache": "^6.0.1",
+        "find-up": "^5.0.0",
+        "glob-parent": "^6.0.2",
+        "globals": "^13.19.0",
+        "grapheme-splitter": "^1.0.4",
+        "ignore": "^5.2.0",
+        "import-fresh": "^3.0.0",
+        "imurmurhash": "^0.1.4",
+        "is-glob": "^4.0.0",
+        "is-path-inside": "^3.0.3",
+        "js-sdsl": "^4.1.4",
+        "js-yaml": "^4.1.0",
+        "json-stable-stringify-without-jsonify": "^1.0.1",
+        "levn": "^0.4.1",
+        "lodash.merge": "^4.6.2",
+        "minimatch": "^3.1.2",
+        "natural-compare": "^1.4.0",
+        "optionator": "^0.9.1",
+        "strip-ansi": "^6.0.1",
+        "strip-json-comments": "^3.1.0",
+        "text-table": "^0.2.0"
+      },
+      "bin": {
+        "eslint": "bin/eslint.js"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint-config-google": {
+      "version": "0.14.0",
+      "resolved": "https://registry.npmjs.org/eslint-config-google/-/eslint-config-google-0.14.0.tgz",
+      "integrity": "sha512-WsbX4WbjuMvTdeVL6+J3rK1RGhCTqjsFjX7UMSMgZiyxxaNLkoJENbrGExzERFeoTpGw3F3FypTiWAP9ZXzkEw==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=0.10.0"
+      },
+      "peerDependencies": {
+        "eslint": ">=5.16.0"
+      }
+    },
+    "node_modules/eslint-config-next": {
+      "version": "13.5.6",
+      "resolved": "https://registry.npmjs.org/eslint-config-next/-/eslint-config-next-13.5.6.tgz",
+      "integrity": "sha512-o8pQsUHTo9aHqJ2YiZDym5gQAMRf7O2HndHo/JZeY7TDD+W4hk6Ma8Vw54RHiBeb7OWWO5dPirQB+Is/aVQ7Kg==",
+      "dev": true,
+      "dependencies": {
+        "@next/eslint-plugin-next": "13.5.6",
+        "@rushstack/eslint-patch": "^1.3.3",
+        "@typescript-eslint/parser": "^5.4.2 || ^6.0.0",
+        "eslint-import-resolver-node": "^0.3.6",
+        "eslint-import-resolver-typescript": "^3.5.2",
+        "eslint-plugin-import": "^2.28.1",
+        "eslint-plugin-jsx-a11y": "^6.7.1",
+        "eslint-plugin-react": "^7.33.2",
+        "eslint-plugin-react-hooks": "^4.5.0 || 5.0.0-canary-7118f5dd7-20230705"
+      },
+      "peerDependencies": {
+        "eslint": "^7.23.0 || ^8.0.0",
+        "typescript": ">=3.3.1"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-import-resolver-node": {
+      "version": "0.3.9",
+      "resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.9.tgz",
+      "integrity": "sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==",
+      "dev": true,
+      "dependencies": {
+        "debug": "^3.2.7",
+        "is-core-module": "^2.13.0",
+        "resolve": "^1.22.4"
+      }
+    },
+    "node_modules/eslint-import-resolver-node/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dev": true,
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/eslint-import-resolver-typescript": {
+      "version": "3.6.1",
+      "resolved": "https://registry.npmjs.org/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-3.6.1.tgz",
+      "integrity": "sha512-xgdptdoi5W3niYeuQxKmzVDTATvLYqhpwmykwsh7f6HIOStGWEIL9iqZgQDF9u9OEzrRwR8no5q2VT+bjAujTg==",
+      "dev": true,
+      "dependencies": {
+        "debug": "^4.3.4",
+        "enhanced-resolve": "^5.12.0",
+        "eslint-module-utils": "^2.7.4",
+        "fast-glob": "^3.3.1",
+        "get-tsconfig": "^4.5.0",
+        "is-core-module": "^2.11.0",
+        "is-glob": "^4.0.3"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/unts/projects/eslint-import-resolver-ts"
+      },
+      "peerDependencies": {
+        "eslint": "*",
+        "eslint-plugin-import": "*"
+      }
+    },
+    "node_modules/eslint-module-utils": {
+      "version": "2.8.0",
+      "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.8.0.tgz",
+      "integrity": "sha512-aWajIYfsqCKRDgUfjEXNN/JlrzauMuSEy5sbd7WXbtW3EH6A6MpwEh42c7qD+MqQo9QMJ6fWLAeIJynx0g6OAw==",
+      "dev": true,
+      "dependencies": {
+        "debug": "^3.2.7"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependenciesMeta": {
+        "eslint": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-module-utils/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dev": true,
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/eslint-plugin-deprecate": {
+      "version": "0.7.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-deprecate/-/eslint-plugin-deprecate-0.7.0.tgz",
+      "integrity": "sha512-MylhCqoH/SJ2MwzVgX0we6oE+lKPVwhOu9hAJ98vMCmbz3FNwqJ8XipdI23bCF7NHxUbhd6mdxFjywKE52pt7A==",
+      "dev": true,
+      "peer": true,
+      "peerDependencies": {
+        "eslint": ">=2.x"
+      }
+    },
+    "node_modules/eslint-plugin-import": {
+      "version": "2.29.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.29.0.tgz",
+      "integrity": "sha512-QPOO5NO6Odv5lpoTkddtutccQjysJuFxoPS7fAHO+9m9udNHvTCPSAMW9zGAYj8lAIdr40I8yPCdUYrncXtrwg==",
+      "dev": true,
+      "dependencies": {
+        "array-includes": "^3.1.7",
+        "array.prototype.findlastindex": "^1.2.3",
+        "array.prototype.flat": "^1.3.2",
+        "array.prototype.flatmap": "^1.3.2",
+        "debug": "^3.2.7",
+        "doctrine": "^2.1.0",
+        "eslint-import-resolver-node": "^0.3.9",
+        "eslint-module-utils": "^2.8.0",
+        "hasown": "^2.0.0",
+        "is-core-module": "^2.13.1",
+        "is-glob": "^4.0.3",
+        "minimatch": "^3.1.2",
+        "object.fromentries": "^2.0.7",
+        "object.groupby": "^1.0.1",
+        "object.values": "^1.1.7",
+        "semver": "^6.3.1",
+        "tsconfig-paths": "^3.14.2"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependencies": {
+        "eslint": "^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8"
+      }
+    },
+    "node_modules/eslint-plugin-import/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dev": true,
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/eslint-plugin-import/node_modules/doctrine": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
+      "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
+      "dev": true,
+      "dependencies": {
+        "esutils": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/eslint-plugin-jsx-a11y": {
+      "version": "6.7.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.7.1.tgz",
+      "integrity": "sha512-63Bog4iIethyo8smBklORknVjB0T2dwB8Mr/hIC+fBS0uyHdYYpzM/Ed+YC8VxTjlXHEWFOdmgwcDn1U2L9VCA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.20.7",
+        "aria-query": "^5.1.3",
+        "array-includes": "^3.1.6",
+        "array.prototype.flatmap": "^1.3.1",
+        "ast-types-flow": "^0.0.7",
+        "axe-core": "^4.6.2",
+        "axobject-query": "^3.1.1",
+        "damerau-levenshtein": "^1.0.8",
+        "emoji-regex": "^9.2.2",
+        "has": "^1.0.3",
+        "jsx-ast-utils": "^3.3.3",
+        "language-tags": "=1.0.5",
+        "minimatch": "^3.1.2",
+        "object.entries": "^1.1.6",
+        "object.fromentries": "^2.0.6",
+        "semver": "^6.3.0"
+      },
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependencies": {
+        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8"
+      }
+    },
+    "node_modules/eslint-plugin-matrix-org": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-matrix-org/-/eslint-plugin-matrix-org-0.8.0.tgz",
+      "integrity": "sha512-/Poz/F8lXYDsmQa29iPSt+kO+Jn7ArvRdq10g0CCk8wbRS0sb2zb6fvd9xL1BgR5UDQL771V0l8X32etvY5yKA==",
+      "dev": true,
+      "peerDependencies": {
+        "@babel/core": "*",
+        "@babel/eslint-parser": "*",
+        "@babel/eslint-plugin": "*",
+        "@typescript-eslint/eslint-plugin": "*",
+        "@typescript-eslint/parser": "*",
+        "eslint": "*",
+        "eslint-config-google": "*",
+        "eslint-plugin-deprecate": "*",
+        "eslint-plugin-import": "*",
+        "eslint-plugin-jsx-a11y": "*",
+        "eslint-plugin-react": "*",
+        "eslint-plugin-react-hooks": "*",
+        "eslint-plugin-unicorn": "*",
+        "typescript": "*"
+      }
+    },
+    "node_modules/eslint-plugin-react": {
+      "version": "7.33.2",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.33.2.tgz",
+      "integrity": "sha512-73QQMKALArI8/7xGLNI/3LylrEYrlKZSb5C9+q3OtOewTnMQi5cT+aE9E41sLCmli3I9PGGmD1yiZydyo4FEPw==",
+      "dev": true,
+      "dependencies": {
+        "array-includes": "^3.1.6",
+        "array.prototype.flatmap": "^1.3.1",
+        "array.prototype.tosorted": "^1.1.1",
+        "doctrine": "^2.1.0",
+        "es-iterator-helpers": "^1.0.12",
+        "estraverse": "^5.3.0",
+        "jsx-ast-utils": "^2.4.1 || ^3.0.0",
+        "minimatch": "^3.1.2",
+        "object.entries": "^1.1.6",
+        "object.fromentries": "^2.0.6",
+        "object.hasown": "^1.1.2",
+        "object.values": "^1.1.6",
+        "prop-types": "^15.8.1",
+        "resolve": "^2.0.0-next.4",
+        "semver": "^6.3.1",
+        "string.prototype.matchall": "^4.0.8"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependencies": {
+        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8"
+      }
+    },
+    "node_modules/eslint-plugin-react-hooks": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.0.tgz",
+      "integrity": "sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0"
+      }
+    },
+    "node_modules/eslint-plugin-react/node_modules/doctrine": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
+      "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
+      "dev": true,
+      "dependencies": {
+        "esutils": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/eslint-plugin-react/node_modules/resolve": {
+      "version": "2.0.0-next.4",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.4.tgz",
+      "integrity": "sha512-iMDbmAWtfU+MHpxt/I5iWI7cY6YVEZUQ3MBgPQ++XD1PELuJHIl82xBmObyP2KyQmkNB2dsqF7seoQQiAn5yDQ==",
+      "dev": true,
+      "dependencies": {
+        "is-core-module": "^2.9.0",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/eslint-plugin-unicorn": {
+      "version": "46.0.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-unicorn/-/eslint-plugin-unicorn-46.0.0.tgz",
+      "integrity": "sha512-j07WkC+PFZwk8J33LYp6JMoHa1lXc1u6R45pbSAipjpfpb7KIGr17VE2D685zCxR5VL4cjrl65kTJflziQWMDA==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@babel/helper-validator-identifier": "^7.19.1",
+        "@eslint-community/eslint-utils": "^4.1.2",
+        "ci-info": "^3.6.1",
+        "clean-regexp": "^1.0.0",
+        "esquery": "^1.4.0",
+        "indent-string": "^4.0.0",
+        "is-builtin-module": "^3.2.0",
+        "jsesc": "^3.0.2",
+        "lodash": "^4.17.21",
+        "pluralize": "^8.0.0",
+        "read-pkg-up": "^7.0.1",
+        "regexp-tree": "^0.1.24",
+        "regjsparser": "^0.9.1",
+        "safe-regex": "^2.1.1",
+        "semver": "^7.3.8",
+        "strip-indent": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=14.18"
+      },
+      "funding": {
+        "url": "https://github.com/sindresorhus/eslint-plugin-unicorn?sponsor=1"
+      },
+      "peerDependencies": {
+        "eslint": ">=8.28.0"
+      }
+    },
+    "node_modules/eslint-plugin-unicorn/node_modules/jsesc": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.0.2.tgz",
+      "integrity": "sha512-xKqzzWXDttJuOcawBt4KnKHHIf5oQ/Cxax+0PWFG+DFDgHNAdi+TXECADI+RYiFUMmx8792xsMbbgXj4CwnP4g==",
+      "dev": true,
+      "peer": true,
+      "bin": {
+        "jsesc": "bin/jsesc"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/eslint-plugin-unicorn/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,
+      "peer": true,
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/eslint-rule-composer": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/eslint-rule-composer/-/eslint-rule-composer-0.3.0.tgz",
+      "integrity": "sha512-bt+Sh8CtDmn2OajxvNO+BX7Wn4CIWMpTRm3MaiKPCQcnnlm0CS2mhui6QaoeQugs+3Kj2ESKEEGJUdVafwhiCg==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/eslint-scope": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
+      "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^4.1.1"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/eslint-scope/node_modules/estraverse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
+      "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/eslint-visitor-keys": {
+      "version": "3.4.1",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.1.tgz",
+      "integrity": "sha512-pZnmmLwYzf+kWaM/Qgrvpen51upAktaaiI01nsJD/Yr3lMOdNtq0cxkrrg16w64VtisN6okbs7Q8AfGqj4c9fA==",
+      "dev": true,
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint/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/eslint/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/eslint/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/eslint/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/eslint/node_modules/escape-string-regexp": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint/node_modules/eslint-scope": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.0.tgz",
+      "integrity": "sha512-DYj5deGlHBfMt15J7rdtyKNq/Nqlv5KfU4iodrQ019XESsRnwXH9KAE0y3cwtUHDo2ob7CypAnCqefh6vioWRw==",
+      "dev": true,
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint/node_modules/globals": {
+      "version": "13.20.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-13.20.0.tgz",
+      "integrity": "sha512-Qg5QtVkCy/kv3FUSlu4ukeZDVf9ee0iXLAUYX13gbR17bnejFTzr4iS9bY7kwCf1NztRNm1t91fjOiyx4CSwPQ==",
+      "dev": true,
+      "dependencies": {
+        "type-fest": "^0.20.2"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/espree": {
+      "version": "9.5.1",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-9.5.1.tgz",
+      "integrity": "sha512-5yxtHSZXRSW5pvv3hAlXM5+/Oswi1AUFqBmbibKb5s6bp3rGIDkyXU6xCoyuuLhijr4SFwPrXRoZjz0AZDN9tg==",
+      "dev": true,
+      "dependencies": {
+        "acorn": "^8.8.0",
+        "acorn-jsx": "^5.3.2",
+        "eslint-visitor-keys": "^3.4.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/esquery": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.5.0.tgz",
+      "integrity": "sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==",
+      "dev": true,
+      "dependencies": {
+        "estraverse": "^5.1.0"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/esrecurse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
+      "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
+      "dev": true,
+      "dependencies": {
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/estraverse": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+      "dev": true,
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/esutils": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
+      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/event-target-shim": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/event-target-shim/-/event-target-shim-5.0.1.tgz",
+      "integrity": "sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/events": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
+      "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==",
+      "engines": {
+        "node": ">=0.8.x"
+      }
+    },
+    "node_modules/execall": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/execall/-/execall-2.0.0.tgz",
+      "integrity": "sha512-0FU2hZ5Hh6iQnarpRtQurM/aAvp3RIbfvgLHrcqJYzhXyV2KFruhuChf9NC6waAhiUR7FFtlugkI4p7f2Fqlow==",
+      "dev": true,
+      "dependencies": {
+        "clone-regexp": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/exenv": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/exenv/-/exenv-1.2.2.tgz",
+      "integrity": "sha512-Z+ktTxTwv9ILfgKCk32OX3n/doe+OcLTRtqK9pcL+JsP3J1/VW8Uvl4ZjLlKqeW4rzK4oesDOGMEMRIZqtP4Iw=="
+    },
+    "node_modules/fast-deep-equal": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+      "dev": true
+    },
+    "node_modules/fast-glob": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.1.tgz",
+      "integrity": "sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==",
+      "dev": true,
+      "dependencies": {
+        "@nodelib/fs.stat": "^2.0.2",
+        "@nodelib/fs.walk": "^1.2.3",
+        "glob-parent": "^5.1.2",
+        "merge2": "^1.3.0",
+        "micromatch": "^4.0.4"
+      },
+      "engines": {
+        "node": ">=8.6.0"
+      }
+    },
+    "node_modules/fast-glob/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/fast-json-stable-stringify": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
+      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
+      "dev": true
+    },
+    "node_modules/fast-levenshtein": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
+      "integrity": "sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc=",
+      "dev": true
+    },
+    "node_modules/fast-redact": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/fast-redact/-/fast-redact-3.2.0.tgz",
+      "integrity": "sha512-zaTadChr+NekyzallAMXATXLOR8MNx3zqpZ0MUF2aGf4EathnG0f32VLODNlY8IuGY3HoRO2L6/6fSzNsLaHIw==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/fastest-levenshtein": {
+      "version": "1.0.12",
+      "resolved": "https://registry.npmjs.org/fastest-levenshtein/-/fastest-levenshtein-1.0.12.tgz",
+      "integrity": "sha512-On2N+BpYJ15xIC974QNVuYGMOlEVt4s0EOI3wwMqOmK1fdDY+FN/zltPV8vosq4ad4c/gJ1KHScUn/6AWIgiow==",
+      "dev": true
+    },
+    "node_modules/fastq": {
+      "version": "1.13.0",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.13.0.tgz",
+      "integrity": "sha512-YpkpUnK8od0o1hmeSc7UUs/eB/vIPWJYjKck2QKIzAf71Vm1AAQ3EbuZB3g2JIy+pg+ERD0vqI79KyZiB2e2Nw==",
+      "dev": true,
+      "dependencies": {
+        "reusify": "^1.0.4"
+      }
+    },
+    "node_modules/file-entry-cache": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
+      "integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==",
+      "dev": true,
+      "dependencies": {
+        "flat-cache": "^3.0.4"
+      },
+      "engines": {
+        "node": "^10.12.0 || >=12.0.0"
+      }
+    },
+    "node_modules/fill-range": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
+      "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
+      "devOptional": true,
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "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/flat-cache": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.0.4.tgz",
+      "integrity": "sha512-dm9s5Pw7Jc0GvMYbshN6zchCA9RgQlzzEZX3vylR9IqFfS8XciblUXOKfW6SiuJ0e13eDYZoZV5wdrev7P3Nwg==",
+      "dev": true,
+      "dependencies": {
+        "flatted": "^3.1.0",
+        "rimraf": "^3.0.2"
+      },
+      "engines": {
+        "node": "^10.12.0 || >=12.0.0"
+      }
+    },
+    "node_modules/flatted": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.2.4.tgz",
+      "integrity": "sha512-8/sOawo8tJ4QOBX8YlQBMxL8+RLZfxMQOif9o0KUKTNTjMYElWPE0r/m5VNFxTRd0NSw8qSy8dajrwX4RYI1Hw==",
+      "dev": true
+    },
+    "node_modules/for-each": {
+      "version": "0.3.3",
+      "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz",
+      "integrity": "sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==",
+      "dev": true,
+      "dependencies": {
+        "is-callable": "^1.1.3"
+      }
+    },
+    "node_modules/fs-readdir-recursive": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/fs-readdir-recursive/-/fs-readdir-recursive-1.1.0.tgz",
+      "integrity": "sha512-GNanXlVr2pf02+sPN40XN8HG+ePaNcvM0q5mZBd668Obwb0yD5GiUbZOFgwn8kGMY6I3mdyDJzieUy3PTYyTRA=="
+    },
+    "node_modules/fs.realpath": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
+      "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8="
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "hasInstallScript": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/function.prototype.name": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.6.tgz",
+      "integrity": "sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "functions-have-names": "^1.2.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/functions-have-names": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
+      "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/gensync": {
+      "version": "1.0.0-beta.2",
+      "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
+      "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/get-intrinsic": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.2.tgz",
+      "integrity": "sha512-0gSo4ml/0j98Y3lngkFEot/zhiCeWsbYIlZ+uZOVgzLyLaUw7wxUL+nCTP0XJvJg1AXulJRI3UJi8GsbDuxdGA==",
+      "dev": true,
+      "dependencies": {
+        "function-bind": "^1.1.2",
+        "has-proto": "^1.0.1",
+        "has-symbols": "^1.0.3",
+        "hasown": "^2.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-stdin": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-8.0.0.tgz",
+      "integrity": "sha512-sY22aA6xchAzprjyqmSEQv4UbAAzRN0L2dQB0NlN5acTTK9Don6nhoc3eAbUnpZiCANAMfd/+40kVdKfFygohg==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/get-symbol-description": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.0.0.tgz",
+      "integrity": "sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-tsconfig": {
+      "version": "4.7.2",
+      "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.7.2.tgz",
+      "integrity": "sha512-wuMsz4leaj5hbGgg4IvDU0bqJagpftG5l5cXIAvo8uZrqn0NJqwtfupTN00VnkQJPcIRrxYrm1Ue24btpCha2A==",
+      "dev": true,
+      "dependencies": {
+        "resolve-pkg-maps": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/privatenumber/get-tsconfig?sponsor=1"
+      }
+    },
+    "node_modules/glob": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.0.tgz",
+      "integrity": "sha512-lmLf6gtyrPq8tTjSmrO94wBeQbFR3HbLHbuyD69wuyQkImp2hWqMGB47OX65FBkPffO641IP9jWa1z4ivqG26Q==",
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.0.4",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      },
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/glob-parent": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "dev": true,
+      "dependencies": {
+        "is-glob": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/glob-to-regexp": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz",
+      "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw=="
+    },
+    "node_modules/global-modules": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/global-modules/-/global-modules-2.0.0.tgz",
+      "integrity": "sha512-NGbfmJBp9x8IxyJSd1P+otYK8vonoJactOogrVfFRIAEY1ukil8RSKDz2Yo7wh1oihl51l/r6W4epkeKJHqL8A==",
+      "dev": true,
+      "dependencies": {
+        "global-prefix": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/global-prefix": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/global-prefix/-/global-prefix-3.0.0.tgz",
+      "integrity": "sha512-awConJSVCHVGND6x3tmMaKcQvwXLhjdkmomy2W+Goaui8YPgYgXJZewhg3fWC+DlfqqQuWg8AwqjGTD2nAPVWg==",
+      "dev": true,
+      "dependencies": {
+        "ini": "^1.3.5",
+        "kind-of": "^6.0.2",
+        "which": "^1.3.1"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/global-prefix/node_modules/which": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
+      "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
+      "dev": true,
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "which": "bin/which"
+      }
+    },
+    "node_modules/globals": {
+      "version": "11.12.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz",
+      "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/globalthis": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.3.tgz",
+      "integrity": "sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==",
+      "dev": true,
+      "dependencies": {
+        "define-properties": "^1.1.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/globby": {
+      "version": "11.1.0",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
+      "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
+      "dev": true,
+      "dependencies": {
+        "array-union": "^2.1.0",
+        "dir-glob": "^3.0.1",
+        "fast-glob": "^3.2.9",
+        "ignore": "^5.2.0",
+        "merge2": "^1.4.1",
+        "slash": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/globjoin": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/globjoin/-/globjoin-0.1.4.tgz",
+      "integrity": "sha1-L0SUrIkZ43Z8XLtpHp9GMyQoXUM=",
+      "dev": true
+    },
+    "node_modules/gopd": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz",
+      "integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==",
+      "dev": true,
+      "dependencies": {
+        "get-intrinsic": "^1.1.3"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/graceful-fs": {
+      "version": "4.2.11",
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ=="
+    },
+    "node_modules/grapheme-splitter": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/grapheme-splitter/-/grapheme-splitter-1.0.4.tgz",
+      "integrity": "sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ==",
+      "dev": true
+    },
+    "node_modules/graphemer": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
+      "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/hard-rejection": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/hard-rejection/-/hard-rejection-2.1.0.tgz",
+      "integrity": "sha512-VIZB+ibDhx7ObhAe7OVtoEbuP4h/MuOTHJ+J8h/eBXotJYl0fBgR72xDFCKgIh22OJZIOVNxBMWuhAr10r8HdA==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/has": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
+      "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
+      "dev": true,
+      "dependencies": {
+        "function-bind": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4.0"
+      }
+    },
+    "node_modules/has-bigints": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz",
+      "integrity": "sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/has-property-descriptors": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.0.tgz",
+      "integrity": "sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ==",
+      "dev": true,
+      "dependencies": {
+        "get-intrinsic": "^1.1.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.1.tgz",
+      "integrity": "sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-symbols": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
+      "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-tostringtag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.0.tgz",
+      "integrity": "sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==",
+      "dev": true,
+      "dependencies": {
+        "has-symbols": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.0.tgz",
+      "integrity": "sha512-vUptKVTpIJhcczKBbgnS+RtcuYMB8+oNzPK2/Hp3hanz8JmpATdmmgLgSaadVREkDm+e2giHwY3ZRkyjSIDDFA==",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/hosted-git-info": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-4.1.0.tgz",
+      "integrity": "sha512-kyCuEOWjJqZuDbRHzL8V93NzQhwIB71oFWSyzVo+KPZI+pnQPPxucdkrOZvkLRnrf5URsQM+IJ09Dw29cRALIA==",
+      "dev": true,
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/html-parse-stringify": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/html-parse-stringify/-/html-parse-stringify-3.0.1.tgz",
+      "integrity": "sha512-KknJ50kTInJ7qIScF3jeaFRpMpE8/lfiTdzf/twXyPBLAGrLRTmkz3AdTnKeh40X8k9L2fdYwEp/42WGXIRGcg==",
+      "dependencies": {
+        "void-elements": "3.1.0"
+      }
+    },
+    "node_modules/html-tags": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/html-tags/-/html-tags-3.2.0.tgz",
+      "integrity": "sha512-vy7ClnArOZwCnqZgvv+ddgHgJiAFXe3Ge9ML5/mBctVJoUoYPCdxVucOywjDARn6CVoh3dRSFdPHy2sX80L0Wg==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/i18next": {
+      "version": "23.5.1",
+      "resolved": "https://registry.npmjs.org/i18next/-/i18next-23.5.1.tgz",
+      "integrity": "sha512-JelYzcaCoFDaa+Ysbfz2JsGAKkrHiMG6S61+HLBUEIPaF40WMwW9hCPymlQGrP+wWawKxKPuSuD71WZscCsWHg==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://locize.com"
+        },
+        {
+          "type": "individual",
+          "url": "https://locize.com/i18next.html"
+        },
+        {
+          "type": "individual",
+          "url": "https://www.i18next.com/how-to/faq#i18next-is-awesome.-how-can-i-support-the-project"
+        }
+      ],
+      "dependencies": {
+        "@babel/runtime": "^7.22.5"
+      }
+    },
+    "node_modules/i18next-browser-languagedetector": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/i18next-browser-languagedetector/-/i18next-browser-languagedetector-7.1.0.tgz",
+      "integrity": "sha512-cr2k7u1XJJ4HTOjM9GyOMtbOA47RtUoWRAtt52z43r3AoMs2StYKyjS3URPhzHaf+mn10hY9dZWamga5WPQjhA==",
+      "dependencies": {
+        "@babel/runtime": "^7.19.4"
+      }
+    },
+    "node_modules/i18next-resources-to-backend": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/i18next-resources-to-backend/-/i18next-resources-to-backend-1.1.4.tgz",
+      "integrity": "sha512-hMyr9AOmIea17AOaVe1srNxK/l3mbk81P7Uf3fdcjlw3ehZy3UNTd0OP3EEi6yu4J02kf9jzhCcjokz6AFlEOg==",
+      "dependencies": {
+        "@babel/runtime": "^7.21.5"
+      }
+    },
+    "node_modules/ieee754": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
+      "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==",
+      "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/ignore": {
+      "version": "5.2.4",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.4.tgz",
+      "integrity": "sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==",
+      "dev": true,
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/import-fresh": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
+      "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
+      "dev": true,
+      "dependencies": {
+        "parent-module": "^1.0.0",
+        "resolve-from": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/import-lazy": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/import-lazy/-/import-lazy-4.0.0.tgz",
+      "integrity": "sha512-rKtvo6a868b5Hu3heneU+L4yEQ4jYKLtjpnPeUdK7h0yzXGmyBTypknlkCvHFBqfX9YlorEiMM6Dnq/5atfHkw==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/imurmurhash": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
+      "integrity": "sha1-khi5srkoojixPcT7a21XbyMUU+o=",
+      "dev": true,
+      "engines": {
+        "node": ">=0.8.19"
+      }
+    },
+    "node_modules/indent-string": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz",
+      "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/inflight": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
+      "integrity": "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=",
+      "dependencies": {
+        "once": "^1.3.0",
+        "wrappy": "1"
+      }
+    },
+    "node_modules/inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
+    },
+    "node_modules/ini": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
+      "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==",
+      "dev": true
+    },
+    "node_modules/internal-slot": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.5.tgz",
+      "integrity": "sha512-Y+R5hJrzs52QCG2laLn4udYVnxsfny9CpOhNhUvk/SSSVyF6T27FzRbF0sroPidSu3X8oEAkOn2K804mjpt6UQ==",
+      "dev": true,
+      "dependencies": {
+        "get-intrinsic": "^1.2.0",
+        "has": "^1.0.3",
+        "side-channel": "^1.0.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/is-arguments": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.1.1.tgz",
+      "integrity": "sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-array-buffer": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.2.tgz",
+      "integrity": "sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgraytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.2.0",
+        "is-typed-array": "^1.1.10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-arrayish": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
+      "integrity": "sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0=",
+      "dev": true
+    },
+    "node_modules/is-async-function": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/is-async-function/-/is-async-function-2.0.0.tgz",
+      "integrity": "sha512-Y1JXKrfykRJGdlDwdKlLpLyMIiWqWvuSd17TvZk68PLAOGOoF4Xyav1z0Xhoi+gCYjZVeC5SI+hYFOfvXmGRCA==",
+      "dev": true,
+      "dependencies": {
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-bigint": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.4.tgz",
+      "integrity": "sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==",
+      "dev": true,
+      "dependencies": {
+        "has-bigints": "^1.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-binary-path": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
+      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+      "optional": true,
+      "dependencies": {
+        "binary-extensions": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-boolean-object": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.1.2.tgz",
+      "integrity": "sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-builtin-module": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/is-builtin-module/-/is-builtin-module-3.2.1.tgz",
+      "integrity": "sha512-BSLE3HnV2syZ0FK0iMA/yUGplUeMmNz4AW5fnTunbCIqZi4vG3WjJT9FHMy5D69xmAYBHXQhJdALdpwVxV501A==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "builtin-modules": "^3.3.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-callable": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
+      "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-core-module": {
+      "version": "2.13.1",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.13.1.tgz",
+      "integrity": "sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==",
+      "dependencies": {
+        "hasown": "^2.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-date-object": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.5.tgz",
+      "integrity": "sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==",
+      "dev": true,
+      "dependencies": {
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=",
+      "devOptional": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-finalizationregistry": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-finalizationregistry/-/is-finalizationregistry-1.0.2.tgz",
+      "integrity": "sha512-0by5vtUJs8iFQb5TYUHHPudOR+qXYIMKtiUzvLIZITZUjknFmziyBJuLhVRc+Ds0dREFlskDNJKYIdIzu/9pfw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-generator-function": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.0.10.tgz",
+      "integrity": "sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==",
+      "dev": true,
+      "dependencies": {
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "devOptional": true,
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-map": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.2.tgz",
+      "integrity": "sha512-cOZFQQozTha1f4MxLFzlgKYPTyj26picdZTx82hbc/Xf4K/tZOOXSCkMvU4pKioRXGDLJRn0GM7Upe7kR721yg==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-negative-zero": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.2.tgz",
+      "integrity": "sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "devOptional": true,
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/is-number-object": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.0.7.tgz",
+      "integrity": "sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==",
+      "dev": true,
+      "dependencies": {
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-path-inside": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
+      "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-plain-obj": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-1.1.0.tgz",
+      "integrity": "sha1-caUMhCnfync8kqOQpKA7OfzVHT4=",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-plain-object": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-5.0.0.tgz",
+      "integrity": "sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-regex": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz",
+      "integrity": "sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-regexp": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-regexp/-/is-regexp-2.1.0.tgz",
+      "integrity": "sha512-OZ4IlER3zmRIoB9AqNhEggVxqIH4ofDns5nRrPS6yQxXE1TPCUpFznBfRQmQa8uC+pXqjMnukiJBxCisIxiLGA==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/is-set": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.2.tgz",
+      "integrity": "sha512-+2cnTEZeY5z/iXGbLhPrOAaK/Mau5k5eXq9j14CpRTftq0pAJu2MwVRSZhyZWBzx3o6X795Lz6Bpb6R0GKf37g==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-shared-array-buffer": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.2.tgz",
+      "integrity": "sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-string": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.0.7.tgz",
+      "integrity": "sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==",
+      "dev": true,
+      "dependencies": {
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-symbol": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.4.tgz",
+      "integrity": "sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==",
+      "dev": true,
+      "dependencies": {
+        "has-symbols": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-typed-array": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.12.tgz",
+      "integrity": "sha512-Z14TF2JNG8Lss5/HMqt0//T9JeHXttXy5pH/DBU4vi98ozO2btxzq9MwYDZYnKwU8nRsz/+GVFVRDq3DkVuSPg==",
+      "dev": true,
+      "dependencies": {
+        "which-typed-array": "^1.1.11"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakmap": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.1.tgz",
+      "integrity": "sha512-NSBR4kH5oVj1Uwvv970ruUkCV7O1mzgVFO4/rev2cLRda9Tm9HrL70ZPut4rOHgY0FNrUu9BCbXA2sdQ+x0chA==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakref": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.0.2.tgz",
+      "integrity": "sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakset": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.2.tgz",
+      "integrity": "sha512-t2yVvttHkQktwnNNmBQ98AhENLdPUTDTE21uPqAQ0ARwQfGeQKRVS0NNurH7bTf7RrvcVn1OOge45CnBeHCSmg==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.1.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/isarray": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
+      "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
+      "dev": true
+    },
+    "node_modules/isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=",
+      "dev": true
+    },
+    "node_modules/iterator.prototype": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/iterator.prototype/-/iterator.prototype-1.1.2.tgz",
+      "integrity": "sha512-DR33HMMr8EzwuRL8Y9D3u2BMj8+RqSE850jfGu59kS7tbmPLzGkZmVSfyCFSDxuZiEY6Rzt3T2NA/qU+NwVj1w==",
+      "dev": true,
+      "dependencies": {
+        "define-properties": "^1.2.1",
+        "get-intrinsic": "^1.2.1",
+        "has-symbols": "^1.0.3",
+        "reflect.getprototypeof": "^1.0.4",
+        "set-function-name": "^2.0.1"
+      }
+    },
+    "node_modules/jest-worker": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.5.1.tgz",
+      "integrity": "sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==",
+      "dev": true,
+      "dependencies": {
+        "@types/node": "*",
+        "merge-stream": "^2.0.0",
+        "supports-color": "^8.0.0"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      }
+    },
+    "node_modules/jest-worker/node_modules/supports-color": {
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
+      "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
+      "dev": true,
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/supports-color?sponsor=1"
+      }
+    },
+    "node_modules/js-sdsl": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/js-sdsl/-/js-sdsl-4.4.0.tgz",
+      "integrity": "sha512-FfVSdx6pJ41Oa+CF7RDaFmTnCaFhua+SNYQX74riGOpl96x+2jQCqEfQ2bnXu/5DPCqlRuiqyvTJM0Qjz26IVg==",
+      "dev": true,
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/js-sdsl"
+      }
+    },
+    "node_modules/js-tokens": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="
+    },
+    "node_modules/js-yaml": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
+      "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
+      "dev": true,
+      "dependencies": {
+        "argparse": "^2.0.1"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
+    "node_modules/jsesc": {
+      "version": "2.5.2",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz",
+      "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==",
+      "bin": {
+        "jsesc": "bin/jsesc"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/json-parse-even-better-errors": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
+      "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
+      "dev": true
+    },
+    "node_modules/json-schema-traverse": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+      "dev": true
+    },
+    "node_modules/json-stable-stringify-without-jsonify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
+      "integrity": "sha1-nbe1lJatPzz+8wp1FC0tkwrXJlE=",
+      "dev": true
+    },
+    "node_modules/json5": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
+      "bin": {
+        "json5": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/jsx-ast-utils": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.3.3.tgz",
+      "integrity": "sha512-fYQHZTZ8jSfmWZ0iyzfwiU4WDX4HpHbMCZ3gPlWYiCl3BoeOTsqKBqnTVfH2rYT7eP5c3sVbeSPHnnJOaTrWiw==",
+      "dev": true,
+      "dependencies": {
+        "array-includes": "^3.1.5",
+        "object.assign": "^4.1.3"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/jwt-decode": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/jwt-decode/-/jwt-decode-3.1.2.tgz",
+      "integrity": "sha512-UfpWE/VZn0iP50d8cz9NrZLM9lSWhcJ+0Gt/nm4by88UL+J1SiKN8/5dkjMmbEzwL2CAe+67GsegCbIKtbp75A=="
+    },
+    "node_modules/kind-of": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
+      "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/known-css-properties": {
+      "version": "0.25.0",
+      "resolved": "https://registry.npmjs.org/known-css-properties/-/known-css-properties-0.25.0.tgz",
+      "integrity": "sha512-b0/9J1O9Jcyik1GC6KC42hJ41jKwdO/Mq8Mdo5sYN+IuRTXs2YFHZC3kZSx6ueusqa95x3wLYe/ytKjbAfGixA==",
+      "dev": true
+    },
+    "node_modules/language-subtag-registry": {
+      "version": "0.3.21",
+      "resolved": "https://registry.npmjs.org/language-subtag-registry/-/language-subtag-registry-0.3.21.tgz",
+      "integrity": "sha512-L0IqwlIXjilBVVYKFT37X9Ih11Um5NEl9cbJIuU/SwP/zEEAbBPOnEeeuxVMf45ydWQRDQN3Nqc96OgbH1K+Pg==",
+      "dev": true
+    },
+    "node_modules/language-tags": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/language-tags/-/language-tags-1.0.5.tgz",
+      "integrity": "sha1-0yHbxNowuovzAk4ED6XBRmH5GTo=",
+      "dev": true,
+      "dependencies": {
+        "language-subtag-registry": "~0.3.2"
+      }
+    },
+    "node_modules/levn": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
+      "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
+      "dev": true,
+      "dependencies": {
+        "prelude-ls": "^1.2.1",
+        "type-check": "~0.4.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/lines-and-columns": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
+      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
+      "dev": true
+    },
+    "node_modules/loader-runner": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/loader-runner/-/loader-runner-4.3.0.tgz",
+      "integrity": "sha512-3R/1M+yS3j5ou80Me59j7F9IMs4PXs3VqRrm0TU3AbKPxlmpoY1TNscJV/oGJXo8qCatFGTfDbY6W6ipGOYXfg==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=6.11.5"
+      }
+    },
+    "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/lodash": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
+    },
+    "node_modules/lodash.debounce": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
+      "integrity": "sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow=="
+    },
+    "node_modules/lodash.merge": {
+      "version": "4.6.2",
+      "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
+      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
+      "dev": true
+    },
+    "node_modules/lodash.truncate": {
+      "version": "4.4.2",
+      "resolved": "https://registry.npmjs.org/lodash.truncate/-/lodash.truncate-4.4.2.tgz",
+      "integrity": "sha1-WjUNoLERO4N+z//VgSy+WNbq4ZM=",
+      "dev": true
+    },
+    "node_modules/loglevel": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/loglevel/-/loglevel-1.8.0.tgz",
+      "integrity": "sha512-G6A/nJLRgWOuuwdNuA6koovfEV1YpqqAG4pRUlFaz3jj2QNZ8M4vBqnVA+HBTmU/AMNUtlOsMmSpF6NyOjztbA==",
+      "engines": {
+        "node": ">= 0.6.0"
+      },
+      "funding": {
+        "type": "tidelift",
+        "url": "https://tidelift.com/funding/github/npm/loglevel"
+      }
+    },
+    "node_modules/loose-envify": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
+      "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+      "dependencies": {
+        "js-tokens": "^3.0.0 || ^4.0.0"
+      },
+      "bin": {
+        "loose-envify": "cli.js"
+      }
+    },
+    "node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dev": true,
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/make-dir": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-2.1.0.tgz",
+      "integrity": "sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==",
+      "dependencies": {
+        "pify": "^4.0.1",
+        "semver": "^5.6.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/make-dir/node_modules/semver": {
+      "version": "5.7.2",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
+      "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
+      "bin": {
+        "semver": "bin/semver"
+      }
+    },
+    "node_modules/map-obj": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-4.3.0.tgz",
+      "integrity": "sha512-hdN1wVrZbb29eBGiGjJbeP8JbKjq1urkHJ/LIP/NY48MZ1QVXUsQBV1G1zvYFHn1XE06cwjBsOI2K3Ulnj1YXQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/mathml-tag-names": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/mathml-tag-names/-/mathml-tag-names-2.1.3.tgz",
+      "integrity": "sha512-APMBEanjybaPzUrfqU0IMU5I0AswKMH7k8OTLs0vvV4KZpExkTkY87nR/zpbuTPj+gARop7aGUbl11pnDfW6xg==",
+      "dev": true,
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/matrix-events-sdk": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/matrix-events-sdk/-/matrix-events-sdk-0.0.1.tgz",
+      "integrity": "sha512-1QEOsXO+bhyCroIe2/A5OwaxHvBm7EsSQ46DEDn8RBIfQwN5HWBpFvyWWR4QY0KHPPnnJdI99wgRiAl7Ad5qaA=="
+    },
+    "node_modules/matrix-js-sdk": {
+      "version": "28.2.0",
+      "resolved": "https://registry.npmjs.org/matrix-js-sdk/-/matrix-js-sdk-28.2.0.tgz",
+      "integrity": "sha512-YENmPaiGgWwCqoYWoL/8oD7QPWd6M/A0xdNhC4yMSiFny419AjUdPQk/EbM8RTSzQV27F79llhWisnz+/AXdaA==",
+      "dependencies": {
+        "@babel/runtime": "^7.12.5",
+        "@matrix-org/matrix-sdk-crypto-wasm": "^1.2.3-alpha.0",
+        "another-json": "^0.2.0",
+        "bs58": "^5.0.0",
+        "content-type": "^1.0.4",
+        "jwt-decode": "^3.1.2",
+        "loglevel": "^1.7.1",
+        "matrix-events-sdk": "0.0.1",
+        "matrix-widget-api": "^1.6.0",
+        "oidc-client-ts": "^2.2.4",
+        "p-retry": "4",
+        "sdp-transform": "^2.14.1",
+        "unhomoglyph": "^1.0.6",
+        "uuid": "9"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/matrix-widget-api": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/matrix-widget-api/-/matrix-widget-api-1.6.0.tgz",
+      "integrity": "sha512-VXIJyAZ/WnBmT4C7ePqevgMYGneKMCP/0JuCOqntSsaNlCRHJvwvTxmqUU+ufOpzIF5gYNyIrAjbgrEbK3iqJQ==",
+      "dependencies": {
+        "@types/events": "^3.0.0",
+        "events": "^3.2.0"
+      }
+    },
+    "node_modules/meow": {
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/meow/-/meow-9.0.0.tgz",
+      "integrity": "sha512-+obSblOQmRhcyBt62furQqRAQpNyWXo8BuQ5bN7dG8wmwQ+vwHKp/rCFD4CrTP8CsDQD1sjoZ94K417XEUk8IQ==",
+      "dev": true,
+      "dependencies": {
+        "@types/minimist": "^1.2.0",
+        "camelcase-keys": "^6.2.2",
+        "decamelize": "^1.2.0",
+        "decamelize-keys": "^1.1.0",
+        "hard-rejection": "^2.1.0",
+        "minimist-options": "4.1.0",
+        "normalize-package-data": "^3.0.0",
+        "read-pkg-up": "^7.0.1",
+        "redent": "^3.0.0",
+        "trim-newlines": "^3.0.0",
+        "type-fest": "^0.18.0",
+        "yargs-parser": "^20.2.3"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/meow/node_modules/type-fest": {
+      "version": "0.18.1",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.18.1.tgz",
+      "integrity": "sha512-OIAYXk8+ISY+qTOwkHtKqzAuxchoMiD9Udx+FSGQDuiRR+PJKJHc2NJAXlbhkGwTt/4/nKZxELY1w3ReWOL8mw==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/merge-stream": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
+      "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==",
+      "dev": true
+    },
+    "node_modules/merge2": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/micromatch": {
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
+      "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
+      "dev": true,
+      "dependencies": {
+        "braces": "^3.0.2",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/mime-db": {
+      "version": "1.51.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.51.0.tgz",
+      "integrity": "sha512-5y8A56jg7XVQx2mbv1lu49NR4dokRnhZYTtL+KGfaa27uq4pSTXkwQkFJl4pkRMyNFz/EtYDSkiiEHx3F7UN6g==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "2.1.34",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.34.tgz",
+      "integrity": "sha512-6cP692WwGIs9XXdOO4++N+7qjqv0rqxxVvJ3VHPh/Sc9mVZcQP+ZGhkKiTvWMQRr2tbHkJP/Yn7Y0npb3ZBs4A==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "mime-db": "1.51.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/min-indent": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/min-indent/-/min-indent-1.0.1.tgz",
+      "integrity": "sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/minimist": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
+      "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/minimist-options": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/minimist-options/-/minimist-options-4.1.0.tgz",
+      "integrity": "sha512-Q4r8ghd80yhO/0j1O3B2BjweX3fiHg9cdOwjJd2J76Q135c+NDxGCqdYKQ1SKBuFfgWbAUzBfvYjPUEeNgqN1A==",
+      "dev": true,
+      "dependencies": {
+        "arrify": "^1.0.1",
+        "is-plain-obj": "^1.1.0",
+        "kind-of": "^6.0.3"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "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/nanoid": {
+      "version": "3.3.6",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz",
+      "integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/natural-compare": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
+      "integrity": "sha1-Sr6/7tdUHywnrPspvbvRXI1bpPc=",
+      "dev": true
+    },
+    "node_modules/natural-compare-lite": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/natural-compare-lite/-/natural-compare-lite-1.4.0.tgz",
+      "integrity": "sha512-Tj+HTDSJJKaZnfiuw+iaF9skdPpTo2GtEly5JHnWV/hfv2Qj/9RKsGISQtLh2ox3l5EAGw487hnBee0sIJ6v2g==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/neo-async": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz",
+      "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/next": {
+      "version": "13.5.4",
+      "resolved": "https://registry.npmjs.org/next/-/next-13.5.4.tgz",
+      "integrity": "sha512-+93un5S779gho8y9ASQhb/bTkQF17FNQOtXLKAj3lsNgltEcF0C5PMLLncDmH+8X1EnJH1kbqAERa29nRXqhjA==",
+      "dependencies": {
+        "@next/env": "13.5.4",
+        "@swc/helpers": "0.5.2",
+        "busboy": "1.6.0",
+        "caniuse-lite": "^1.0.30001406",
+        "postcss": "8.4.31",
+        "styled-jsx": "5.1.1",
+        "watchpack": "2.4.0"
+      },
+      "bin": {
+        "next": "dist/bin/next"
+      },
+      "engines": {
+        "node": ">=16.14.0"
+      },
+      "optionalDependencies": {
+        "@next/swc-darwin-arm64": "13.5.4",
+        "@next/swc-darwin-x64": "13.5.4",
+        "@next/swc-linux-arm64-gnu": "13.5.4",
+        "@next/swc-linux-arm64-musl": "13.5.4",
+        "@next/swc-linux-x64-gnu": "13.5.4",
+        "@next/swc-linux-x64-musl": "13.5.4",
+        "@next/swc-win32-arm64-msvc": "13.5.4",
+        "@next/swc-win32-ia32-msvc": "13.5.4",
+        "@next/swc-win32-x64-msvc": "13.5.4"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.1.0",
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0",
+        "sass": "^1.3.0"
+      },
+      "peerDependenciesMeta": {
+        "@opentelemetry/api": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/node-releases": {
+      "version": "2.0.13",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.13.tgz",
+      "integrity": "sha512-uYr7J37ae/ORWdZeQ1xxMJe3NtdmqMC/JZK+geofDrkLUApKRHPd18/TxtBOJ4A0/+uUIliorNrfYV6s1b02eQ=="
+    },
+    "node_modules/normalize-package-data": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-3.0.3.tgz",
+      "integrity": "sha512-p2W1sgqij3zMMyRC067Dg16bfzVH+w7hyegmpIvZ4JNjqtGOVAIvLmjBx3yP7YTe9vKJgkoNOPjwQGogDoMXFA==",
+      "dev": true,
+      "dependencies": {
+        "hosted-git-info": "^4.0.1",
+        "is-core-module": "^2.5.0",
+        "semver": "^7.3.4",
+        "validate-npm-package-license": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/normalize-package-data/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/normalize-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+      "devOptional": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/normalize-selector": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/normalize-selector/-/normalize-selector-0.2.0.tgz",
+      "integrity": "sha1-0LFF62kRicY6eNIB3E/bEpPvDAM=",
+      "dev": true
+    },
+    "node_modules/normalize.css": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/normalize.css/-/normalize.css-8.0.1.tgz",
+      "integrity": "sha512-qizSNPO93t1YUuUhP22btGOo3chcvDFqFaj2TRybP0DMxkHOCTYwp3n34fel4a31ORXy4m1Xq0Gyqpb5m33qIg=="
+    },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-inspect": {
+      "version": "1.13.1",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.1.tgz",
+      "integrity": "sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object-is": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/object-is/-/object-is-1.1.5.tgz",
+      "integrity": "sha512-3cyDsyHgtmi7I7DfSSI2LDp6SK2lwvtbg0p0R1e0RvTqF5ceGx+K2dfSjm1bKDMVCFEDAQvy+o8c6a7VujOddw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object-keys": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
+      "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object.assign": {
+      "version": "4.1.4",
+      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.4.tgz",
+      "integrity": "sha512-1mxKf0e58bvyjSCtKYY4sRe9itRk3PJpquJOjeIkz885CczcI4IvJJDLPS72oowuSh+pBxUFROpX+TU++hxhZQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.4",
+        "has-symbols": "^1.0.3",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.entries": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/object.entries/-/object.entries-1.1.6.tgz",
+      "integrity": "sha512-leTPzo4Zvg3pmbQ3rDK69Rl8GQvIqMWubrkxONG9/ojtFE2rD9fjMKfSI5BxW3osRH1m6VdzmqK8oAY9aT4x5w==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.4",
+        "es-abstract": "^1.20.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object.fromentries": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.7.tgz",
+      "integrity": "sha512-UPbPHML6sL8PI/mOqPwsH4G6iyXcCGzLin8KvEPenOZN5lpCNBZZQ+V62vdjB1mQHrmqGQt5/OJzemUA+KJmEA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.groupby": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/object.groupby/-/object.groupby-1.0.1.tgz",
+      "integrity": "sha512-HqaQtqLnp/8Bn4GL16cj+CUYbnpe1bh0TtEaWvybszDG4tgxCJuRpV8VGuvNaI1fAnI4lUJzDG55MXcOH4JZcQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "get-intrinsic": "^1.2.1"
+      }
+    },
+    "node_modules/object.hasown": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/object.hasown/-/object.hasown-1.1.2.tgz",
+      "integrity": "sha512-B5UIT3J1W+WuWIU55h0mjlwaqxiE5vYENJXIXZ4VFe05pNYrkKuK0U/6aFcb0pKywYJh7IhfoqUfKVmrJJHZHw==",
+      "dev": true,
+      "dependencies": {
+        "define-properties": "^1.1.4",
+        "es-abstract": "^1.20.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.values": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.1.7.tgz",
+      "integrity": "sha512-aU6xnDFYT3x17e/f0IiiwlGPTy2jzMySGfUB4fq6z7CV8l85CWHDk5ErhyhpfDHhrOMwGFhSQkhMGHaIotA6Ng==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/oidc-client-ts": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/oidc-client-ts/-/oidc-client-ts-2.3.0.tgz",
+      "integrity": "sha512-7RUKU+TJFQo+4X9R50IGJAIDF18uRBaFXyZn4VVCfwmwbSUhKcdDnw4zgeut3uEXkiD3NqURq+d88sDPxjf1FA==",
+      "dependencies": {
+        "crypto-js": "^4.1.1",
+        "jwt-decode": "^3.1.2"
+      },
+      "engines": {
+        "node": ">=12.13.0"
+      }
+    },
+    "node_modules/on-exit-leak-free": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/on-exit-leak-free/-/on-exit-leak-free-2.1.0.tgz",
+      "integrity": "sha512-VuCaZZAjReZ3vUwgOB8LxAosIurDiAW0s13rI1YwmaP++jvcxP77AWoQvenZebpCA2m8WC1/EosPYPMjnRAp/w=="
+    },
+    "node_modules/once": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+      "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=",
+      "dependencies": {
+        "wrappy": "1"
+      }
+    },
+    "node_modules/optionator": {
+      "version": "0.9.1",
+      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.1.tgz",
+      "integrity": "sha512-74RlY5FCnhq4jRxVUPKDaRwrVNXMqsGsiW6AJw4XK8hmtm10wC0ypZBLw5IIp85NZMr91+qd1RvvENwg7jjRFw==",
+      "dev": true,
+      "dependencies": {
+        "deep-is": "^0.1.3",
+        "fast-levenshtein": "^2.0.6",
+        "levn": "^0.4.1",
+        "prelude-ls": "^1.2.1",
+        "type-check": "^0.4.0",
+        "word-wrap": "^1.2.3"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/p-limit": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+      "dev": true,
+      "dependencies": {
+        "yocto-queue": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "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/p-retry": {
+      "version": "4.6.1",
+      "resolved": "https://registry.npmjs.org/p-retry/-/p-retry-4.6.1.tgz",
+      "integrity": "sha512-e2xXGNhZOZ0lfgR9kL34iGlU8N/KO0xZnQxVEwdeOvpqNDQfdnxIYizvWtK8RglUa3bGqI8g0R/BdfzLMxRkiA==",
+      "dependencies": {
+        "@types/retry": "^0.12.0",
+        "retry": "^0.13.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/parent-module": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
+      "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
+      "dev": true,
+      "dependencies": {
+        "callsites": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/parse-json": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
+      "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/code-frame": "^7.0.0",
+        "error-ex": "^1.3.1",
+        "json-parse-even-better-errors": "^2.3.0",
+        "lines-and-columns": "^1.1.6"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/path-exists": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-is-absolute": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+      "integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18=",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/path-key": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-parse": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw=="
+    },
+    "node_modules/path-type": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
+      "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/picocolors": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
+      "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ=="
+    },
+    "node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "devOptional": true,
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/pify": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz",
+      "integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/pino": {
+      "version": "8.15.6",
+      "resolved": "https://registry.npmjs.org/pino/-/pino-8.15.6.tgz",
+      "integrity": "sha512-GuxHr61R0ZFD1npu58tB3a3FSVjuy21OwN/haw4OuKiZBL63Pg11Y51WWeD52RENS2mjwPZOwt+2OQOSkck6kQ==",
+      "dependencies": {
+        "atomic-sleep": "^1.0.0",
+        "fast-redact": "^3.1.1",
+        "on-exit-leak-free": "^2.1.0",
+        "pino-abstract-transport": "v1.1.0",
+        "pino-std-serializers": "^6.0.0",
+        "process-warning": "^2.0.0",
+        "quick-format-unescaped": "^4.0.3",
+        "real-require": "^0.2.0",
+        "safe-stable-stringify": "^2.3.1",
+        "sonic-boom": "^3.1.0",
+        "thread-stream": "^2.0.0"
+      },
+      "bin": {
+        "pino": "bin.js"
+      }
+    },
+    "node_modules/pino-abstract-transport": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/pino-abstract-transport/-/pino-abstract-transport-1.1.0.tgz",
+      "integrity": "sha512-lsleG3/2a/JIWUtf9Q5gUNErBqwIu1tUKTT3dUzaf5DySw9ra1wcqKjJjLX1VTY64Wk1eEOYsVGSaGfCK85ekA==",
+      "dependencies": {
+        "readable-stream": "^4.0.0",
+        "split2": "^4.0.0"
+      }
+    },
+    "node_modules/pino-std-serializers": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/pino-std-serializers/-/pino-std-serializers-6.2.2.tgz",
+      "integrity": "sha512-cHjPPsE+vhj/tnhCy/wiMh3M3z3h/j15zHQX+S9GkTBgqJuTuJzYJ4gUyACLhDaJ7kk9ba9iRDmbH2tJU03OiA=="
+    },
+    "node_modules/pluralize": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/pluralize/-/pluralize-8.0.0.tgz",
+      "integrity": "sha512-Nc3IT5yHzflTfbjgqWcCPpo7DaKy4FnpB0l/zCAW0Tc7jxAiuqSxHasntB3D7887LSrA93kDJ9IXovxJYxyLCA==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.4.31",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
+      "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "nanoid": "^3.3.6",
+        "picocolors": "^1.0.0",
+        "source-map-js": "^1.0.2"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/postcss-media-query-parser": {
+      "version": "0.2.3",
+      "resolved": "https://registry.npmjs.org/postcss-media-query-parser/-/postcss-media-query-parser-0.2.3.tgz",
+      "integrity": "sha1-J7Ocb02U+Bsac7j3Y1HGCeXO8kQ=",
+      "dev": true
+    },
+    "node_modules/postcss-resolve-nested-selector": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/postcss-resolve-nested-selector/-/postcss-resolve-nested-selector-0.1.1.tgz",
+      "integrity": "sha1-Kcy8fDfe36wwTp//C/FZaz9qDk4=",
+      "dev": true
+    },
+    "node_modules/postcss-safe-parser": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-safe-parser/-/postcss-safe-parser-6.0.0.tgz",
+      "integrity": "sha512-FARHN8pwH+WiS2OPCxJI8FuRJpTVnn6ZNFiqAM2aeW2LwTHWWmWgIyKC6cUo0L8aeKiF/14MNvnpls6R2PBeMQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=12.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      },
+      "peerDependencies": {
+        "postcss": "^8.3.3"
+      }
+    },
+    "node_modules/postcss-selector-parser": {
+      "version": "6.0.10",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz",
+      "integrity": "sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==",
+      "dev": true,
+      "dependencies": {
+        "cssesc": "^3.0.0",
+        "util-deprecate": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/postcss-sorting": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-sorting/-/postcss-sorting-7.0.1.tgz",
+      "integrity": "sha512-iLBFYz6VRYyLJEJsBJ8M3TCqNcckVzz4wFounSc5Oez35ogE/X+aoC5fFu103Ot7NyvjU3/xqIXn93Gp3kJk4g==",
+      "dev": true,
+      "peerDependencies": {
+        "postcss": "^8.3.9"
+      }
+    },
+    "node_modules/postcss-syntax": {
+      "version": "0.36.2",
+      "resolved": "https://registry.npmjs.org/postcss-syntax/-/postcss-syntax-0.36.2.tgz",
+      "integrity": "sha512-nBRg/i7E3SOHWxF3PpF5WnJM/jQ1YpY9000OaVXlAQj6Zp/kIqJxEDWIZ67tAd7NLuk7zqN4yqe9nc0oNAOs1w==",
+      "dev": true,
+      "peer": true,
+      "peerDependencies": {
+        "postcss": ">=5.0.0"
+      }
+    },
+    "node_modules/postcss-value-parser": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
+      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ=="
+    },
+    "node_modules/prelude-ls": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
+      "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/process": {
+      "version": "0.11.10",
+      "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz",
+      "integrity": "sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==",
+      "engines": {
+        "node": ">= 0.6.0"
+      }
+    },
+    "node_modules/process-warning": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/process-warning/-/process-warning-2.2.0.tgz",
+      "integrity": "sha512-/1WZ8+VQjR6avWOgHeEPd7SDQmFQ1B5mC1eRXsCm5TarlNmx/wCsa5GEaxGm05BORRtyG/Ex/3xq3TuRvq57qg=="
+    },
+    "node_modules/prop-types": {
+      "version": "15.8.1",
+      "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
+      "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
+      "dependencies": {
+        "loose-envify": "^1.4.0",
+        "object-assign": "^4.1.1",
+        "react-is": "^16.13.1"
+      }
+    },
+    "node_modules/prop-types/node_modules/react-is": {
+      "version": "16.13.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
+      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
+    },
+    "node_modules/punycode": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz",
+      "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/queue-microtask": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
+      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+      "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/quick-format-unescaped": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/quick-format-unescaped/-/quick-format-unescaped-4.0.4.tgz",
+      "integrity": "sha512-tYC1Q1hgyRuHgloV/YXs2w15unPVh8qfu/qCTfhTYamaw7fyhumKa2yGpdSo87vY32rIclj+4fWYQXUMs9EHvg=="
+    },
+    "node_modules/quick-lru": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/quick-lru/-/quick-lru-4.0.1.tgz",
+      "integrity": "sha512-ARhCpm70fzdcvNQfPoy49IaanKkTlRWF2JMzqhcJbhSFRZv7nPTvZJdcY7301IPmvW+/p0RgIWnQDLJxifsQ7g==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/randombytes": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
+      "integrity": "sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "safe-buffer": "^5.1.0"
+      }
+    },
+    "node_modules/react": {
+      "version": "18.2.0",
+      "resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz",
+      "integrity": "sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==",
+      "dependencies": {
+        "loose-envify": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-dom": {
+      "version": "18.2.0",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz",
+      "integrity": "sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==",
+      "dependencies": {
+        "loose-envify": "^1.1.0",
+        "scheduler": "^0.23.0"
+      },
+      "peerDependencies": {
+        "react": "^18.2.0"
+      }
+    },
+    "node_modules/react-i18next": {
+      "version": "13.2.2",
+      "resolved": "https://registry.npmjs.org/react-i18next/-/react-i18next-13.2.2.tgz",
+      "integrity": "sha512-+nFUkbRByFwnrfDcYqvzBuaeZb+nACHx+fAWN/pZMddWOCJH5hoc21+Sa/N/Lqi6ne6/9wC/qRGOoQhJa6IkEQ==",
+      "dependencies": {
+        "@babel/runtime": "^7.22.5",
+        "html-parse-stringify": "^3.0.1"
+      },
+      "peerDependencies": {
+        "i18next": ">= 23.2.3",
+        "react": ">= 16.8.0"
+      },
+      "peerDependenciesMeta": {
+        "react-dom": {
+          "optional": true
+        },
+        "react-native": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/react-lifecycles-compat": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz",
+      "integrity": "sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA=="
+    },
+    "node_modules/react-modal": {
+      "version": "3.16.1",
+      "resolved": "https://registry.npmjs.org/react-modal/-/react-modal-3.16.1.tgz",
+      "integrity": "sha512-VStHgI3BVcGo7OXczvnJN7yT2TWHJPDXZWyI/a0ssFNhGZWsPmB8cF0z33ewDXq4VfYMO1vXgiv/g8Nj9NDyWg==",
+      "dependencies": {
+        "exenv": "^1.2.0",
+        "prop-types": "^15.7.2",
+        "react-lifecycles-compat": "^3.0.0",
+        "warning": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "peerDependencies": {
+        "react": "^0.14.0 || ^15.0.0 || ^16 || ^17 || ^18",
+        "react-dom": "^0.14.0 || ^15.0.0 || ^16 || ^17 || ^18"
+      }
+    },
+    "node_modules/read-pkg": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-5.2.0.tgz",
+      "integrity": "sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg==",
+      "dev": true,
+      "dependencies": {
+        "@types/normalize-package-data": "^2.4.0",
+        "normalize-package-data": "^2.5.0",
+        "parse-json": "^5.0.0",
+        "type-fest": "^0.6.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/read-pkg-up": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-7.0.1.tgz",
+      "integrity": "sha512-zK0TB7Xd6JpCLmlLmufqykGE+/TlOePD6qKClNW7hHDKFh/J7/7gCWGR7joEQEW1bKq3a3yUZSObOoWLFQ4ohg==",
+      "dev": true,
+      "dependencies": {
+        "find-up": "^4.1.0",
+        "read-pkg": "^5.2.0",
+        "type-fest": "^0.8.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/read-pkg-up/node_modules/find-up": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
+      "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
+      "dev": true,
+      "dependencies": {
+        "locate-path": "^5.0.0",
+        "path-exists": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/read-pkg-up/node_modules/locate-path": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
+      "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
+      "dev": true,
+      "dependencies": {
+        "p-locate": "^4.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/read-pkg-up/node_modules/p-limit": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
+      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
+      "dev": true,
+      "dependencies": {
+        "p-try": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/read-pkg-up/node_modules/p-locate": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
+      "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
+      "dev": true,
+      "dependencies": {
+        "p-limit": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/read-pkg-up/node_modules/p-try": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
+      "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/read-pkg-up/node_modules/type-fest": {
+      "version": "0.8.1",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz",
+      "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/read-pkg/node_modules/hosted-git-info": {
+      "version": "2.8.9",
+      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.9.tgz",
+      "integrity": "sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==",
+      "dev": true
+    },
+    "node_modules/read-pkg/node_modules/normalize-package-data": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.5.0.tgz",
+      "integrity": "sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==",
+      "dev": true,
+      "dependencies": {
+        "hosted-git-info": "^2.1.4",
+        "resolve": "^1.10.0",
+        "semver": "2 || 3 || 4 || 5",
+        "validate-npm-package-license": "^3.0.1"
+      }
+    },
+    "node_modules/read-pkg/node_modules/semver": {
+      "version": "5.7.2",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
+      "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
+      "dev": true,
+      "bin": {
+        "semver": "bin/semver"
+      }
+    },
+    "node_modules/read-pkg/node_modules/type-fest": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.6.0.tgz",
+      "integrity": "sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/readable-stream": {
+      "version": "4.4.2",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-4.4.2.tgz",
+      "integrity": "sha512-Lk/fICSyIhodxy1IDK2HazkeGjSmezAWX2egdtJnYhtzKEsBPJowlI6F6LPb5tqIQILrMbx22S5o3GuJavPusA==",
+      "dependencies": {
+        "abort-controller": "^3.0.0",
+        "buffer": "^6.0.3",
+        "events": "^3.3.0",
+        "process": "^0.11.10",
+        "string_decoder": "^1.3.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      }
+    },
+    "node_modules/readdirp": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+      "optional": true,
+      "dependencies": {
+        "picomatch": "^2.2.1"
+      },
+      "engines": {
+        "node": ">=8.10.0"
+      }
+    },
+    "node_modules/real-require": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/real-require/-/real-require-0.2.0.tgz",
+      "integrity": "sha512-57frrGM/OCTLqLOAh0mhVA9VBMHd+9U7Zb2THMGdBUoZVOtGbJzjxsYGDJ3A9AYYCP4hn6y1TVbaOfzWtm5GFg==",
+      "engines": {
+        "node": ">= 12.13.0"
+      }
+    },
+    "node_modules/redent": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/redent/-/redent-3.0.0.tgz",
+      "integrity": "sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==",
+      "dev": true,
+      "dependencies": {
+        "indent-string": "^4.0.0",
+        "strip-indent": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/reflect.getprototypeof": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.4.tgz",
+      "integrity": "sha512-ECkTw8TmJwW60lOTR+ZkODISW6RQ8+2CL3COqtiJKLd6MmB45hN51HprHFziKLGkAuTGQhBb91V8cy+KHlaCjw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "get-intrinsic": "^1.2.1",
+        "globalthis": "^1.0.3",
+        "which-builtin-type": "^1.1.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/regenerate": {
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.4.2.tgz",
+      "integrity": "sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A=="
+    },
+    "node_modules/regenerate-unicode-properties": {
+      "version": "10.1.1",
+      "resolved": "https://registry.npmjs.org/regenerate-unicode-properties/-/regenerate-unicode-properties-10.1.1.tgz",
+      "integrity": "sha512-X007RyZLsCJVVrjgEFVpLUTZwyOZk3oiL75ZcuYjlIWd6rNJtOjkBwQc5AsRrpbKVkxN6sklw/k/9m2jJYOf8Q==",
+      "dependencies": {
+        "regenerate": "^1.4.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "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/regenerator-transform": {
+      "version": "0.15.2",
+      "resolved": "https://registry.npmjs.org/regenerator-transform/-/regenerator-transform-0.15.2.tgz",
+      "integrity": "sha512-hfMp2BoF0qOk3uc5V20ALGDS2ddjQaLrdl7xrGXvAIow7qeWRM2VA2HuCHkUKk9slq3VwEwLNK3DFBqDfPGYtg==",
+      "dependencies": {
+        "@babel/runtime": "^7.8.4"
+      }
+    },
+    "node_modules/regexp-tree": {
+      "version": "0.1.27",
+      "resolved": "https://registry.npmjs.org/regexp-tree/-/regexp-tree-0.1.27.tgz",
+      "integrity": "sha512-iETxpjK6YoRWJG5o6hXLwvjYAoW+FEZn9os0PD/b6AP6xQwsa/Y7lCVgIixBbUPMfhu+i2LtdeAqVTgGlQarfA==",
+      "dev": true,
+      "peer": true,
+      "bin": {
+        "regexp-tree": "bin/regexp-tree"
+      }
+    },
+    "node_modules/regexp.prototype.flags": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.1.tgz",
+      "integrity": "sha512-sy6TXMN+hnP/wMy+ISxg3krXx7BAtWVO4UouuCN/ziM9UEne0euamVNafDfvC83bRNr95y0V5iijeDQFUNpvrg==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "set-function-name": "^2.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/regexpu-core": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-5.3.2.tgz",
+      "integrity": "sha512-RAM5FlZz+Lhmo7db9L298p2vHP5ZywrVXmVXpmAD9GuL5MPH6t9ROw1iA/wfHkQ76Qe7AaPF0nGuim96/IrQMQ==",
+      "dependencies": {
+        "@babel/regjsgen": "^0.8.0",
+        "regenerate": "^1.4.2",
+        "regenerate-unicode-properties": "^10.1.0",
+        "regjsparser": "^0.9.1",
+        "unicode-match-property-ecmascript": "^2.0.0",
+        "unicode-match-property-value-ecmascript": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/regjsparser": {
+      "version": "0.9.1",
+      "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.9.1.tgz",
+      "integrity": "sha512-dQUtn90WanSNl+7mQKcXAgZxvUe7Z0SqXlgzv0za4LwiUhyzBC58yQO3liFoUgu8GiJVInAhJjkj1N0EtQ5nkQ==",
+      "dependencies": {
+        "jsesc": "~0.5.0"
+      },
+      "bin": {
+        "regjsparser": "bin/parser"
+      }
+    },
+    "node_modules/regjsparser/node_modules/jsesc": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-0.5.0.tgz",
+      "integrity": "sha512-uZz5UnB7u4T9LvwmFqXii7pZSouaRPorGs5who1Ip7VO0wxanFvBL7GkM6dTHlgX+jhBApRetaWpnDabOeTcnA==",
+      "bin": {
+        "jsesc": "bin/jsesc"
+      }
+    },
+    "node_modules/require-from-string": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
+      "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/resolve": {
+      "version": "1.22.8",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz",
+      "integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==",
+      "dependencies": {
+        "is-core-module": "^2.13.0",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/resolve-from": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/resolve-pkg-maps": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz",
+      "integrity": "sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/privatenumber/resolve-pkg-maps?sponsor=1"
+      }
+    },
+    "node_modules/retry": {
+      "version": "0.13.1",
+      "resolved": "https://registry.npmjs.org/retry/-/retry-0.13.1.tgz",
+      "integrity": "sha512-XQBQ3I8W1Cge0Seh+6gjj03LbmRFWuoszgK9ooCpwYIrhhoO80pfq4cUkU5DkknwfOfFteRwlZ56PYOGYyFWdg==",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/reusify": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
+      "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
+      "dev": true,
+      "engines": {
+        "iojs": ">=1.0.0",
+        "node": ">=0.10.0"
+      }
+    },
+    "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/run-parallel": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
+      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+      "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": {
+        "queue-microtask": "^1.2.2"
+      }
+    },
+    "node_modules/safe-array-concat": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.0.1.tgz",
+      "integrity": "sha512-6XbUAseYE2KtOuGueyeobCySj9L4+66Tn6KQMOPQJrAJEowYKW/YR/MGJZl7FdydUdaFu4LYyDZjxf4/Nmo23Q==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.2.1",
+        "has-symbols": "^1.0.3",
+        "isarray": "^2.0.5"
+      },
+      "engines": {
+        "node": ">=0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "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/safe-regex": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/safe-regex/-/safe-regex-2.1.1.tgz",
+      "integrity": "sha512-rx+x8AMzKb5Q5lQ95Zoi6ZbJqwCLkqi3XuJXp5P3rT8OEc6sZCJG5AE5dU3lsgRr/F4Bs31jSlVN+j5KrsGu9A==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "regexp-tree": "~0.1.1"
+      }
+    },
+    "node_modules/safe-regex-test": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.0.0.tgz",
+      "integrity": "sha512-JBUUzyOgEwXQY1NuPtvcj/qcBDbDmEvWufhlnXZIm75DEHp+afM1r1ujJpJsV/gSM4t59tpDyPi1sd6ZaPFfsA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.1.3",
+        "is-regex": "^1.1.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/safe-stable-stringify": {
+      "version": "2.4.3",
+      "resolved": "https://registry.npmjs.org/safe-stable-stringify/-/safe-stable-stringify-2.4.3.tgz",
+      "integrity": "sha512-e2bDA2WJT0wxseVd4lsDP4+3ONX6HpMXQa1ZhFQ7SU+GjvORCmShbCMltrtIDfkYhVHrOcPtj+KhmDBdPdZD1g==",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/scheduler": {
+      "version": "0.23.0",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.0.tgz",
+      "integrity": "sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==",
+      "dependencies": {
+        "loose-envify": "^1.1.0"
+      }
+    },
+    "node_modules/schema-utils": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.0.0.tgz",
+      "integrity": "sha512-1edyXKgh6XnJsJSQ8mKWXnN/BVaIbFMLpouRUrXgVq7WYne5kw3MW7UPhO44uRXQSIpTSXoJbmrR2X0w9kUTyg==",
+      "dev": true,
+      "dependencies": {
+        "@types/json-schema": "^7.0.9",
+        "ajv": "^8.8.0",
+        "ajv-formats": "^2.1.1",
+        "ajv-keywords": "^5.0.0"
+      },
+      "engines": {
+        "node": ">= 12.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
+    "node_modules/schema-utils/node_modules/ajv": {
+      "version": "8.11.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.11.0.tgz",
+      "integrity": "sha512-wGgprdCvMalC0BztXvitD2hC04YffAvtsUn93JbGXYLAtCUO4xd17mCCZQxUOItiBwZvJScWo8NIvQMQ71rdpg==",
+      "dev": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/schema-utils/node_modules/ajv-keywords": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-5.1.0.tgz",
+      "integrity": "sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==",
+      "dev": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3"
+      },
+      "peerDependencies": {
+        "ajv": "^8.8.2"
+      }
+    },
+    "node_modules/schema-utils/node_modules/json-schema-traverse": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+      "dev": true
+    },
+    "node_modules/sdp-transform": {
+      "version": "2.14.1",
+      "resolved": "https://registry.npmjs.org/sdp-transform/-/sdp-transform-2.14.1.tgz",
+      "integrity": "sha512-RjZyX3nVwJyCuTo5tGPx+PZWkDMCg7oOLpSlhjDdZfwUoNqG1mM8nyj31IGHyaPWXhjbP7cdK3qZ2bmkJ1GzRw==",
+      "bin": {
+        "sdp-verify": "checker.js"
+      }
+    },
+    "node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/serialize-javascript": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.1.tgz",
+      "integrity": "sha512-owoXEFjWRllis8/M1Q+Cw5k8ZH40e3zhp/ovX+Xr/vi1qj6QesbyXXViFbpNvWvPNAD62SutwEXavefrLJWj7w==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "randombytes": "^2.1.0"
+      }
+    },
+    "node_modules/set-function-length": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.1.1.tgz",
+      "integrity": "sha512-VoaqjbBJKiWtg4yRcKBQ7g7wnGnLV3M8oLvVWwOk2PdYY6PEFegR1vezXR0tw6fZGF9csVakIRjrJiy2veSBFQ==",
+      "dev": true,
+      "dependencies": {
+        "define-data-property": "^1.1.1",
+        "get-intrinsic": "^1.2.1",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/set-function-name": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/set-function-name/-/set-function-name-2.0.1.tgz",
+      "integrity": "sha512-tMNCiqYVkXIZgc2Hnoy2IvC/f8ezc5koaRFkCjrpWzGpCd3qbZXPzVy9MAZzK1ch/X0jvSkojys3oqJN0qCmdA==",
+      "dev": true,
+      "dependencies": {
+        "define-data-property": "^1.0.1",
+        "functions-have-names": "^1.2.3",
+        "has-property-descriptors": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/shallowequal": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/shallowequal/-/shallowequal-1.1.0.tgz",
+      "integrity": "sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ=="
+    },
+    "node_modules/shebang-command": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+      "dev": true,
+      "dependencies": {
+        "shebang-regex": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/shebang-regex": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/side-channel": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz",
+      "integrity": "sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.0",
+        "get-intrinsic": "^1.0.2",
+        "object-inspect": "^1.9.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/signal-exit": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
+      "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
+      "dev": true
+    },
+    "node_modules/slash": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
+      "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/slice-ansi": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-4.0.0.tgz",
+      "integrity": "sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==",
+      "dev": true,
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "astral-regex": "^2.0.0",
+        "is-fullwidth-code-point": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/slice-ansi?sponsor=1"
+      }
+    },
+    "node_modules/slice-ansi/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/slice-ansi/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/slice-ansi/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/sonic-boom": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/sonic-boom/-/sonic-boom-3.3.0.tgz",
+      "integrity": "sha512-LYxp34KlZ1a2Jb8ZQgFCK3niIHzibdwtwNUWKg0qQRzsDoJ3Gfgkf8KdBTFU3SkejDEIlWwnSnpVdOZIhFMl/g==",
+      "dependencies": {
+        "atomic-sleep": "^1.0.0"
+      }
+    },
+    "node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
+      "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/source-map-support": {
+      "version": "0.5.21",
+      "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz",
+      "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "buffer-from": "^1.0.0",
+        "source-map": "^0.6.0"
+      }
+    },
+    "node_modules/spdx-correct": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.1.1.tgz",
+      "integrity": "sha512-cOYcUWwhCuHCXi49RhFRCyJEK3iPj1Ziz9DpViV3tbZOwXD49QzIN3MpOLJNxh2qwq2lJJZaKMVw9qNi4jTC0w==",
+      "dev": true,
+      "dependencies": {
+        "spdx-expression-parse": "^3.0.0",
+        "spdx-license-ids": "^3.0.0"
+      }
+    },
+    "node_modules/spdx-exceptions": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.3.0.tgz",
+      "integrity": "sha512-/tTrYOC7PPI1nUAgx34hUpqXuyJG+DTHJTnIULG4rDygi4xu/tfgmq1e1cIRwRzwZgo4NLySi+ricLkZkw4i5A==",
+      "dev": true
+    },
+    "node_modules/spdx-expression-parse": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.1.tgz",
+      "integrity": "sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==",
+      "dev": true,
+      "dependencies": {
+        "spdx-exceptions": "^2.1.0",
+        "spdx-license-ids": "^3.0.0"
+      }
+    },
+    "node_modules/spdx-license-ids": {
+      "version": "3.0.11",
+      "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.11.tgz",
+      "integrity": "sha512-Ctl2BrFiM0X3MANYgj3CkygxhRmr9mi6xhejbdO960nF6EDJApTYpn0BQnDKlnNBULKiCN1n3w9EBkHK8ZWg+g==",
+      "dev": true
+    },
+    "node_modules/specificity": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/specificity/-/specificity-0.4.1.tgz",
+      "integrity": "sha512-1klA3Gi5PD1Wv9Q0wUoOQN1IWAuPu0D1U03ThXTr0cJ20+/iq2tHSDnK7Kk/0LXJ1ztUB2/1Os0wKmfyNgUQfg==",
+      "dev": true,
+      "bin": {
+        "specificity": "bin/specificity"
+      }
+    },
+    "node_modules/split2": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/split2/-/split2-4.2.0.tgz",
+      "integrity": "sha512-UcjcJOWknrNkF6PLX83qcHM6KHgVKNkV62Y8a5uYDVv9ydGQVwAHMKqHdJje1VTWpljG0WYpCDhrCdAOYH4TWg==",
+      "engines": {
+        "node": ">= 10.x"
+      }
+    },
+    "node_modules/stop-iteration-iterator": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/stop-iteration-iterator/-/stop-iteration-iterator-1.0.0.tgz",
+      "integrity": "sha512-iCGQj+0l0HOdZ2AEeBADlsRC+vsnDsZsbdSiH1yNSjcfKM7fdpCMfqAL/dwF5BLiw/XhRft/Wax6zQbhq2BcjQ==",
+      "dev": true,
+      "dependencies": {
+        "internal-slot": "^1.0.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/streamsearch": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/streamsearch/-/streamsearch-1.1.0.tgz",
+      "integrity": "sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==",
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/string_decoder": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
+      "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
+      "dependencies": {
+        "safe-buffer": "~5.2.0"
+      }
+    },
+    "node_modules/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-width/node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "dev": true
+    },
+    "node_modules/string.prototype.matchall": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.8.tgz",
+      "integrity": "sha512-6zOCOcJ+RJAQshcTvXPHoxoQGONa3e/Lqx90wUA+wEzX78sg5Bo+1tQo4N0pohS0erG9qtCqJDjNCQBjeWVxyg==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.4",
+        "es-abstract": "^1.20.4",
+        "get-intrinsic": "^1.1.3",
+        "has-symbols": "^1.0.3",
+        "internal-slot": "^1.0.3",
+        "regexp.prototype.flags": "^1.4.3",
+        "side-channel": "^1.0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.trim": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.8.tgz",
+      "integrity": "sha512-lfjY4HcixfQXOfaqCvcBuOIapyaroTXhbkfJN3gcB1OtyupngWK4sEET9Knd0cXd28kTUqu/kHoV4HKSJdnjiQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.trimend": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.7.tgz",
+      "integrity": "sha512-Ni79DqeB72ZFq1uH/L6zJ+DKZTkOtPIHovb3YZHQViE+HDouuU4mBrLOLDn5Dde3RF8qw5qVETEjhu9locMLvA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.trimstart": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.7.tgz",
+      "integrity": "sha512-NGhtDFu3jCEm7B4Fy0DpLewdJQOZcQ0rGbwQ/+stjnrp2i+rlKeCvos9hOIeCmqwratM47OBxY7uFZzjxHXmrg==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/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",
+      "integrity": "sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/strip-indent": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-3.0.0.tgz",
+      "integrity": "sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==",
+      "dev": true,
+      "dependencies": {
+        "min-indent": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-json-comments": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
+      "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/style-search": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/style-search/-/style-search-0.1.0.tgz",
+      "integrity": "sha1-eVjHk+R+MuB9K1yv5cC/jhLneQI=",
+      "dev": true
+    },
+    "node_modules/styled-components": {
+      "version": "6.0.8",
+      "resolved": "https://registry.npmjs.org/styled-components/-/styled-components-6.0.8.tgz",
+      "integrity": "sha512-AwI02MTWZwqjzfXgR5QcbmcSn5xVjY4N2TLjSuYnmuBGF3y7GicHz3ysbpUq2EMJP5M8/Nc22vcmF3V3WNZDFA==",
+      "dependencies": {
+        "@babel/cli": "^7.21.0",
+        "@babel/core": "^7.21.0",
+        "@babel/helper-module-imports": "^7.18.6",
+        "@babel/plugin-external-helpers": "^7.18.6",
+        "@babel/plugin-proposal-class-properties": "^7.18.6",
+        "@babel/plugin-proposal-object-rest-spread": "^7.20.7",
+        "@babel/preset-env": "^7.20.2",
+        "@babel/preset-react": "^7.18.6",
+        "@babel/preset-typescript": "^7.21.0",
+        "@babel/traverse": "^7.21.2",
+        "@emotion/is-prop-valid": "^1.2.1",
+        "@emotion/unitless": "^0.8.0",
+        "@types/stylis": "^4.0.2",
+        "css-to-react-native": "^3.2.0",
+        "csstype": "^3.1.2",
+        "postcss": "^8.4.23",
+        "shallowequal": "^1.1.0",
+        "stylis": "^4.3.0",
+        "tslib": "^2.5.0"
+      },
+      "engines": {
+        "node": ">= 16"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/styled-components"
+      },
+      "peerDependencies": {
+        "babel-plugin-styled-components": ">= 2",
+        "react": ">= 16.8.0",
+        "react-dom": ">= 16.8.0"
+      },
+      "peerDependenciesMeta": {
+        "babel-plugin-styled-components": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/styled-jsx": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.1.1.tgz",
+      "integrity": "sha512-pW7uC1l4mBZ8ugbiZrcIsiIvVx1UmTfw7UkC3Um2tmfUq9Bhk8IiyEIPl6F8agHgjzku6j0xQEZbfA5uSgSaCw==",
+      "dependencies": {
+        "client-only": "0.0.1"
+      },
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "peerDependencies": {
+        "react": ">= 16.8.0 || 17.x.x || ^18.0.0-0"
+      },
+      "peerDependenciesMeta": {
+        "@babel/core": {
+          "optional": true
+        },
+        "babel-plugin-macros": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/stylelint": {
+      "version": "14.8.2",
+      "resolved": "https://registry.npmjs.org/stylelint/-/stylelint-14.8.2.tgz",
+      "integrity": "sha512-tjDfexCYfoPdl/xcDJ9Fv+Ko9cvzbDnmdiaqEn3ovXHXasi/hbkt5tSjsiReQ+ENqnz0eltaX/AOO+AlzVdcNA==",
+      "dev": true,
+      "dependencies": {
+        "balanced-match": "^2.0.0",
+        "colord": "^2.9.2",
+        "cosmiconfig": "^7.0.1",
+        "css-functions-list": "^3.0.1",
+        "debug": "^4.3.4",
+        "execall": "^2.0.0",
+        "fast-glob": "^3.2.11",
+        "fastest-levenshtein": "^1.0.12",
+        "file-entry-cache": "^6.0.1",
+        "get-stdin": "^8.0.0",
+        "global-modules": "^2.0.0",
+        "globby": "^11.1.0",
+        "globjoin": "^0.1.4",
+        "html-tags": "^3.2.0",
+        "ignore": "^5.2.0",
+        "import-lazy": "^4.0.0",
+        "imurmurhash": "^0.1.4",
+        "is-plain-object": "^5.0.0",
+        "known-css-properties": "^0.25.0",
+        "mathml-tag-names": "^2.1.3",
+        "meow": "^9.0.0",
+        "micromatch": "^4.0.5",
+        "normalize-path": "^3.0.0",
+        "normalize-selector": "^0.2.0",
+        "picocolors": "^1.0.0",
+        "postcss": "^8.4.13",
+        "postcss-media-query-parser": "^0.2.3",
+        "postcss-resolve-nested-selector": "^0.1.1",
+        "postcss-safe-parser": "^6.0.0",
+        "postcss-selector-parser": "^6.0.10",
+        "postcss-value-parser": "^4.2.0",
+        "resolve-from": "^5.0.0",
+        "specificity": "^0.4.1",
+        "string-width": "^4.2.3",
+        "strip-ansi": "^6.0.1",
+        "style-search": "^0.1.0",
+        "supports-hyperlinks": "^2.2.0",
+        "svg-tags": "^1.0.0",
+        "table": "^6.8.0",
+        "v8-compile-cache": "^2.3.0",
+        "write-file-atomic": "^4.0.1"
+      },
+      "bin": {
+        "stylelint": "bin/stylelint.js"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/stylelint"
+      }
+    },
+    "node_modules/stylelint-config-recess-order": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/stylelint-config-recess-order/-/stylelint-config-recess-order-3.0.0.tgz",
+      "integrity": "sha512-uNXrlDz570Q7HJlrq8mNjgfO/xlKIh2hKVKEFMTG1/ih/6tDLcTbuvO1Zoo2dnQay990OAkWLDpTDOorB+hmBw==",
+      "dev": true,
+      "dependencies": {
+        "stylelint-order": "5.x"
+      },
+      "peerDependencies": {
+        "stylelint": ">=14"
+      }
+    },
+    "node_modules/stylelint-config-recommended": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/stylelint-config-recommended/-/stylelint-config-recommended-7.0.0.tgz",
+      "integrity": "sha512-yGn84Bf/q41J4luis1AZ95gj0EQwRX8lWmGmBwkwBNSkpGSpl66XcPTulxGa/Z91aPoNGuIGBmFkcM1MejMo9Q==",
+      "dev": true,
+      "peerDependencies": {
+        "stylelint": "^14.4.0"
+      }
+    },
+    "node_modules/stylelint-config-standard": {
+      "version": "25.0.0",
+      "resolved": "https://registry.npmjs.org/stylelint-config-standard/-/stylelint-config-standard-25.0.0.tgz",
+      "integrity": "sha512-21HnP3VSpaT1wFjFvv9VjvOGDtAviv47uTp3uFmzcN+3Lt+RYRv6oAplLaV51Kf792JSxJ6svCJh/G18E9VnCA==",
+      "dev": true,
+      "dependencies": {
+        "stylelint-config-recommended": "^7.0.0"
+      },
+      "peerDependencies": {
+        "stylelint": "^14.4.0"
+      }
+    },
+    "node_modules/stylelint-config-styled-components": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/stylelint-config-styled-components/-/stylelint-config-styled-components-0.1.1.tgz",
+      "integrity": "sha512-z5Xz/9GmvxO6e/DLzBMwkB85zHxEEjN6K7Cj80Bi+o/9vR9eS3GX3E9VuMnX9WLFYulqbqLtTapGGY28JBiy9Q==",
+      "dev": true
+    },
+    "node_modules/stylelint-order": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/stylelint-order/-/stylelint-order-5.0.0.tgz",
+      "integrity": "sha512-OWQ7pmicXufDw5BlRqzdz3fkGKJPgLyDwD1rFY3AIEfIH/LQY38Vu/85v8/up0I+VPiuGRwbc2Hg3zLAsJaiyw==",
+      "dev": true,
+      "dependencies": {
+        "postcss": "^8.3.11",
+        "postcss-sorting": "^7.0.1"
+      },
+      "peerDependencies": {
+        "stylelint": "^14.0.0"
+      }
+    },
+    "node_modules/stylelint-webpack-plugin": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/stylelint-webpack-plugin/-/stylelint-webpack-plugin-3.2.0.tgz",
+      "integrity": "sha512-KY4P+0wrs5G680LzNLt8UZDiX3j+UNNDt1BBEdlhZUiUUYAI0j9Lumf5QH9eRHx/uMZcpKbboiYWba0F+jMWTg==",
+      "dev": true,
+      "dependencies": {
+        "globby": "^11.1.0",
+        "jest-worker": "^27.5.1",
+        "micromatch": "^4.0.4",
+        "normalize-path": "^3.0.0",
+        "schema-utils": "^4.0.0"
+      },
+      "engines": {
+        "node": ">= 12.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "stylelint": "^13.0.0 || ^14.0.0",
+        "webpack": "^5.0.0"
+      }
+    },
+    "node_modules/stylelint/node_modules/balanced-match": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-2.0.0.tgz",
+      "integrity": "sha512-1ugUSr8BHXRnK23KfuYS+gVMC3LB8QGH9W1iGtDPsNWoQbgtXSExkBu2aDR4epiGWZOjZsj6lDl/N/AqqTC3UA==",
+      "dev": true
+    },
+    "node_modules/stylelint/node_modules/resolve-from": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
+      "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/stylis": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.3.0.tgz",
+      "integrity": "sha512-E87pIogpwUsUwXw7dNyU4QDjdgVMy52m+XEOPEKUn161cCzWjjhPSQhByfd1CcNvrOLnXQ6OnnZDwnJrz/Z4YQ=="
+    },
+    "node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/supports-hyperlinks": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/supports-hyperlinks/-/supports-hyperlinks-2.2.0.tgz",
+      "integrity": "sha512-6sXEzV5+I5j8Bmq9/vUphGRM/RJNT9SCURJLjwfOg51heRtguGWDzcaBlgAzKhQa0EVNpPEKzQuBwZ8S8WaCeQ==",
+      "dev": true,
+      "dependencies": {
+        "has-flag": "^4.0.0",
+        "supports-color": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/supports-preserve-symlinks-flag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/svg-tags": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/svg-tags/-/svg-tags-1.0.0.tgz",
+      "integrity": "sha1-WPcc7jvVGbWdSyqEO2x95krAR2Q=",
+      "dev": true
+    },
+    "node_modules/table": {
+      "version": "6.8.0",
+      "resolved": "https://registry.npmjs.org/table/-/table-6.8.0.tgz",
+      "integrity": "sha512-s/fitrbVeEyHKFa7mFdkuQMWlH1Wgw/yEXMt5xACT4ZpzWFluehAxRtUUQKPuWhaLAWhFcVx6w3oC8VKaUfPGA==",
+      "dev": true,
+      "dependencies": {
+        "ajv": "^8.0.1",
+        "lodash.truncate": "^4.4.2",
+        "slice-ansi": "^4.0.0",
+        "string-width": "^4.2.3",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/table/node_modules/ajv": {
+      "version": "8.11.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.11.0.tgz",
+      "integrity": "sha512-wGgprdCvMalC0BztXvitD2hC04YffAvtsUn93JbGXYLAtCUO4xd17mCCZQxUOItiBwZvJScWo8NIvQMQ71rdpg==",
+      "dev": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/table/node_modules/json-schema-traverse": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+      "dev": true
+    },
+    "node_modules/tapable": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz",
+      "integrity": "sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/terser": {
+      "version": "5.17.1",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-5.17.1.tgz",
+      "integrity": "sha512-hVl35zClmpisy6oaoKALOpS0rDYLxRFLHhRuDlEGTKey9qHjS1w9GMORjuwIMt70Wan4lwsLYyWDVnWgF+KUEw==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@jridgewell/source-map": "^0.3.2",
+        "acorn": "^8.5.0",
+        "commander": "^2.20.0",
+        "source-map-support": "~0.5.20"
+      },
+      "bin": {
+        "terser": "bin/terser"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/terser-webpack-plugin": {
+      "version": "5.3.7",
+      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.7.tgz",
+      "integrity": "sha512-AfKwIktyP7Cu50xNjXF/6Qb5lBNzYaWpU6YfoX3uZicTx0zTy0stDDCsvjDapKsSDvOeWo5MEq4TmdBy2cNoHw==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@jridgewell/trace-mapping": "^0.3.17",
+        "jest-worker": "^27.4.5",
+        "schema-utils": "^3.1.1",
+        "serialize-javascript": "^6.0.1",
+        "terser": "^5.16.5"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "webpack": "^5.1.0"
+      },
+      "peerDependenciesMeta": {
+        "@swc/core": {
+          "optional": true
+        },
+        "esbuild": {
+          "optional": true
+        },
+        "uglify-js": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/terser-webpack-plugin/node_modules/schema-utils": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.1.2.tgz",
+      "integrity": "sha512-pvjEHOgWc9OWA/f/DE3ohBWTD6EleVLf7iFUkoSwAxttdBhB9QUebQgxER2kWueOvRJXPHNnyrvvh9eZINB8Eg==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@types/json-schema": "^7.0.8",
+        "ajv": "^6.12.5",
+        "ajv-keywords": "^3.5.2"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
+    "node_modules/text-table": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
+      "integrity": "sha1-f17oI66AUgfACvLfSoTsP8+lcLQ=",
+      "dev": true
+    },
+    "node_modules/thread-stream": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/thread-stream/-/thread-stream-2.3.0.tgz",
+      "integrity": "sha512-kaDqm1DET9pp3NXwR8382WHbnpXnRkN9xGN9dQt3B2+dmXiW8X1SOwmFOxAErEQ47ObhZ96J6yhZNXuyCOL7KA==",
+      "dependencies": {
+        "real-require": "^0.2.0"
+      }
+    },
+    "node_modules/to-fast-properties": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz",
+      "integrity": "sha1-3F5pjL0HkmW8c+A3doGk5Og/YW4=",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "devOptional": true,
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/trim-newlines": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-3.0.1.tgz",
+      "integrity": "sha512-c1PTsA3tYrIsLGkJkzHF+w9F2EyxfXGo4UyJc4pFL++FMjnq0HJS69T3M7d//gKrFKwy429bouPescbjecU+Zw==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ts-api-utils": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.0.1.tgz",
+      "integrity": "sha512-lC/RGlPmwdrIBFTX59wwNzqh7aR2otPNPR/5brHZm/XKFYKsfqxihXUe9pU3JI+3vGkl+vyCoNNnPhJn3aLK1A==",
+      "dev": true,
+      "engines": {
+        "node": ">=16.13.0"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.2.0"
+      }
+    },
+    "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/tsconfig-paths/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/tslib": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
+      "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
+    },
+    "node_modules/type-check": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
+      "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
+      "dev": true,
+      "dependencies": {
+        "prelude-ls": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/type-fest": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
+      "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/typed-array-buffer": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.0.tgz",
+      "integrity": "sha512-Y8KTSIglk9OZEr8zywiIHG/kmQ7KWyjseXs1CbSo8vC42w7hg2HgYTxSWwP0+is7bWDc1H+Fo026CpHFwm8tkw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.2.1",
+        "is-typed-array": "^1.1.10"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/typed-array-byte-length": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.0.tgz",
+      "integrity": "sha512-Or/+kvLxNpeQ9DtSydonMxCx+9ZXOswtwJn17SNLvhptaXYDJvkFFP5zbfU/uLmvnBJlI4yrnXRxpdWH/M5tNA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "for-each": "^0.3.3",
+        "has-proto": "^1.0.1",
+        "is-typed-array": "^1.1.10"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typed-array-byte-offset": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.0.tgz",
+      "integrity": "sha512-RD97prjEt9EL8YgAgpOkf3O4IF9lhJFr9g0htQkm0rchFp/Vx7LW5Q8fSXXub7BXAODyUQohRMyOc3faCPd0hg==",
+      "dev": true,
+      "dependencies": {
+        "available-typed-arrays": "^1.0.5",
+        "call-bind": "^1.0.2",
+        "for-each": "^0.3.3",
+        "has-proto": "^1.0.1",
+        "is-typed-array": "^1.1.10"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typed-array-length": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.4.tgz",
+      "integrity": "sha512-KjZypGq+I/H7HI5HlOoGHkWUUGq+Q0TPhQurLbyrVrvnKTBgzLhIJ7j6J/XTQOi0d1RjyZ0wdas8bKs2p0x3Ng==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "for-each": "^0.3.3",
+        "is-typed-array": "^1.1.9"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typescript": {
+      "version": "5.1.6",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.1.6.tgz",
+      "integrity": "sha512-zaWCozRZ6DLEWAWFrVDz1H6FVXzUSfTy5FUMWsQlU8Ym5JP9eO4xkTIROFCQvhQf61z6O/G6ugw3SgAnvvm+HA==",
+      "dev": true,
+      "peer": true,
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "node_modules/unbox-primitive": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz",
+      "integrity": "sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "has-bigints": "^1.0.2",
+        "has-symbols": "^1.0.3",
+        "which-boxed-primitive": "^1.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/unhomoglyph": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/unhomoglyph/-/unhomoglyph-1.0.6.tgz",
+      "integrity": "sha512-7uvcWI3hWshSADBu4JpnyYbTVc7YlhF5GDW/oPD5AxIxl34k4wXR3WDkPnzLxkN32LiTCTKMQLtKVZiwki3zGg=="
+    },
+    "node_modules/unicode-canonical-property-names-ecmascript": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.0.tgz",
+      "integrity": "sha512-yY5PpDlfVIU5+y/BSCxAJRBIS1Zc2dDG3Ujq+sR0U+JjUevW2JhocOF+soROYDSaAezOzOKuyyixhD6mBknSmQ==",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/unicode-match-property-ecmascript": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/unicode-match-property-ecmascript/-/unicode-match-property-ecmascript-2.0.0.tgz",
+      "integrity": "sha512-5kaZCrbp5mmbz5ulBkDkbY0SsPOjKqVS35VpL9ulMPfSl0J0Xsm+9Evphv9CoIZFwre7aJoa94AY6seMKGVN5Q==",
+      "dependencies": {
+        "unicode-canonical-property-names-ecmascript": "^2.0.0",
+        "unicode-property-aliases-ecmascript": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/unicode-match-property-value-ecmascript": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-2.1.0.tgz",
+      "integrity": "sha512-qxkjQt6qjg/mYscYMC0XKRn3Rh0wFPlfxB0xkt9CfyTvpX1Ra0+rAmdX2QyAobptSEvuy4RtpPRui6XkV+8wjA==",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/unicode-property-aliases-ecmascript": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-2.1.0.tgz",
+      "integrity": "sha512-6t3foTQI9qne+OZoVQB/8x8rk2k1eVy1gRXhV3oFQ5T6R1dqQ1xtin3XqSlx3+ATBkliTaR/hHyJBm+LVPNM8w==",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/update-browserslist-db": {
+      "version": "1.0.13",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz",
+      "integrity": "sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "escalade": "^3.1.1",
+        "picocolors": "^1.0.0"
+      },
+      "bin": {
+        "update-browserslist-db": "cli.js"
+      },
+      "peerDependencies": {
+        "browserslist": ">= 4.21.0"
+      }
+    },
+    "node_modules/uri-js": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
+      "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
+      "dev": true,
+      "dependencies": {
+        "punycode": "^2.1.0"
+      }
+    },
+    "node_modules/util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=",
+      "dev": true
+    },
+    "node_modules/uuid": {
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-9.0.0.tgz",
+      "integrity": "sha512-MXcSTerfPa4uqyzStbRoTgt5XIe3x5+42+q1sDuy3R5MDk66URdLMOZe5aPX/SQd+kuYAh0FdP/pO28IkQyTeg==",
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    },
+    "node_modules/v8-compile-cache": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz",
+      "integrity": "sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA==",
+      "dev": true
+    },
+    "node_modules/validate-npm-package-license": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz",
+      "integrity": "sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==",
+      "dev": true,
+      "dependencies": {
+        "spdx-correct": "^3.0.0",
+        "spdx-expression-parse": "^3.0.0"
+      }
+    },
+    "node_modules/void-elements": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/void-elements/-/void-elements-3.1.0.tgz",
+      "integrity": "sha1-YU9/v42AHwu18GYfWy9XhXUOTwk=",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/warning": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/warning/-/warning-4.0.3.tgz",
+      "integrity": "sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==",
+      "dependencies": {
+        "loose-envify": "^1.0.0"
+      }
+    },
+    "node_modules/watchpack": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.0.tgz",
+      "integrity": "sha512-Lcvm7MGST/4fup+ifyKi2hjyIAwcdI4HRgtvTpIUxBRhB+RFtUh8XtDOxUfctVCnhVi+QQj49i91OyvzkJl6cg==",
+      "dependencies": {
+        "glob-to-regexp": "^0.4.1",
+        "graceful-fs": "^4.1.2"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/webpack": {
+      "version": "5.81.0",
+      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.81.0.tgz",
+      "integrity": "sha512-AAjaJ9S4hYCVODKLQTgG5p5e11hiMawBwV2v8MYLE0C/6UAGLuAF4n1qa9GOwdxnicaP+5k6M5HrLmD4+gIB8Q==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@types/eslint-scope": "^3.7.3",
+        "@types/estree": "^1.0.0",
+        "@webassemblyjs/ast": "^1.11.5",
+        "@webassemblyjs/wasm-edit": "^1.11.5",
+        "@webassemblyjs/wasm-parser": "^1.11.5",
+        "acorn": "^8.7.1",
+        "acorn-import-assertions": "^1.7.6",
+        "browserslist": "^4.14.5",
+        "chrome-trace-event": "^1.0.2",
+        "enhanced-resolve": "^5.13.0",
+        "es-module-lexer": "^1.2.1",
+        "eslint-scope": "5.1.1",
+        "events": "^3.2.0",
+        "glob-to-regexp": "^0.4.1",
+        "graceful-fs": "^4.2.9",
+        "json-parse-even-better-errors": "^2.3.1",
+        "loader-runner": "^4.2.0",
+        "mime-types": "^2.1.27",
+        "neo-async": "^2.6.2",
+        "schema-utils": "^3.1.2",
+        "tapable": "^2.1.1",
+        "terser-webpack-plugin": "^5.3.7",
+        "watchpack": "^2.4.0",
+        "webpack-sources": "^3.2.3"
+      },
+      "bin": {
+        "webpack": "bin/webpack.js"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependenciesMeta": {
+        "webpack-cli": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/webpack-sources": {
+      "version": "3.2.3",
+      "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.2.3.tgz",
+      "integrity": "sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/webpack/node_modules/schema-utils": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.1.2.tgz",
+      "integrity": "sha512-pvjEHOgWc9OWA/f/DE3ohBWTD6EleVLf7iFUkoSwAxttdBhB9QUebQgxER2kWueOvRJXPHNnyrvvh9eZINB8Eg==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@types/json-schema": "^7.0.8",
+        "ajv": "^6.12.5",
+        "ajv-keywords": "^3.5.2"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
+    "node_modules/which": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+      "dev": true,
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "node-which": "bin/node-which"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/which-boxed-primitive": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz",
+      "integrity": "sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==",
+      "dev": true,
+      "dependencies": {
+        "is-bigint": "^1.0.1",
+        "is-boolean-object": "^1.1.0",
+        "is-number-object": "^1.0.4",
+        "is-string": "^1.0.5",
+        "is-symbol": "^1.0.3"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-builtin-type": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/which-builtin-type/-/which-builtin-type-1.1.3.tgz",
+      "integrity": "sha512-YmjsSMDBYsM1CaFiayOVT06+KJeXf0o5M/CAd4o1lTadFAtacTUM49zoYxr/oroopFDfhvN6iEcBxUyc3gvKmw==",
+      "dev": true,
+      "dependencies": {
+        "function.prototype.name": "^1.1.5",
+        "has-tostringtag": "^1.0.0",
+        "is-async-function": "^2.0.0",
+        "is-date-object": "^1.0.5",
+        "is-finalizationregistry": "^1.0.2",
+        "is-generator-function": "^1.0.10",
+        "is-regex": "^1.1.4",
+        "is-weakref": "^1.0.2",
+        "isarray": "^2.0.5",
+        "which-boxed-primitive": "^1.0.2",
+        "which-collection": "^1.0.1",
+        "which-typed-array": "^1.1.9"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-collection": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/which-collection/-/which-collection-1.0.1.tgz",
+      "integrity": "sha512-W8xeTUwaln8i3K/cY1nGXzdnVZlidBcagyNFtBdD5kxnb4TvGKR7FfSIS3mYpwWS1QUCutfKz8IY8RjftB0+1A==",
+      "dev": true,
+      "dependencies": {
+        "is-map": "^2.0.1",
+        "is-set": "^2.0.1",
+        "is-weakmap": "^2.0.1",
+        "is-weakset": "^2.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-typed-array": {
+      "version": "1.1.13",
+      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.13.tgz",
+      "integrity": "sha512-P5Nra0qjSncduVPEAr7xhoF5guty49ArDTwzJ/yNuPIbZppyRxFQsRCWrocxIY+CnMVG+qfbU2FmDKyvSGClow==",
+      "dev": true,
+      "dependencies": {
+        "available-typed-arrays": "^1.0.5",
+        "call-bind": "^1.0.4",
+        "for-each": "^0.3.3",
+        "gopd": "^1.0.1",
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/word-wrap": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
+      "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/wrappy": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+      "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8="
+    },
+    "node_modules/write-file-atomic": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-4.0.1.tgz",
+      "integrity": "sha512-nSKUxgAbyioruk6hU87QzVbY279oYT6uiwgDoujth2ju4mJ+TZau7SQBhtbTmUyuNYTuXnSyRn66FV0+eCgcrQ==",
+      "dev": true,
+      "dependencies": {
+        "imurmurhash": "^0.1.4",
+        "signal-exit": "^3.0.7"
+      },
+      "engines": {
+        "node": "^12.13.0 || ^14.15.0 || >=16"
+      }
+    },
+    "node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "dev": true
+    },
+    "node_modules/yaml": {
+      "version": "1.10.2",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
+      "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/yargs-parser": {
+      "version": "20.2.9",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-20.2.9.tgz",
+      "integrity": "sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/yocto-queue": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
+      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@next/swc-darwin-x64": {
+      "version": "13.5.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-13.5.4.tgz",
+      "integrity": "sha512-siPuUwO45PnNRMeZnSa8n/Lye5ZX93IJom9wQRB5DEOdFrw0JjOMu1GINB8jAEdwa7Vdyn1oJ2xGNaQpdQQ9Pw==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-gnu": {
+      "version": "13.5.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-13.5.4.tgz",
+      "integrity": "sha512-l/k/fvRP/zmB2jkFMfefmFkyZbDkYW0mRM/LB+tH5u9pB98WsHXC0WvDHlGCYp3CH/jlkJPL7gN8nkTQVrQ/2w==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-musl": {
+      "version": "13.5.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-13.5.4.tgz",
+      "integrity": "sha512-YYGb7SlLkI+XqfQa8VPErljb7k9nUnhhRrVaOdfJNCaQnHBcvbT7cx/UjDQLdleJcfyg1Hkn5YSSIeVfjgmkTg==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-x64-gnu": {
+      "version": "13.5.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-13.5.4.tgz",
+      "integrity": "sha512-uE61vyUSClnCH18YHjA8tE1prr/PBFlBFhxBZis4XBRJoR+txAky5d7gGNUIbQ8sZZ7LVkSVgm/5Fc7mwXmRAg==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-x64-musl": {
+      "version": "13.5.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-13.5.4.tgz",
+      "integrity": "sha512-qVEKFYML/GvJSy9CfYqAdUexA6M5AklYcQCW+8JECmkQHGoPxCf04iMh7CPR7wkHyWWK+XLt4Ja7hhsPJtSnhg==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-arm64-msvc": {
+      "version": "13.5.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-13.5.4.tgz",
+      "integrity": "sha512-mDSQfqxAlfpeZOLPxLymZkX0hYF3juN57W6vFHTvwKlnHfmh12Pt7hPIRLYIShk8uYRsKPtMTth/EzpwRI+u8w==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-ia32-msvc": {
+      "version": "13.5.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-13.5.4.tgz",
+      "integrity": "sha512-aoqAT2XIekIWoriwzOmGFAvTtVY5O7JjV21giozBTP5c6uZhpvTWRbmHXbmsjZqY4HnEZQRXWkSAppsIBweKqw==",
+      "cpu": [
+        "ia32"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-x64-msvc": {
+      "version": "13.5.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-13.5.4.tgz",
+      "integrity": "sha512-cyRvlAxwlddlqeB9xtPSfNSCRy8BOa4wtMo0IuI9P7Y0XT2qpDrpFKRyZ7kUngZis59mPVla5k8X1oOJ8RxDYg==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    }
+  }
+}

From bc046fce951f8f5dbd31f8ab291a6fad612114cd Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 1 Nov 2023 12:47:14 +0100
Subject: [PATCH 303/714] chore: remove multiple empty lines

---
 pages/etherpad/[[...roomId]].js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/pages/etherpad/[[...roomId]].js b/pages/etherpad/[[...roomId]].js
index 08041a11..b24bad77 100644
--- a/pages/etherpad/[[...roomId]].js
+++ b/pages/etherpad/[[...roomId]].js
@@ -129,7 +129,6 @@ export default function Etherpad() {
         };
     }, [etherpad, syncServerPadsAndSet]);
 
-
     const createWriteRoom = useCallback(async (link, name) => {
         if (!link || !name) return;
         const createRoomForPad = async () => {

From b2c2bb3a1cd359cce5c1e26662feb9890fab9652 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 1 Nov 2023 12:47:38 +0100
Subject: [PATCH 304/714] chore: remove unused import

---
 pages/etherpad/[[...roomId]].js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/pages/etherpad/[[...roomId]].js b/pages/etherpad/[[...roomId]].js
index b24bad77..203f4d97 100644
--- a/pages/etherpad/[[...roomId]].js
+++ b/pages/etherpad/[[...roomId]].js
@@ -14,7 +14,6 @@ import TextButton from '../../components/UI/TextButton';
 import { ServiceTable } from '../../components/UI/ServiceTable';
 import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
 import LoadingSpinner from '../../components/UI/LoadingSpinner';
-import logger from '../../lib/Logging';
 import ServiceLink from '../../components/UI/ServiceLink';
 import CopyToClipboard from '../../components/UI/CopyToClipboard';
 import CreateAnonymousPad from './actions/CreateAnonymousPad';

From 65dfd51d4354347705303786b21a48266e326d35 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 1 Nov 2023 15:21:33 +0100
Subject: [PATCH 305/714] feat: implement retry handler

---
 components/UI/ServiceIframeHeader.js | 10 +++---
 components/UI/ServiceLink.js         |  2 +-
 pages/explore/[[...roomId]].js       | 48 +++++++++++++++++-----------
 3 files changed, 37 insertions(+), 23 deletions(-)

diff --git a/components/UI/ServiceIframeHeader.js b/components/UI/ServiceIframeHeader.js
index 3de65bea..270b2932 100644
--- a/components/UI/ServiceIframeHeader.js
+++ b/components/UI/ServiceIframeHeader.js
@@ -1,12 +1,10 @@
 import styled from 'styled-components';
 import { useTranslation } from 'react-i18next';
-import { DeleteBinIcon } from '@remixicons/react/line';
+import { DeleteBinIcon, FolderIcon, ListSettingsIcon } from '@remixicons/react/line';
 
 import IframeLayout from '../../components/layouts/iframe';
 import CopyToClipboard from '../../components/UI/CopyToClipboard';
 import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
-import FolderIcon from '../../assets/icons/folder.svg';
-import ListSettingsIcon from '../../assets/icons/list-settings.svg';
 import InviteUsersToMatrixRoom from './InviteUsersToMatrixRoom';
 
 const ToggleButton = styled.button`
@@ -27,13 +25,15 @@ const ServiceIframeHeader = ({ isDeletingPad, deleteContent, title, roomId, myPa
             <IframeLayout.IframeHeaderButtonWrapper>
                 <CopyToClipboard content={content} />
                 { deleteContent && <button title={t(myPadsObject ? 'Delete pad' : 'Remove pad from my library')} onClick={deleteContent}>
-                    { isDeletingPad ? <LoadingSpinnerInline /> : <DeleteBinIcon fill="var(--color-foreground)" /> }
+                    { isDeletingPad ? <LoadingSpinnerInline /> : <DeleteBinIcon width="24px" height="24px" fill="var(--color-foreground)" /> }
                 </button> }
                 <InviteUsersToMatrixRoom roomId={roomId} name={title} />
                 { myPowerLevel && (
                     manageContextActionToggle ? (
                         <ToggleButton onClick={() => { setManageContextActionToggle(false); }}>
                             <FolderIcon
+                                width="24px"
+                                height="24px"
                                 title={t('Browse the selected context')}
                                 fill="var(--color-foreground)"
                             />
@@ -41,6 +41,8 @@ const ServiceIframeHeader = ({ isDeletingPad, deleteContent, title, roomId, myPa
                     ) : (
                         <ToggleButton onClick={() => { setManageContextActionToggle(true); }}>
                             <ListSettingsIcon
+                                width="24px"
+                                height="24px"
                                 title={t('Manage the selected context')}
                                 fill="var(--color-foreground)"
                             />
diff --git a/components/UI/ServiceLink.js b/components/UI/ServiceLink.js
index b5740134..b6329f07 100644
--- a/components/UI/ServiceLink.js
+++ b/components/UI/ServiceLink.js
@@ -18,7 +18,7 @@ const ServiceLink = forwardRef(({ roomId, name, selected, path, passwordProtecte
     return (
         <ServiceTable.Row>
             <ServiceTable.Cell selected={selected}>
-                <Link ref={ref} disabled href={`/${path}/${roomId}`}>{ name }</Link>
+                <Link ref={ref} disabled href={`${path}/${roomId}`}>{ name }</Link>
             </ServiceTable.Cell>
             { /* Show a lock icon if this Link is password protected */ }
             { passwordProtected && (
diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 26e3a96a..685d39b6 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -71,7 +71,9 @@ export default function Explore() {
         if (!selectedSpaceChildren) return;
         e && e.preventDefault();
         logger.debug('Fetch the room hierarchy for ' + roomId);
-        const getSpaceHierarchy = async () => await matrix.roomHierarchy(roomId, null, 1)
+        const getSpaceHierarchy = async () => await matrix.roomHierarchy(roomId, null, 1);
+
+        const spaceHierarchy = await getSpaceHierarchy()
             .catch(async error => {
                 if (error.data?.error.includes('not in room')) {
                     // If the error indicates the user is not in the room and previews are disabled
@@ -83,19 +85,19 @@ export default function Explore() {
                         // If successfully joined, recursively call 'getSpaceHierarchy' again.
                         if (joinRoom) return await getSpaceHierarchy();
                     }
-                } else setErrorMessage(error.data.error); // Handle other errors by setting an error message.
+                } else {
+                    return matrix.handleRateLimit(error, () => getSpaceHierarchy())
+                        .catch(error => {
+                            setErrorMessage(error.message);
+                        });  // Handle other errors by setting an error message.
+                }
             });
-        const spaceHierarchy = await getSpaceHierarchy();
         if (!spaceHierarchy) return;
         const parent = spaceHierarchy[0];
 
         const getMetaEvent = async (obj) => {
             logger.debug('Getting meta event for ' + (obj.state_key || obj.room_id));
-            const metaEvent = await auth.getAuthenticationProvider('matrix').getMatrixClient().getStateEvent(obj.state_key || obj.room_id, 'dev.medienhaus.meta')
-                .catch((err) => {
-                    logger.debug(err);
-                    obj.missingMetaEvent = true;
-                });
+            const metaEvent = async () => await auth.getAuthenticationProvider('matrix').getMatrixClient().getStateEvent(obj.state_key || obj.room_id, 'dev.medienhaus.meta');
 
             if (metaEvent) {
                 obj.type = metaEvent.type;
@@ -106,7 +108,16 @@ export default function Explore() {
 
         for (const space of spaceHierarchy) {
             space.parent = parent;
-            await getMetaEvent(space);
+            await getMetaEvent(space)
+                .catch((error) => {
+                    logger.debug(error);
+
+                    return matrix.handleRateLimit(error, () => getMetaEvent(space))
+                        .catch(error => {
+                            space.missingMetaEvent = true;
+                            setErrorMessage(error.message);
+                        });
+                });
         }
 
         setSelectedSpaceChildren((prevState) => {
@@ -127,18 +138,20 @@ export default function Explore() {
             // If indexOfParent is still null, simply add the new spaceHierarchy to the end of the array
             return [...prevState, spaceHierarchy];
         });
-    }, [auth, matrix, selectedSpaceChildren]);
+    }, [auth, matrix, matrixClient, selectedSpaceChildren, t]);
 
     // Handle route changes and fetch room content
-    const onRouterChange = useCallback(async () => {
-        setIsFetchingContent(roomId);
-        setManageContextActionToggle(false);
-        await callApiAndAddToObject(null, roomId);
-        setIsFetchingContent(false);
-    }, [roomId, callApiAndAddToObject]);
 
     useEffect(() => {
         let cancelled = false;
+
+        const onRouterChange = async () => {
+            setIsFetchingContent(roomId);
+            setManageContextActionToggle(false);
+            await callApiAndAddToObject(null, roomId);
+            setIsFetchingContent(false);
+        };
+
         if (!cancelled && matrix.initialSyncDone && router.query?.roomId) {
             onRouterChange();
         }
@@ -146,7 +159,7 @@ export default function Explore() {
         return () => {
             cancelled = true;
         };
-    }, [router.query?.roomId, matrix.initialSyncDone, onRouterChange]);
+    }, [router.query?.roomId, matrix.initialSyncDone]);
 
     if (typeof window === 'undefined') return <LoadingSpinner />;
 
@@ -162,7 +175,6 @@ export default function Explore() {
                             isFetchingContent={isFetchingContent}
                             iframeRoomId={iframeRoomId}
                         />
-
                     }
                 </ServiceTableWrapper>
             </IframeLayout.Sidebar>

From 2b910918e06b6fdf525858ac6d04272d61675db3 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 1 Nov 2023 15:28:47 +0100
Subject: [PATCH 306/714] refactor: show error message when no templates are
 defined chore: add translation

---
 pages/explore/manage-room/TemplateSelect.js | 10 ++++++++--
 public/locales/de/explore.json              |  5 +++--
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/pages/explore/manage-room/TemplateSelect.js b/pages/explore/manage-room/TemplateSelect.js
index 0e04a783..8240d816 100644
--- a/pages/explore/manage-room/TemplateSelect.js
+++ b/pages/explore/manage-room/TemplateSelect.js
@@ -1,5 +1,8 @@
 import React from 'react';
 import getConfig from 'next/config';
+import { useTranslation } from 'react-i18next';
+
+import ErrorMessage from '../../../components/UI/ErrorMessage';
 
 /**
  * TEMPLATE SELECT COMPONENT
@@ -16,18 +19,21 @@ import getConfig from 'next/config';
 */
 
 const TemplateSelect = ({ currentTemplate, setTemplate }) => {
-    const contextTemplates = getConfig().publicRuntimeConfig.templates.context; //
+    const contextTemplates = getConfig().publicRuntimeConfig.templates?.context; //
+    const { t } = useTranslation();
 
     const onChangeTemplateSelect = (e) => {
         setTemplate(e.target.value);
     };
 
+    if (!contextTemplates) return <ErrorMessage>{ t('No context templates defined, please contact the administrator') }</ErrorMessage>;
+
     return (
         <>
             <select name="template" defaultValue="" value={currentTemplate} onChange={onChangeTemplateSelect}>
                 <option value="" disabled>Template</option>
                 { contextTemplates?.map((template, key) => {
-                    {/* cycle through all of context templates supplied in the config */}
+                    {/* cycle through all context templates supplied in the config */}
 
                     return <option key={key} value={template}>
                         { template }
diff --git a/public/locales/de/explore.json b/public/locales/de/explore.json
index 2f388659..b9db6ce1 100644
--- a/public/locales/de/explore.json
+++ b/public/locales/de/explore.json
@@ -1,3 +1,4 @@
 {
-    "Change Join Rule for": "Ändere Join Rule für"
-}
\ No newline at end of file
+    "Change Join Rule for": "Join-Regel ändern für",
+    "No context templates defined, please contact the administrator": "Es sind keine Kontextvorlagen definiert. Bitte kontaktiere den Administrator."
+}

From 30cb4397826afea045ecdbb85b493c22fc9db019 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 1 Nov 2023 15:42:55 +0100
Subject: [PATCH 307/714] refactor: small fixes and improvements

---
 pages/explore/manage-room/ChangeTopic.js           | 10 +++++-----
 pages/explore/manage-room/RemoveSpaceFromParent.js |  7 ++++++-
 2 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/pages/explore/manage-room/ChangeTopic.js b/pages/explore/manage-room/ChangeTopic.js
index 613d6a75..37db2083 100644
--- a/pages/explore/manage-room/ChangeTopic.js
+++ b/pages/explore/manage-room/ChangeTopic.js
@@ -26,11 +26,6 @@ const ChangeTopic = ({ roomId, onCancel }) => {
     const [currentTopic, setCurrentTopic] = useState('');
     const [errorMessage, setErrorMessage] = useState('');
 
-    useEffect(() => {
-        // Fetch the current room topic when the component mounts
-        getCurrentTopic();
-    }, [getCurrentTopic]);
-
     const getCurrentTopic = useCallback(async () => {
         // Use the Matrix client to get the current room topic
         const stateEvent = await matrixClient.getStateEvent(roomId, 'm.room.topic')
@@ -44,6 +39,11 @@ const ChangeTopic = ({ roomId, onCancel }) => {
         }
     }, [matrixClient, roomId]);
 
+    useEffect(() => {
+        // Fetch the current room topic when the component mounts
+        getCurrentTopic();
+    }, [getCurrentTopic]);
+
     const handleTopicChange = (e) => {
         setNewTopic(e.target.value);
     };
diff --git a/pages/explore/manage-room/RemoveSpaceFromParent.js b/pages/explore/manage-room/RemoveSpaceFromParent.js
index 416a6a34..a2375f37 100644
--- a/pages/explore/manage-room/RemoveSpaceFromParent.js
+++ b/pages/explore/manage-room/RemoveSpaceFromParent.js
@@ -1,6 +1,7 @@
 import React, { useState } from 'react';
 import styled from 'styled-components';
 import { useTranslation } from 'react-i18next';
+import getConfig from 'next/config';
 
 import { useAuth } from '../../../lib/Auth';
 import { ServiceTable } from '../../../components/UI/ServiceTable';
@@ -79,7 +80,11 @@ const RemoveSpaceFromParent = ({
             <RemoveSection>
                 <ServiceTable>
                     { children.map(child => {
+                        // don't display the root space, so it not accidentally deleted
+                        if (child.room_id === getConfig().publicRuntimeConfig.contextRootSpaceRoomId) return;
+
                         return <RemoveListEntry
+                            key={child.name}
                             child={child}
                             handleSelect={handleSelect}
                             checked={itemsToRemove.includes(child.room_id)}
@@ -123,7 +128,7 @@ function RemoveListEntry({ child, parentName, handleSelect, checked }) {
             <input type="checkbox"
                 checked={checked}
                 title={t('Remove {{child}} from {{parent}}', { child: child.name, parent: parentName })}
-                onClick={() => handleSelect(child.room_id)} />
+                onChange={() => handleSelect(child.room_id)} />
         </ServiceTable.Cell>
     </ServiceTable.Row>;
 }

From 0625d25533a93e260916ddf52f64dca03c54e70d Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 1 Nov 2023 16:33:21 +0100
Subject: [PATCH 308/714] update package-lock after merge

---
 package-lock.json | 8909 ---------------------------------------------
 1 file changed, 8909 deletions(-)
 delete mode 100644 package-lock.json

diff --git a/package-lock.json b/package-lock.json
deleted file mode 100644
index ad7ad774..00000000
--- a/package-lock.json
+++ /dev/null
@@ -1,8909 +0,0 @@
-{
-  "name": "medienhaus-frontend",
-  "lockfileVersion": 3,
-  "requires": true,
-  "packages": {
-    "": {
-      "name": "medienhaus-frontend",
-      "dependencies": {
-        "i18next": "^23.5.1",
-        "i18next-browser-languagedetector": "^7.1.0",
-        "i18next-resources-to-backend": "^1.1.4",
-        "lodash": "^4.17.21",
-        "matrix-js-sdk": "^28.2.0",
-        "next": "^13.5.4",
-        "normalize.css": "^8.0.1",
-        "pino": "^8.15.6",
-        "react": "^18.2.0",
-        "react-dom": "^18.2.0",
-        "react-i18next": "^13.2.2",
-        "react-modal": "^3.16.1",
-        "styled-components": "^6.0.8"
-      },
-      "devDependencies": {
-        "@remixicons/react": "^1.0.0",
-        "@stylelint/postcss-css-in-js": "^0.38.0",
-        "eslint": "^8.11.0",
-        "eslint-config-next": "^13.5.6",
-        "eslint-plugin-import": "^2.25.4",
-        "eslint-plugin-matrix-org": "^0.8.0",
-        "stylelint": "^14.8.2",
-        "stylelint-config-recess-order": "^3.0.0",
-        "stylelint-config-standard": "^25.0.0",
-        "stylelint-config-styled-components": "^0.1.1",
-        "stylelint-webpack-plugin": "^3.2.0"
-      }
-    },
-    "node_modules/@ampproject/remapping": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.1.tgz",
-      "integrity": "sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==",
-      "dependencies": {
-        "@jridgewell/gen-mapping": "^0.3.0",
-        "@jridgewell/trace-mapping": "^0.3.9"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/@babel/cli": {
-      "version": "7.23.0",
-      "resolved": "https://registry.npmjs.org/@babel/cli/-/cli-7.23.0.tgz",
-      "integrity": "sha512-17E1oSkGk2IwNILM4jtfAvgjt+ohmpfBky8aLerUfYZhiPNg7ca+CRCxZn8QDxwNhV/upsc2VHBCqGFIR+iBfA==",
-      "dependencies": {
-        "@jridgewell/trace-mapping": "^0.3.17",
-        "commander": "^4.0.1",
-        "convert-source-map": "^2.0.0",
-        "fs-readdir-recursive": "^1.1.0",
-        "glob": "^7.2.0",
-        "make-dir": "^2.1.0",
-        "slash": "^2.0.0"
-      },
-      "bin": {
-        "babel": "bin/babel.js",
-        "babel-external-helpers": "bin/babel-external-helpers.js"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "optionalDependencies": {
-        "@nicolo-ribaudo/chokidar-2": "2.1.8-no-fsevents.3",
-        "chokidar": "^3.4.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/cli/node_modules/commander": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
-      "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/@babel/cli/node_modules/slash": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/slash/-/slash-2.0.0.tgz",
-      "integrity": "sha512-ZYKh3Wh2z1PpEXWr0MpSBZ0V6mZHAQfYevttO11c51CaWjGTaadiKZ+wVt1PbMlDV5qhMFslpZCemhwOK7C89A==",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/highlight": "^7.22.13",
-        "chalk": "^2.4.2"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "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==",
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "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==",
-      "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/@babel/eslint-parser": {
-      "version": "7.22.15",
-      "resolved": "https://registry.npmjs.org/@babel/eslint-parser/-/eslint-parser-7.22.15.tgz",
-      "integrity": "sha512-yc8OOBIQk1EcRrpizuARSQS0TWAcOMpEJ1aafhNznaeYkeL+OhqnDObGFylB8ka8VFF/sZc+S4RzHyO+3LjQxg==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@nicolo-ribaudo/eslint-scope-5-internals": "5.1.1-v1",
-        "eslint-visitor-keys": "^2.1.0",
-        "semver": "^6.3.1"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || >=14.0.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.11.0",
-        "eslint": "^7.5.0 || ^8.0.0"
-      }
-    },
-    "node_modules/@babel/eslint-parser/node_modules/eslint-visitor-keys": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz",
-      "integrity": "sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==",
-      "dev": true,
-      "peer": true,
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/@babel/eslint-plugin": {
-      "version": "7.22.10",
-      "resolved": "https://registry.npmjs.org/@babel/eslint-plugin/-/eslint-plugin-7.22.10.tgz",
-      "integrity": "sha512-SRZcvo3fnO5h79B9DZSV6LG2vHH7OWsSNp1huFLHsXKyytRG413byQk9zxW1VcPOhnzfx2VIUz+8aGbiE7fOkA==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "eslint-rule-composer": "^0.3.0"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || >=14.0.0"
-      },
-      "peerDependencies": {
-        "@babel/eslint-parser": "^7.11.0",
-        "eslint": "^7.5.0 || ^8.0.0"
-      }
-    },
-    "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/helper-annotate-as-pure": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.22.5.tgz",
-      "integrity": "sha512-LvBTxu8bQSQkcyKOU+a1btnNFQ1dMAd0R6PyW3arXes06F6QLWLIrd681bxRPIXlrMGR3XYnW9JyML7dP3qgxg==",
-      "dependencies": {
-        "@babel/types": "^7.22.5"
-      },
-      "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",
-      "integrity": "sha512-QkBXwGgaoC2GtGZRoma6kv7Szfv06khvhFav67ZExau2RaXzy8MpHSMO2PNoP2XtmQphJQRHFfg77Bq731Yizw==",
-      "dependencies": {
-        "@babel/types": "^7.22.15"
-      },
-      "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",
-      "integrity": "sha512-y6EEzULok0Qvz8yyLkCvVX+02ic+By2UdOhylwUOvOn9dvYc9mKICJuuU1n1XBI02YWsNsnrY1kc6DVbjcXbtw==",
-      "dependencies": {
-        "@babel/compat-data": "^7.22.9",
-        "@babel/helper-validator-option": "^7.22.15",
-        "browserslist": "^4.21.9",
-        "lru-cache": "^5.1.1",
-        "semver": "^6.3.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-compilation-targets/node_modules/lru-cache": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
-      "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
-      "dependencies": {
-        "yallist": "^3.0.2"
-      }
-    },
-    "node_modules/@babel/helper-compilation-targets/node_modules/yallist": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
-      "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==",
-      "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-optimise-call-expression": "^7.22.5",
-        "@babel/helper-replace-supers": "^7.22.9",
-        "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5",
-        "@babel/helper-split-export-declaration": "^7.22.6",
-        "semver": "^6.3.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
-      }
-    },
-    "node_modules/@babel/helper-create-regexp-features-plugin": {
-      "version": "7.22.15",
-      "resolved": "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.22.15.tgz",
-      "integrity": "sha512-29FkPLFjn4TPEa3RE7GpW+qbE8tlsu3jntNYNfcGsc49LphF1PQIiD+vMZ1z1xVOKt+93khA9tc2JBs3kBjA7w==",
-      "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.22.5",
-        "regexpu-core": "^5.3.1",
-        "semver": "^6.3.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-compilation-targets": "^7.22.6",
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "debug": "^4.1.1",
-        "lodash.debounce": "^4.0.8",
-        "resolve": "^1.14.2"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
-      }
-    },
-    "node_modules/@babel/helper-environment-visitor": {
-      "version": "7.22.20",
-      "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.20.tgz",
-      "integrity": "sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA==",
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-function-name": {
-      "version": "7.23.0",
-      "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.23.0.tgz",
-      "integrity": "sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw==",
-      "dependencies": {
-        "@babel/template": "^7.22.15",
-        "@babel/types": "^7.23.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",
-      "integrity": "sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==",
-      "dependencies": {
-        "@babel/types": "^7.22.5"
-      },
-      "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",
-      "integrity": "sha512-6gfrPwh7OuT6gZyJZvd6WbTfrqAo7vm4xCzAXOusKqq/vWdKXphTpj5klHKNmRUU6/QRGlBsyU9mAIPaWHlqJA==",
-      "dependencies": {
-        "@babel/types": "^7.23.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",
-      "integrity": "sha512-0pYVBnDKZO2fnSPCrgM/6WMc7eS20Fbok+0r88fp+YtWVLZrp4CkafFGIp+W0VKw4a22sgebPT99y+FDNMdP4w==",
-      "dependencies": {
-        "@babel/types": "^7.22.15"
-      },
-      "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==",
-      "dependencies": {
-        "@babel/helper-environment-visitor": "^7.22.20",
-        "@babel/helper-module-imports": "^7.22.15",
-        "@babel/helper-simple-access": "^7.22.5",
-        "@babel/helper-split-export-declaration": "^7.22.6",
-        "@babel/helper-validator-identifier": "^7.22.20"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
-      }
-    },
-    "node_modules/@babel/helper-optimise-call-expression": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.22.5.tgz",
-      "integrity": "sha512-HBwaojN0xFRx4yIvpwGqxiV2tUfl7401jlok564NgB9EHS1y6QT17FmKWm4ztqjeVdXLuC4fSvHc5ePpQjoTbw==",
-      "dependencies": {
-        "@babel/types": "^7.22.5"
-      },
-      "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",
-      "integrity": "sha512-uLls06UVKgFG9QD4OeFYLEGteMIAa5kpTPcFL28yuCIIzsf6ZyKZMllKVOCZFhiZ5ptnwX4mtKdWCBE/uT4amg==",
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-remap-async-to-generator": {
-      "version": "7.22.20",
-      "resolved": "https://registry.npmjs.org/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.22.20.tgz",
-      "integrity": "sha512-pBGyV4uBqOns+0UvhsTO8qgl8hO89PmiDYv+/COyp1aeMcmfrfruz+/nCMFiYyFF/Knn0yfrC85ZzNFjembFTw==",
-      "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.22.5",
-        "@babel/helper-environment-visitor": "^7.22.20",
-        "@babel/helper-wrap-function": "^7.22.20"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
-      }
-    },
-    "node_modules/@babel/helper-replace-supers": {
-      "version": "7.22.20",
-      "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.22.20.tgz",
-      "integrity": "sha512-qsW0In3dbwQUbK8kejJ4R7IHVGwHJlV6lpG6UA7a9hSa2YEiAib+N1T2kr6PEeUT+Fl7najmSOS6SmAwCHK6Tw==",
-      "dependencies": {
-        "@babel/helper-environment-visitor": "^7.22.20",
-        "@babel/helper-member-expression-to-functions": "^7.22.15",
-        "@babel/helper-optimise-call-expression": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
-      }
-    },
-    "node_modules/@babel/helper-simple-access": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.22.5.tgz",
-      "integrity": "sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==",
-      "dependencies": {
-        "@babel/types": "^7.22.5"
-      },
-      "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",
-      "integrity": "sha512-tK14r66JZKiC43p8Ki33yLBVJKlQDFoA8GYN67lWCDCqoL6EMMSuM9b+Iff2jHaM/RRFYl7K+iiru7hbRqNx8Q==",
-      "dependencies": {
-        "@babel/types": "^7.22.5"
-      },
-      "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",
-      "integrity": "sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==",
-      "dependencies": {
-        "@babel/types": "^7.22.5"
-      },
-      "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==",
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-validator-identifier": {
-      "version": "7.22.20",
-      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz",
-      "integrity": "sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==",
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "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==",
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-wrap-function": {
-      "version": "7.22.20",
-      "resolved": "https://registry.npmjs.org/@babel/helper-wrap-function/-/helper-wrap-function-7.22.20.tgz",
-      "integrity": "sha512-pms/UwkOpnQe/PDAEdV/d7dVCoBbB+R4FvYoHGZz+4VPcg7RtYy2KP7S2lbuWM6FCSgob5wshfGESbC/hzNXZw==",
-      "dependencies": {
-        "@babel/helper-function-name": "^7.22.5",
-        "@babel/template": "^7.22.15",
-        "@babel/types": "^7.22.19"
-      },
-      "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==",
-      "dependencies": {
-        "@babel/template": "^7.22.15",
-        "@babel/traverse": "^7.23.0",
-        "@babel/types": "^7.23.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-validator-identifier": "^7.22.20",
-        "chalk": "^2.4.2",
-        "js-tokens": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "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/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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
-      }
-    },
-    "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==",
-      "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"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.13.0"
-      }
-    },
-    "node_modules/@babel/plugin-external-helpers": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-external-helpers/-/plugin-external-helpers-7.22.5.tgz",
-      "integrity": "sha512-ngnNEWxmykPk82mH4ajZT0qTztr3Je6hrMuKAslZVM8G1YZTENJSYwrIGtt6KOtznug3exmAtF4so/nPqJuA4A==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-proposal-class-properties": {
-      "version": "7.18.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-class-properties/-/plugin-proposal-class-properties-7.18.6.tgz",
-      "integrity": "sha512-cumfXOF0+nzZrrN8Rf0t7M+tF6sZc7vhQwYQck9q1/5w2OExlD+b4v4RpMJFaV1Z7WcDRgO6FqvxqxGlwo+RHQ==",
-      "deprecated": "This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-class-properties instead.",
-      "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-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",
-      "integrity": "sha512-d2S98yCiLxDVmBmE8UjGcfPvNEUbA1U5q5WxaWFUGRzJSVAZqm5W6MbPct0jxnegUZ0niLeNX+IOzEs7wYg9Dg==",
-      "deprecated": "This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-object-rest-spread instead.",
-      "dependencies": {
-        "@babel/compat-data": "^7.20.5",
-        "@babel/helper-compilation-targets": "^7.20.7",
-        "@babel/helper-plugin-utils": "^7.20.2",
-        "@babel/plugin-syntax-object-rest-spread": "^7.8.3",
-        "@babel/plugin-transform-parameters": "^7.20.7"
-      },
-      "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",
-      "integrity": "sha512-SOSkfJDddaM7mak6cPEpswyTRnuRltl429hMraQEglW+OkovnCzsiszTmsrlY//qLFjCpQDFRvjdm2wA5pPm9w==",
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "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",
-      "integrity": "sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.8.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-class-properties": {
-      "version": "7.12.13",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-properties/-/plugin-syntax-class-properties-7.12.13.tgz",
-      "integrity": "sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.12.13"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-class-static-block": {
-      "version": "7.14.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-static-block/-/plugin-syntax-class-static-block-7.14.5.tgz",
-      "integrity": "sha512-b+YyPmr6ldyNnM6sqYeMWE+bgJcJpO6yS4QD7ymxgH34GBPNDM/THBh8iunyvKIZztiwLH4CJZ0RxTk9emgpjw==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.14.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-dynamic-import": {
-      "version": "7.8.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-dynamic-import/-/plugin-syntax-dynamic-import-7.8.3.tgz",
-      "integrity": "sha512-5gdGbFon+PszYzqs83S3E5mpi7/y/8M9eC90MRTZfduQOYW76ig6SOSPNe41IG5LoP3FGBn2N0RjVDSQiS94kQ==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.8.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-export-namespace-from": {
-      "version": "7.8.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-export-namespace-from/-/plugin-syntax-export-namespace-from-7.8.3.tgz",
-      "integrity": "sha512-MXf5laXo6c1IbEbegDmzGPwGNTsHZmEy6QGznu5Sh2UCWvueywb2ee+CCE4zQiZstxU9BMoQO9i6zUFSY0Kj0Q==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.8.3"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-import-meta": {
-      "version": "7.10.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-meta/-/plugin-syntax-import-meta-7.10.4.tgz",
-      "integrity": "sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.10.4"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-json-strings": {
-      "version": "7.8.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.8.3.tgz",
-      "integrity": "sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.8.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-jsx": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.22.5.tgz",
-      "integrity": "sha512-gvyP4hZrgrs/wWMaocvxZ44Hw0b3W8Pe+cMxc8V1ULQ07oh8VNbIRaoD1LRZVTvD+0nieDKjfgKg89sD7rrKrg==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-logical-assignment-operators": {
-      "version": "7.10.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.4.tgz",
-      "integrity": "sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.10.4"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-nullish-coalescing-operator": {
-      "version": "7.8.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-nullish-coalescing-operator/-/plugin-syntax-nullish-coalescing-operator-7.8.3.tgz",
-      "integrity": "sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.8.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-numeric-separator": {
-      "version": "7.10.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-numeric-separator/-/plugin-syntax-numeric-separator-7.10.4.tgz",
-      "integrity": "sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.10.4"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-object-rest-spread": {
-      "version": "7.8.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-object-rest-spread/-/plugin-syntax-object-rest-spread-7.8.3.tgz",
-      "integrity": "sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.8.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-optional-catch-binding": {
-      "version": "7.8.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-catch-binding/-/plugin-syntax-optional-catch-binding-7.8.3.tgz",
-      "integrity": "sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.8.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-optional-chaining": {
-      "version": "7.8.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-chaining/-/plugin-syntax-optional-chaining-7.8.3.tgz",
-      "integrity": "sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.8.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-private-property-in-object": {
-      "version": "7.14.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-private-property-in-object/-/plugin-syntax-private-property-in-object-7.14.5.tgz",
-      "integrity": "sha512-0wVnp9dxJ72ZUJDV27ZfbSj6iHLoytYZmh3rFcxNnvsJF3ktkzLDZPy/mA17HGsaQT3/DQsWYX1f1QGWkCoVUg==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.14.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-top-level-await": {
-      "version": "7.14.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.14.5.tgz",
-      "integrity": "sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.14.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-typescript": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.22.5.tgz",
-      "integrity": "sha512-1mS2o03i7t1c6VzH6fdQ3OA8tcEIxwG18zIPRp+UY1Ihv6W+XZzBCVxExF9upussPXJ0xE9XRHwMoNs1ep/nRQ==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-unicode-sets-regex": {
-      "version": "7.18.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-unicode-sets-regex/-/plugin-syntax-unicode-sets-regex-7.18.6.tgz",
-      "integrity": "sha512-727YkEAPwSIQTv5im8QHz3upqp92JTWhidIC81Tdx4VJYIte/VndKf1qKrfnnhPLiPghStWfvC/iFaMCQu7Nqg==",
-      "dependencies": {
-        "@babel/helper-create-regexp-features-plugin": "^7.18.6",
-        "@babel/helper-plugin-utils": "^7.18.6"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-environment-visitor": "^7.22.5",
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/helper-remap-async-to-generator": "^7.22.9",
-        "@babel/plugin-syntax-async-generators": "^7.8.4"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-module-imports": "^7.22.5",
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/helper-remap-async-to-generator": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-create-class-features-plugin": "^7.22.5",
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-create-class-features-plugin": "^7.22.11",
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/plugin-syntax-class-static-block": "^7.14.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.12.0"
-      }
-    },
-    "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==",
-      "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-optimise-call-expression": "^7.22.5",
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/helper-replace-supers": "^7.22.9",
-        "@babel/helper-split-export-declaration": "^7.22.6",
-        "globals": "^11.1.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/template": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-create-regexp-features-plugin": "^7.22.5",
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/plugin-syntax-dynamic-import": "^7.8.3"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-builder-binary-assignment-operator-visitor": "^7.22.5",
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/plugin-syntax-export-namespace-from": "^7.8.3"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-compilation-targets": "^7.22.5",
-        "@babel/helper-function-name": "^7.22.5",
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/plugin-syntax-json-strings": "^7.8.3"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@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-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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-module-transforms": "^7.23.0",
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-module-transforms": "^7.23.0",
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/helper-simple-access": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-hoist-variables": "^7.22.5",
-        "@babel/helper-module-transforms": "^7.23.0",
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/helper-validator-identifier": "^7.22.20"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-module-transforms": "^7.22.5",
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-named-capturing-groups-regex": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.22.5.tgz",
-      "integrity": "sha512-YgLLKmS3aUBhHaxp5hi1WJTgOUb/NCuDHzGT9z9WTt3YG+CPRhJs6nprbStx6DnWM4dh6gt7SU3sZodbZ08adQ==",
-      "dependencies": {
-        "@babel/helper-create-regexp-features-plugin": "^7.22.5",
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@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-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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/plugin-syntax-numeric-separator": "^7.10.4"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/compat-data": "^7.22.9",
-        "@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"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/helper-replace-supers": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@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-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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5",
-        "@babel/plugin-syntax-optional-chaining": "^7.8.3"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-create-class-features-plugin": "^7.22.5",
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.22.5",
-        "@babel/helper-create-class-features-plugin": "^7.22.11",
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/plugin-syntax-private-property-in-object": "^7.14.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-react-display-name": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.22.5.tgz",
-      "integrity": "sha512-PVk3WPYudRF5z4GKMEYUrLjPl38fJSKNaEOkFuoprioowGuWN6w2RKznuFNSlJx7pzzXXStPUnNSOEO0jL5EVw==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-react-jsx": {
-      "version": "7.22.15",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.22.15.tgz",
-      "integrity": "sha512-oKckg2eZFa8771O/5vi7XeTvmM6+O9cxZu+kanTU7tD4sin5nO/G8jGJhq8Hvt2Z0kUoEDRayuZLaUlYl8QuGA==",
-      "dependencies": {
-        "@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.22.5",
-        "@babel/types": "^7.22.15"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-react-jsx-development": {
-      "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==",
-      "dependencies": {
-        "@babel/plugin-transform-react-jsx": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-react-pure-annotations": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-pure-annotations/-/plugin-transform-react-pure-annotations-7.22.5.tgz",
-      "integrity": "sha512-gP4k85wx09q+brArVinTXhWiyzLl9UpmGva0+mWyKxk6JZequ05x3eUcIUE+FyttPKJFRRVtAvQaJ6YF9h1ZpA==",
-      "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.22.5",
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "regenerator-transform": "^0.15.2"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-typescript": {
-      "version": "7.22.15",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.22.15.tgz",
-      "integrity": "sha512-1uirS0TnijxvQLnlv5wQBwOX3E1wCFX7ITv+9pBV2wKEk4K+M5tqDaoNXnTH8tjEIYHLO98MwiTWO04Ggz4XuA==",
-      "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.22.5",
-        "@babel/helper-create-class-features-plugin": "^7.22.15",
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/plugin-syntax-typescript": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-create-regexp-features-plugin": "^7.22.5",
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-create-regexp-features-plugin": "^7.22.5",
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-create-regexp-features-plugin": "^7.22.5",
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/compat-data": "^7.22.20",
-        "@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/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-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-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-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/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",
-        "core-js-compat": "^3.31.0",
-        "semver": "^6.3.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/preset-modules": {
-      "version": "0.1.6-no-external-plugins",
-      "resolved": "https://registry.npmjs.org/@babel/preset-modules/-/preset-modules-0.1.6-no-external-plugins.tgz",
-      "integrity": "sha512-HrcgcIESLm9aIR842yhJ5RWan/gebQUJ6E/E5+rf0y9o6oj7w0Br+sWuL6kEQ/o/AdfvR1Je9jG18/gnpwjEyA==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.0.0",
-        "@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/@babel/preset-react": {
-      "version": "7.22.15",
-      "resolved": "https://registry.npmjs.org/@babel/preset-react/-/preset-react-7.22.15.tgz",
-      "integrity": "sha512-Csy1IJ2uEh/PecCBXXoZGAZBeCATTuePzCSB7dLYWS0vOEj6CNpjxIhW4duWwZodBNueH7QO14WbGn8YyeuN9w==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/helper-validator-option": "^7.22.15",
-        "@babel/plugin-transform-react-display-name": "^7.22.5",
-        "@babel/plugin-transform-react-jsx": "^7.22.15",
-        "@babel/plugin-transform-react-jsx-development": "^7.22.5",
-        "@babel/plugin-transform-react-pure-annotations": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/preset-typescript": {
-      "version": "7.23.0",
-      "resolved": "https://registry.npmjs.org/@babel/preset-typescript/-/preset-typescript-7.23.0.tgz",
-      "integrity": "sha512-6P6VVa/NM/VlAYj5s2Aq/gdVg8FSENCg3wlZ6Qau9AcPaoF5LbN1nyGlR9DTRIw9PpxI94e+ReydsJHcjwAweg==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/helper-validator-option": "^7.22.15",
-        "@babel/plugin-syntax-jsx": "^7.22.5",
-        "@babel/plugin-transform-modules-commonjs": "^7.23.0",
-        "@babel/plugin-transform-typescript": "^7.22.15"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/regjsgen": {
-      "version": "0.8.0",
-      "resolved": "https://registry.npmjs.org/@babel/regjsgen/-/regjsgen-0.8.0.tgz",
-      "integrity": "sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA=="
-    },
-    "node_modules/@babel/runtime": {
-      "version": "7.23.1",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.1.tgz",
-      "integrity": "sha512-hC2v6p8ZSI/W0HUzh3V8C5g+NwSKzKPtJwSpTjwl0o297GP9+ZLQSkdvHz46CM3LqyoXxq+5G9komY+eSqSO0g==",
-      "dependencies": {
-        "regenerator-runtime": "^0.14.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/template": {
-      "version": "7.22.15",
-      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.22.15.tgz",
-      "integrity": "sha512-QPErUVm4uyJa60rkI73qneDacvdvzxshT3kksGqlGWYdOTIUOwJ7RDUL8sGqslY1uXWSL6xMFKEXDS3ox2uF0w==",
-      "dependencies": {
-        "@babel/code-frame": "^7.22.13",
-        "@babel/parser": "^7.22.15",
-        "@babel/types": "^7.22.15"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "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/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/@emotion/is-prop-valid": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.2.1.tgz",
-      "integrity": "sha512-61Mf7Ufx4aDxx1xlDeOm8aFFigGHE4z+0sKCa+IHCeZKiyP9RLD0Mmx7m8b9/Cf37f7NAvQOOJAbQQGVr5uERw==",
-      "dependencies": {
-        "@emotion/memoize": "^0.8.1"
-      }
-    },
-    "node_modules/@emotion/memoize": {
-      "version": "0.8.1",
-      "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz",
-      "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA=="
-    },
-    "node_modules/@emotion/unitless": {
-      "version": "0.8.1",
-      "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.8.1.tgz",
-      "integrity": "sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ=="
-    },
-    "node_modules/@eslint-community/eslint-utils": {
-      "version": "4.4.0",
-      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz",
-      "integrity": "sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==",
-      "dev": true,
-      "dependencies": {
-        "eslint-visitor-keys": "^3.3.0"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "peerDependencies": {
-        "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
-      }
-    },
-    "node_modules/@eslint-community/regexpp": {
-      "version": "4.5.1",
-      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.5.1.tgz",
-      "integrity": "sha512-Z5ba73P98O1KUYCCJTUeVpja9RcGoMdncZ6T49FCUl2lN38JtCJ+3WgIDBv0AuY4WChU5PmtJmOCTlN6FZTFKQ==",
-      "dev": true,
-      "engines": {
-        "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
-      }
-    },
-    "node_modules/@eslint/eslintrc": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.0.2.tgz",
-      "integrity": "sha512-3W4f5tDUra+pA+FzgugqL2pRimUTDJWKr7BINqOpkZrC0uYI0NIc0/JFgBROCU07HR6GieA5m3/rsPIhDmCXTQ==",
-      "dev": true,
-      "dependencies": {
-        "ajv": "^6.12.4",
-        "debug": "^4.3.2",
-        "espree": "^9.5.1",
-        "globals": "^13.19.0",
-        "ignore": "^5.2.0",
-        "import-fresh": "^3.2.1",
-        "js-yaml": "^4.1.0",
-        "minimatch": "^3.1.2",
-        "strip-json-comments": "^3.1.1"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/@eslint/eslintrc/node_modules/globals": {
-      "version": "13.20.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-13.20.0.tgz",
-      "integrity": "sha512-Qg5QtVkCy/kv3FUSlu4ukeZDVf9ee0iXLAUYX13gbR17bnejFTzr4iS9bY7kwCf1NztRNm1t91fjOiyx4CSwPQ==",
-      "dev": true,
-      "dependencies": {
-        "type-fest": "^0.20.2"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/@eslint/js": {
-      "version": "8.39.0",
-      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.39.0.tgz",
-      "integrity": "sha512-kf9RB0Fg7NZfap83B3QOqOGg9QmD9yBudqQXzzOtn3i4y7ZUXe5ONeW34Gwi+TxhH4mvj72R1Zc300KUMa9Bng==",
-      "dev": true,
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      }
-    },
-    "node_modules/@humanwhocodes/config-array": {
-      "version": "0.11.8",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.8.tgz",
-      "integrity": "sha512-UybHIJzJnR5Qc/MsD9Kr+RpO2h+/P1GhOwdiLPXK5TWk5sgTdu88bTD9UP+CKbPPh5Rni1u0GjAdYQLemG8g+g==",
-      "dev": true,
-      "dependencies": {
-        "@humanwhocodes/object-schema": "^1.2.1",
-        "debug": "^4.1.1",
-        "minimatch": "^3.0.5"
-      },
-      "engines": {
-        "node": ">=10.10.0"
-      }
-    },
-    "node_modules/@humanwhocodes/module-importer": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
-      "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
-      "dev": true,
-      "engines": {
-        "node": ">=12.22"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/nzakas"
-      }
-    },
-    "node_modules/@humanwhocodes/object-schema": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz",
-      "integrity": "sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==",
-      "dev": true
-    },
-    "node_modules/@jridgewell/gen-mapping": {
-      "version": "0.3.3",
-      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz",
-      "integrity": "sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==",
-      "dependencies": {
-        "@jridgewell/set-array": "^1.0.1",
-        "@jridgewell/sourcemap-codec": "^1.4.10",
-        "@jridgewell/trace-mapping": "^0.3.9"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/@jridgewell/resolve-uri": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz",
-      "integrity": "sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==",
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/@jridgewell/set-array": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz",
-      "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==",
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/@jridgewell/source-map": {
-      "version": "0.3.3",
-      "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.3.tgz",
-      "integrity": "sha512-b+fsZXeLYi9fEULmfBrhxn4IrPlINf8fiNarzTof004v3lFdntdwa9PF7vFJqm3mg7s+ScJMxXaE3Acp1irZcg==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@jridgewell/gen-mapping": "^0.3.0",
-        "@jridgewell/trace-mapping": "^0.3.9"
-      }
-    },
-    "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=="
-    },
-    "node_modules/@jridgewell/trace-mapping": {
-      "version": "0.3.18",
-      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.18.tgz",
-      "integrity": "sha512-w+niJYzMHdd7USdiH2U6869nqhD2nbfZXND5Yp93qIbEmnDNk7PD48o+YchRVpzMU7M6jVCbenTR7PA1FLQ9pA==",
-      "dependencies": {
-        "@jridgewell/resolve-uri": "3.1.0",
-        "@jridgewell/sourcemap-codec": "1.4.14"
-      }
-    },
-    "node_modules/@jridgewell/trace-mapping/node_modules/@jridgewell/sourcemap-codec": {
-      "version": "1.4.14",
-      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz",
-      "integrity": "sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw=="
-    },
-    "node_modules/@matrix-org/matrix-sdk-crypto-wasm": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/@matrix-org/matrix-sdk-crypto-wasm/-/matrix-sdk-crypto-wasm-1.3.0.tgz",
-      "integrity": "sha512-vQ5PVppKu1PY7xy7QDw+RJLYLGFKhJyxLqjXHr0uEUJwfvz2IH2njTLXzrz77dOo9qacxJ9/YNOTe0Hl+98N0A==",
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/env": {
-      "version": "13.5.4",
-      "resolved": "https://registry.npmjs.org/@next/env/-/env-13.5.4.tgz",
-      "integrity": "sha512-LGegJkMvRNw90WWphGJ3RMHMVplYcOfRWf2Be3td3sUa+1AaxmsYyANsA+znrGCBjXJNi4XAQlSoEfUxs/4kIQ=="
-    },
-    "node_modules/@next/eslint-plugin-next": {
-      "version": "13.5.6",
-      "resolved": "https://registry.npmjs.org/@next/eslint-plugin-next/-/eslint-plugin-next-13.5.6.tgz",
-      "integrity": "sha512-ng7pU/DDsxPgT6ZPvuprxrkeew3XaRf4LAT4FabaEO/hAbvVx4P7wqnqdbTdDn1kgTvsI4tpIgT4Awn/m0bGbg==",
-      "dev": true,
-      "dependencies": {
-        "glob": "7.1.7"
-      }
-    },
-    "node_modules/@next/eslint-plugin-next/node_modules/glob": {
-      "version": "7.1.7",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.7.tgz",
-      "integrity": "sha512-OvD9ENzPLbegENnYP5UUfJIirTg4+XwMWGaQfQTY0JenxNvvIKP3U3/tAQSPIu/lHxXYSZmpXlUHeqAIdKzBLQ==",
-      "dev": true,
-      "dependencies": {
-        "fs.realpath": "^1.0.0",
-        "inflight": "^1.0.4",
-        "inherits": "2",
-        "minimatch": "^3.0.4",
-        "once": "^1.3.0",
-        "path-is-absolute": "^1.0.0"
-      },
-      "engines": {
-        "node": "*"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/@next/swc-darwin-arm64": {
-      "version": "13.5.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-13.5.4.tgz",
-      "integrity": "sha512-Df8SHuXgF1p+aonBMcDPEsaahNo2TCwuie7VXED4FVyECvdXfRT9unapm54NssV9tF3OQFKBFOdlje4T43VO0w==",
-      "cpu": [
-        "arm64"
-      ],
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@nicolo-ribaudo/chokidar-2": {
-      "version": "2.1.8-no-fsevents.3",
-      "resolved": "https://registry.npmjs.org/@nicolo-ribaudo/chokidar-2/-/chokidar-2-2.1.8-no-fsevents.3.tgz",
-      "integrity": "sha512-s88O1aVtXftvp5bCPB7WnmXc5IwOZZ7YPuwNPt+GtOOXpPvad1LfbmjYv+qII7zP6RU2QGnqve27dnLycEnyEQ==",
-      "optional": true
-    },
-    "node_modules/@nicolo-ribaudo/eslint-scope-5-internals": {
-      "version": "5.1.1-v1",
-      "resolved": "https://registry.npmjs.org/@nicolo-ribaudo/eslint-scope-5-internals/-/eslint-scope-5-internals-5.1.1-v1.tgz",
-      "integrity": "sha512-54/JRvkLIzzDWshCWfuhadfrfZVPiElY8Fcgmg1HroEly/EDSszzhBAsarCux+D/kOslTRquNzuyGSmUSTTHGg==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "eslint-scope": "5.1.1"
-      }
-    },
-    "node_modules/@nodelib/fs.scandir": {
-      "version": "2.1.5",
-      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
-      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
-      "dev": true,
-      "dependencies": {
-        "@nodelib/fs.stat": "2.0.5",
-        "run-parallel": "^1.1.9"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/@nodelib/fs.stat": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
-      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
-      "dev": true,
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/@nodelib/fs.walk": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
-      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
-      "dev": true,
-      "dependencies": {
-        "@nodelib/fs.scandir": "2.1.5",
-        "fastq": "^1.6.0"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/@remixicons/react": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/@remixicons/react/-/react-1.0.0.tgz",
-      "integrity": "sha512-2QvlgR5myO7wzQduGWD4MYMtxwoHsu/Fq86N3A6DLogXJOctaxb+bLTEH7yysRIPmwO+o6lkadVph/ixasadqQ==",
-      "dev": true,
-      "peerDependencies": {
-        "react": ">= 16"
-      }
-    },
-    "node_modules/@rushstack/eslint-patch": {
-      "version": "1.5.1",
-      "resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.5.1.tgz",
-      "integrity": "sha512-6i/8UoL0P5y4leBIGzvkZdS85RDMG9y1ihZzmTZQ5LdHUYmZ7pKFoj8X0236s3lusPs1Fa5HTQUpwI+UfTcmeA==",
-      "dev": true
-    },
-    "node_modules/@stylelint/postcss-css-in-js": {
-      "version": "0.38.0",
-      "resolved": "https://registry.npmjs.org/@stylelint/postcss-css-in-js/-/postcss-css-in-js-0.38.0.tgz",
-      "integrity": "sha512-XOz5CAe49kS95p5yRd+DAIWDojTjfmyAQ4bbDlXMdbZTQ5t0ThjSLvWI6JI2uiS7MFurVBkZ6zUqcimzcLTBoQ==",
-      "dev": true,
-      "dependencies": {
-        "@babel/core": "^7.17.9"
-      },
-      "peerDependencies": {
-        "postcss": ">=7.0.0",
-        "postcss-syntax": ">=0.36.2"
-      }
-    },
-    "node_modules/@swc/helpers": {
-      "version": "0.5.2",
-      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.2.tgz",
-      "integrity": "sha512-E4KcWTpoLHqwPHLxidpOqQbcrZVgi0rsmmZXUle1jXmJfuIf/UWpczUJ7MZZ5tlxytgJXyp0w4PGkkeLiuIdZw==",
-      "dependencies": {
-        "tslib": "^2.4.0"
-      }
-    },
-    "node_modules/@types/eslint": {
-      "version": "8.4.2",
-      "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-8.4.2.tgz",
-      "integrity": "sha512-Z1nseZON+GEnFjJc04sv4NSALGjhFwy6K0HXt7qsn5ArfAKtb63dXNJHf+1YW6IpOIYRBGUbu3GwJdj8DGnCjA==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@types/estree": "*",
-        "@types/json-schema": "*"
-      }
-    },
-    "node_modules/@types/eslint-scope": {
-      "version": "3.7.3",
-      "resolved": "https://registry.npmjs.org/@types/eslint-scope/-/eslint-scope-3.7.3.tgz",
-      "integrity": "sha512-PB3ldyrcnAicT35TWPs5IcwKD8S333HMaa2VVv4+wdvebJkjWuW/xESoB8IwRcog8HYVYamb1g/R31Qv5Bx03g==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@types/eslint": "*",
-        "@types/estree": "*"
-      }
-    },
-    "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==",
-      "dev": true,
-      "peer": true
-    },
-    "node_modules/@types/events": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/@types/events/-/events-3.0.1.tgz",
-      "integrity": "sha512-QfUFdKjGSc+iCf8OFZhqJKfDuqB6lP57kSMkPw8ba3yNDANicUwCdaPt5ytZ4nDXXVFxQkvT8v73I4stSVrCxA=="
-    },
-    "node_modules/@types/json-schema": {
-      "version": "7.0.12",
-      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.12.tgz",
-      "integrity": "sha512-Hr5Jfhc9eYOQNPYO5WLDq/n4jqijdHNlDXjuAQkkt+mWdQR+XJToOHrsD4cPaMXpn6KO7y2+wM8AZEs8VpBLVA==",
-      "dev": true
-    },
-    "node_modules/@types/json5": {
-      "version": "0.0.29",
-      "resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz",
-      "integrity": "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==",
-      "dev": true
-    },
-    "node_modules/@types/minimist": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/@types/minimist/-/minimist-1.2.2.tgz",
-      "integrity": "sha512-jhuKLIRrhvCPLqwPcx6INqmKeiA5EWrsCOPhrlFSrbrmU4ZMPjj5Ul/oLCMDO98XRUIwVm78xICz4EPCektzeQ==",
-      "dev": true
-    },
-    "node_modules/@types/node": {
-      "version": "17.0.31",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-17.0.31.tgz",
-      "integrity": "sha512-AR0x5HbXGqkEx9CadRH3EBYx/VkiUgZIhP4wvPn/+5KIsgpNoyFaRlVe0Zlx9gRtg8fA06a9tskE2MSN7TcG4Q==",
-      "dev": true
-    },
-    "node_modules/@types/normalize-package-data": {
-      "version": "2.4.1",
-      "resolved": "https://registry.npmjs.org/@types/normalize-package-data/-/normalize-package-data-2.4.1.tgz",
-      "integrity": "sha512-Gj7cI7z+98M282Tqmp2K5EIsoouUEzbBJhQQzDE3jSIRk6r9gsz0oUokqIUR4u1R3dMHo0pDHM7sNOHyhulypw==",
-      "dev": true
-    },
-    "node_modules/@types/parse-json": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.0.tgz",
-      "integrity": "sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==",
-      "dev": true
-    },
-    "node_modules/@types/retry": {
-      "version": "0.12.1",
-      "resolved": "https://registry.npmjs.org/@types/retry/-/retry-0.12.1.tgz",
-      "integrity": "sha512-xoDlM2S4ortawSWORYqsdU+2rxdh4LRW9ytc3zmT37RIKQh6IHyKwwtKhKis9ah8ol07DCkZxPt8BBvPjC6v4g=="
-    },
-    "node_modules/@types/semver": {
-      "version": "7.5.0",
-      "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.5.0.tgz",
-      "integrity": "sha512-G8hZ6XJiHnuhQKR7ZmysCeJWE08o8T0AXtk5darsCaTVsYZhhgUrq53jizaR2FvsoeCwJhlmwTjkXBY5Pn/ZHw==",
-      "dev": true,
-      "peer": true
-    },
-    "node_modules/@types/stylis": {
-      "version": "4.2.1",
-      "resolved": "https://registry.npmjs.org/@types/stylis/-/stylis-4.2.1.tgz",
-      "integrity": "sha512-OSaMrXUKxVigGlKRrET39V2xdhzlztQ9Aqumn1WbCBKHOi9ry7jKSd7rkyj0GzmWaU960Rd+LpOFpLfx5bMQAg=="
-    },
-    "node_modules/@typescript-eslint/eslint-plugin": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-6.1.0.tgz",
-      "integrity": "sha512-qg7Bm5TyP/I7iilGyp6DRqqkt8na00lI6HbjWZObgk3FFSzH5ypRwAHXJhJkwiRtTcfn+xYQIMOR5kJgpo6upw==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@eslint-community/regexpp": "^4.5.1",
-        "@typescript-eslint/scope-manager": "6.1.0",
-        "@typescript-eslint/type-utils": "6.1.0",
-        "@typescript-eslint/utils": "6.1.0",
-        "@typescript-eslint/visitor-keys": "6.1.0",
-        "debug": "^4.3.4",
-        "graphemer": "^1.4.0",
-        "ignore": "^5.2.4",
-        "natural-compare": "^1.4.0",
-        "natural-compare-lite": "^1.4.0",
-        "semver": "^7.5.4",
-        "ts-api-utils": "^1.0.1"
-      },
-      "engines": {
-        "node": "^16.0.0 || >=18.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "@typescript-eslint/parser": "^6.0.0 || ^6.0.0-alpha",
-        "eslint": "^7.0.0 || ^8.0.0"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@typescript-eslint/eslint-plugin/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,
-      "peer": true,
-      "dependencies": {
-        "lru-cache": "^6.0.0"
-      },
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/@typescript-eslint/parser": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-6.1.0.tgz",
-      "integrity": "sha512-hIzCPvX4vDs4qL07SYzyomamcs2/tQYXg5DtdAfj35AyJ5PIUqhsLf4YrEIFzZcND7R2E8tpQIZKayxg8/6Wbw==",
-      "dev": true,
-      "dependencies": {
-        "@typescript-eslint/scope-manager": "6.1.0",
-        "@typescript-eslint/types": "6.1.0",
-        "@typescript-eslint/typescript-estree": "6.1.0",
-        "@typescript-eslint/visitor-keys": "6.1.0",
-        "debug": "^4.3.4"
-      },
-      "engines": {
-        "node": "^16.0.0 || >=18.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "eslint": "^7.0.0 || ^8.0.0"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@typescript-eslint/scope-manager": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-6.1.0.tgz",
-      "integrity": "sha512-AxjgxDn27hgPpe2rQe19k0tXw84YCOsjDJ2r61cIebq1t+AIxbgiXKvD4999Wk49GVaAcdJ/d49FYel+Pp3jjw==",
-      "dev": true,
-      "dependencies": {
-        "@typescript-eslint/types": "6.1.0",
-        "@typescript-eslint/visitor-keys": "6.1.0"
-      },
-      "engines": {
-        "node": "^16.0.0 || >=18.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      }
-    },
-    "node_modules/@typescript-eslint/type-utils": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-6.1.0.tgz",
-      "integrity": "sha512-kFXBx6QWS1ZZ5Ni89TyT1X9Ag6RXVIVhqDs0vZE/jUeWlBv/ixq2diua6G7ece6+fXw3TvNRxP77/5mOMusx2w==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@typescript-eslint/typescript-estree": "6.1.0",
-        "@typescript-eslint/utils": "6.1.0",
-        "debug": "^4.3.4",
-        "ts-api-utils": "^1.0.1"
-      },
-      "engines": {
-        "node": "^16.0.0 || >=18.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "eslint": "^7.0.0 || ^8.0.0"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@typescript-eslint/types": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-6.1.0.tgz",
-      "integrity": "sha512-+Gfd5NHCpDoHDOaU/yIF3WWRI2PcBRKKpP91ZcVbL0t5tQpqYWBs3z/GGhvU+EV1D0262g9XCnyqQh19prU0JQ==",
-      "dev": true,
-      "engines": {
-        "node": "^16.0.0 || >=18.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      }
-    },
-    "node_modules/@typescript-eslint/typescript-estree": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-6.1.0.tgz",
-      "integrity": "sha512-nUKAPWOaP/tQjU1IQw9sOPCDavs/iU5iYLiY/6u7gxS7oKQoi4aUxXS1nrrVGTyBBaGesjkcwwHkbkiD5eBvcg==",
-      "dev": true,
-      "dependencies": {
-        "@typescript-eslint/types": "6.1.0",
-        "@typescript-eslint/visitor-keys": "6.1.0",
-        "debug": "^4.3.4",
-        "globby": "^11.1.0",
-        "is-glob": "^4.0.3",
-        "semver": "^7.5.4",
-        "ts-api-utils": "^1.0.1"
-      },
-      "engines": {
-        "node": "^16.0.0 || >=18.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@typescript-eslint/typescript-estree/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/@typescript-eslint/utils": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-6.1.0.tgz",
-      "integrity": "sha512-wp652EogZlKmQoMS5hAvWqRKplXvkuOnNzZSE0PVvsKjpexd/XznRVHAtrfHFYmqaJz0DFkjlDsGYC9OXw+OhQ==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@eslint-community/eslint-utils": "^4.4.0",
-        "@types/json-schema": "^7.0.12",
-        "@types/semver": "^7.5.0",
-        "@typescript-eslint/scope-manager": "6.1.0",
-        "@typescript-eslint/types": "6.1.0",
-        "@typescript-eslint/typescript-estree": "6.1.0",
-        "semver": "^7.5.4"
-      },
-      "engines": {
-        "node": "^16.0.0 || >=18.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "eslint": "^7.0.0 || ^8.0.0"
-      }
-    },
-    "node_modules/@typescript-eslint/utils/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,
-      "peer": true,
-      "dependencies": {
-        "lru-cache": "^6.0.0"
-      },
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/@typescript-eslint/visitor-keys": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-6.1.0.tgz",
-      "integrity": "sha512-yQeh+EXhquh119Eis4k0kYhj9vmFzNpbhM3LftWQVwqVjipCkwHBQOZutcYW+JVkjtTG9k8nrZU1UoNedPDd1A==",
-      "dev": true,
-      "dependencies": {
-        "@typescript-eslint/types": "6.1.0",
-        "eslint-visitor-keys": "^3.4.1"
-      },
-      "engines": {
-        "node": "^16.0.0 || >=18.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      }
-    },
-    "node_modules/@webassemblyjs/ast": {
-      "version": "1.11.5",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.11.5.tgz",
-      "integrity": "sha512-LHY/GSAZZRpsNQH+/oHqhRQ5FT7eoULcBqgfyTB5nQHogFnK3/7QoN7dLnwSE/JkUAF0SrRuclT7ODqMFtWxxQ==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@webassemblyjs/helper-numbers": "1.11.5",
-        "@webassemblyjs/helper-wasm-bytecode": "1.11.5"
-      }
-    },
-    "node_modules/@webassemblyjs/floating-point-hex-parser": {
-      "version": "1.11.5",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.11.5.tgz",
-      "integrity": "sha512-1j1zTIC5EZOtCplMBG/IEwLtUojtwFVwdyVMbL/hwWqbzlQoJsWCOavrdnLkemwNoC/EOwtUFch3fuo+cbcXYQ==",
-      "dev": true,
-      "peer": true
-    },
-    "node_modules/@webassemblyjs/helper-api-error": {
-      "version": "1.11.5",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.11.5.tgz",
-      "integrity": "sha512-L65bDPmfpY0+yFrsgz8b6LhXmbbs38OnwDCf6NpnMUYqa+ENfE5Dq9E42ny0qz/PdR0LJyq/T5YijPnU8AXEpA==",
-      "dev": true,
-      "peer": true
-    },
-    "node_modules/@webassemblyjs/helper-buffer": {
-      "version": "1.11.5",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.11.5.tgz",
-      "integrity": "sha512-fDKo1gstwFFSfacIeH5KfwzjykIE6ldh1iH9Y/8YkAZrhmu4TctqYjSh7t0K2VyDSXOZJ1MLhht/k9IvYGcIxg==",
-      "dev": true,
-      "peer": true
-    },
-    "node_modules/@webassemblyjs/helper-numbers": {
-      "version": "1.11.5",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-numbers/-/helper-numbers-1.11.5.tgz",
-      "integrity": "sha512-DhykHXM0ZABqfIGYNv93A5KKDw/+ywBFnuWybZZWcuzWHfbp21wUfRkbtz7dMGwGgT4iXjWuhRMA2Mzod6W4WA==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@webassemblyjs/floating-point-hex-parser": "1.11.5",
-        "@webassemblyjs/helper-api-error": "1.11.5",
-        "@xtuc/long": "4.2.2"
-      }
-    },
-    "node_modules/@webassemblyjs/helper-wasm-bytecode": {
-      "version": "1.11.5",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.11.5.tgz",
-      "integrity": "sha512-oC4Qa0bNcqnjAowFn7MPCETQgDYytpsfvz4ujZz63Zu/a/v71HeCAAmZsgZ3YVKec3zSPYytG3/PrRCqbtcAvA==",
-      "dev": true,
-      "peer": true
-    },
-    "node_modules/@webassemblyjs/helper-wasm-section": {
-      "version": "1.11.5",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.11.5.tgz",
-      "integrity": "sha512-uEoThA1LN2NA+K3B9wDo3yKlBfVtC6rh0i4/6hvbz071E8gTNZD/pT0MsBf7MeD6KbApMSkaAK0XeKyOZC7CIA==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@webassemblyjs/ast": "1.11.5",
-        "@webassemblyjs/helper-buffer": "1.11.5",
-        "@webassemblyjs/helper-wasm-bytecode": "1.11.5",
-        "@webassemblyjs/wasm-gen": "1.11.5"
-      }
-    },
-    "node_modules/@webassemblyjs/ieee754": {
-      "version": "1.11.5",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.11.5.tgz",
-      "integrity": "sha512-37aGq6qVL8A8oPbPrSGMBcp38YZFXcHfiROflJn9jxSdSMMM5dS5P/9e2/TpaJuhE+wFrbukN2WI6Hw9MH5acg==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@xtuc/ieee754": "^1.2.0"
-      }
-    },
-    "node_modules/@webassemblyjs/leb128": {
-      "version": "1.11.5",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.11.5.tgz",
-      "integrity": "sha512-ajqrRSXaTJoPW+xmkfYN6l8VIeNnR4vBOTQO9HzR7IygoCcKWkICbKFbVTNMjMgMREqXEr0+2M6zukzM47ZUfQ==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@xtuc/long": "4.2.2"
-      }
-    },
-    "node_modules/@webassemblyjs/utf8": {
-      "version": "1.11.5",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.11.5.tgz",
-      "integrity": "sha512-WiOhulHKTZU5UPlRl53gHR8OxdGsSOxqfpqWeA2FmcwBMaoEdz6b2x2si3IwC9/fSPLfe8pBMRTHVMk5nlwnFQ==",
-      "dev": true,
-      "peer": true
-    },
-    "node_modules/@webassemblyjs/wasm-edit": {
-      "version": "1.11.5",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.11.5.tgz",
-      "integrity": "sha512-C0p9D2fAu3Twwqvygvf42iGCQ4av8MFBLiTb+08SZ4cEdwzWx9QeAHDo1E2k+9s/0w1DM40oflJOpkZ8jW4HCQ==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@webassemblyjs/ast": "1.11.5",
-        "@webassemblyjs/helper-buffer": "1.11.5",
-        "@webassemblyjs/helper-wasm-bytecode": "1.11.5",
-        "@webassemblyjs/helper-wasm-section": "1.11.5",
-        "@webassemblyjs/wasm-gen": "1.11.5",
-        "@webassemblyjs/wasm-opt": "1.11.5",
-        "@webassemblyjs/wasm-parser": "1.11.5",
-        "@webassemblyjs/wast-printer": "1.11.5"
-      }
-    },
-    "node_modules/@webassemblyjs/wasm-gen": {
-      "version": "1.11.5",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.11.5.tgz",
-      "integrity": "sha512-14vteRlRjxLK9eSyYFvw1K8Vv+iPdZU0Aebk3j6oB8TQiQYuO6hj9s4d7qf6f2HJr2khzvNldAFG13CgdkAIfA==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@webassemblyjs/ast": "1.11.5",
-        "@webassemblyjs/helper-wasm-bytecode": "1.11.5",
-        "@webassemblyjs/ieee754": "1.11.5",
-        "@webassemblyjs/leb128": "1.11.5",
-        "@webassemblyjs/utf8": "1.11.5"
-      }
-    },
-    "node_modules/@webassemblyjs/wasm-opt": {
-      "version": "1.11.5",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.11.5.tgz",
-      "integrity": "sha512-tcKwlIXstBQgbKy1MlbDMlXaxpucn42eb17H29rawYLxm5+MsEmgPzeCP8B1Cl69hCice8LeKgZpRUAPtqYPgw==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@webassemblyjs/ast": "1.11.5",
-        "@webassemblyjs/helper-buffer": "1.11.5",
-        "@webassemblyjs/wasm-gen": "1.11.5",
-        "@webassemblyjs/wasm-parser": "1.11.5"
-      }
-    },
-    "node_modules/@webassemblyjs/wasm-parser": {
-      "version": "1.11.5",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.11.5.tgz",
-      "integrity": "sha512-SVXUIwsLQlc8srSD7jejsfTU83g7pIGr2YYNb9oHdtldSxaOhvA5xwvIiWIfcX8PlSakgqMXsLpLfbbJ4cBYew==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@webassemblyjs/ast": "1.11.5",
-        "@webassemblyjs/helper-api-error": "1.11.5",
-        "@webassemblyjs/helper-wasm-bytecode": "1.11.5",
-        "@webassemblyjs/ieee754": "1.11.5",
-        "@webassemblyjs/leb128": "1.11.5",
-        "@webassemblyjs/utf8": "1.11.5"
-      }
-    },
-    "node_modules/@webassemblyjs/wast-printer": {
-      "version": "1.11.5",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.11.5.tgz",
-      "integrity": "sha512-f7Pq3wvg3GSPUPzR0F6bmI89Hdb+u9WXrSKc4v+N0aV0q6r42WoF92Jp2jEorBEBRoRNXgjp53nBniDXcqZYPA==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@webassemblyjs/ast": "1.11.5",
-        "@xtuc/long": "4.2.2"
-      }
-    },
-    "node_modules/@xtuc/ieee754": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz",
-      "integrity": "sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==",
-      "dev": true,
-      "peer": true
-    },
-    "node_modules/@xtuc/long": {
-      "version": "4.2.2",
-      "resolved": "https://registry.npmjs.org/@xtuc/long/-/long-4.2.2.tgz",
-      "integrity": "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==",
-      "dev": true,
-      "peer": true
-    },
-    "node_modules/abort-controller": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/abort-controller/-/abort-controller-3.0.0.tgz",
-      "integrity": "sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg==",
-      "dependencies": {
-        "event-target-shim": "^5.0.0"
-      },
-      "engines": {
-        "node": ">=6.5"
-      }
-    },
-    "node_modules/acorn": {
-      "version": "8.8.2",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.8.2.tgz",
-      "integrity": "sha512-xjIYgE8HBrkpd/sJqOGNspf8uHG+NOHGOw6a/Urj8taM2EXfdNAH2oFcPeIFfsv3+kz/mJrS5VuMqbNLjCa2vw==",
-      "dev": true,
-      "bin": {
-        "acorn": "bin/acorn"
-      },
-      "engines": {
-        "node": ">=0.4.0"
-      }
-    },
-    "node_modules/acorn-import-assertions": {
-      "version": "1.8.0",
-      "resolved": "https://registry.npmjs.org/acorn-import-assertions/-/acorn-import-assertions-1.8.0.tgz",
-      "integrity": "sha512-m7VZ3jwz4eK6A4Vtt8Ew1/mNbP24u0FhdyfA7fSvnJR6LMdfOYnmuIrrJAgrYfYJ10F/otaHTtrtrtmHdMNzEw==",
-      "dev": true,
-      "peer": true,
-      "peerDependencies": {
-        "acorn": "^8"
-      }
-    },
-    "node_modules/acorn-jsx": {
-      "version": "5.3.2",
-      "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
-      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
-      "dev": true,
-      "peerDependencies": {
-        "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
-      }
-    },
-    "node_modules/ajv": {
-      "version": "6.12.6",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
-      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
-      "dev": true,
-      "dependencies": {
-        "fast-deep-equal": "^3.1.1",
-        "fast-json-stable-stringify": "^2.0.0",
-        "json-schema-traverse": "^0.4.1",
-        "uri-js": "^4.2.2"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/epoberezkin"
-      }
-    },
-    "node_modules/ajv-formats": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/ajv-formats/-/ajv-formats-2.1.1.tgz",
-      "integrity": "sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==",
-      "dev": true,
-      "dependencies": {
-        "ajv": "^8.0.0"
-      },
-      "peerDependencies": {
-        "ajv": "^8.0.0"
-      },
-      "peerDependenciesMeta": {
-        "ajv": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/ajv-formats/node_modules/ajv": {
-      "version": "8.11.0",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.11.0.tgz",
-      "integrity": "sha512-wGgprdCvMalC0BztXvitD2hC04YffAvtsUn93JbGXYLAtCUO4xd17mCCZQxUOItiBwZvJScWo8NIvQMQ71rdpg==",
-      "dev": true,
-      "dependencies": {
-        "fast-deep-equal": "^3.1.1",
-        "json-schema-traverse": "^1.0.0",
-        "require-from-string": "^2.0.2",
-        "uri-js": "^4.2.2"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/epoberezkin"
-      }
-    },
-    "node_modules/ajv-formats/node_modules/json-schema-traverse": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
-      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
-      "dev": true
-    },
-    "node_modules/ajv-keywords": {
-      "version": "3.5.2",
-      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
-      "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
-      "dev": true,
-      "peer": true,
-      "peerDependencies": {
-        "ajv": "^6.9.1"
-      }
-    },
-    "node_modules/another-json": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/another-json/-/another-json-0.2.0.tgz",
-      "integrity": "sha1-tfQBnJc7bdXGUGotk0acttMq7tw="
-    },
-    "node_modules/ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/ansi-styles": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
-      "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
-      "dependencies": {
-        "color-convert": "^1.9.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/anymatch": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
-      "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
-      "optional": true,
-      "dependencies": {
-        "normalize-path": "^3.0.0",
-        "picomatch": "^2.0.4"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/argparse": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
-      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
-      "dev": true
-    },
-    "node_modules/aria-query": {
-      "version": "5.1.3",
-      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.1.3.tgz",
-      "integrity": "sha512-R5iJ5lkuHybztUfuOAznmboyjWq8O6sqNqtK7CLOqdydi54VNbORp49mb14KbWgG1QD3JFO9hJdZ+y4KutfdOQ==",
-      "dev": true,
-      "dependencies": {
-        "deep-equal": "^2.0.5"
-      }
-    },
-    "node_modules/array-buffer-byte-length": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.0.tgz",
-      "integrity": "sha512-LPuwb2P+NrQw3XhxGc36+XSvuBPopovXYTR9Ew++Du9Yb/bx5AzBfrIsBoj0EZUifjQU+sHL21sseZ3jerWO/A==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "is-array-buffer": "^3.0.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/array-includes": {
-      "version": "3.1.7",
-      "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.7.tgz",
-      "integrity": "sha512-dlcsNBIiWhPkHdOEEKnehA+RNUWDc4UqFtnIXU4uuYDPtA4LDkr7qip2p0VvFAEXNDr0yWZ9PJyIRiGjRLQzwQ==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "get-intrinsic": "^1.2.1",
-        "is-string": "^1.0.7"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/array-union": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
-      "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/array.prototype.findlastindex": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.3.tgz",
-      "integrity": "sha512-LzLoiOMAxvy+Gd3BAq3B7VeIgPdo+Q8hthvKtXybMvRV0jrXfJM/t8mw7nNlpEcVlVUnCnM2KSX4XU5HmpodOA==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "es-shim-unscopables": "^1.0.0",
-        "get-intrinsic": "^1.2.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/array.prototype.flat": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.2.tgz",
-      "integrity": "sha512-djYB+Zx2vLewY8RWlNCUdHjDXs2XOgm602S9E7P/UpHgfeHL00cRiIF+IN/G/aUJ7kGPb6yO/ErDI5V2s8iycA==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "es-shim-unscopables": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/array.prototype.flatmap": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.2.tgz",
-      "integrity": "sha512-Ewyx0c9PmpcsByhSW4r+9zDU7sGjFc86qf/kKtuSCRdhfbk0SNLLkaT5qvcHnRGgc5NP/ly/y+qkXkqONX54CQ==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "es-shim-unscopables": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/array.prototype.tosorted": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/array.prototype.tosorted/-/array.prototype.tosorted-1.1.1.tgz",
-      "integrity": "sha512-pZYPXPRl2PqWcsUs6LOMn+1f1532nEoPTYowBtqLwAW+W8vSVhkIGnmOX1t/UQjD6YGI0vcD2B1U7ZFGQH9jnQ==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.1.4",
-        "es-abstract": "^1.20.4",
-        "es-shim-unscopables": "^1.0.0",
-        "get-intrinsic": "^1.1.3"
-      }
-    },
-    "node_modules/arraybuffer.prototype.slice": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.2.tgz",
-      "integrity": "sha512-yMBKppFur/fbHu9/6USUe03bZ4knMYiwFBcyiaXB8Go0qNehwX6inYPzK9U0NeQvGxKthcmHcaR8P5MStSRBAw==",
-      "dev": true,
-      "dependencies": {
-        "array-buffer-byte-length": "^1.0.0",
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "get-intrinsic": "^1.2.1",
-        "is-array-buffer": "^3.0.2",
-        "is-shared-array-buffer": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/arrify": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/arrify/-/arrify-1.0.1.tgz",
-      "integrity": "sha1-iYUI2iIm84DfkEcoRWhJwVAaSw0=",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/ast-types-flow": {
-      "version": "0.0.7",
-      "resolved": "https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.7.tgz",
-      "integrity": "sha1-9wtzXGvKGlycItmCw+Oef+ujva0=",
-      "dev": true
-    },
-    "node_modules/astral-regex": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/astral-regex/-/astral-regex-2.0.0.tgz",
-      "integrity": "sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/asynciterator.prototype": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/asynciterator.prototype/-/asynciterator.prototype-1.0.0.tgz",
-      "integrity": "sha512-wwHYEIS0Q80f5mosx3L/dfG5t5rjEa9Ft51GTaNt862EnpyGHpgz2RkZvLPp1oF5TnAiTohkEKVEu8pQPJI7Vg==",
-      "dev": true,
-      "dependencies": {
-        "has-symbols": "^1.0.3"
-      }
-    },
-    "node_modules/atomic-sleep": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/atomic-sleep/-/atomic-sleep-1.0.0.tgz",
-      "integrity": "sha512-kNOjDqAh7px0XWNI+4QbzoiR/nTkHAWNud2uvnJquD1/x5a7EQZMJT0AczqK0Qn67oY/TTQ1LbUKajZpp3I9tQ==",
-      "engines": {
-        "node": ">=8.0.0"
-      }
-    },
-    "node_modules/available-typed-arrays": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.5.tgz",
-      "integrity": "sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/axe-core": {
-      "version": "4.7.0",
-      "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.7.0.tgz",
-      "integrity": "sha512-M0JtH+hlOL5pLQwHOLNYZaXuhqmvS8oExsqB1SBYgA4Dk7u/xx+YdGHXaK5pyUfed5mYXdlYiphWq3G8cRi5JQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/axobject-query": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-3.1.1.tgz",
-      "integrity": "sha512-goKlv8DZrK9hUh975fnHzhNIO4jUnFCfv/dszV5VwUGDFjI6vQ2VwoyjYjYNEbBE8AH87TduWP5uyDR1D+Iteg==",
-      "dev": true,
-      "dependencies": {
-        "deep-equal": "^2.0.5"
-      }
-    },
-    "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-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==",
-      "dependencies": {
-        "@babel/helper-define-polyfill-provider": "^0.4.2",
-        "core-js-compat": "^3.32.2"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
-      }
-    },
-    "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-plugin-styled-components": {
-      "version": "2.1.4",
-      "resolved": "https://registry.npmjs.org/babel-plugin-styled-components/-/babel-plugin-styled-components-2.1.4.tgz",
-      "integrity": "sha512-Xgp9g+A/cG47sUyRwwYxGM4bR/jDRg5N6it/8+HxCnbT5XNKSKDT9xm4oag/osgqjC2It/vH0yXsomOG6k558g==",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.22.5",
-        "@babel/helper-module-imports": "^7.22.5",
-        "@babel/plugin-syntax-jsx": "^7.22.5",
-        "lodash": "^4.17.21",
-        "picomatch": "^2.3.1"
-      },
-      "peerDependencies": {
-        "styled-components": ">= 2"
-      }
-    },
-    "node_modules/balanced-match": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
-      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="
-    },
-    "node_modules/base-x": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/base-x/-/base-x-4.0.0.tgz",
-      "integrity": "sha512-FuwxlW4H5kh37X/oW59pwTzzTKRzfrrQwhmyspRM7swOEZcHtDZSCt45U6oKgtuFE+WYPblePMVIPR4RZrh/hw=="
-    },
-    "node_modules/base64-js": {
-      "version": "1.5.1",
-      "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
-      "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
-      "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/binary-extensions": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
-      "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==",
-      "optional": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/brace-expansion": {
-      "version": "1.1.11",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
-      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
-      "dependencies": {
-        "balanced-match": "^1.0.0",
-        "concat-map": "0.0.1"
-      }
-    },
-    "node_modules/braces": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
-      "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
-      "devOptional": true,
-      "dependencies": {
-        "fill-range": "^7.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/browserslist": {
-      "version": "4.22.1",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.22.1.tgz",
-      "integrity": "sha512-FEVc202+2iuClEhZhrWy6ZiAcRLvNMyYcxZ8raemul1DYVOVdFsbqckWLdsixQZCpJlwe77Z3UTalE7jsjnKfQ==",
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/browserslist"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/browserslist"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "dependencies": {
-        "caniuse-lite": "^1.0.30001541",
-        "electron-to-chromium": "^1.4.535",
-        "node-releases": "^2.0.13",
-        "update-browserslist-db": "^1.0.13"
-      },
-      "bin": {
-        "browserslist": "cli.js"
-      },
-      "engines": {
-        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
-      }
-    },
-    "node_modules/bs58": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/bs58/-/bs58-5.0.0.tgz",
-      "integrity": "sha512-r+ihvQJvahgYT50JD05dyJNKlmmSlMoOGwn1lCcEzanPglg7TxYjioQUYehQ9mAR/+hOSd2jRc/Z2y5UxBymvQ==",
-      "dependencies": {
-        "base-x": "^4.0.0"
-      }
-    },
-    "node_modules/buffer": {
-      "version": "6.0.3",
-      "resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz",
-      "integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==",
-      "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": {
-        "base64-js": "^1.3.1",
-        "ieee754": "^1.2.1"
-      }
-    },
-    "node_modules/buffer-from": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
-      "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
-      "dev": true,
-      "peer": true
-    },
-    "node_modules/builtin-modules": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/builtin-modules/-/builtin-modules-3.3.0.tgz",
-      "integrity": "sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==",
-      "dev": true,
-      "peer": true,
-      "engines": {
-        "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/busboy": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/busboy/-/busboy-1.6.0.tgz",
-      "integrity": "sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==",
-      "dependencies": {
-        "streamsearch": "^1.1.0"
-      },
-      "engines": {
-        "node": ">=10.16.0"
-      }
-    },
-    "node_modules/call-bind": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.5.tgz",
-      "integrity": "sha512-C3nQxfFZxFRVoJoGKKI8y3MOEo129NQ+FgQ08iye+Mk4zNZZGdjfs06bVTr+DBSlA66Q2VEcMki/cUCP4SercQ==",
-      "dev": true,
-      "dependencies": {
-        "function-bind": "^1.1.2",
-        "get-intrinsic": "^1.2.1",
-        "set-function-length": "^1.1.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/callsites": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
-      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/camelcase": {
-      "version": "5.3.1",
-      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
-      "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/camelcase-keys": {
-      "version": "6.2.2",
-      "resolved": "https://registry.npmjs.org/camelcase-keys/-/camelcase-keys-6.2.2.tgz",
-      "integrity": "sha512-YrwaA0vEKazPBkn0ipTiMpSajYDSe+KjQfrjhcBMxJt/znbvlHd8Pw/Vamaz5EB4Wfhs3SUR3Z9mwRu/P3s3Yg==",
-      "dev": true,
-      "dependencies": {
-        "camelcase": "^5.3.1",
-        "map-obj": "^4.0.0",
-        "quick-lru": "^4.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/camelize": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/camelize/-/camelize-1.0.1.tgz",
-      "integrity": "sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ==",
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/caniuse-lite": {
-      "version": "1.0.30001546",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001546.tgz",
-      "integrity": "sha512-zvtSJwuQFpewSyRrI3AsftF6rM0X80mZkChIt1spBGEvRglCrjTniXvinc8JKRoqTwXAgvqTImaN9igfSMtUBw==",
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/browserslist"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ]
-    },
-    "node_modules/chalk": {
-      "version": "2.4.2",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
-      "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
-      "dependencies": {
-        "ansi-styles": "^3.2.1",
-        "escape-string-regexp": "^1.0.5",
-        "supports-color": "^5.3.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/chalk/node_modules/has-flag": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
-      "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/chalk/node_modules/supports-color": {
-      "version": "5.5.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
-      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
-      "dependencies": {
-        "has-flag": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/chokidar": {
-      "version": "3.5.3",
-      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz",
-      "integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==",
-      "funding": [
-        {
-          "type": "individual",
-          "url": "https://paulmillr.com/funding/"
-        }
-      ],
-      "optional": true,
-      "dependencies": {
-        "anymatch": "~3.1.2",
-        "braces": "~3.0.2",
-        "glob-parent": "~5.1.2",
-        "is-binary-path": "~2.1.0",
-        "is-glob": "~4.0.1",
-        "normalize-path": "~3.0.0",
-        "readdirp": "~3.6.0"
-      },
-      "engines": {
-        "node": ">= 8.10.0"
-      },
-      "optionalDependencies": {
-        "fsevents": "~2.3.2"
-      }
-    },
-    "node_modules/chokidar/node_modules/glob-parent": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-      "optional": true,
-      "dependencies": {
-        "is-glob": "^4.0.1"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/chrome-trace-event": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/chrome-trace-event/-/chrome-trace-event-1.0.3.tgz",
-      "integrity": "sha512-p3KULyQg4S7NIHixdwbGX+nFHkoBiA4YQmyWtjb8XngSKV124nJmRysgAeujbUVb15vh+RvFUfCPqU7rXk+hZg==",
-      "dev": true,
-      "peer": true,
-      "engines": {
-        "node": ">=6.0"
-      }
-    },
-    "node_modules/ci-info": {
-      "version": "3.8.0",
-      "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-3.8.0.tgz",
-      "integrity": "sha512-eXTggHWSooYhq49F2opQhuHWgzucfF2YgODK4e1566GQs5BIfP30B0oenwBJHfWxAs2fyPB1s7Mg949zLf61Yw==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/sibiraj-s"
-        }
-      ],
-      "peer": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/clean-regexp": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/clean-regexp/-/clean-regexp-1.0.0.tgz",
-      "integrity": "sha512-GfisEZEJvzKrmGWkvfhgzcz/BllN1USeqD2V6tg14OAOgaCD2Z/PUEuxnAZ/nPvmaHRG7a8y77p1T/IRQ4D1Hw==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "escape-string-regexp": "^1.0.5"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/client-only": {
-      "version": "0.0.1",
-      "resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
-      "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA=="
-    },
-    "node_modules/clone-regexp": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/clone-regexp/-/clone-regexp-2.2.0.tgz",
-      "integrity": "sha512-beMpP7BOtTipFuW8hrJvREQ2DrRu3BE7by0ZpibtfBA+qfHYvMGTc2Yb1JMYPKg/JUw0CHYvpg796aNTSW9z7Q==",
-      "dev": true,
-      "dependencies": {
-        "is-regexp": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/color-convert": {
-      "version": "1.9.3",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
-      "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
-      "dependencies": {
-        "color-name": "1.1.3"
-      }
-    },
-    "node_modules/color-name": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
-      "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw=="
-    },
-    "node_modules/colord": {
-      "version": "2.9.2",
-      "resolved": "https://registry.npmjs.org/colord/-/colord-2.9.2.tgz",
-      "integrity": "sha512-Uqbg+J445nc1TKn4FoDPS6ZZqAvEDnwrH42yo8B40JSOgSLxMZ/gt3h4nmCtPLQeXhjJJkqBx7SCY35WnIixaQ==",
-      "dev": true
-    },
-    "node_modules/commander": {
-      "version": "2.20.3",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
-      "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
-      "dev": true,
-      "peer": true
-    },
-    "node_modules/concat-map": {
-      "version": "0.0.1",
-      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
-      "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s="
-    },
-    "node_modules/content-type": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.4.tgz",
-      "integrity": "sha512-hIP3EEPs8tB9AT1L+NUqtwOAps4mk2Zob89MWXMHjHWg9milF/j4osnnQLXBCBFBk/tvIG/tUc9mOUJiPBhPXA==",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "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/core-js-compat": {
-      "version": "3.33.0",
-      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.33.0.tgz",
-      "integrity": "sha512-0w4LcLXsVEuNkIqwjjf9rjCoPhK8uqA4tMRh4Ge26vfLtUutshn+aRJU21I9LCJlh2QQHfisNToLjw1XEJLTWw==",
-      "dependencies": {
-        "browserslist": "^4.22.1"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/core-js"
-      }
-    },
-    "node_modules/cosmiconfig": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.0.1.tgz",
-      "integrity": "sha512-a1YWNUV2HwGimB7dU2s1wUMurNKjpx60HxBB6xUM8Re+2s1g1IIfJvFR0/iCF+XHdE0GMTKTuLR32UQff4TEyQ==",
-      "dev": true,
-      "dependencies": {
-        "@types/parse-json": "^4.0.0",
-        "import-fresh": "^3.2.1",
-        "parse-json": "^5.0.0",
-        "path-type": "^4.0.0",
-        "yaml": "^1.10.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/cross-spawn": {
-      "version": "7.0.3",
-      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
-      "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
-      "dev": true,
-      "dependencies": {
-        "path-key": "^3.1.0",
-        "shebang-command": "^2.0.0",
-        "which": "^2.0.1"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/crypto-js": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/crypto-js/-/crypto-js-4.1.1.tgz",
-      "integrity": "sha512-o2JlM7ydqd3Qk9CA0L4NL6mTzU2sdx96a+oOfPu8Mkl/PK51vSyoi8/rQ8NknZtk44vq15lmhAj9CIAGwgeWKw=="
-    },
-    "node_modules/css-color-keywords": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/css-color-keywords/-/css-color-keywords-1.0.0.tgz",
-      "integrity": "sha512-FyyrDHZKEjXDpNJYvVsV960FiqQyXc/LlYmsxl2BcdMb2WPx0OGRVgTg55rPSyLSNMqP52R9r8geSp7apN3Ofg==",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/css-functions-list": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/css-functions-list/-/css-functions-list-3.0.1.tgz",
-      "integrity": "sha512-PriDuifDt4u4rkDgnqRCLnjfMatufLmWNfQnGCq34xZwpY3oabwhB9SqRBmuvWUgndbemCFlKqg+nO7C2q0SBw==",
-      "dev": true,
-      "engines": {
-        "node": ">=12.22"
-      }
-    },
-    "node_modules/css-to-react-native": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/css-to-react-native/-/css-to-react-native-3.2.0.tgz",
-      "integrity": "sha512-e8RKaLXMOFii+02mOlqwjbD00KSEKqblnpO9e++1aXS1fPQOpS1YoqdVHBqPjHNoxeF2mimzVqawm2KCbEdtHQ==",
-      "dependencies": {
-        "camelize": "^1.0.0",
-        "css-color-keywords": "^1.0.0",
-        "postcss-value-parser": "^4.0.2"
-      }
-    },
-    "node_modules/cssesc": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
-      "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
-      "dev": true,
-      "bin": {
-        "cssesc": "bin/cssesc"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/csstype": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz",
-      "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ=="
-    },
-    "node_modules/damerau-levenshtein": {
-      "version": "1.0.8",
-      "resolved": "https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz",
-      "integrity": "sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==",
-      "dev": true
-    },
-    "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/decamelize": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz",
-      "integrity": "sha1-9lNNFRSCabIDUue+4m9QH5oZEpA=",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/decamelize-keys": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/decamelize-keys/-/decamelize-keys-1.1.0.tgz",
-      "integrity": "sha1-0XGoeTMlKAfrPLYdwcFEXQeN8tk=",
-      "dev": true,
-      "dependencies": {
-        "decamelize": "^1.1.0",
-        "map-obj": "^1.0.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/decamelize-keys/node_modules/map-obj": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-1.0.1.tgz",
-      "integrity": "sha1-2TPOuSBdgr3PSIb2dCvcK03qFG0=",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/deep-equal": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-2.2.1.tgz",
-      "integrity": "sha512-lKdkdV6EOGoVn65XaOsPdH4rMxTZOnmFyuIkMjM1i5HHCbfjC97dawgTAy0deYNfuqUqW+Q5VrVaQYtUpSd6yQ==",
-      "dev": true,
-      "dependencies": {
-        "array-buffer-byte-length": "^1.0.0",
-        "call-bind": "^1.0.2",
-        "es-get-iterator": "^1.1.3",
-        "get-intrinsic": "^1.2.0",
-        "is-arguments": "^1.1.1",
-        "is-array-buffer": "^3.0.2",
-        "is-date-object": "^1.0.5",
-        "is-regex": "^1.1.4",
-        "is-shared-array-buffer": "^1.0.2",
-        "isarray": "^2.0.5",
-        "object-is": "^1.1.5",
-        "object-keys": "^1.1.1",
-        "object.assign": "^4.1.4",
-        "regexp.prototype.flags": "^1.5.0",
-        "side-channel": "^1.0.4",
-        "which-boxed-primitive": "^1.0.2",
-        "which-collection": "^1.0.1",
-        "which-typed-array": "^1.1.9"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/deep-is": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
-      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
-      "dev": true
-    },
-    "node_modules/define-data-property": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.1.tgz",
-      "integrity": "sha512-E7uGkTzkk1d0ByLeSc6ZsFS79Axg+m1P/VsgYsxHgiuc3tFSj+MjMIwe90FC4lOAZzNBdY7kkO2P2wKdsQ1vgQ==",
-      "dev": true,
-      "dependencies": {
-        "get-intrinsic": "^1.2.1",
-        "gopd": "^1.0.1",
-        "has-property-descriptors": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/define-properties": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz",
-      "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
-      "dev": true,
-      "dependencies": {
-        "define-data-property": "^1.0.1",
-        "has-property-descriptors": "^1.0.0",
-        "object-keys": "^1.1.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/dir-glob": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
-      "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==",
-      "dev": true,
-      "dependencies": {
-        "path-type": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/doctrine": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
-      "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
-      "dev": true,
-      "dependencies": {
-        "esutils": "^2.0.2"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/electron-to-chromium": {
-      "version": "1.4.543",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.543.tgz",
-      "integrity": "sha512-t2ZP4AcGE0iKCCQCBx/K2426crYdxD3YU6l0uK2EO3FZH0pbC4pFz/sZm2ruZsND6hQBTcDWWlo/MLpiOdif5g=="
-    },
-    "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/enhanced-resolve": {
-      "version": "5.13.0",
-      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.13.0.tgz",
-      "integrity": "sha512-eyV8f0y1+bzyfh8xAwW/WTSZpLbjhqc4ne9eGSH4Zo2ejdyiNG9pU6mf9DG8a7+Auk6MFTlNOT4Y2y/9k8GKVg==",
-      "dev": true,
-      "dependencies": {
-        "graceful-fs": "^4.2.4",
-        "tapable": "^2.2.0"
-      },
-      "engines": {
-        "node": ">=10.13.0"
-      }
-    },
-    "node_modules/error-ex": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz",
-      "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==",
-      "dev": true,
-      "dependencies": {
-        "is-arrayish": "^0.2.1"
-      }
-    },
-    "node_modules/es-abstract": {
-      "version": "1.22.3",
-      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.22.3.tgz",
-      "integrity": "sha512-eiiY8HQeYfYH2Con2berK+To6GrK2RxbPawDkGq4UiCQQfZHb6wX9qQqkbpPqaxQFcl8d9QzZqo0tGE0VcrdwA==",
-      "dev": true,
-      "dependencies": {
-        "array-buffer-byte-length": "^1.0.0",
-        "arraybuffer.prototype.slice": "^1.0.2",
-        "available-typed-arrays": "^1.0.5",
-        "call-bind": "^1.0.5",
-        "es-set-tostringtag": "^2.0.1",
-        "es-to-primitive": "^1.2.1",
-        "function.prototype.name": "^1.1.6",
-        "get-intrinsic": "^1.2.2",
-        "get-symbol-description": "^1.0.0",
-        "globalthis": "^1.0.3",
-        "gopd": "^1.0.1",
-        "has-property-descriptors": "^1.0.0",
-        "has-proto": "^1.0.1",
-        "has-symbols": "^1.0.3",
-        "hasown": "^2.0.0",
-        "internal-slot": "^1.0.5",
-        "is-array-buffer": "^3.0.2",
-        "is-callable": "^1.2.7",
-        "is-negative-zero": "^2.0.2",
-        "is-regex": "^1.1.4",
-        "is-shared-array-buffer": "^1.0.2",
-        "is-string": "^1.0.7",
-        "is-typed-array": "^1.1.12",
-        "is-weakref": "^1.0.2",
-        "object-inspect": "^1.13.1",
-        "object-keys": "^1.1.1",
-        "object.assign": "^4.1.4",
-        "regexp.prototype.flags": "^1.5.1",
-        "safe-array-concat": "^1.0.1",
-        "safe-regex-test": "^1.0.0",
-        "string.prototype.trim": "^1.2.8",
-        "string.prototype.trimend": "^1.0.7",
-        "string.prototype.trimstart": "^1.0.7",
-        "typed-array-buffer": "^1.0.0",
-        "typed-array-byte-length": "^1.0.0",
-        "typed-array-byte-offset": "^1.0.0",
-        "typed-array-length": "^1.0.4",
-        "unbox-primitive": "^1.0.2",
-        "which-typed-array": "^1.1.13"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/es-get-iterator": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/es-get-iterator/-/es-get-iterator-1.1.3.tgz",
-      "integrity": "sha512-sPZmqHBe6JIiTfN5q2pEi//TwxmAFHwj/XEuYjTuse78i8KxaqMTTzxPoFKuzRpDpTJ+0NAbpfenkmH2rePtuw==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "get-intrinsic": "^1.1.3",
-        "has-symbols": "^1.0.3",
-        "is-arguments": "^1.1.1",
-        "is-map": "^2.0.2",
-        "is-set": "^2.0.2",
-        "is-string": "^1.0.7",
-        "isarray": "^2.0.5",
-        "stop-iteration-iterator": "^1.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/es-iterator-helpers": {
-      "version": "1.0.15",
-      "resolved": "https://registry.npmjs.org/es-iterator-helpers/-/es-iterator-helpers-1.0.15.tgz",
-      "integrity": "sha512-GhoY8uYqd6iwUl2kgjTm4CZAf6oo5mHK7BPqx3rKgx893YSsy0LGHV6gfqqQvZt/8xM8xeOnfXBCfqclMKkJ5g==",
-      "dev": true,
-      "dependencies": {
-        "asynciterator.prototype": "^1.0.0",
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.1",
-        "es-abstract": "^1.22.1",
-        "es-set-tostringtag": "^2.0.1",
-        "function-bind": "^1.1.1",
-        "get-intrinsic": "^1.2.1",
-        "globalthis": "^1.0.3",
-        "has-property-descriptors": "^1.0.0",
-        "has-proto": "^1.0.1",
-        "has-symbols": "^1.0.3",
-        "internal-slot": "^1.0.5",
-        "iterator.prototype": "^1.1.2",
-        "safe-array-concat": "^1.0.1"
-      }
-    },
-    "node_modules/es-module-lexer": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.2.1.tgz",
-      "integrity": "sha512-9978wrXM50Y4rTMmW5kXIC09ZdXQZqkE4mxhwkd8VbzsGkXGPgV4zWuqQJgCEzYngdo2dYDa0l8xhX4fkSwJSg==",
-      "dev": true,
-      "peer": true
-    },
-    "node_modules/es-set-tostringtag": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.0.1.tgz",
-      "integrity": "sha512-g3OMbtlwY3QewlqAiMLI47KywjWZoEytKr8pf6iTC8uJq5bIAH52Z9pnQ8pVL6whrCto53JZDuUIsifGeLorTg==",
-      "dev": true,
-      "dependencies": {
-        "get-intrinsic": "^1.1.3",
-        "has": "^1.0.3",
-        "has-tostringtag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/es-shim-unscopables": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.0.0.tgz",
-      "integrity": "sha512-Jm6GPcCdC30eMLbZ2x8z2WuRwAws3zTBBKuusffYVUrNj/GVSUAZ+xKMaUpfNDR5IbyNA5LJbaecoUVbmUcB1w==",
-      "dev": true,
-      "dependencies": {
-        "has": "^1.0.3"
-      }
-    },
-    "node_modules/es-to-primitive": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.2.1.tgz",
-      "integrity": "sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==",
-      "dev": true,
-      "dependencies": {
-        "is-callable": "^1.1.4",
-        "is-date-object": "^1.0.1",
-        "is-symbol": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/escalade": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
-      "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/escape-string-regexp": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
-      "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
-      "engines": {
-        "node": ">=0.8.0"
-      }
-    },
-    "node_modules/eslint": {
-      "version": "8.39.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.39.0.tgz",
-      "integrity": "sha512-mwiok6cy7KTW7rBpo05k6+p4YVZByLNjAZ/ACB9DRCu4YDRwjXI01tWHp6KAUWelsBetTxKK/2sHB0vdS8Z2Og==",
-      "dev": true,
-      "dependencies": {
-        "@eslint-community/eslint-utils": "^4.2.0",
-        "@eslint-community/regexpp": "^4.4.0",
-        "@eslint/eslintrc": "^2.0.2",
-        "@eslint/js": "8.39.0",
-        "@humanwhocodes/config-array": "^0.11.8",
-        "@humanwhocodes/module-importer": "^1.0.1",
-        "@nodelib/fs.walk": "^1.2.8",
-        "ajv": "^6.10.0",
-        "chalk": "^4.0.0",
-        "cross-spawn": "^7.0.2",
-        "debug": "^4.3.2",
-        "doctrine": "^3.0.0",
-        "escape-string-regexp": "^4.0.0",
-        "eslint-scope": "^7.2.0",
-        "eslint-visitor-keys": "^3.4.0",
-        "espree": "^9.5.1",
-        "esquery": "^1.4.2",
-        "esutils": "^2.0.2",
-        "fast-deep-equal": "^3.1.3",
-        "file-entry-cache": "^6.0.1",
-        "find-up": "^5.0.0",
-        "glob-parent": "^6.0.2",
-        "globals": "^13.19.0",
-        "grapheme-splitter": "^1.0.4",
-        "ignore": "^5.2.0",
-        "import-fresh": "^3.0.0",
-        "imurmurhash": "^0.1.4",
-        "is-glob": "^4.0.0",
-        "is-path-inside": "^3.0.3",
-        "js-sdsl": "^4.1.4",
-        "js-yaml": "^4.1.0",
-        "json-stable-stringify-without-jsonify": "^1.0.1",
-        "levn": "^0.4.1",
-        "lodash.merge": "^4.6.2",
-        "minimatch": "^3.1.2",
-        "natural-compare": "^1.4.0",
-        "optionator": "^0.9.1",
-        "strip-ansi": "^6.0.1",
-        "strip-json-comments": "^3.1.0",
-        "text-table": "^0.2.0"
-      },
-      "bin": {
-        "eslint": "bin/eslint.js"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/eslint-config-google": {
-      "version": "0.14.0",
-      "resolved": "https://registry.npmjs.org/eslint-config-google/-/eslint-config-google-0.14.0.tgz",
-      "integrity": "sha512-WsbX4WbjuMvTdeVL6+J3rK1RGhCTqjsFjX7UMSMgZiyxxaNLkoJENbrGExzERFeoTpGw3F3FypTiWAP9ZXzkEw==",
-      "dev": true,
-      "peer": true,
-      "engines": {
-        "node": ">=0.10.0"
-      },
-      "peerDependencies": {
-        "eslint": ">=5.16.0"
-      }
-    },
-    "node_modules/eslint-config-next": {
-      "version": "13.5.6",
-      "resolved": "https://registry.npmjs.org/eslint-config-next/-/eslint-config-next-13.5.6.tgz",
-      "integrity": "sha512-o8pQsUHTo9aHqJ2YiZDym5gQAMRf7O2HndHo/JZeY7TDD+W4hk6Ma8Vw54RHiBeb7OWWO5dPirQB+Is/aVQ7Kg==",
-      "dev": true,
-      "dependencies": {
-        "@next/eslint-plugin-next": "13.5.6",
-        "@rushstack/eslint-patch": "^1.3.3",
-        "@typescript-eslint/parser": "^5.4.2 || ^6.0.0",
-        "eslint-import-resolver-node": "^0.3.6",
-        "eslint-import-resolver-typescript": "^3.5.2",
-        "eslint-plugin-import": "^2.28.1",
-        "eslint-plugin-jsx-a11y": "^6.7.1",
-        "eslint-plugin-react": "^7.33.2",
-        "eslint-plugin-react-hooks": "^4.5.0 || 5.0.0-canary-7118f5dd7-20230705"
-      },
-      "peerDependencies": {
-        "eslint": "^7.23.0 || ^8.0.0",
-        "typescript": ">=3.3.1"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/eslint-import-resolver-node": {
-      "version": "0.3.9",
-      "resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.9.tgz",
-      "integrity": "sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==",
-      "dev": true,
-      "dependencies": {
-        "debug": "^3.2.7",
-        "is-core-module": "^2.13.0",
-        "resolve": "^1.22.4"
-      }
-    },
-    "node_modules/eslint-import-resolver-node/node_modules/debug": {
-      "version": "3.2.7",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
-      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
-      "dev": true,
-      "dependencies": {
-        "ms": "^2.1.1"
-      }
-    },
-    "node_modules/eslint-import-resolver-typescript": {
-      "version": "3.6.1",
-      "resolved": "https://registry.npmjs.org/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-3.6.1.tgz",
-      "integrity": "sha512-xgdptdoi5W3niYeuQxKmzVDTATvLYqhpwmykwsh7f6HIOStGWEIL9iqZgQDF9u9OEzrRwR8no5q2VT+bjAujTg==",
-      "dev": true,
-      "dependencies": {
-        "debug": "^4.3.4",
-        "enhanced-resolve": "^5.12.0",
-        "eslint-module-utils": "^2.7.4",
-        "fast-glob": "^3.3.1",
-        "get-tsconfig": "^4.5.0",
-        "is-core-module": "^2.11.0",
-        "is-glob": "^4.0.3"
-      },
-      "engines": {
-        "node": "^14.18.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/unts/projects/eslint-import-resolver-ts"
-      },
-      "peerDependencies": {
-        "eslint": "*",
-        "eslint-plugin-import": "*"
-      }
-    },
-    "node_modules/eslint-module-utils": {
-      "version": "2.8.0",
-      "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.8.0.tgz",
-      "integrity": "sha512-aWajIYfsqCKRDgUfjEXNN/JlrzauMuSEy5sbd7WXbtW3EH6A6MpwEh42c7qD+MqQo9QMJ6fWLAeIJynx0g6OAw==",
-      "dev": true,
-      "dependencies": {
-        "debug": "^3.2.7"
-      },
-      "engines": {
-        "node": ">=4"
-      },
-      "peerDependenciesMeta": {
-        "eslint": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/eslint-module-utils/node_modules/debug": {
-      "version": "3.2.7",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
-      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
-      "dev": true,
-      "dependencies": {
-        "ms": "^2.1.1"
-      }
-    },
-    "node_modules/eslint-plugin-deprecate": {
-      "version": "0.7.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-deprecate/-/eslint-plugin-deprecate-0.7.0.tgz",
-      "integrity": "sha512-MylhCqoH/SJ2MwzVgX0we6oE+lKPVwhOu9hAJ98vMCmbz3FNwqJ8XipdI23bCF7NHxUbhd6mdxFjywKE52pt7A==",
-      "dev": true,
-      "peer": true,
-      "peerDependencies": {
-        "eslint": ">=2.x"
-      }
-    },
-    "node_modules/eslint-plugin-import": {
-      "version": "2.29.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.29.0.tgz",
-      "integrity": "sha512-QPOO5NO6Odv5lpoTkddtutccQjysJuFxoPS7fAHO+9m9udNHvTCPSAMW9zGAYj8lAIdr40I8yPCdUYrncXtrwg==",
-      "dev": true,
-      "dependencies": {
-        "array-includes": "^3.1.7",
-        "array.prototype.findlastindex": "^1.2.3",
-        "array.prototype.flat": "^1.3.2",
-        "array.prototype.flatmap": "^1.3.2",
-        "debug": "^3.2.7",
-        "doctrine": "^2.1.0",
-        "eslint-import-resolver-node": "^0.3.9",
-        "eslint-module-utils": "^2.8.0",
-        "hasown": "^2.0.0",
-        "is-core-module": "^2.13.1",
-        "is-glob": "^4.0.3",
-        "minimatch": "^3.1.2",
-        "object.fromentries": "^2.0.7",
-        "object.groupby": "^1.0.1",
-        "object.values": "^1.1.7",
-        "semver": "^6.3.1",
-        "tsconfig-paths": "^3.14.2"
-      },
-      "engines": {
-        "node": ">=4"
-      },
-      "peerDependencies": {
-        "eslint": "^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8"
-      }
-    },
-    "node_modules/eslint-plugin-import/node_modules/debug": {
-      "version": "3.2.7",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
-      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
-      "dev": true,
-      "dependencies": {
-        "ms": "^2.1.1"
-      }
-    },
-    "node_modules/eslint-plugin-import/node_modules/doctrine": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
-      "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
-      "dev": true,
-      "dependencies": {
-        "esutils": "^2.0.2"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/eslint-plugin-jsx-a11y": {
-      "version": "6.7.1",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.7.1.tgz",
-      "integrity": "sha512-63Bog4iIethyo8smBklORknVjB0T2dwB8Mr/hIC+fBS0uyHdYYpzM/Ed+YC8VxTjlXHEWFOdmgwcDn1U2L9VCA==",
-      "dev": true,
-      "dependencies": {
-        "@babel/runtime": "^7.20.7",
-        "aria-query": "^5.1.3",
-        "array-includes": "^3.1.6",
-        "array.prototype.flatmap": "^1.3.1",
-        "ast-types-flow": "^0.0.7",
-        "axe-core": "^4.6.2",
-        "axobject-query": "^3.1.1",
-        "damerau-levenshtein": "^1.0.8",
-        "emoji-regex": "^9.2.2",
-        "has": "^1.0.3",
-        "jsx-ast-utils": "^3.3.3",
-        "language-tags": "=1.0.5",
-        "minimatch": "^3.1.2",
-        "object.entries": "^1.1.6",
-        "object.fromentries": "^2.0.6",
-        "semver": "^6.3.0"
-      },
-      "engines": {
-        "node": ">=4.0"
-      },
-      "peerDependencies": {
-        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8"
-      }
-    },
-    "node_modules/eslint-plugin-matrix-org": {
-      "version": "0.8.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-matrix-org/-/eslint-plugin-matrix-org-0.8.0.tgz",
-      "integrity": "sha512-/Poz/F8lXYDsmQa29iPSt+kO+Jn7ArvRdq10g0CCk8wbRS0sb2zb6fvd9xL1BgR5UDQL771V0l8X32etvY5yKA==",
-      "dev": true,
-      "peerDependencies": {
-        "@babel/core": "*",
-        "@babel/eslint-parser": "*",
-        "@babel/eslint-plugin": "*",
-        "@typescript-eslint/eslint-plugin": "*",
-        "@typescript-eslint/parser": "*",
-        "eslint": "*",
-        "eslint-config-google": "*",
-        "eslint-plugin-deprecate": "*",
-        "eslint-plugin-import": "*",
-        "eslint-plugin-jsx-a11y": "*",
-        "eslint-plugin-react": "*",
-        "eslint-plugin-react-hooks": "*",
-        "eslint-plugin-unicorn": "*",
-        "typescript": "*"
-      }
-    },
-    "node_modules/eslint-plugin-react": {
-      "version": "7.33.2",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.33.2.tgz",
-      "integrity": "sha512-73QQMKALArI8/7xGLNI/3LylrEYrlKZSb5C9+q3OtOewTnMQi5cT+aE9E41sLCmli3I9PGGmD1yiZydyo4FEPw==",
-      "dev": true,
-      "dependencies": {
-        "array-includes": "^3.1.6",
-        "array.prototype.flatmap": "^1.3.1",
-        "array.prototype.tosorted": "^1.1.1",
-        "doctrine": "^2.1.0",
-        "es-iterator-helpers": "^1.0.12",
-        "estraverse": "^5.3.0",
-        "jsx-ast-utils": "^2.4.1 || ^3.0.0",
-        "minimatch": "^3.1.2",
-        "object.entries": "^1.1.6",
-        "object.fromentries": "^2.0.6",
-        "object.hasown": "^1.1.2",
-        "object.values": "^1.1.6",
-        "prop-types": "^15.8.1",
-        "resolve": "^2.0.0-next.4",
-        "semver": "^6.3.1",
-        "string.prototype.matchall": "^4.0.8"
-      },
-      "engines": {
-        "node": ">=4"
-      },
-      "peerDependencies": {
-        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8"
-      }
-    },
-    "node_modules/eslint-plugin-react-hooks": {
-      "version": "4.6.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.0.tgz",
-      "integrity": "sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "peerDependencies": {
-        "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0"
-      }
-    },
-    "node_modules/eslint-plugin-react/node_modules/doctrine": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
-      "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
-      "dev": true,
-      "dependencies": {
-        "esutils": "^2.0.2"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/eslint-plugin-react/node_modules/resolve": {
-      "version": "2.0.0-next.4",
-      "resolved": "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.4.tgz",
-      "integrity": "sha512-iMDbmAWtfU+MHpxt/I5iWI7cY6YVEZUQ3MBgPQ++XD1PELuJHIl82xBmObyP2KyQmkNB2dsqF7seoQQiAn5yDQ==",
-      "dev": true,
-      "dependencies": {
-        "is-core-module": "^2.9.0",
-        "path-parse": "^1.0.7",
-        "supports-preserve-symlinks-flag": "^1.0.0"
-      },
-      "bin": {
-        "resolve": "bin/resolve"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/eslint-plugin-unicorn": {
-      "version": "46.0.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-unicorn/-/eslint-plugin-unicorn-46.0.0.tgz",
-      "integrity": "sha512-j07WkC+PFZwk8J33LYp6JMoHa1lXc1u6R45pbSAipjpfpb7KIGr17VE2D685zCxR5VL4cjrl65kTJflziQWMDA==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@babel/helper-validator-identifier": "^7.19.1",
-        "@eslint-community/eslint-utils": "^4.1.2",
-        "ci-info": "^3.6.1",
-        "clean-regexp": "^1.0.0",
-        "esquery": "^1.4.0",
-        "indent-string": "^4.0.0",
-        "is-builtin-module": "^3.2.0",
-        "jsesc": "^3.0.2",
-        "lodash": "^4.17.21",
-        "pluralize": "^8.0.0",
-        "read-pkg-up": "^7.0.1",
-        "regexp-tree": "^0.1.24",
-        "regjsparser": "^0.9.1",
-        "safe-regex": "^2.1.1",
-        "semver": "^7.3.8",
-        "strip-indent": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=14.18"
-      },
-      "funding": {
-        "url": "https://github.com/sindresorhus/eslint-plugin-unicorn?sponsor=1"
-      },
-      "peerDependencies": {
-        "eslint": ">=8.28.0"
-      }
-    },
-    "node_modules/eslint-plugin-unicorn/node_modules/jsesc": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.0.2.tgz",
-      "integrity": "sha512-xKqzzWXDttJuOcawBt4KnKHHIf5oQ/Cxax+0PWFG+DFDgHNAdi+TXECADI+RYiFUMmx8792xsMbbgXj4CwnP4g==",
-      "dev": true,
-      "peer": true,
-      "bin": {
-        "jsesc": "bin/jsesc"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/eslint-plugin-unicorn/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,
-      "peer": true,
-      "dependencies": {
-        "lru-cache": "^6.0.0"
-      },
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/eslint-rule-composer": {
-      "version": "0.3.0",
-      "resolved": "https://registry.npmjs.org/eslint-rule-composer/-/eslint-rule-composer-0.3.0.tgz",
-      "integrity": "sha512-bt+Sh8CtDmn2OajxvNO+BX7Wn4CIWMpTRm3MaiKPCQcnnlm0CS2mhui6QaoeQugs+3Kj2ESKEEGJUdVafwhiCg==",
-      "dev": true,
-      "peer": true,
-      "engines": {
-        "node": ">=4.0.0"
-      }
-    },
-    "node_modules/eslint-scope": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
-      "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "esrecurse": "^4.3.0",
-        "estraverse": "^4.1.1"
-      },
-      "engines": {
-        "node": ">=8.0.0"
-      }
-    },
-    "node_modules/eslint-scope/node_modules/estraverse": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
-      "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
-      "dev": true,
-      "peer": true,
-      "engines": {
-        "node": ">=4.0"
-      }
-    },
-    "node_modules/eslint-visitor-keys": {
-      "version": "3.4.1",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.1.tgz",
-      "integrity": "sha512-pZnmmLwYzf+kWaM/Qgrvpen51upAktaaiI01nsJD/Yr3lMOdNtq0cxkrrg16w64VtisN6okbs7Q8AfGqj4c9fA==",
-      "dev": true,
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/eslint/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/eslint/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/eslint/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/eslint/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/eslint/node_modules/escape-string-regexp": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
-      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/eslint/node_modules/eslint-scope": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.0.tgz",
-      "integrity": "sha512-DYj5deGlHBfMt15J7rdtyKNq/Nqlv5KfU4iodrQ019XESsRnwXH9KAE0y3cwtUHDo2ob7CypAnCqefh6vioWRw==",
-      "dev": true,
-      "dependencies": {
-        "esrecurse": "^4.3.0",
-        "estraverse": "^5.2.0"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/eslint/node_modules/globals": {
-      "version": "13.20.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-13.20.0.tgz",
-      "integrity": "sha512-Qg5QtVkCy/kv3FUSlu4ukeZDVf9ee0iXLAUYX13gbR17bnejFTzr4iS9bY7kwCf1NztRNm1t91fjOiyx4CSwPQ==",
-      "dev": true,
-      "dependencies": {
-        "type-fest": "^0.20.2"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/espree": {
-      "version": "9.5.1",
-      "resolved": "https://registry.npmjs.org/espree/-/espree-9.5.1.tgz",
-      "integrity": "sha512-5yxtHSZXRSW5pvv3hAlXM5+/Oswi1AUFqBmbibKb5s6bp3rGIDkyXU6xCoyuuLhijr4SFwPrXRoZjz0AZDN9tg==",
-      "dev": true,
-      "dependencies": {
-        "acorn": "^8.8.0",
-        "acorn-jsx": "^5.3.2",
-        "eslint-visitor-keys": "^3.4.0"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/esquery": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.5.0.tgz",
-      "integrity": "sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==",
-      "dev": true,
-      "dependencies": {
-        "estraverse": "^5.1.0"
-      },
-      "engines": {
-        "node": ">=0.10"
-      }
-    },
-    "node_modules/esrecurse": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
-      "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
-      "dev": true,
-      "dependencies": {
-        "estraverse": "^5.2.0"
-      },
-      "engines": {
-        "node": ">=4.0"
-      }
-    },
-    "node_modules/estraverse": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
-      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
-      "dev": true,
-      "engines": {
-        "node": ">=4.0"
-      }
-    },
-    "node_modules/esutils": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
-      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/event-target-shim": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/event-target-shim/-/event-target-shim-5.0.1.tgz",
-      "integrity": "sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ==",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/events": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
-      "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==",
-      "engines": {
-        "node": ">=0.8.x"
-      }
-    },
-    "node_modules/execall": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/execall/-/execall-2.0.0.tgz",
-      "integrity": "sha512-0FU2hZ5Hh6iQnarpRtQurM/aAvp3RIbfvgLHrcqJYzhXyV2KFruhuChf9NC6waAhiUR7FFtlugkI4p7f2Fqlow==",
-      "dev": true,
-      "dependencies": {
-        "clone-regexp": "^2.1.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/exenv": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/exenv/-/exenv-1.2.2.tgz",
-      "integrity": "sha512-Z+ktTxTwv9ILfgKCk32OX3n/doe+OcLTRtqK9pcL+JsP3J1/VW8Uvl4ZjLlKqeW4rzK4oesDOGMEMRIZqtP4Iw=="
-    },
-    "node_modules/fast-deep-equal": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
-      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
-      "dev": true
-    },
-    "node_modules/fast-glob": {
-      "version": "3.3.1",
-      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.1.tgz",
-      "integrity": "sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==",
-      "dev": true,
-      "dependencies": {
-        "@nodelib/fs.stat": "^2.0.2",
-        "@nodelib/fs.walk": "^1.2.3",
-        "glob-parent": "^5.1.2",
-        "merge2": "^1.3.0",
-        "micromatch": "^4.0.4"
-      },
-      "engines": {
-        "node": ">=8.6.0"
-      }
-    },
-    "node_modules/fast-glob/node_modules/glob-parent": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-      "dev": true,
-      "dependencies": {
-        "is-glob": "^4.0.1"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/fast-json-stable-stringify": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
-      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
-      "dev": true
-    },
-    "node_modules/fast-levenshtein": {
-      "version": "2.0.6",
-      "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
-      "integrity": "sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc=",
-      "dev": true
-    },
-    "node_modules/fast-redact": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/fast-redact/-/fast-redact-3.2.0.tgz",
-      "integrity": "sha512-zaTadChr+NekyzallAMXATXLOR8MNx3zqpZ0MUF2aGf4EathnG0f32VLODNlY8IuGY3HoRO2L6/6fSzNsLaHIw==",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/fastest-levenshtein": {
-      "version": "1.0.12",
-      "resolved": "https://registry.npmjs.org/fastest-levenshtein/-/fastest-levenshtein-1.0.12.tgz",
-      "integrity": "sha512-On2N+BpYJ15xIC974QNVuYGMOlEVt4s0EOI3wwMqOmK1fdDY+FN/zltPV8vosq4ad4c/gJ1KHScUn/6AWIgiow==",
-      "dev": true
-    },
-    "node_modules/fastq": {
-      "version": "1.13.0",
-      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.13.0.tgz",
-      "integrity": "sha512-YpkpUnK8od0o1hmeSc7UUs/eB/vIPWJYjKck2QKIzAf71Vm1AAQ3EbuZB3g2JIy+pg+ERD0vqI79KyZiB2e2Nw==",
-      "dev": true,
-      "dependencies": {
-        "reusify": "^1.0.4"
-      }
-    },
-    "node_modules/file-entry-cache": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
-      "integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==",
-      "dev": true,
-      "dependencies": {
-        "flat-cache": "^3.0.4"
-      },
-      "engines": {
-        "node": "^10.12.0 || >=12.0.0"
-      }
-    },
-    "node_modules/fill-range": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
-      "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
-      "devOptional": true,
-      "dependencies": {
-        "to-regex-range": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "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/flat-cache": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.0.4.tgz",
-      "integrity": "sha512-dm9s5Pw7Jc0GvMYbshN6zchCA9RgQlzzEZX3vylR9IqFfS8XciblUXOKfW6SiuJ0e13eDYZoZV5wdrev7P3Nwg==",
-      "dev": true,
-      "dependencies": {
-        "flatted": "^3.1.0",
-        "rimraf": "^3.0.2"
-      },
-      "engines": {
-        "node": "^10.12.0 || >=12.0.0"
-      }
-    },
-    "node_modules/flatted": {
-      "version": "3.2.4",
-      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.2.4.tgz",
-      "integrity": "sha512-8/sOawo8tJ4QOBX8YlQBMxL8+RLZfxMQOif9o0KUKTNTjMYElWPE0r/m5VNFxTRd0NSw8qSy8dajrwX4RYI1Hw==",
-      "dev": true
-    },
-    "node_modules/for-each": {
-      "version": "0.3.3",
-      "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz",
-      "integrity": "sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==",
-      "dev": true,
-      "dependencies": {
-        "is-callable": "^1.1.3"
-      }
-    },
-    "node_modules/fs-readdir-recursive": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/fs-readdir-recursive/-/fs-readdir-recursive-1.1.0.tgz",
-      "integrity": "sha512-GNanXlVr2pf02+sPN40XN8HG+ePaNcvM0q5mZBd668Obwb0yD5GiUbZOFgwn8kGMY6I3mdyDJzieUy3PTYyTRA=="
-    },
-    "node_modules/fs.realpath": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
-      "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8="
-    },
-    "node_modules/fsevents": {
-      "version": "2.3.3",
-      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
-      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
-      "hasInstallScript": true,
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
-      }
-    },
-    "node_modules/function-bind": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
-      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/function.prototype.name": {
-      "version": "1.1.6",
-      "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.6.tgz",
-      "integrity": "sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "functions-have-names": "^1.2.3"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/functions-have-names": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
-      "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
-      "dev": true,
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/gensync": {
-      "version": "1.0.0-beta.2",
-      "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
-      "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/get-intrinsic": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.2.tgz",
-      "integrity": "sha512-0gSo4ml/0j98Y3lngkFEot/zhiCeWsbYIlZ+uZOVgzLyLaUw7wxUL+nCTP0XJvJg1AXulJRI3UJi8GsbDuxdGA==",
-      "dev": true,
-      "dependencies": {
-        "function-bind": "^1.1.2",
-        "has-proto": "^1.0.1",
-        "has-symbols": "^1.0.3",
-        "hasown": "^2.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/get-stdin": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-8.0.0.tgz",
-      "integrity": "sha512-sY22aA6xchAzprjyqmSEQv4UbAAzRN0L2dQB0NlN5acTTK9Don6nhoc3eAbUnpZiCANAMfd/+40kVdKfFygohg==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/get-symbol-description": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.0.0.tgz",
-      "integrity": "sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "get-intrinsic": "^1.1.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/get-tsconfig": {
-      "version": "4.7.2",
-      "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.7.2.tgz",
-      "integrity": "sha512-wuMsz4leaj5hbGgg4IvDU0bqJagpftG5l5cXIAvo8uZrqn0NJqwtfupTN00VnkQJPcIRrxYrm1Ue24btpCha2A==",
-      "dev": true,
-      "dependencies": {
-        "resolve-pkg-maps": "^1.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/privatenumber/get-tsconfig?sponsor=1"
-      }
-    },
-    "node_modules/glob": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.0.tgz",
-      "integrity": "sha512-lmLf6gtyrPq8tTjSmrO94wBeQbFR3HbLHbuyD69wuyQkImp2hWqMGB47OX65FBkPffO641IP9jWa1z4ivqG26Q==",
-      "dependencies": {
-        "fs.realpath": "^1.0.0",
-        "inflight": "^1.0.4",
-        "inherits": "2",
-        "minimatch": "^3.0.4",
-        "once": "^1.3.0",
-        "path-is-absolute": "^1.0.0"
-      },
-      "engines": {
-        "node": "*"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/glob-parent": {
-      "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
-      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
-      "dev": true,
-      "dependencies": {
-        "is-glob": "^4.0.3"
-      },
-      "engines": {
-        "node": ">=10.13.0"
-      }
-    },
-    "node_modules/glob-to-regexp": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz",
-      "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw=="
-    },
-    "node_modules/global-modules": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/global-modules/-/global-modules-2.0.0.tgz",
-      "integrity": "sha512-NGbfmJBp9x8IxyJSd1P+otYK8vonoJactOogrVfFRIAEY1ukil8RSKDz2Yo7wh1oihl51l/r6W4epkeKJHqL8A==",
-      "dev": true,
-      "dependencies": {
-        "global-prefix": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/global-prefix": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/global-prefix/-/global-prefix-3.0.0.tgz",
-      "integrity": "sha512-awConJSVCHVGND6x3tmMaKcQvwXLhjdkmomy2W+Goaui8YPgYgXJZewhg3fWC+DlfqqQuWg8AwqjGTD2nAPVWg==",
-      "dev": true,
-      "dependencies": {
-        "ini": "^1.3.5",
-        "kind-of": "^6.0.2",
-        "which": "^1.3.1"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/global-prefix/node_modules/which": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
-      "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
-      "dev": true,
-      "dependencies": {
-        "isexe": "^2.0.0"
-      },
-      "bin": {
-        "which": "bin/which"
-      }
-    },
-    "node_modules/globals": {
-      "version": "11.12.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz",
-      "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/globalthis": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.3.tgz",
-      "integrity": "sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==",
-      "dev": true,
-      "dependencies": {
-        "define-properties": "^1.1.3"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/globby": {
-      "version": "11.1.0",
-      "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
-      "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
-      "dev": true,
-      "dependencies": {
-        "array-union": "^2.1.0",
-        "dir-glob": "^3.0.1",
-        "fast-glob": "^3.2.9",
-        "ignore": "^5.2.0",
-        "merge2": "^1.4.1",
-        "slash": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/globjoin": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/globjoin/-/globjoin-0.1.4.tgz",
-      "integrity": "sha1-L0SUrIkZ43Z8XLtpHp9GMyQoXUM=",
-      "dev": true
-    },
-    "node_modules/gopd": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz",
-      "integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==",
-      "dev": true,
-      "dependencies": {
-        "get-intrinsic": "^1.1.3"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/graceful-fs": {
-      "version": "4.2.11",
-      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
-      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ=="
-    },
-    "node_modules/grapheme-splitter": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/grapheme-splitter/-/grapheme-splitter-1.0.4.tgz",
-      "integrity": "sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ==",
-      "dev": true
-    },
-    "node_modules/graphemer": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
-      "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
-      "dev": true,
-      "peer": true
-    },
-    "node_modules/hard-rejection": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/hard-rejection/-/hard-rejection-2.1.0.tgz",
-      "integrity": "sha512-VIZB+ibDhx7ObhAe7OVtoEbuP4h/MuOTHJ+J8h/eBXotJYl0fBgR72xDFCKgIh22OJZIOVNxBMWuhAr10r8HdA==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/has": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
-      "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
-      "dev": true,
-      "dependencies": {
-        "function-bind": "^1.1.1"
-      },
-      "engines": {
-        "node": ">= 0.4.0"
-      }
-    },
-    "node_modules/has-bigints": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz",
-      "integrity": "sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==",
-      "dev": true,
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/has-flag": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/has-property-descriptors": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.0.tgz",
-      "integrity": "sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ==",
-      "dev": true,
-      "dependencies": {
-        "get-intrinsic": "^1.1.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/has-proto": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.1.tgz",
-      "integrity": "sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/has-symbols": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
-      "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/has-tostringtag": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.0.tgz",
-      "integrity": "sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==",
-      "dev": true,
-      "dependencies": {
-        "has-symbols": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/hasown": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.0.tgz",
-      "integrity": "sha512-vUptKVTpIJhcczKBbgnS+RtcuYMB8+oNzPK2/Hp3hanz8JmpATdmmgLgSaadVREkDm+e2giHwY3ZRkyjSIDDFA==",
-      "dependencies": {
-        "function-bind": "^1.1.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/hosted-git-info": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-4.1.0.tgz",
-      "integrity": "sha512-kyCuEOWjJqZuDbRHzL8V93NzQhwIB71oFWSyzVo+KPZI+pnQPPxucdkrOZvkLRnrf5URsQM+IJ09Dw29cRALIA==",
-      "dev": true,
-      "dependencies": {
-        "lru-cache": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/html-parse-stringify": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/html-parse-stringify/-/html-parse-stringify-3.0.1.tgz",
-      "integrity": "sha512-KknJ50kTInJ7qIScF3jeaFRpMpE8/lfiTdzf/twXyPBLAGrLRTmkz3AdTnKeh40X8k9L2fdYwEp/42WGXIRGcg==",
-      "dependencies": {
-        "void-elements": "3.1.0"
-      }
-    },
-    "node_modules/html-tags": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/html-tags/-/html-tags-3.2.0.tgz",
-      "integrity": "sha512-vy7ClnArOZwCnqZgvv+ddgHgJiAFXe3Ge9ML5/mBctVJoUoYPCdxVucOywjDARn6CVoh3dRSFdPHy2sX80L0Wg==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/i18next": {
-      "version": "23.5.1",
-      "resolved": "https://registry.npmjs.org/i18next/-/i18next-23.5.1.tgz",
-      "integrity": "sha512-JelYzcaCoFDaa+Ysbfz2JsGAKkrHiMG6S61+HLBUEIPaF40WMwW9hCPymlQGrP+wWawKxKPuSuD71WZscCsWHg==",
-      "funding": [
-        {
-          "type": "individual",
-          "url": "https://locize.com"
-        },
-        {
-          "type": "individual",
-          "url": "https://locize.com/i18next.html"
-        },
-        {
-          "type": "individual",
-          "url": "https://www.i18next.com/how-to/faq#i18next-is-awesome.-how-can-i-support-the-project"
-        }
-      ],
-      "dependencies": {
-        "@babel/runtime": "^7.22.5"
-      }
-    },
-    "node_modules/i18next-browser-languagedetector": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/i18next-browser-languagedetector/-/i18next-browser-languagedetector-7.1.0.tgz",
-      "integrity": "sha512-cr2k7u1XJJ4HTOjM9GyOMtbOA47RtUoWRAtt52z43r3AoMs2StYKyjS3URPhzHaf+mn10hY9dZWamga5WPQjhA==",
-      "dependencies": {
-        "@babel/runtime": "^7.19.4"
-      }
-    },
-    "node_modules/i18next-resources-to-backend": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/i18next-resources-to-backend/-/i18next-resources-to-backend-1.1.4.tgz",
-      "integrity": "sha512-hMyr9AOmIea17AOaVe1srNxK/l3mbk81P7Uf3fdcjlw3ehZy3UNTd0OP3EEi6yu4J02kf9jzhCcjokz6AFlEOg==",
-      "dependencies": {
-        "@babel/runtime": "^7.21.5"
-      }
-    },
-    "node_modules/ieee754": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
-      "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==",
-      "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/ignore": {
-      "version": "5.2.4",
-      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.4.tgz",
-      "integrity": "sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==",
-      "dev": true,
-      "engines": {
-        "node": ">= 4"
-      }
-    },
-    "node_modules/import-fresh": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
-      "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
-      "dev": true,
-      "dependencies": {
-        "parent-module": "^1.0.0",
-        "resolve-from": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/import-lazy": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/import-lazy/-/import-lazy-4.0.0.tgz",
-      "integrity": "sha512-rKtvo6a868b5Hu3heneU+L4yEQ4jYKLtjpnPeUdK7h0yzXGmyBTypknlkCvHFBqfX9YlorEiMM6Dnq/5atfHkw==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/imurmurhash": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
-      "integrity": "sha1-khi5srkoojixPcT7a21XbyMUU+o=",
-      "dev": true,
-      "engines": {
-        "node": ">=0.8.19"
-      }
-    },
-    "node_modules/indent-string": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz",
-      "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/inflight": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
-      "integrity": "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=",
-      "dependencies": {
-        "once": "^1.3.0",
-        "wrappy": "1"
-      }
-    },
-    "node_modules/inherits": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
-      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
-    },
-    "node_modules/ini": {
-      "version": "1.3.8",
-      "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
-      "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==",
-      "dev": true
-    },
-    "node_modules/internal-slot": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.5.tgz",
-      "integrity": "sha512-Y+R5hJrzs52QCG2laLn4udYVnxsfny9CpOhNhUvk/SSSVyF6T27FzRbF0sroPidSu3X8oEAkOn2K804mjpt6UQ==",
-      "dev": true,
-      "dependencies": {
-        "get-intrinsic": "^1.2.0",
-        "has": "^1.0.3",
-        "side-channel": "^1.0.4"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/is-arguments": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.1.1.tgz",
-      "integrity": "sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "has-tostringtag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-array-buffer": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.2.tgz",
-      "integrity": "sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgraytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "get-intrinsic": "^1.2.0",
-        "is-typed-array": "^1.1.10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-arrayish": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
-      "integrity": "sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0=",
-      "dev": true
-    },
-    "node_modules/is-async-function": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/is-async-function/-/is-async-function-2.0.0.tgz",
-      "integrity": "sha512-Y1JXKrfykRJGdlDwdKlLpLyMIiWqWvuSd17TvZk68PLAOGOoF4Xyav1z0Xhoi+gCYjZVeC5SI+hYFOfvXmGRCA==",
-      "dev": true,
-      "dependencies": {
-        "has-tostringtag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-bigint": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.4.tgz",
-      "integrity": "sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==",
-      "dev": true,
-      "dependencies": {
-        "has-bigints": "^1.0.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-binary-path": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
-      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
-      "optional": true,
-      "dependencies": {
-        "binary-extensions": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/is-boolean-object": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.1.2.tgz",
-      "integrity": "sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "has-tostringtag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-builtin-module": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/is-builtin-module/-/is-builtin-module-3.2.1.tgz",
-      "integrity": "sha512-BSLE3HnV2syZ0FK0iMA/yUGplUeMmNz4AW5fnTunbCIqZi4vG3WjJT9FHMy5D69xmAYBHXQhJdALdpwVxV501A==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "builtin-modules": "^3.3.0"
-      },
-      "engines": {
-        "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/is-callable": {
-      "version": "1.2.7",
-      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
-      "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-core-module": {
-      "version": "2.13.1",
-      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.13.1.tgz",
-      "integrity": "sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==",
-      "dependencies": {
-        "hasown": "^2.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-date-object": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.5.tgz",
-      "integrity": "sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==",
-      "dev": true,
-      "dependencies": {
-        "has-tostringtag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-extglob": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
-      "integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=",
-      "devOptional": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/is-finalizationregistry": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/is-finalizationregistry/-/is-finalizationregistry-1.0.2.tgz",
-      "integrity": "sha512-0by5vtUJs8iFQb5TYUHHPudOR+qXYIMKtiUzvLIZITZUjknFmziyBJuLhVRc+Ds0dREFlskDNJKYIdIzu/9pfw==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-fullwidth-code-point": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
-      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/is-generator-function": {
-      "version": "1.0.10",
-      "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.0.10.tgz",
-      "integrity": "sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==",
-      "dev": true,
-      "dependencies": {
-        "has-tostringtag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-glob": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
-      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
-      "devOptional": true,
-      "dependencies": {
-        "is-extglob": "^2.1.1"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/is-map": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.2.tgz",
-      "integrity": "sha512-cOZFQQozTha1f4MxLFzlgKYPTyj26picdZTx82hbc/Xf4K/tZOOXSCkMvU4pKioRXGDLJRn0GM7Upe7kR721yg==",
-      "dev": true,
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-negative-zero": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.2.tgz",
-      "integrity": "sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-number": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
-      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
-      "devOptional": true,
-      "engines": {
-        "node": ">=0.12.0"
-      }
-    },
-    "node_modules/is-number-object": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.0.7.tgz",
-      "integrity": "sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==",
-      "dev": true,
-      "dependencies": {
-        "has-tostringtag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-path-inside": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
-      "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/is-plain-obj": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-1.1.0.tgz",
-      "integrity": "sha1-caUMhCnfync8kqOQpKA7OfzVHT4=",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/is-plain-object": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-5.0.0.tgz",
-      "integrity": "sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/is-regex": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz",
-      "integrity": "sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "has-tostringtag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-regexp": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/is-regexp/-/is-regexp-2.1.0.tgz",
-      "integrity": "sha512-OZ4IlER3zmRIoB9AqNhEggVxqIH4ofDns5nRrPS6yQxXE1TPCUpFznBfRQmQa8uC+pXqjMnukiJBxCisIxiLGA==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/is-set": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.2.tgz",
-      "integrity": "sha512-+2cnTEZeY5z/iXGbLhPrOAaK/Mau5k5eXq9j14CpRTftq0pAJu2MwVRSZhyZWBzx3o6X795Lz6Bpb6R0GKf37g==",
-      "dev": true,
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-shared-array-buffer": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.2.tgz",
-      "integrity": "sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-string": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.0.7.tgz",
-      "integrity": "sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==",
-      "dev": true,
-      "dependencies": {
-        "has-tostringtag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-symbol": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.4.tgz",
-      "integrity": "sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==",
-      "dev": true,
-      "dependencies": {
-        "has-symbols": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-typed-array": {
-      "version": "1.1.12",
-      "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.12.tgz",
-      "integrity": "sha512-Z14TF2JNG8Lss5/HMqt0//T9JeHXttXy5pH/DBU4vi98ozO2btxzq9MwYDZYnKwU8nRsz/+GVFVRDq3DkVuSPg==",
-      "dev": true,
-      "dependencies": {
-        "which-typed-array": "^1.1.11"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-weakmap": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.1.tgz",
-      "integrity": "sha512-NSBR4kH5oVj1Uwvv970ruUkCV7O1mzgVFO4/rev2cLRda9Tm9HrL70ZPut4rOHgY0FNrUu9BCbXA2sdQ+x0chA==",
-      "dev": true,
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-weakref": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.0.2.tgz",
-      "integrity": "sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-weakset": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.2.tgz",
-      "integrity": "sha512-t2yVvttHkQktwnNNmBQ98AhENLdPUTDTE21uPqAQ0ARwQfGeQKRVS0NNurH7bTf7RrvcVn1OOge45CnBeHCSmg==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "get-intrinsic": "^1.1.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/isarray": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
-      "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
-      "dev": true
-    },
-    "node_modules/isexe": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
-      "integrity": "sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=",
-      "dev": true
-    },
-    "node_modules/iterator.prototype": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/iterator.prototype/-/iterator.prototype-1.1.2.tgz",
-      "integrity": "sha512-DR33HMMr8EzwuRL8Y9D3u2BMj8+RqSE850jfGu59kS7tbmPLzGkZmVSfyCFSDxuZiEY6Rzt3T2NA/qU+NwVj1w==",
-      "dev": true,
-      "dependencies": {
-        "define-properties": "^1.2.1",
-        "get-intrinsic": "^1.2.1",
-        "has-symbols": "^1.0.3",
-        "reflect.getprototypeof": "^1.0.4",
-        "set-function-name": "^2.0.1"
-      }
-    },
-    "node_modules/jest-worker": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.5.1.tgz",
-      "integrity": "sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==",
-      "dev": true,
-      "dependencies": {
-        "@types/node": "*",
-        "merge-stream": "^2.0.0",
-        "supports-color": "^8.0.0"
-      },
-      "engines": {
-        "node": ">= 10.13.0"
-      }
-    },
-    "node_modules/jest-worker/node_modules/supports-color": {
-      "version": "8.1.1",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
-      "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
-      "dev": true,
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/supports-color?sponsor=1"
-      }
-    },
-    "node_modules/js-sdsl": {
-      "version": "4.4.0",
-      "resolved": "https://registry.npmjs.org/js-sdsl/-/js-sdsl-4.4.0.tgz",
-      "integrity": "sha512-FfVSdx6pJ41Oa+CF7RDaFmTnCaFhua+SNYQX74riGOpl96x+2jQCqEfQ2bnXu/5DPCqlRuiqyvTJM0Qjz26IVg==",
-      "dev": true,
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/js-sdsl"
-      }
-    },
-    "node_modules/js-tokens": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
-      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="
-    },
-    "node_modules/js-yaml": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
-      "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
-      "dev": true,
-      "dependencies": {
-        "argparse": "^2.0.1"
-      },
-      "bin": {
-        "js-yaml": "bin/js-yaml.js"
-      }
-    },
-    "node_modules/jsesc": {
-      "version": "2.5.2",
-      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz",
-      "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==",
-      "bin": {
-        "jsesc": "bin/jsesc"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/json-parse-even-better-errors": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
-      "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
-      "dev": true
-    },
-    "node_modules/json-schema-traverse": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
-      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
-      "dev": true
-    },
-    "node_modules/json-stable-stringify-without-jsonify": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
-      "integrity": "sha1-nbe1lJatPzz+8wp1FC0tkwrXJlE=",
-      "dev": true
-    },
-    "node_modules/json5": {
-      "version": "2.2.3",
-      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
-      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
-      "bin": {
-        "json5": "lib/cli.js"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/jsx-ast-utils": {
-      "version": "3.3.3",
-      "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.3.3.tgz",
-      "integrity": "sha512-fYQHZTZ8jSfmWZ0iyzfwiU4WDX4HpHbMCZ3gPlWYiCl3BoeOTsqKBqnTVfH2rYT7eP5c3sVbeSPHnnJOaTrWiw==",
-      "dev": true,
-      "dependencies": {
-        "array-includes": "^3.1.5",
-        "object.assign": "^4.1.3"
-      },
-      "engines": {
-        "node": ">=4.0"
-      }
-    },
-    "node_modules/jwt-decode": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/jwt-decode/-/jwt-decode-3.1.2.tgz",
-      "integrity": "sha512-UfpWE/VZn0iP50d8cz9NrZLM9lSWhcJ+0Gt/nm4by88UL+J1SiKN8/5dkjMmbEzwL2CAe+67GsegCbIKtbp75A=="
-    },
-    "node_modules/kind-of": {
-      "version": "6.0.3",
-      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
-      "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/known-css-properties": {
-      "version": "0.25.0",
-      "resolved": "https://registry.npmjs.org/known-css-properties/-/known-css-properties-0.25.0.tgz",
-      "integrity": "sha512-b0/9J1O9Jcyik1GC6KC42hJ41jKwdO/Mq8Mdo5sYN+IuRTXs2YFHZC3kZSx6ueusqa95x3wLYe/ytKjbAfGixA==",
-      "dev": true
-    },
-    "node_modules/language-subtag-registry": {
-      "version": "0.3.21",
-      "resolved": "https://registry.npmjs.org/language-subtag-registry/-/language-subtag-registry-0.3.21.tgz",
-      "integrity": "sha512-L0IqwlIXjilBVVYKFT37X9Ih11Um5NEl9cbJIuU/SwP/zEEAbBPOnEeeuxVMf45ydWQRDQN3Nqc96OgbH1K+Pg==",
-      "dev": true
-    },
-    "node_modules/language-tags": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/language-tags/-/language-tags-1.0.5.tgz",
-      "integrity": "sha1-0yHbxNowuovzAk4ED6XBRmH5GTo=",
-      "dev": true,
-      "dependencies": {
-        "language-subtag-registry": "~0.3.2"
-      }
-    },
-    "node_modules/levn": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
-      "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
-      "dev": true,
-      "dependencies": {
-        "prelude-ls": "^1.2.1",
-        "type-check": "~0.4.0"
-      },
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/lines-and-columns": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
-      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
-      "dev": true
-    },
-    "node_modules/loader-runner": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/loader-runner/-/loader-runner-4.3.0.tgz",
-      "integrity": "sha512-3R/1M+yS3j5ou80Me59j7F9IMs4PXs3VqRrm0TU3AbKPxlmpoY1TNscJV/oGJXo8qCatFGTfDbY6W6ipGOYXfg==",
-      "dev": true,
-      "peer": true,
-      "engines": {
-        "node": ">=6.11.5"
-      }
-    },
-    "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/lodash": {
-      "version": "4.17.21",
-      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
-      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
-    },
-    "node_modules/lodash.debounce": {
-      "version": "4.0.8",
-      "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
-      "integrity": "sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow=="
-    },
-    "node_modules/lodash.merge": {
-      "version": "4.6.2",
-      "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
-      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
-      "dev": true
-    },
-    "node_modules/lodash.truncate": {
-      "version": "4.4.2",
-      "resolved": "https://registry.npmjs.org/lodash.truncate/-/lodash.truncate-4.4.2.tgz",
-      "integrity": "sha1-WjUNoLERO4N+z//VgSy+WNbq4ZM=",
-      "dev": true
-    },
-    "node_modules/loglevel": {
-      "version": "1.8.0",
-      "resolved": "https://registry.npmjs.org/loglevel/-/loglevel-1.8.0.tgz",
-      "integrity": "sha512-G6A/nJLRgWOuuwdNuA6koovfEV1YpqqAG4pRUlFaz3jj2QNZ8M4vBqnVA+HBTmU/AMNUtlOsMmSpF6NyOjztbA==",
-      "engines": {
-        "node": ">= 0.6.0"
-      },
-      "funding": {
-        "type": "tidelift",
-        "url": "https://tidelift.com/funding/github/npm/loglevel"
-      }
-    },
-    "node_modules/loose-envify": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
-      "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
-      "dependencies": {
-        "js-tokens": "^3.0.0 || ^4.0.0"
-      },
-      "bin": {
-        "loose-envify": "cli.js"
-      }
-    },
-    "node_modules/lru-cache": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-      "dev": true,
-      "dependencies": {
-        "yallist": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/make-dir": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-2.1.0.tgz",
-      "integrity": "sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==",
-      "dependencies": {
-        "pify": "^4.0.1",
-        "semver": "^5.6.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/make-dir/node_modules/semver": {
-      "version": "5.7.2",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
-      "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
-      "bin": {
-        "semver": "bin/semver"
-      }
-    },
-    "node_modules/map-obj": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-4.3.0.tgz",
-      "integrity": "sha512-hdN1wVrZbb29eBGiGjJbeP8JbKjq1urkHJ/LIP/NY48MZ1QVXUsQBV1G1zvYFHn1XE06cwjBsOI2K3Ulnj1YXQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/mathml-tag-names": {
-      "version": "2.1.3",
-      "resolved": "https://registry.npmjs.org/mathml-tag-names/-/mathml-tag-names-2.1.3.tgz",
-      "integrity": "sha512-APMBEanjybaPzUrfqU0IMU5I0AswKMH7k8OTLs0vvV4KZpExkTkY87nR/zpbuTPj+gARop7aGUbl11pnDfW6xg==",
-      "dev": true,
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
-      }
-    },
-    "node_modules/matrix-events-sdk": {
-      "version": "0.0.1",
-      "resolved": "https://registry.npmjs.org/matrix-events-sdk/-/matrix-events-sdk-0.0.1.tgz",
-      "integrity": "sha512-1QEOsXO+bhyCroIe2/A5OwaxHvBm7EsSQ46DEDn8RBIfQwN5HWBpFvyWWR4QY0KHPPnnJdI99wgRiAl7Ad5qaA=="
-    },
-    "node_modules/matrix-js-sdk": {
-      "version": "28.2.0",
-      "resolved": "https://registry.npmjs.org/matrix-js-sdk/-/matrix-js-sdk-28.2.0.tgz",
-      "integrity": "sha512-YENmPaiGgWwCqoYWoL/8oD7QPWd6M/A0xdNhC4yMSiFny419AjUdPQk/EbM8RTSzQV27F79llhWisnz+/AXdaA==",
-      "dependencies": {
-        "@babel/runtime": "^7.12.5",
-        "@matrix-org/matrix-sdk-crypto-wasm": "^1.2.3-alpha.0",
-        "another-json": "^0.2.0",
-        "bs58": "^5.0.0",
-        "content-type": "^1.0.4",
-        "jwt-decode": "^3.1.2",
-        "loglevel": "^1.7.1",
-        "matrix-events-sdk": "0.0.1",
-        "matrix-widget-api": "^1.6.0",
-        "oidc-client-ts": "^2.2.4",
-        "p-retry": "4",
-        "sdp-transform": "^2.14.1",
-        "unhomoglyph": "^1.0.6",
-        "uuid": "9"
-      },
-      "engines": {
-        "node": ">=18.0.0"
-      }
-    },
-    "node_modules/matrix-widget-api": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/matrix-widget-api/-/matrix-widget-api-1.6.0.tgz",
-      "integrity": "sha512-VXIJyAZ/WnBmT4C7ePqevgMYGneKMCP/0JuCOqntSsaNlCRHJvwvTxmqUU+ufOpzIF5gYNyIrAjbgrEbK3iqJQ==",
-      "dependencies": {
-        "@types/events": "^3.0.0",
-        "events": "^3.2.0"
-      }
-    },
-    "node_modules/meow": {
-      "version": "9.0.0",
-      "resolved": "https://registry.npmjs.org/meow/-/meow-9.0.0.tgz",
-      "integrity": "sha512-+obSblOQmRhcyBt62furQqRAQpNyWXo8BuQ5bN7dG8wmwQ+vwHKp/rCFD4CrTP8CsDQD1sjoZ94K417XEUk8IQ==",
-      "dev": true,
-      "dependencies": {
-        "@types/minimist": "^1.2.0",
-        "camelcase-keys": "^6.2.2",
-        "decamelize": "^1.2.0",
-        "decamelize-keys": "^1.1.0",
-        "hard-rejection": "^2.1.0",
-        "minimist-options": "4.1.0",
-        "normalize-package-data": "^3.0.0",
-        "read-pkg-up": "^7.0.1",
-        "redent": "^3.0.0",
-        "trim-newlines": "^3.0.0",
-        "type-fest": "^0.18.0",
-        "yargs-parser": "^20.2.3"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/meow/node_modules/type-fest": {
-      "version": "0.18.1",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.18.1.tgz",
-      "integrity": "sha512-OIAYXk8+ISY+qTOwkHtKqzAuxchoMiD9Udx+FSGQDuiRR+PJKJHc2NJAXlbhkGwTt/4/nKZxELY1w3ReWOL8mw==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/merge-stream": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
-      "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==",
-      "dev": true
-    },
-    "node_modules/merge2": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
-      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
-      "dev": true,
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/micromatch": {
-      "version": "4.0.5",
-      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
-      "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
-      "dev": true,
-      "dependencies": {
-        "braces": "^3.0.2",
-        "picomatch": "^2.3.1"
-      },
-      "engines": {
-        "node": ">=8.6"
-      }
-    },
-    "node_modules/mime-db": {
-      "version": "1.51.0",
-      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.51.0.tgz",
-      "integrity": "sha512-5y8A56jg7XVQx2mbv1lu49NR4dokRnhZYTtL+KGfaa27uq4pSTXkwQkFJl4pkRMyNFz/EtYDSkiiEHx3F7UN6g==",
-      "dev": true,
-      "peer": true,
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/mime-types": {
-      "version": "2.1.34",
-      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.34.tgz",
-      "integrity": "sha512-6cP692WwGIs9XXdOO4++N+7qjqv0rqxxVvJ3VHPh/Sc9mVZcQP+ZGhkKiTvWMQRr2tbHkJP/Yn7Y0npb3ZBs4A==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "mime-db": "1.51.0"
-      },
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/min-indent": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/min-indent/-/min-indent-1.0.1.tgz",
-      "integrity": "sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==",
-      "dev": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/minimatch": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-      "dependencies": {
-        "brace-expansion": "^1.1.7"
-      },
-      "engines": {
-        "node": "*"
-      }
-    },
-    "node_modules/minimist": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
-      "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
-      "dev": true,
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/minimist-options": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/minimist-options/-/minimist-options-4.1.0.tgz",
-      "integrity": "sha512-Q4r8ghd80yhO/0j1O3B2BjweX3fiHg9cdOwjJd2J76Q135c+NDxGCqdYKQ1SKBuFfgWbAUzBfvYjPUEeNgqN1A==",
-      "dev": true,
-      "dependencies": {
-        "arrify": "^1.0.1",
-        "is-plain-obj": "^1.1.0",
-        "kind-of": "^6.0.3"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "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/nanoid": {
-      "version": "3.3.6",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz",
-      "integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "bin": {
-        "nanoid": "bin/nanoid.cjs"
-      },
-      "engines": {
-        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
-      }
-    },
-    "node_modules/natural-compare": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
-      "integrity": "sha1-Sr6/7tdUHywnrPspvbvRXI1bpPc=",
-      "dev": true
-    },
-    "node_modules/natural-compare-lite": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/natural-compare-lite/-/natural-compare-lite-1.4.0.tgz",
-      "integrity": "sha512-Tj+HTDSJJKaZnfiuw+iaF9skdPpTo2GtEly5JHnWV/hfv2Qj/9RKsGISQtLh2ox3l5EAGw487hnBee0sIJ6v2g==",
-      "dev": true,
-      "peer": true
-    },
-    "node_modules/neo-async": {
-      "version": "2.6.2",
-      "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz",
-      "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==",
-      "dev": true,
-      "peer": true
-    },
-    "node_modules/next": {
-      "version": "13.5.4",
-      "resolved": "https://registry.npmjs.org/next/-/next-13.5.4.tgz",
-      "integrity": "sha512-+93un5S779gho8y9ASQhb/bTkQF17FNQOtXLKAj3lsNgltEcF0C5PMLLncDmH+8X1EnJH1kbqAERa29nRXqhjA==",
-      "dependencies": {
-        "@next/env": "13.5.4",
-        "@swc/helpers": "0.5.2",
-        "busboy": "1.6.0",
-        "caniuse-lite": "^1.0.30001406",
-        "postcss": "8.4.31",
-        "styled-jsx": "5.1.1",
-        "watchpack": "2.4.0"
-      },
-      "bin": {
-        "next": "dist/bin/next"
-      },
-      "engines": {
-        "node": ">=16.14.0"
-      },
-      "optionalDependencies": {
-        "@next/swc-darwin-arm64": "13.5.4",
-        "@next/swc-darwin-x64": "13.5.4",
-        "@next/swc-linux-arm64-gnu": "13.5.4",
-        "@next/swc-linux-arm64-musl": "13.5.4",
-        "@next/swc-linux-x64-gnu": "13.5.4",
-        "@next/swc-linux-x64-musl": "13.5.4",
-        "@next/swc-win32-arm64-msvc": "13.5.4",
-        "@next/swc-win32-ia32-msvc": "13.5.4",
-        "@next/swc-win32-x64-msvc": "13.5.4"
-      },
-      "peerDependencies": {
-        "@opentelemetry/api": "^1.1.0",
-        "react": "^18.2.0",
-        "react-dom": "^18.2.0",
-        "sass": "^1.3.0"
-      },
-      "peerDependenciesMeta": {
-        "@opentelemetry/api": {
-          "optional": true
-        },
-        "sass": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/node-releases": {
-      "version": "2.0.13",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.13.tgz",
-      "integrity": "sha512-uYr7J37ae/ORWdZeQ1xxMJe3NtdmqMC/JZK+geofDrkLUApKRHPd18/TxtBOJ4A0/+uUIliorNrfYV6s1b02eQ=="
-    },
-    "node_modules/normalize-package-data": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-3.0.3.tgz",
-      "integrity": "sha512-p2W1sgqij3zMMyRC067Dg16bfzVH+w7hyegmpIvZ4JNjqtGOVAIvLmjBx3yP7YTe9vKJgkoNOPjwQGogDoMXFA==",
-      "dev": true,
-      "dependencies": {
-        "hosted-git-info": "^4.0.1",
-        "is-core-module": "^2.5.0",
-        "semver": "^7.3.4",
-        "validate-npm-package-license": "^3.0.1"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/normalize-package-data/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/normalize-path": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
-      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
-      "devOptional": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/normalize-selector": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/normalize-selector/-/normalize-selector-0.2.0.tgz",
-      "integrity": "sha1-0LFF62kRicY6eNIB3E/bEpPvDAM=",
-      "dev": true
-    },
-    "node_modules/normalize.css": {
-      "version": "8.0.1",
-      "resolved": "https://registry.npmjs.org/normalize.css/-/normalize.css-8.0.1.tgz",
-      "integrity": "sha512-qizSNPO93t1YUuUhP22btGOo3chcvDFqFaj2TRybP0DMxkHOCTYwp3n34fel4a31ORXy4m1Xq0Gyqpb5m33qIg=="
-    },
-    "node_modules/object-assign": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
-      "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/object-inspect": {
-      "version": "1.13.1",
-      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.1.tgz",
-      "integrity": "sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==",
-      "dev": true,
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/object-is": {
-      "version": "1.1.5",
-      "resolved": "https://registry.npmjs.org/object-is/-/object-is-1.1.5.tgz",
-      "integrity": "sha512-3cyDsyHgtmi7I7DfSSI2LDp6SK2lwvtbg0p0R1e0RvTqF5ceGx+K2dfSjm1bKDMVCFEDAQvy+o8c6a7VujOddw==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.1.3"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/object-keys": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
-      "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/object.assign": {
-      "version": "4.1.4",
-      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.4.tgz",
-      "integrity": "sha512-1mxKf0e58bvyjSCtKYY4sRe9itRk3PJpquJOjeIkz885CczcI4IvJJDLPS72oowuSh+pBxUFROpX+TU++hxhZQ==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.1.4",
-        "has-symbols": "^1.0.3",
-        "object-keys": "^1.1.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/object.entries": {
-      "version": "1.1.6",
-      "resolved": "https://registry.npmjs.org/object.entries/-/object.entries-1.1.6.tgz",
-      "integrity": "sha512-leTPzo4Zvg3pmbQ3rDK69Rl8GQvIqMWubrkxONG9/ojtFE2rD9fjMKfSI5BxW3osRH1m6VdzmqK8oAY9aT4x5w==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.1.4",
-        "es-abstract": "^1.20.4"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/object.fromentries": {
-      "version": "2.0.7",
-      "resolved": "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.7.tgz",
-      "integrity": "sha512-UPbPHML6sL8PI/mOqPwsH4G6iyXcCGzLin8KvEPenOZN5lpCNBZZQ+V62vdjB1mQHrmqGQt5/OJzemUA+KJmEA==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/object.groupby": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/object.groupby/-/object.groupby-1.0.1.tgz",
-      "integrity": "sha512-HqaQtqLnp/8Bn4GL16cj+CUYbnpe1bh0TtEaWvybszDG4tgxCJuRpV8VGuvNaI1fAnI4lUJzDG55MXcOH4JZcQ==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "get-intrinsic": "^1.2.1"
-      }
-    },
-    "node_modules/object.hasown": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/object.hasown/-/object.hasown-1.1.2.tgz",
-      "integrity": "sha512-B5UIT3J1W+WuWIU55h0mjlwaqxiE5vYENJXIXZ4VFe05pNYrkKuK0U/6aFcb0pKywYJh7IhfoqUfKVmrJJHZHw==",
-      "dev": true,
-      "dependencies": {
-        "define-properties": "^1.1.4",
-        "es-abstract": "^1.20.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/object.values": {
-      "version": "1.1.7",
-      "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.1.7.tgz",
-      "integrity": "sha512-aU6xnDFYT3x17e/f0IiiwlGPTy2jzMySGfUB4fq6z7CV8l85CWHDk5ErhyhpfDHhrOMwGFhSQkhMGHaIotA6Ng==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/oidc-client-ts": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/oidc-client-ts/-/oidc-client-ts-2.3.0.tgz",
-      "integrity": "sha512-7RUKU+TJFQo+4X9R50IGJAIDF18uRBaFXyZn4VVCfwmwbSUhKcdDnw4zgeut3uEXkiD3NqURq+d88sDPxjf1FA==",
-      "dependencies": {
-        "crypto-js": "^4.1.1",
-        "jwt-decode": "^3.1.2"
-      },
-      "engines": {
-        "node": ">=12.13.0"
-      }
-    },
-    "node_modules/on-exit-leak-free": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/on-exit-leak-free/-/on-exit-leak-free-2.1.0.tgz",
-      "integrity": "sha512-VuCaZZAjReZ3vUwgOB8LxAosIurDiAW0s13rI1YwmaP++jvcxP77AWoQvenZebpCA2m8WC1/EosPYPMjnRAp/w=="
-    },
-    "node_modules/once": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
-      "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=",
-      "dependencies": {
-        "wrappy": "1"
-      }
-    },
-    "node_modules/optionator": {
-      "version": "0.9.1",
-      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.1.tgz",
-      "integrity": "sha512-74RlY5FCnhq4jRxVUPKDaRwrVNXMqsGsiW6AJw4XK8hmtm10wC0ypZBLw5IIp85NZMr91+qd1RvvENwg7jjRFw==",
-      "dev": true,
-      "dependencies": {
-        "deep-is": "^0.1.3",
-        "fast-levenshtein": "^2.0.6",
-        "levn": "^0.4.1",
-        "prelude-ls": "^1.2.1",
-        "type-check": "^0.4.0",
-        "word-wrap": "^1.2.3"
-      },
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/p-limit": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
-      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
-      "dev": true,
-      "dependencies": {
-        "yocto-queue": "^0.1.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "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/p-retry": {
-      "version": "4.6.1",
-      "resolved": "https://registry.npmjs.org/p-retry/-/p-retry-4.6.1.tgz",
-      "integrity": "sha512-e2xXGNhZOZ0lfgR9kL34iGlU8N/KO0xZnQxVEwdeOvpqNDQfdnxIYizvWtK8RglUa3bGqI8g0R/BdfzLMxRkiA==",
-      "dependencies": {
-        "@types/retry": "^0.12.0",
-        "retry": "^0.13.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/parent-module": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
-      "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
-      "dev": true,
-      "dependencies": {
-        "callsites": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/parse-json": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
-      "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==",
-      "dev": true,
-      "dependencies": {
-        "@babel/code-frame": "^7.0.0",
-        "error-ex": "^1.3.1",
-        "json-parse-even-better-errors": "^2.3.0",
-        "lines-and-columns": "^1.1.6"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/path-exists": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
-      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/path-is-absolute": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
-      "integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18=",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/path-key": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
-      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/path-parse": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
-      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw=="
-    },
-    "node_modules/path-type": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
-      "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/picocolors": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
-      "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ=="
-    },
-    "node_modules/picomatch": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
-      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
-      "devOptional": true,
-      "engines": {
-        "node": ">=8.6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/jonschlinkert"
-      }
-    },
-    "node_modules/pify": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz",
-      "integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/pino": {
-      "version": "8.15.6",
-      "resolved": "https://registry.npmjs.org/pino/-/pino-8.15.6.tgz",
-      "integrity": "sha512-GuxHr61R0ZFD1npu58tB3a3FSVjuy21OwN/haw4OuKiZBL63Pg11Y51WWeD52RENS2mjwPZOwt+2OQOSkck6kQ==",
-      "dependencies": {
-        "atomic-sleep": "^1.0.0",
-        "fast-redact": "^3.1.1",
-        "on-exit-leak-free": "^2.1.0",
-        "pino-abstract-transport": "v1.1.0",
-        "pino-std-serializers": "^6.0.0",
-        "process-warning": "^2.0.0",
-        "quick-format-unescaped": "^4.0.3",
-        "real-require": "^0.2.0",
-        "safe-stable-stringify": "^2.3.1",
-        "sonic-boom": "^3.1.0",
-        "thread-stream": "^2.0.0"
-      },
-      "bin": {
-        "pino": "bin.js"
-      }
-    },
-    "node_modules/pino-abstract-transport": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/pino-abstract-transport/-/pino-abstract-transport-1.1.0.tgz",
-      "integrity": "sha512-lsleG3/2a/JIWUtf9Q5gUNErBqwIu1tUKTT3dUzaf5DySw9ra1wcqKjJjLX1VTY64Wk1eEOYsVGSaGfCK85ekA==",
-      "dependencies": {
-        "readable-stream": "^4.0.0",
-        "split2": "^4.0.0"
-      }
-    },
-    "node_modules/pino-std-serializers": {
-      "version": "6.2.2",
-      "resolved": "https://registry.npmjs.org/pino-std-serializers/-/pino-std-serializers-6.2.2.tgz",
-      "integrity": "sha512-cHjPPsE+vhj/tnhCy/wiMh3M3z3h/j15zHQX+S9GkTBgqJuTuJzYJ4gUyACLhDaJ7kk9ba9iRDmbH2tJU03OiA=="
-    },
-    "node_modules/pluralize": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/pluralize/-/pluralize-8.0.0.tgz",
-      "integrity": "sha512-Nc3IT5yHzflTfbjgqWcCPpo7DaKy4FnpB0l/zCAW0Tc7jxAiuqSxHasntB3D7887LSrA93kDJ9IXovxJYxyLCA==",
-      "dev": true,
-      "peer": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/postcss": {
-      "version": "8.4.31",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
-      "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/postcss/"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/postcss"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "dependencies": {
-        "nanoid": "^3.3.6",
-        "picocolors": "^1.0.0",
-        "source-map-js": "^1.0.2"
-      },
-      "engines": {
-        "node": "^10 || ^12 || >=14"
-      }
-    },
-    "node_modules/postcss-media-query-parser": {
-      "version": "0.2.3",
-      "resolved": "https://registry.npmjs.org/postcss-media-query-parser/-/postcss-media-query-parser-0.2.3.tgz",
-      "integrity": "sha1-J7Ocb02U+Bsac7j3Y1HGCeXO8kQ=",
-      "dev": true
-    },
-    "node_modules/postcss-resolve-nested-selector": {
-      "version": "0.1.1",
-      "resolved": "https://registry.npmjs.org/postcss-resolve-nested-selector/-/postcss-resolve-nested-selector-0.1.1.tgz",
-      "integrity": "sha1-Kcy8fDfe36wwTp//C/FZaz9qDk4=",
-      "dev": true
-    },
-    "node_modules/postcss-safe-parser": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-safe-parser/-/postcss-safe-parser-6.0.0.tgz",
-      "integrity": "sha512-FARHN8pwH+WiS2OPCxJI8FuRJpTVnn6ZNFiqAM2aeW2LwTHWWmWgIyKC6cUo0L8aeKiF/14MNvnpls6R2PBeMQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=12.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
-      },
-      "peerDependencies": {
-        "postcss": "^8.3.3"
-      }
-    },
-    "node_modules/postcss-selector-parser": {
-      "version": "6.0.10",
-      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz",
-      "integrity": "sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==",
-      "dev": true,
-      "dependencies": {
-        "cssesc": "^3.0.0",
-        "util-deprecate": "^1.0.2"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/postcss-sorting": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/postcss-sorting/-/postcss-sorting-7.0.1.tgz",
-      "integrity": "sha512-iLBFYz6VRYyLJEJsBJ8M3TCqNcckVzz4wFounSc5Oez35ogE/X+aoC5fFu103Ot7NyvjU3/xqIXn93Gp3kJk4g==",
-      "dev": true,
-      "peerDependencies": {
-        "postcss": "^8.3.9"
-      }
-    },
-    "node_modules/postcss-syntax": {
-      "version": "0.36.2",
-      "resolved": "https://registry.npmjs.org/postcss-syntax/-/postcss-syntax-0.36.2.tgz",
-      "integrity": "sha512-nBRg/i7E3SOHWxF3PpF5WnJM/jQ1YpY9000OaVXlAQj6Zp/kIqJxEDWIZ67tAd7NLuk7zqN4yqe9nc0oNAOs1w==",
-      "dev": true,
-      "peer": true,
-      "peerDependencies": {
-        "postcss": ">=5.0.0"
-      }
-    },
-    "node_modules/postcss-value-parser": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
-      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ=="
-    },
-    "node_modules/prelude-ls": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
-      "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/process": {
-      "version": "0.11.10",
-      "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz",
-      "integrity": "sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==",
-      "engines": {
-        "node": ">= 0.6.0"
-      }
-    },
-    "node_modules/process-warning": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/process-warning/-/process-warning-2.2.0.tgz",
-      "integrity": "sha512-/1WZ8+VQjR6avWOgHeEPd7SDQmFQ1B5mC1eRXsCm5TarlNmx/wCsa5GEaxGm05BORRtyG/Ex/3xq3TuRvq57qg=="
-    },
-    "node_modules/prop-types": {
-      "version": "15.8.1",
-      "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
-      "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
-      "dependencies": {
-        "loose-envify": "^1.4.0",
-        "object-assign": "^4.1.1",
-        "react-is": "^16.13.1"
-      }
-    },
-    "node_modules/prop-types/node_modules/react-is": {
-      "version": "16.13.1",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
-      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
-    },
-    "node_modules/punycode": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz",
-      "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/queue-microtask": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
-      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
-      "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/quick-format-unescaped": {
-      "version": "4.0.4",
-      "resolved": "https://registry.npmjs.org/quick-format-unescaped/-/quick-format-unescaped-4.0.4.tgz",
-      "integrity": "sha512-tYC1Q1hgyRuHgloV/YXs2w15unPVh8qfu/qCTfhTYamaw7fyhumKa2yGpdSo87vY32rIclj+4fWYQXUMs9EHvg=="
-    },
-    "node_modules/quick-lru": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/quick-lru/-/quick-lru-4.0.1.tgz",
-      "integrity": "sha512-ARhCpm70fzdcvNQfPoy49IaanKkTlRWF2JMzqhcJbhSFRZv7nPTvZJdcY7301IPmvW+/p0RgIWnQDLJxifsQ7g==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/randombytes": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
-      "integrity": "sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "safe-buffer": "^5.1.0"
-      }
-    },
-    "node_modules/react": {
-      "version": "18.2.0",
-      "resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz",
-      "integrity": "sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==",
-      "dependencies": {
-        "loose-envify": "^1.1.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/react-dom": {
-      "version": "18.2.0",
-      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz",
-      "integrity": "sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==",
-      "dependencies": {
-        "loose-envify": "^1.1.0",
-        "scheduler": "^0.23.0"
-      },
-      "peerDependencies": {
-        "react": "^18.2.0"
-      }
-    },
-    "node_modules/react-i18next": {
-      "version": "13.2.2",
-      "resolved": "https://registry.npmjs.org/react-i18next/-/react-i18next-13.2.2.tgz",
-      "integrity": "sha512-+nFUkbRByFwnrfDcYqvzBuaeZb+nACHx+fAWN/pZMddWOCJH5hoc21+Sa/N/Lqi6ne6/9wC/qRGOoQhJa6IkEQ==",
-      "dependencies": {
-        "@babel/runtime": "^7.22.5",
-        "html-parse-stringify": "^3.0.1"
-      },
-      "peerDependencies": {
-        "i18next": ">= 23.2.3",
-        "react": ">= 16.8.0"
-      },
-      "peerDependenciesMeta": {
-        "react-dom": {
-          "optional": true
-        },
-        "react-native": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/react-lifecycles-compat": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz",
-      "integrity": "sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA=="
-    },
-    "node_modules/react-modal": {
-      "version": "3.16.1",
-      "resolved": "https://registry.npmjs.org/react-modal/-/react-modal-3.16.1.tgz",
-      "integrity": "sha512-VStHgI3BVcGo7OXczvnJN7yT2TWHJPDXZWyI/a0ssFNhGZWsPmB8cF0z33ewDXq4VfYMO1vXgiv/g8Nj9NDyWg==",
-      "dependencies": {
-        "exenv": "^1.2.0",
-        "prop-types": "^15.7.2",
-        "react-lifecycles-compat": "^3.0.0",
-        "warning": "^4.0.3"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "peerDependencies": {
-        "react": "^0.14.0 || ^15.0.0 || ^16 || ^17 || ^18",
-        "react-dom": "^0.14.0 || ^15.0.0 || ^16 || ^17 || ^18"
-      }
-    },
-    "node_modules/read-pkg": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-5.2.0.tgz",
-      "integrity": "sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg==",
-      "dev": true,
-      "dependencies": {
-        "@types/normalize-package-data": "^2.4.0",
-        "normalize-package-data": "^2.5.0",
-        "parse-json": "^5.0.0",
-        "type-fest": "^0.6.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/read-pkg-up": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-7.0.1.tgz",
-      "integrity": "sha512-zK0TB7Xd6JpCLmlLmufqykGE+/TlOePD6qKClNW7hHDKFh/J7/7gCWGR7joEQEW1bKq3a3yUZSObOoWLFQ4ohg==",
-      "dev": true,
-      "dependencies": {
-        "find-up": "^4.1.0",
-        "read-pkg": "^5.2.0",
-        "type-fest": "^0.8.1"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/read-pkg-up/node_modules/find-up": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
-      "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
-      "dev": true,
-      "dependencies": {
-        "locate-path": "^5.0.0",
-        "path-exists": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/read-pkg-up/node_modules/locate-path": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
-      "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
-      "dev": true,
-      "dependencies": {
-        "p-locate": "^4.1.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/read-pkg-up/node_modules/p-limit": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
-      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
-      "dev": true,
-      "dependencies": {
-        "p-try": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/read-pkg-up/node_modules/p-locate": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
-      "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
-      "dev": true,
-      "dependencies": {
-        "p-limit": "^2.2.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/read-pkg-up/node_modules/p-try": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
-      "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/read-pkg-up/node_modules/type-fest": {
-      "version": "0.8.1",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz",
-      "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/read-pkg/node_modules/hosted-git-info": {
-      "version": "2.8.9",
-      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.9.tgz",
-      "integrity": "sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==",
-      "dev": true
-    },
-    "node_modules/read-pkg/node_modules/normalize-package-data": {
-      "version": "2.5.0",
-      "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.5.0.tgz",
-      "integrity": "sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==",
-      "dev": true,
-      "dependencies": {
-        "hosted-git-info": "^2.1.4",
-        "resolve": "^1.10.0",
-        "semver": "2 || 3 || 4 || 5",
-        "validate-npm-package-license": "^3.0.1"
-      }
-    },
-    "node_modules/read-pkg/node_modules/semver": {
-      "version": "5.7.2",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
-      "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
-      "dev": true,
-      "bin": {
-        "semver": "bin/semver"
-      }
-    },
-    "node_modules/read-pkg/node_modules/type-fest": {
-      "version": "0.6.0",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.6.0.tgz",
-      "integrity": "sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/readable-stream": {
-      "version": "4.4.2",
-      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-4.4.2.tgz",
-      "integrity": "sha512-Lk/fICSyIhodxy1IDK2HazkeGjSmezAWX2egdtJnYhtzKEsBPJowlI6F6LPb5tqIQILrMbx22S5o3GuJavPusA==",
-      "dependencies": {
-        "abort-controller": "^3.0.0",
-        "buffer": "^6.0.3",
-        "events": "^3.3.0",
-        "process": "^0.11.10",
-        "string_decoder": "^1.3.0"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      }
-    },
-    "node_modules/readdirp": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
-      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
-      "optional": true,
-      "dependencies": {
-        "picomatch": "^2.2.1"
-      },
-      "engines": {
-        "node": ">=8.10.0"
-      }
-    },
-    "node_modules/real-require": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/real-require/-/real-require-0.2.0.tgz",
-      "integrity": "sha512-57frrGM/OCTLqLOAh0mhVA9VBMHd+9U7Zb2THMGdBUoZVOtGbJzjxsYGDJ3A9AYYCP4hn6y1TVbaOfzWtm5GFg==",
-      "engines": {
-        "node": ">= 12.13.0"
-      }
-    },
-    "node_modules/redent": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/redent/-/redent-3.0.0.tgz",
-      "integrity": "sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==",
-      "dev": true,
-      "dependencies": {
-        "indent-string": "^4.0.0",
-        "strip-indent": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/reflect.getprototypeof": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.4.tgz",
-      "integrity": "sha512-ECkTw8TmJwW60lOTR+ZkODISW6RQ8+2CL3COqtiJKLd6MmB45hN51HprHFziKLGkAuTGQhBb91V8cy+KHlaCjw==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "get-intrinsic": "^1.2.1",
-        "globalthis": "^1.0.3",
-        "which-builtin-type": "^1.1.3"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/regenerate": {
-      "version": "1.4.2",
-      "resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.4.2.tgz",
-      "integrity": "sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A=="
-    },
-    "node_modules/regenerate-unicode-properties": {
-      "version": "10.1.1",
-      "resolved": "https://registry.npmjs.org/regenerate-unicode-properties/-/regenerate-unicode-properties-10.1.1.tgz",
-      "integrity": "sha512-X007RyZLsCJVVrjgEFVpLUTZwyOZk3oiL75ZcuYjlIWd6rNJtOjkBwQc5AsRrpbKVkxN6sklw/k/9m2jJYOf8Q==",
-      "dependencies": {
-        "regenerate": "^1.4.2"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "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/regenerator-transform": {
-      "version": "0.15.2",
-      "resolved": "https://registry.npmjs.org/regenerator-transform/-/regenerator-transform-0.15.2.tgz",
-      "integrity": "sha512-hfMp2BoF0qOk3uc5V20ALGDS2ddjQaLrdl7xrGXvAIow7qeWRM2VA2HuCHkUKk9slq3VwEwLNK3DFBqDfPGYtg==",
-      "dependencies": {
-        "@babel/runtime": "^7.8.4"
-      }
-    },
-    "node_modules/regexp-tree": {
-      "version": "0.1.27",
-      "resolved": "https://registry.npmjs.org/regexp-tree/-/regexp-tree-0.1.27.tgz",
-      "integrity": "sha512-iETxpjK6YoRWJG5o6hXLwvjYAoW+FEZn9os0PD/b6AP6xQwsa/Y7lCVgIixBbUPMfhu+i2LtdeAqVTgGlQarfA==",
-      "dev": true,
-      "peer": true,
-      "bin": {
-        "regexp-tree": "bin/regexp-tree"
-      }
-    },
-    "node_modules/regexp.prototype.flags": {
-      "version": "1.5.1",
-      "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.1.tgz",
-      "integrity": "sha512-sy6TXMN+hnP/wMy+ISxg3krXx7BAtWVO4UouuCN/ziM9UEne0euamVNafDfvC83bRNr95y0V5iijeDQFUNpvrg==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "set-function-name": "^2.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/regexpu-core": {
-      "version": "5.3.2",
-      "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-5.3.2.tgz",
-      "integrity": "sha512-RAM5FlZz+Lhmo7db9L298p2vHP5ZywrVXmVXpmAD9GuL5MPH6t9ROw1iA/wfHkQ76Qe7AaPF0nGuim96/IrQMQ==",
-      "dependencies": {
-        "@babel/regjsgen": "^0.8.0",
-        "regenerate": "^1.4.2",
-        "regenerate-unicode-properties": "^10.1.0",
-        "regjsparser": "^0.9.1",
-        "unicode-match-property-ecmascript": "^2.0.0",
-        "unicode-match-property-value-ecmascript": "^2.1.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/regjsparser": {
-      "version": "0.9.1",
-      "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.9.1.tgz",
-      "integrity": "sha512-dQUtn90WanSNl+7mQKcXAgZxvUe7Z0SqXlgzv0za4LwiUhyzBC58yQO3liFoUgu8GiJVInAhJjkj1N0EtQ5nkQ==",
-      "dependencies": {
-        "jsesc": "~0.5.0"
-      },
-      "bin": {
-        "regjsparser": "bin/parser"
-      }
-    },
-    "node_modules/regjsparser/node_modules/jsesc": {
-      "version": "0.5.0",
-      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-0.5.0.tgz",
-      "integrity": "sha512-uZz5UnB7u4T9LvwmFqXii7pZSouaRPorGs5who1Ip7VO0wxanFvBL7GkM6dTHlgX+jhBApRetaWpnDabOeTcnA==",
-      "bin": {
-        "jsesc": "bin/jsesc"
-      }
-    },
-    "node_modules/require-from-string": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
-      "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/resolve": {
-      "version": "1.22.8",
-      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz",
-      "integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==",
-      "dependencies": {
-        "is-core-module": "^2.13.0",
-        "path-parse": "^1.0.7",
-        "supports-preserve-symlinks-flag": "^1.0.0"
-      },
-      "bin": {
-        "resolve": "bin/resolve"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/resolve-from": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
-      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
-      "dev": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/resolve-pkg-maps": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz",
-      "integrity": "sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==",
-      "dev": true,
-      "funding": {
-        "url": "https://github.com/privatenumber/resolve-pkg-maps?sponsor=1"
-      }
-    },
-    "node_modules/retry": {
-      "version": "0.13.1",
-      "resolved": "https://registry.npmjs.org/retry/-/retry-0.13.1.tgz",
-      "integrity": "sha512-XQBQ3I8W1Cge0Seh+6gjj03LbmRFWuoszgK9ooCpwYIrhhoO80pfq4cUkU5DkknwfOfFteRwlZ56PYOGYyFWdg==",
-      "engines": {
-        "node": ">= 4"
-      }
-    },
-    "node_modules/reusify": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
-      "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
-      "dev": true,
-      "engines": {
-        "iojs": ">=1.0.0",
-        "node": ">=0.10.0"
-      }
-    },
-    "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/run-parallel": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
-      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
-      "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": {
-        "queue-microtask": "^1.2.2"
-      }
-    },
-    "node_modules/safe-array-concat": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.0.1.tgz",
-      "integrity": "sha512-6XbUAseYE2KtOuGueyeobCySj9L4+66Tn6KQMOPQJrAJEowYKW/YR/MGJZl7FdydUdaFu4LYyDZjxf4/Nmo23Q==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "get-intrinsic": "^1.2.1",
-        "has-symbols": "^1.0.3",
-        "isarray": "^2.0.5"
-      },
-      "engines": {
-        "node": ">=0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/safe-buffer": {
-      "version": "5.2.1",
-      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
-      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
-      "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/safe-regex": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/safe-regex/-/safe-regex-2.1.1.tgz",
-      "integrity": "sha512-rx+x8AMzKb5Q5lQ95Zoi6ZbJqwCLkqi3XuJXp5P3rT8OEc6sZCJG5AE5dU3lsgRr/F4Bs31jSlVN+j5KrsGu9A==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "regexp-tree": "~0.1.1"
-      }
-    },
-    "node_modules/safe-regex-test": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.0.0.tgz",
-      "integrity": "sha512-JBUUzyOgEwXQY1NuPtvcj/qcBDbDmEvWufhlnXZIm75DEHp+afM1r1ujJpJsV/gSM4t59tpDyPi1sd6ZaPFfsA==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "get-intrinsic": "^1.1.3",
-        "is-regex": "^1.1.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/safe-stable-stringify": {
-      "version": "2.4.3",
-      "resolved": "https://registry.npmjs.org/safe-stable-stringify/-/safe-stable-stringify-2.4.3.tgz",
-      "integrity": "sha512-e2bDA2WJT0wxseVd4lsDP4+3ONX6HpMXQa1ZhFQ7SU+GjvORCmShbCMltrtIDfkYhVHrOcPtj+KhmDBdPdZD1g==",
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/scheduler": {
-      "version": "0.23.0",
-      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.0.tgz",
-      "integrity": "sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==",
-      "dependencies": {
-        "loose-envify": "^1.1.0"
-      }
-    },
-    "node_modules/schema-utils": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.0.0.tgz",
-      "integrity": "sha512-1edyXKgh6XnJsJSQ8mKWXnN/BVaIbFMLpouRUrXgVq7WYne5kw3MW7UPhO44uRXQSIpTSXoJbmrR2X0w9kUTyg==",
-      "dev": true,
-      "dependencies": {
-        "@types/json-schema": "^7.0.9",
-        "ajv": "^8.8.0",
-        "ajv-formats": "^2.1.1",
-        "ajv-keywords": "^5.0.0"
-      },
-      "engines": {
-        "node": ">= 12.13.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
-      }
-    },
-    "node_modules/schema-utils/node_modules/ajv": {
-      "version": "8.11.0",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.11.0.tgz",
-      "integrity": "sha512-wGgprdCvMalC0BztXvitD2hC04YffAvtsUn93JbGXYLAtCUO4xd17mCCZQxUOItiBwZvJScWo8NIvQMQ71rdpg==",
-      "dev": true,
-      "dependencies": {
-        "fast-deep-equal": "^3.1.1",
-        "json-schema-traverse": "^1.0.0",
-        "require-from-string": "^2.0.2",
-        "uri-js": "^4.2.2"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/epoberezkin"
-      }
-    },
-    "node_modules/schema-utils/node_modules/ajv-keywords": {
-      "version": "5.1.0",
-      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-5.1.0.tgz",
-      "integrity": "sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==",
-      "dev": true,
-      "dependencies": {
-        "fast-deep-equal": "^3.1.3"
-      },
-      "peerDependencies": {
-        "ajv": "^8.8.2"
-      }
-    },
-    "node_modules/schema-utils/node_modules/json-schema-traverse": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
-      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
-      "dev": true
-    },
-    "node_modules/sdp-transform": {
-      "version": "2.14.1",
-      "resolved": "https://registry.npmjs.org/sdp-transform/-/sdp-transform-2.14.1.tgz",
-      "integrity": "sha512-RjZyX3nVwJyCuTo5tGPx+PZWkDMCg7oOLpSlhjDdZfwUoNqG1mM8nyj31IGHyaPWXhjbP7cdK3qZ2bmkJ1GzRw==",
-      "bin": {
-        "sdp-verify": "checker.js"
-      }
-    },
-    "node_modules/semver": {
-      "version": "6.3.1",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
-      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
-      "bin": {
-        "semver": "bin/semver.js"
-      }
-    },
-    "node_modules/serialize-javascript": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.1.tgz",
-      "integrity": "sha512-owoXEFjWRllis8/M1Q+Cw5k8ZH40e3zhp/ovX+Xr/vi1qj6QesbyXXViFbpNvWvPNAD62SutwEXavefrLJWj7w==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "randombytes": "^2.1.0"
-      }
-    },
-    "node_modules/set-function-length": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.1.1.tgz",
-      "integrity": "sha512-VoaqjbBJKiWtg4yRcKBQ7g7wnGnLV3M8oLvVWwOk2PdYY6PEFegR1vezXR0tw6fZGF9csVakIRjrJiy2veSBFQ==",
-      "dev": true,
-      "dependencies": {
-        "define-data-property": "^1.1.1",
-        "get-intrinsic": "^1.2.1",
-        "gopd": "^1.0.1",
-        "has-property-descriptors": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/set-function-name": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/set-function-name/-/set-function-name-2.0.1.tgz",
-      "integrity": "sha512-tMNCiqYVkXIZgc2Hnoy2IvC/f8ezc5koaRFkCjrpWzGpCd3qbZXPzVy9MAZzK1ch/X0jvSkojys3oqJN0qCmdA==",
-      "dev": true,
-      "dependencies": {
-        "define-data-property": "^1.0.1",
-        "functions-have-names": "^1.2.3",
-        "has-property-descriptors": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/shallowequal": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/shallowequal/-/shallowequal-1.1.0.tgz",
-      "integrity": "sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ=="
-    },
-    "node_modules/shebang-command": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
-      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
-      "dev": true,
-      "dependencies": {
-        "shebang-regex": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/shebang-regex": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
-      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/side-channel": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz",
-      "integrity": "sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.0",
-        "get-intrinsic": "^1.0.2",
-        "object-inspect": "^1.9.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/signal-exit": {
-      "version": "3.0.7",
-      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
-      "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
-      "dev": true
-    },
-    "node_modules/slash": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
-      "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/slice-ansi": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-4.0.0.tgz",
-      "integrity": "sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==",
-      "dev": true,
-      "dependencies": {
-        "ansi-styles": "^4.0.0",
-        "astral-regex": "^2.0.0",
-        "is-fullwidth-code-point": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/slice-ansi?sponsor=1"
-      }
-    },
-    "node_modules/slice-ansi/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/slice-ansi/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/slice-ansi/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/sonic-boom": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/sonic-boom/-/sonic-boom-3.3.0.tgz",
-      "integrity": "sha512-LYxp34KlZ1a2Jb8ZQgFCK3niIHzibdwtwNUWKg0qQRzsDoJ3Gfgkf8KdBTFU3SkejDEIlWwnSnpVdOZIhFMl/g==",
-      "dependencies": {
-        "atomic-sleep": "^1.0.0"
-      }
-    },
-    "node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "dev": true,
-      "peer": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/source-map-js": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
-      "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/source-map-support": {
-      "version": "0.5.21",
-      "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz",
-      "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "buffer-from": "^1.0.0",
-        "source-map": "^0.6.0"
-      }
-    },
-    "node_modules/spdx-correct": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.1.1.tgz",
-      "integrity": "sha512-cOYcUWwhCuHCXi49RhFRCyJEK3iPj1Ziz9DpViV3tbZOwXD49QzIN3MpOLJNxh2qwq2lJJZaKMVw9qNi4jTC0w==",
-      "dev": true,
-      "dependencies": {
-        "spdx-expression-parse": "^3.0.0",
-        "spdx-license-ids": "^3.0.0"
-      }
-    },
-    "node_modules/spdx-exceptions": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.3.0.tgz",
-      "integrity": "sha512-/tTrYOC7PPI1nUAgx34hUpqXuyJG+DTHJTnIULG4rDygi4xu/tfgmq1e1cIRwRzwZgo4NLySi+ricLkZkw4i5A==",
-      "dev": true
-    },
-    "node_modules/spdx-expression-parse": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.1.tgz",
-      "integrity": "sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==",
-      "dev": true,
-      "dependencies": {
-        "spdx-exceptions": "^2.1.0",
-        "spdx-license-ids": "^3.0.0"
-      }
-    },
-    "node_modules/spdx-license-ids": {
-      "version": "3.0.11",
-      "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.11.tgz",
-      "integrity": "sha512-Ctl2BrFiM0X3MANYgj3CkygxhRmr9mi6xhejbdO960nF6EDJApTYpn0BQnDKlnNBULKiCN1n3w9EBkHK8ZWg+g==",
-      "dev": true
-    },
-    "node_modules/specificity": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/specificity/-/specificity-0.4.1.tgz",
-      "integrity": "sha512-1klA3Gi5PD1Wv9Q0wUoOQN1IWAuPu0D1U03ThXTr0cJ20+/iq2tHSDnK7Kk/0LXJ1ztUB2/1Os0wKmfyNgUQfg==",
-      "dev": true,
-      "bin": {
-        "specificity": "bin/specificity"
-      }
-    },
-    "node_modules/split2": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/split2/-/split2-4.2.0.tgz",
-      "integrity": "sha512-UcjcJOWknrNkF6PLX83qcHM6KHgVKNkV62Y8a5uYDVv9ydGQVwAHMKqHdJje1VTWpljG0WYpCDhrCdAOYH4TWg==",
-      "engines": {
-        "node": ">= 10.x"
-      }
-    },
-    "node_modules/stop-iteration-iterator": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/stop-iteration-iterator/-/stop-iteration-iterator-1.0.0.tgz",
-      "integrity": "sha512-iCGQj+0l0HOdZ2AEeBADlsRC+vsnDsZsbdSiH1yNSjcfKM7fdpCMfqAL/dwF5BLiw/XhRft/Wax6zQbhq2BcjQ==",
-      "dev": true,
-      "dependencies": {
-        "internal-slot": "^1.0.4"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/streamsearch": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/streamsearch/-/streamsearch-1.1.0.tgz",
-      "integrity": "sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==",
-      "engines": {
-        "node": ">=10.0.0"
-      }
-    },
-    "node_modules/string_decoder": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
-      "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
-      "dependencies": {
-        "safe-buffer": "~5.2.0"
-      }
-    },
-    "node_modules/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-width/node_modules/emoji-regex": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-      "dev": true
-    },
-    "node_modules/string.prototype.matchall": {
-      "version": "4.0.8",
-      "resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.8.tgz",
-      "integrity": "sha512-6zOCOcJ+RJAQshcTvXPHoxoQGONa3e/Lqx90wUA+wEzX78sg5Bo+1tQo4N0pohS0erG9qtCqJDjNCQBjeWVxyg==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.1.4",
-        "es-abstract": "^1.20.4",
-        "get-intrinsic": "^1.1.3",
-        "has-symbols": "^1.0.3",
-        "internal-slot": "^1.0.3",
-        "regexp.prototype.flags": "^1.4.3",
-        "side-channel": "^1.0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/string.prototype.trim": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.8.tgz",
-      "integrity": "sha512-lfjY4HcixfQXOfaqCvcBuOIapyaroTXhbkfJN3gcB1OtyupngWK4sEET9Knd0cXd28kTUqu/kHoV4HKSJdnjiQ==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/string.prototype.trimend": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.7.tgz",
-      "integrity": "sha512-Ni79DqeB72ZFq1uH/L6zJ+DKZTkOtPIHovb3YZHQViE+HDouuU4mBrLOLDn5Dde3RF8qw5qVETEjhu9locMLvA==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/string.prototype.trimstart": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.7.tgz",
-      "integrity": "sha512-NGhtDFu3jCEm7B4Fy0DpLewdJQOZcQ0rGbwQ/+stjnrp2i+rlKeCvos9hOIeCmqwratM47OBxY7uFZzjxHXmrg==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/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",
-      "integrity": "sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==",
-      "dev": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/strip-indent": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-3.0.0.tgz",
-      "integrity": "sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==",
-      "dev": true,
-      "dependencies": {
-        "min-indent": "^1.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/strip-json-comments": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
-      "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/style-search": {
-      "version": "0.1.0",
-      "resolved": "https://registry.npmjs.org/style-search/-/style-search-0.1.0.tgz",
-      "integrity": "sha1-eVjHk+R+MuB9K1yv5cC/jhLneQI=",
-      "dev": true
-    },
-    "node_modules/styled-components": {
-      "version": "6.0.8",
-      "resolved": "https://registry.npmjs.org/styled-components/-/styled-components-6.0.8.tgz",
-      "integrity": "sha512-AwI02MTWZwqjzfXgR5QcbmcSn5xVjY4N2TLjSuYnmuBGF3y7GicHz3ysbpUq2EMJP5M8/Nc22vcmF3V3WNZDFA==",
-      "dependencies": {
-        "@babel/cli": "^7.21.0",
-        "@babel/core": "^7.21.0",
-        "@babel/helper-module-imports": "^7.18.6",
-        "@babel/plugin-external-helpers": "^7.18.6",
-        "@babel/plugin-proposal-class-properties": "^7.18.6",
-        "@babel/plugin-proposal-object-rest-spread": "^7.20.7",
-        "@babel/preset-env": "^7.20.2",
-        "@babel/preset-react": "^7.18.6",
-        "@babel/preset-typescript": "^7.21.0",
-        "@babel/traverse": "^7.21.2",
-        "@emotion/is-prop-valid": "^1.2.1",
-        "@emotion/unitless": "^0.8.0",
-        "@types/stylis": "^4.0.2",
-        "css-to-react-native": "^3.2.0",
-        "csstype": "^3.1.2",
-        "postcss": "^8.4.23",
-        "shallowequal": "^1.1.0",
-        "stylis": "^4.3.0",
-        "tslib": "^2.5.0"
-      },
-      "engines": {
-        "node": ">= 16"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/styled-components"
-      },
-      "peerDependencies": {
-        "babel-plugin-styled-components": ">= 2",
-        "react": ">= 16.8.0",
-        "react-dom": ">= 16.8.0"
-      },
-      "peerDependenciesMeta": {
-        "babel-plugin-styled-components": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/styled-jsx": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.1.1.tgz",
-      "integrity": "sha512-pW7uC1l4mBZ8ugbiZrcIsiIvVx1UmTfw7UkC3Um2tmfUq9Bhk8IiyEIPl6F8agHgjzku6j0xQEZbfA5uSgSaCw==",
-      "dependencies": {
-        "client-only": "0.0.1"
-      },
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "peerDependencies": {
-        "react": ">= 16.8.0 || 17.x.x || ^18.0.0-0"
-      },
-      "peerDependenciesMeta": {
-        "@babel/core": {
-          "optional": true
-        },
-        "babel-plugin-macros": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/stylelint": {
-      "version": "14.8.2",
-      "resolved": "https://registry.npmjs.org/stylelint/-/stylelint-14.8.2.tgz",
-      "integrity": "sha512-tjDfexCYfoPdl/xcDJ9Fv+Ko9cvzbDnmdiaqEn3ovXHXasi/hbkt5tSjsiReQ+ENqnz0eltaX/AOO+AlzVdcNA==",
-      "dev": true,
-      "dependencies": {
-        "balanced-match": "^2.0.0",
-        "colord": "^2.9.2",
-        "cosmiconfig": "^7.0.1",
-        "css-functions-list": "^3.0.1",
-        "debug": "^4.3.4",
-        "execall": "^2.0.0",
-        "fast-glob": "^3.2.11",
-        "fastest-levenshtein": "^1.0.12",
-        "file-entry-cache": "^6.0.1",
-        "get-stdin": "^8.0.0",
-        "global-modules": "^2.0.0",
-        "globby": "^11.1.0",
-        "globjoin": "^0.1.4",
-        "html-tags": "^3.2.0",
-        "ignore": "^5.2.0",
-        "import-lazy": "^4.0.0",
-        "imurmurhash": "^0.1.4",
-        "is-plain-object": "^5.0.0",
-        "known-css-properties": "^0.25.0",
-        "mathml-tag-names": "^2.1.3",
-        "meow": "^9.0.0",
-        "micromatch": "^4.0.5",
-        "normalize-path": "^3.0.0",
-        "normalize-selector": "^0.2.0",
-        "picocolors": "^1.0.0",
-        "postcss": "^8.4.13",
-        "postcss-media-query-parser": "^0.2.3",
-        "postcss-resolve-nested-selector": "^0.1.1",
-        "postcss-safe-parser": "^6.0.0",
-        "postcss-selector-parser": "^6.0.10",
-        "postcss-value-parser": "^4.2.0",
-        "resolve-from": "^5.0.0",
-        "specificity": "^0.4.1",
-        "string-width": "^4.2.3",
-        "strip-ansi": "^6.0.1",
-        "style-search": "^0.1.0",
-        "supports-hyperlinks": "^2.2.0",
-        "svg-tags": "^1.0.0",
-        "table": "^6.8.0",
-        "v8-compile-cache": "^2.3.0",
-        "write-file-atomic": "^4.0.1"
-      },
-      "bin": {
-        "stylelint": "bin/stylelint.js"
-      },
-      "engines": {
-        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/stylelint"
-      }
-    },
-    "node_modules/stylelint-config-recess-order": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/stylelint-config-recess-order/-/stylelint-config-recess-order-3.0.0.tgz",
-      "integrity": "sha512-uNXrlDz570Q7HJlrq8mNjgfO/xlKIh2hKVKEFMTG1/ih/6tDLcTbuvO1Zoo2dnQay990OAkWLDpTDOorB+hmBw==",
-      "dev": true,
-      "dependencies": {
-        "stylelint-order": "5.x"
-      },
-      "peerDependencies": {
-        "stylelint": ">=14"
-      }
-    },
-    "node_modules/stylelint-config-recommended": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/stylelint-config-recommended/-/stylelint-config-recommended-7.0.0.tgz",
-      "integrity": "sha512-yGn84Bf/q41J4luis1AZ95gj0EQwRX8lWmGmBwkwBNSkpGSpl66XcPTulxGa/Z91aPoNGuIGBmFkcM1MejMo9Q==",
-      "dev": true,
-      "peerDependencies": {
-        "stylelint": "^14.4.0"
-      }
-    },
-    "node_modules/stylelint-config-standard": {
-      "version": "25.0.0",
-      "resolved": "https://registry.npmjs.org/stylelint-config-standard/-/stylelint-config-standard-25.0.0.tgz",
-      "integrity": "sha512-21HnP3VSpaT1wFjFvv9VjvOGDtAviv47uTp3uFmzcN+3Lt+RYRv6oAplLaV51Kf792JSxJ6svCJh/G18E9VnCA==",
-      "dev": true,
-      "dependencies": {
-        "stylelint-config-recommended": "^7.0.0"
-      },
-      "peerDependencies": {
-        "stylelint": "^14.4.0"
-      }
-    },
-    "node_modules/stylelint-config-styled-components": {
-      "version": "0.1.1",
-      "resolved": "https://registry.npmjs.org/stylelint-config-styled-components/-/stylelint-config-styled-components-0.1.1.tgz",
-      "integrity": "sha512-z5Xz/9GmvxO6e/DLzBMwkB85zHxEEjN6K7Cj80Bi+o/9vR9eS3GX3E9VuMnX9WLFYulqbqLtTapGGY28JBiy9Q==",
-      "dev": true
-    },
-    "node_modules/stylelint-order": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/stylelint-order/-/stylelint-order-5.0.0.tgz",
-      "integrity": "sha512-OWQ7pmicXufDw5BlRqzdz3fkGKJPgLyDwD1rFY3AIEfIH/LQY38Vu/85v8/up0I+VPiuGRwbc2Hg3zLAsJaiyw==",
-      "dev": true,
-      "dependencies": {
-        "postcss": "^8.3.11",
-        "postcss-sorting": "^7.0.1"
-      },
-      "peerDependencies": {
-        "stylelint": "^14.0.0"
-      }
-    },
-    "node_modules/stylelint-webpack-plugin": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/stylelint-webpack-plugin/-/stylelint-webpack-plugin-3.2.0.tgz",
-      "integrity": "sha512-KY4P+0wrs5G680LzNLt8UZDiX3j+UNNDt1BBEdlhZUiUUYAI0j9Lumf5QH9eRHx/uMZcpKbboiYWba0F+jMWTg==",
-      "dev": true,
-      "dependencies": {
-        "globby": "^11.1.0",
-        "jest-worker": "^27.5.1",
-        "micromatch": "^4.0.4",
-        "normalize-path": "^3.0.0",
-        "schema-utils": "^4.0.0"
-      },
-      "engines": {
-        "node": ">= 12.13.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
-      },
-      "peerDependencies": {
-        "stylelint": "^13.0.0 || ^14.0.0",
-        "webpack": "^5.0.0"
-      }
-    },
-    "node_modules/stylelint/node_modules/balanced-match": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-2.0.0.tgz",
-      "integrity": "sha512-1ugUSr8BHXRnK23KfuYS+gVMC3LB8QGH9W1iGtDPsNWoQbgtXSExkBu2aDR4epiGWZOjZsj6lDl/N/AqqTC3UA==",
-      "dev": true
-    },
-    "node_modules/stylelint/node_modules/resolve-from": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
-      "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/stylis": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.3.0.tgz",
-      "integrity": "sha512-E87pIogpwUsUwXw7dNyU4QDjdgVMy52m+XEOPEKUn161cCzWjjhPSQhByfd1CcNvrOLnXQ6OnnZDwnJrz/Z4YQ=="
-    },
-    "node_modules/supports-color": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-      "dev": true,
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/supports-hyperlinks": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/supports-hyperlinks/-/supports-hyperlinks-2.2.0.tgz",
-      "integrity": "sha512-6sXEzV5+I5j8Bmq9/vUphGRM/RJNT9SCURJLjwfOg51heRtguGWDzcaBlgAzKhQa0EVNpPEKzQuBwZ8S8WaCeQ==",
-      "dev": true,
-      "dependencies": {
-        "has-flag": "^4.0.0",
-        "supports-color": "^7.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/supports-preserve-symlinks-flag": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
-      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/svg-tags": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/svg-tags/-/svg-tags-1.0.0.tgz",
-      "integrity": "sha1-WPcc7jvVGbWdSyqEO2x95krAR2Q=",
-      "dev": true
-    },
-    "node_modules/table": {
-      "version": "6.8.0",
-      "resolved": "https://registry.npmjs.org/table/-/table-6.8.0.tgz",
-      "integrity": "sha512-s/fitrbVeEyHKFa7mFdkuQMWlH1Wgw/yEXMt5xACT4ZpzWFluehAxRtUUQKPuWhaLAWhFcVx6w3oC8VKaUfPGA==",
-      "dev": true,
-      "dependencies": {
-        "ajv": "^8.0.1",
-        "lodash.truncate": "^4.4.2",
-        "slice-ansi": "^4.0.0",
-        "string-width": "^4.2.3",
-        "strip-ansi": "^6.0.1"
-      },
-      "engines": {
-        "node": ">=10.0.0"
-      }
-    },
-    "node_modules/table/node_modules/ajv": {
-      "version": "8.11.0",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.11.0.tgz",
-      "integrity": "sha512-wGgprdCvMalC0BztXvitD2hC04YffAvtsUn93JbGXYLAtCUO4xd17mCCZQxUOItiBwZvJScWo8NIvQMQ71rdpg==",
-      "dev": true,
-      "dependencies": {
-        "fast-deep-equal": "^3.1.1",
-        "json-schema-traverse": "^1.0.0",
-        "require-from-string": "^2.0.2",
-        "uri-js": "^4.2.2"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/epoberezkin"
-      }
-    },
-    "node_modules/table/node_modules/json-schema-traverse": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
-      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
-      "dev": true
-    },
-    "node_modules/tapable": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz",
-      "integrity": "sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/terser": {
-      "version": "5.17.1",
-      "resolved": "https://registry.npmjs.org/terser/-/terser-5.17.1.tgz",
-      "integrity": "sha512-hVl35zClmpisy6oaoKALOpS0rDYLxRFLHhRuDlEGTKey9qHjS1w9GMORjuwIMt70Wan4lwsLYyWDVnWgF+KUEw==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@jridgewell/source-map": "^0.3.2",
-        "acorn": "^8.5.0",
-        "commander": "^2.20.0",
-        "source-map-support": "~0.5.20"
-      },
-      "bin": {
-        "terser": "bin/terser"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/terser-webpack-plugin": {
-      "version": "5.3.7",
-      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.7.tgz",
-      "integrity": "sha512-AfKwIktyP7Cu50xNjXF/6Qb5lBNzYaWpU6YfoX3uZicTx0zTy0stDDCsvjDapKsSDvOeWo5MEq4TmdBy2cNoHw==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@jridgewell/trace-mapping": "^0.3.17",
-        "jest-worker": "^27.4.5",
-        "schema-utils": "^3.1.1",
-        "serialize-javascript": "^6.0.1",
-        "terser": "^5.16.5"
-      },
-      "engines": {
-        "node": ">= 10.13.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
-      },
-      "peerDependencies": {
-        "webpack": "^5.1.0"
-      },
-      "peerDependenciesMeta": {
-        "@swc/core": {
-          "optional": true
-        },
-        "esbuild": {
-          "optional": true
-        },
-        "uglify-js": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/terser-webpack-plugin/node_modules/schema-utils": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.1.2.tgz",
-      "integrity": "sha512-pvjEHOgWc9OWA/f/DE3ohBWTD6EleVLf7iFUkoSwAxttdBhB9QUebQgxER2kWueOvRJXPHNnyrvvh9eZINB8Eg==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@types/json-schema": "^7.0.8",
-        "ajv": "^6.12.5",
-        "ajv-keywords": "^3.5.2"
-      },
-      "engines": {
-        "node": ">= 10.13.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
-      }
-    },
-    "node_modules/text-table": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
-      "integrity": "sha1-f17oI66AUgfACvLfSoTsP8+lcLQ=",
-      "dev": true
-    },
-    "node_modules/thread-stream": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/thread-stream/-/thread-stream-2.3.0.tgz",
-      "integrity": "sha512-kaDqm1DET9pp3NXwR8382WHbnpXnRkN9xGN9dQt3B2+dmXiW8X1SOwmFOxAErEQ47ObhZ96J6yhZNXuyCOL7KA==",
-      "dependencies": {
-        "real-require": "^0.2.0"
-      }
-    },
-    "node_modules/to-fast-properties": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz",
-      "integrity": "sha1-3F5pjL0HkmW8c+A3doGk5Og/YW4=",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/to-regex-range": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
-      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
-      "devOptional": true,
-      "dependencies": {
-        "is-number": "^7.0.0"
-      },
-      "engines": {
-        "node": ">=8.0"
-      }
-    },
-    "node_modules/trim-newlines": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-3.0.1.tgz",
-      "integrity": "sha512-c1PTsA3tYrIsLGkJkzHF+w9F2EyxfXGo4UyJc4pFL++FMjnq0HJS69T3M7d//gKrFKwy429bouPescbjecU+Zw==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/ts-api-utils": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.0.1.tgz",
-      "integrity": "sha512-lC/RGlPmwdrIBFTX59wwNzqh7aR2otPNPR/5brHZm/XKFYKsfqxihXUe9pU3JI+3vGkl+vyCoNNnPhJn3aLK1A==",
-      "dev": true,
-      "engines": {
-        "node": ">=16.13.0"
-      },
-      "peerDependencies": {
-        "typescript": ">=4.2.0"
-      }
-    },
-    "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/tsconfig-paths/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/tslib": {
-      "version": "2.6.2",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
-      "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
-    },
-    "node_modules/type-check": {
-      "version": "0.4.0",
-      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
-      "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
-      "dev": true,
-      "dependencies": {
-        "prelude-ls": "^1.2.1"
-      },
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/type-fest": {
-      "version": "0.20.2",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
-      "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/typed-array-buffer": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.0.tgz",
-      "integrity": "sha512-Y8KTSIglk9OZEr8zywiIHG/kmQ7KWyjseXs1CbSo8vC42w7hg2HgYTxSWwP0+is7bWDc1H+Fo026CpHFwm8tkw==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "get-intrinsic": "^1.2.1",
-        "is-typed-array": "^1.1.10"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/typed-array-byte-length": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.0.tgz",
-      "integrity": "sha512-Or/+kvLxNpeQ9DtSydonMxCx+9ZXOswtwJn17SNLvhptaXYDJvkFFP5zbfU/uLmvnBJlI4yrnXRxpdWH/M5tNA==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "for-each": "^0.3.3",
-        "has-proto": "^1.0.1",
-        "is-typed-array": "^1.1.10"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/typed-array-byte-offset": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.0.tgz",
-      "integrity": "sha512-RD97prjEt9EL8YgAgpOkf3O4IF9lhJFr9g0htQkm0rchFp/Vx7LW5Q8fSXXub7BXAODyUQohRMyOc3faCPd0hg==",
-      "dev": true,
-      "dependencies": {
-        "available-typed-arrays": "^1.0.5",
-        "call-bind": "^1.0.2",
-        "for-each": "^0.3.3",
-        "has-proto": "^1.0.1",
-        "is-typed-array": "^1.1.10"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/typed-array-length": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.4.tgz",
-      "integrity": "sha512-KjZypGq+I/H7HI5HlOoGHkWUUGq+Q0TPhQurLbyrVrvnKTBgzLhIJ7j6J/XTQOi0d1RjyZ0wdas8bKs2p0x3Ng==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "for-each": "^0.3.3",
-        "is-typed-array": "^1.1.9"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/typescript": {
-      "version": "5.1.6",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.1.6.tgz",
-      "integrity": "sha512-zaWCozRZ6DLEWAWFrVDz1H6FVXzUSfTy5FUMWsQlU8Ym5JP9eO4xkTIROFCQvhQf61z6O/G6ugw3SgAnvvm+HA==",
-      "dev": true,
-      "peer": true,
-      "bin": {
-        "tsc": "bin/tsc",
-        "tsserver": "bin/tsserver"
-      },
-      "engines": {
-        "node": ">=14.17"
-      }
-    },
-    "node_modules/unbox-primitive": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz",
-      "integrity": "sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "has-bigints": "^1.0.2",
-        "has-symbols": "^1.0.3",
-        "which-boxed-primitive": "^1.0.2"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/unhomoglyph": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/unhomoglyph/-/unhomoglyph-1.0.6.tgz",
-      "integrity": "sha512-7uvcWI3hWshSADBu4JpnyYbTVc7YlhF5GDW/oPD5AxIxl34k4wXR3WDkPnzLxkN32LiTCTKMQLtKVZiwki3zGg=="
-    },
-    "node_modules/unicode-canonical-property-names-ecmascript": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.0.tgz",
-      "integrity": "sha512-yY5PpDlfVIU5+y/BSCxAJRBIS1Zc2dDG3Ujq+sR0U+JjUevW2JhocOF+soROYDSaAezOzOKuyyixhD6mBknSmQ==",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/unicode-match-property-ecmascript": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/unicode-match-property-ecmascript/-/unicode-match-property-ecmascript-2.0.0.tgz",
-      "integrity": "sha512-5kaZCrbp5mmbz5ulBkDkbY0SsPOjKqVS35VpL9ulMPfSl0J0Xsm+9Evphv9CoIZFwre7aJoa94AY6seMKGVN5Q==",
-      "dependencies": {
-        "unicode-canonical-property-names-ecmascript": "^2.0.0",
-        "unicode-property-aliases-ecmascript": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/unicode-match-property-value-ecmascript": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-2.1.0.tgz",
-      "integrity": "sha512-qxkjQt6qjg/mYscYMC0XKRn3Rh0wFPlfxB0xkt9CfyTvpX1Ra0+rAmdX2QyAobptSEvuy4RtpPRui6XkV+8wjA==",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/unicode-property-aliases-ecmascript": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-2.1.0.tgz",
-      "integrity": "sha512-6t3foTQI9qne+OZoVQB/8x8rk2k1eVy1gRXhV3oFQ5T6R1dqQ1xtin3XqSlx3+ATBkliTaR/hHyJBm+LVPNM8w==",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/update-browserslist-db": {
-      "version": "1.0.13",
-      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz",
-      "integrity": "sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==",
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/browserslist"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/browserslist"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "dependencies": {
-        "escalade": "^3.1.1",
-        "picocolors": "^1.0.0"
-      },
-      "bin": {
-        "update-browserslist-db": "cli.js"
-      },
-      "peerDependencies": {
-        "browserslist": ">= 4.21.0"
-      }
-    },
-    "node_modules/uri-js": {
-      "version": "4.4.1",
-      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
-      "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
-      "dev": true,
-      "dependencies": {
-        "punycode": "^2.1.0"
-      }
-    },
-    "node_modules/util-deprecate": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
-      "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=",
-      "dev": true
-    },
-    "node_modules/uuid": {
-      "version": "9.0.0",
-      "resolved": "https://registry.npmjs.org/uuid/-/uuid-9.0.0.tgz",
-      "integrity": "sha512-MXcSTerfPa4uqyzStbRoTgt5XIe3x5+42+q1sDuy3R5MDk66URdLMOZe5aPX/SQd+kuYAh0FdP/pO28IkQyTeg==",
-      "bin": {
-        "uuid": "dist/bin/uuid"
-      }
-    },
-    "node_modules/v8-compile-cache": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz",
-      "integrity": "sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA==",
-      "dev": true
-    },
-    "node_modules/validate-npm-package-license": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz",
-      "integrity": "sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==",
-      "dev": true,
-      "dependencies": {
-        "spdx-correct": "^3.0.0",
-        "spdx-expression-parse": "^3.0.0"
-      }
-    },
-    "node_modules/void-elements": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/void-elements/-/void-elements-3.1.0.tgz",
-      "integrity": "sha1-YU9/v42AHwu18GYfWy9XhXUOTwk=",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/warning": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/warning/-/warning-4.0.3.tgz",
-      "integrity": "sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==",
-      "dependencies": {
-        "loose-envify": "^1.0.0"
-      }
-    },
-    "node_modules/watchpack": {
-      "version": "2.4.0",
-      "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.0.tgz",
-      "integrity": "sha512-Lcvm7MGST/4fup+ifyKi2hjyIAwcdI4HRgtvTpIUxBRhB+RFtUh8XtDOxUfctVCnhVi+QQj49i91OyvzkJl6cg==",
-      "dependencies": {
-        "glob-to-regexp": "^0.4.1",
-        "graceful-fs": "^4.1.2"
-      },
-      "engines": {
-        "node": ">=10.13.0"
-      }
-    },
-    "node_modules/webpack": {
-      "version": "5.81.0",
-      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.81.0.tgz",
-      "integrity": "sha512-AAjaJ9S4hYCVODKLQTgG5p5e11hiMawBwV2v8MYLE0C/6UAGLuAF4n1qa9GOwdxnicaP+5k6M5HrLmD4+gIB8Q==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@types/eslint-scope": "^3.7.3",
-        "@types/estree": "^1.0.0",
-        "@webassemblyjs/ast": "^1.11.5",
-        "@webassemblyjs/wasm-edit": "^1.11.5",
-        "@webassemblyjs/wasm-parser": "^1.11.5",
-        "acorn": "^8.7.1",
-        "acorn-import-assertions": "^1.7.6",
-        "browserslist": "^4.14.5",
-        "chrome-trace-event": "^1.0.2",
-        "enhanced-resolve": "^5.13.0",
-        "es-module-lexer": "^1.2.1",
-        "eslint-scope": "5.1.1",
-        "events": "^3.2.0",
-        "glob-to-regexp": "^0.4.1",
-        "graceful-fs": "^4.2.9",
-        "json-parse-even-better-errors": "^2.3.1",
-        "loader-runner": "^4.2.0",
-        "mime-types": "^2.1.27",
-        "neo-async": "^2.6.2",
-        "schema-utils": "^3.1.2",
-        "tapable": "^2.1.1",
-        "terser-webpack-plugin": "^5.3.7",
-        "watchpack": "^2.4.0",
-        "webpack-sources": "^3.2.3"
-      },
-      "bin": {
-        "webpack": "bin/webpack.js"
-      },
-      "engines": {
-        "node": ">=10.13.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
-      },
-      "peerDependenciesMeta": {
-        "webpack-cli": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/webpack-sources": {
-      "version": "3.2.3",
-      "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.2.3.tgz",
-      "integrity": "sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==",
-      "dev": true,
-      "peer": true,
-      "engines": {
-        "node": ">=10.13.0"
-      }
-    },
-    "node_modules/webpack/node_modules/schema-utils": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.1.2.tgz",
-      "integrity": "sha512-pvjEHOgWc9OWA/f/DE3ohBWTD6EleVLf7iFUkoSwAxttdBhB9QUebQgxER2kWueOvRJXPHNnyrvvh9eZINB8Eg==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@types/json-schema": "^7.0.8",
-        "ajv": "^6.12.5",
-        "ajv-keywords": "^3.5.2"
-      },
-      "engines": {
-        "node": ">= 10.13.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
-      }
-    },
-    "node_modules/which": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
-      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
-      "dev": true,
-      "dependencies": {
-        "isexe": "^2.0.0"
-      },
-      "bin": {
-        "node-which": "bin/node-which"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/which-boxed-primitive": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz",
-      "integrity": "sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==",
-      "dev": true,
-      "dependencies": {
-        "is-bigint": "^1.0.1",
-        "is-boolean-object": "^1.1.0",
-        "is-number-object": "^1.0.4",
-        "is-string": "^1.0.5",
-        "is-symbol": "^1.0.3"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/which-builtin-type": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/which-builtin-type/-/which-builtin-type-1.1.3.tgz",
-      "integrity": "sha512-YmjsSMDBYsM1CaFiayOVT06+KJeXf0o5M/CAd4o1lTadFAtacTUM49zoYxr/oroopFDfhvN6iEcBxUyc3gvKmw==",
-      "dev": true,
-      "dependencies": {
-        "function.prototype.name": "^1.1.5",
-        "has-tostringtag": "^1.0.0",
-        "is-async-function": "^2.0.0",
-        "is-date-object": "^1.0.5",
-        "is-finalizationregistry": "^1.0.2",
-        "is-generator-function": "^1.0.10",
-        "is-regex": "^1.1.4",
-        "is-weakref": "^1.0.2",
-        "isarray": "^2.0.5",
-        "which-boxed-primitive": "^1.0.2",
-        "which-collection": "^1.0.1",
-        "which-typed-array": "^1.1.9"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/which-collection": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/which-collection/-/which-collection-1.0.1.tgz",
-      "integrity": "sha512-W8xeTUwaln8i3K/cY1nGXzdnVZlidBcagyNFtBdD5kxnb4TvGKR7FfSIS3mYpwWS1QUCutfKz8IY8RjftB0+1A==",
-      "dev": true,
-      "dependencies": {
-        "is-map": "^2.0.1",
-        "is-set": "^2.0.1",
-        "is-weakmap": "^2.0.1",
-        "is-weakset": "^2.0.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/which-typed-array": {
-      "version": "1.1.13",
-      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.13.tgz",
-      "integrity": "sha512-P5Nra0qjSncduVPEAr7xhoF5guty49ArDTwzJ/yNuPIbZppyRxFQsRCWrocxIY+CnMVG+qfbU2FmDKyvSGClow==",
-      "dev": true,
-      "dependencies": {
-        "available-typed-arrays": "^1.0.5",
-        "call-bind": "^1.0.4",
-        "for-each": "^0.3.3",
-        "gopd": "^1.0.1",
-        "has-tostringtag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/word-wrap": {
-      "version": "1.2.5",
-      "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
-      "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/wrappy": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
-      "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8="
-    },
-    "node_modules/write-file-atomic": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-4.0.1.tgz",
-      "integrity": "sha512-nSKUxgAbyioruk6hU87QzVbY279oYT6uiwgDoujth2ju4mJ+TZau7SQBhtbTmUyuNYTuXnSyRn66FV0+eCgcrQ==",
-      "dev": true,
-      "dependencies": {
-        "imurmurhash": "^0.1.4",
-        "signal-exit": "^3.0.7"
-      },
-      "engines": {
-        "node": "^12.13.0 || ^14.15.0 || >=16"
-      }
-    },
-    "node_modules/yallist": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "dev": true
-    },
-    "node_modules/yaml": {
-      "version": "1.10.2",
-      "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
-      "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==",
-      "dev": true,
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/yargs-parser": {
-      "version": "20.2.9",
-      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-20.2.9.tgz",
-      "integrity": "sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/yocto-queue": {
-      "version": "0.1.0",
-      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
-      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/@next/swc-darwin-x64": {
-      "version": "13.5.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-13.5.4.tgz",
-      "integrity": "sha512-siPuUwO45PnNRMeZnSa8n/Lye5ZX93IJom9wQRB5DEOdFrw0JjOMu1GINB8jAEdwa7Vdyn1oJ2xGNaQpdQQ9Pw==",
-      "cpu": [
-        "x64"
-      ],
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/swc-linux-arm64-gnu": {
-      "version": "13.5.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-13.5.4.tgz",
-      "integrity": "sha512-l/k/fvRP/zmB2jkFMfefmFkyZbDkYW0mRM/LB+tH5u9pB98WsHXC0WvDHlGCYp3CH/jlkJPL7gN8nkTQVrQ/2w==",
-      "cpu": [
-        "arm64"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/swc-linux-arm64-musl": {
-      "version": "13.5.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-13.5.4.tgz",
-      "integrity": "sha512-YYGb7SlLkI+XqfQa8VPErljb7k9nUnhhRrVaOdfJNCaQnHBcvbT7cx/UjDQLdleJcfyg1Hkn5YSSIeVfjgmkTg==",
-      "cpu": [
-        "arm64"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/swc-linux-x64-gnu": {
-      "version": "13.5.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-13.5.4.tgz",
-      "integrity": "sha512-uE61vyUSClnCH18YHjA8tE1prr/PBFlBFhxBZis4XBRJoR+txAky5d7gGNUIbQ8sZZ7LVkSVgm/5Fc7mwXmRAg==",
-      "cpu": [
-        "x64"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/swc-linux-x64-musl": {
-      "version": "13.5.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-13.5.4.tgz",
-      "integrity": "sha512-qVEKFYML/GvJSy9CfYqAdUexA6M5AklYcQCW+8JECmkQHGoPxCf04iMh7CPR7wkHyWWK+XLt4Ja7hhsPJtSnhg==",
-      "cpu": [
-        "x64"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/swc-win32-arm64-msvc": {
-      "version": "13.5.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-13.5.4.tgz",
-      "integrity": "sha512-mDSQfqxAlfpeZOLPxLymZkX0hYF3juN57W6vFHTvwKlnHfmh12Pt7hPIRLYIShk8uYRsKPtMTth/EzpwRI+u8w==",
-      "cpu": [
-        "arm64"
-      ],
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/swc-win32-ia32-msvc": {
-      "version": "13.5.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-13.5.4.tgz",
-      "integrity": "sha512-aoqAT2XIekIWoriwzOmGFAvTtVY5O7JjV21giozBTP5c6uZhpvTWRbmHXbmsjZqY4HnEZQRXWkSAppsIBweKqw==",
-      "cpu": [
-        "ia32"
-      ],
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/swc-win32-x64-msvc": {
-      "version": "13.5.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-13.5.4.tgz",
-      "integrity": "sha512-cyRvlAxwlddlqeB9xtPSfNSCRy8BOa4wtMo0IuI9P7Y0XT2qpDrpFKRyZ7kUngZis59mPVla5k8X1oOJ8RxDYg==",
-      "cpu": [
-        "x64"
-      ],
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    }
-  }
-}

From f80d0de758665c110b72a1d85895ce43381b9622 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 1 Nov 2023 16:35:56 +0100
Subject: [PATCH 309/714] refactor: use variables for width and height

---
 components/UI/InviteUsersToMatrixRoom/index.js |  5 +++--
 components/UI/ServiceIframeHeader.js           | 11 ++++++-----
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/components/UI/InviteUsersToMatrixRoom/index.js b/components/UI/InviteUsersToMatrixRoom/index.js
index 4e30ee2e..e8e0412d 100644
--- a/components/UI/InviteUsersToMatrixRoom/index.js
+++ b/components/UI/InviteUsersToMatrixRoom/index.js
@@ -17,10 +17,9 @@ import React, { useCallback, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { debounce } from 'lodash';
 import { logger } from 'matrix-js-sdk/lib/logger';
-import { UserAddIcon } from '@remixicons/react/line';
 import styled from 'styled-components';
+import { CloseIcon } from '@remixicons/react/line';
 
-import TextButton from '../TextButton';
 import Form from '../Form';
 import { useAuth } from '../../../lib/Auth';
 import ErrorMessage from '../ErrorMessage';
@@ -93,10 +92,12 @@ export default function InviteUserToMatrixRoom({ roomId, onSuccess }) {
                     errors.push(err);
                 });
         }
+
         if (errors.length !== 0) {
             // if something went wrong we display the errors and clear all inputs
             setErrorFeedback(errors.map(err => <ErrorMessage key={err.data?.error}>{ err.data?.error }</ErrorMessage>));
         }
+
         const successAmount = selectedUsers.length - errors.length;
 
         // if everything is okay, we let the user know and exit the modal view.
diff --git a/components/UI/ServiceIframeHeader.js b/components/UI/ServiceIframeHeader.js
index 270b2932..6b2ae2d8 100644
--- a/components/UI/ServiceIframeHeader.js
+++ b/components/UI/ServiceIframeHeader.js
@@ -25,15 +25,15 @@ const ServiceIframeHeader = ({ isDeletingPad, deleteContent, title, roomId, myPa
             <IframeLayout.IframeHeaderButtonWrapper>
                 <CopyToClipboard content={content} />
                 { deleteContent && <button title={t(myPadsObject ? 'Delete pad' : 'Remove pad from my library')} onClick={deleteContent}>
-                    { isDeletingPad ? <LoadingSpinnerInline /> : <DeleteBinIcon width="24px" height="24px" fill="var(--color-foreground)" /> }
+                    { isDeletingPad ? <LoadingSpinnerInline /> : <DeleteBinIcon width="var(--icon-size)" height="var(--icon-size)" fill="var(--color-foreground)" /> }
                 </button> }
                 <InviteUsersToMatrixRoom roomId={roomId} name={title} />
                 { myPowerLevel && (
                     manageContextActionToggle ? (
                         <ToggleButton onClick={() => { setManageContextActionToggle(false); }}>
                             <FolderIcon
-                                width="24px"
-                                height="24px"
+                                width="var(--icon-size)"
+                                height="var(--icon-size)"
                                 title={t('Browse the selected context')}
                                 fill="var(--color-foreground)"
                             />
@@ -41,8 +41,8 @@ const ServiceIframeHeader = ({ isDeletingPad, deleteContent, title, roomId, myPa
                     ) : (
                         <ToggleButton onClick={() => { setManageContextActionToggle(true); }}>
                             <ListSettingsIcon
-                                width="24px"
-                                height="24px"
+                                width="var(--icon-size)"
+                                height="var(--icon-size)"
                                 title={t('Manage the selected context')}
                                 fill="var(--color-foreground)"
                             />
@@ -54,4 +54,5 @@ const ServiceIframeHeader = ({ isDeletingPad, deleteContent, title, roomId, myPa
         </IframeLayout.IframeHeader>
     );
 };
+
 export default ServiceIframeHeader;

From 4c617e25539ba9aae9d27f10a187b529145b16de Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 1 Nov 2023 16:57:49 +0100
Subject: [PATCH 310/714] refactor: implement invite users and fix styling

---
 components/UI/ServiceIframeHeader.js | 16 ++++++++++------
 components/layouts/iframe.js         |  1 +
 pages/etherpad/[[...roomId]].js      |  8 ++++++--
 3 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/components/UI/ServiceIframeHeader.js b/components/UI/ServiceIframeHeader.js
index 6b2ae2d8..6571df2b 100644
--- a/components/UI/ServiceIframeHeader.js
+++ b/components/UI/ServiceIframeHeader.js
@@ -1,11 +1,12 @@
 import styled from 'styled-components';
 import { useTranslation } from 'react-i18next';
-import { DeleteBinIcon, FolderIcon, ListSettingsIcon } from '@remixicons/react/line';
+import { DeleteBinIcon, FolderIcon, ListSettingsIcon, UserAddIcon, UserUnfollowIcon } from '@remixicons/react/line';
+import React from 'react';
 
 import IframeLayout from '../../components/layouts/iframe';
 import CopyToClipboard from '../../components/UI/CopyToClipboard';
 import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
-import InviteUsersToMatrixRoom from './InviteUsersToMatrixRoom';
+import TextButton from './TextButton';
 
 const ToggleButton = styled.button`
   /* unset globally defined button styles; set height to line-height */
@@ -16,18 +17,21 @@ const ToggleButton = styled.button`
   border: unset;
 `;
 
-const ServiceIframeHeader = ({ isDeletingPad, deleteContent, title, roomId, myPadsObject, content, myPowerLevel, setManageContextActionToggle, manageContextActionToggle }) => {
+const ServiceIframeHeader = ({ isDeletingPad, deleteContent, title, myPadsObject, content, myPowerLevel, setManageContextActionToggle, manageContextActionToggle, isInviteUsersOpen, setIsInviteUsersOpen }) => {
     const { t } = useTranslation('write');
+    console.log(isInviteUsersOpen);
 
     return (
         <IframeLayout.IframeHeader>
             <h2>{ title }</h2>
             <IframeLayout.IframeHeaderButtonWrapper>
                 <CopyToClipboard content={content} />
-                { deleteContent && <button title={t(myPadsObject ? 'Delete pad' : 'Remove pad from my library')} onClick={deleteContent}>
+                { deleteContent && <TextButton title={t(myPadsObject ? 'Delete pad' : 'Remove pad from my library')} onClick={deleteContent}>
                     { isDeletingPad ? <LoadingSpinnerInline /> : <DeleteBinIcon width="var(--icon-size)" height="var(--icon-size)" fill="var(--color-foreground)" /> }
-                </button> }
-                <InviteUsersToMatrixRoom roomId={roomId} name={title} />
+                </TextButton> }
+                <TextButton title={t('Invite users to' + ' ' + title)} onClick={setIsInviteUsersOpen}>
+                    { isInviteUsersOpen ? <UserUnfollowIcon width="var(--icon-size)" height="var(--icon-size)" fill="var(--color-foreground)" /> : <UserAddIcon width="var(--icon-size)" height="var(--icon-size)" fill="var(--color-foreground)" /> }
+                </TextButton>
                 { myPowerLevel && (
                     manageContextActionToggle ? (
                         <ToggleButton onClick={() => { setManageContextActionToggle(false); }}>
diff --git a/components/layouts/iframe.js b/components/layouts/iframe.js
index 463da185..54d7a27c 100644
--- a/components/layouts/iframe.js
+++ b/components/layouts/iframe.js
@@ -84,6 +84,7 @@ const IframeHeaderButtonWrapper = styled.div`
   display: grid;
   grid-auto-flow: column;
   grid-gap: calc(var(--margin));
+  align-content: start;
   height: 100%;
 `;
 
diff --git a/pages/etherpad/[[...roomId]].js b/pages/etherpad/[[...roomId]].js
index 14697e27..1b3e09be 100644
--- a/pages/etherpad/[[...roomId]].js
+++ b/pages/etherpad/[[...roomId]].js
@@ -3,7 +3,6 @@ import { useTranslation } from 'react-i18next';
 import getConfig from 'next/config';
 import _ from 'lodash';
 import { useRouter } from 'next/router';
-import { DeleteBinIcon, UserAddIcon, UserUnfollowIcon } from '@remixicons/react/line';
 
 import { useAuth } from '../../lib/Auth';
 import { useMatrix } from '../../lib/Matrix';
@@ -136,6 +135,7 @@ export default function Etherpad() {
     const createWriteRoom = useCallback(async (link, name) => {
         if (!link || !name) return;
         logger.debug('Creating new Matrix room for pad', { link, name });
+
         const createRoomForPad = async () => {
             return await matrix.createRoom(name, false, '', 'invite', 'content', 'etherpad');
         };
@@ -167,6 +167,7 @@ export default function Etherpad() {
             await etherpad.syncAllPads();
             setServerPads(etherpad.getAllPads());
         }
+
         setErrorMessage('');
 
         return room;
@@ -337,7 +338,10 @@ export default function Etherpad() {
                         roomId={roomId}
                         deleteContent={deletePad}
                         isDeletingPad={isDeletingPad}
-                        myPadsObject={myPadsObject} />
+                        myPadsObject={myPadsObject}
+                        isInviteUsersOpen={isInviteUsersOpen}
+                        setIsInviteUsersOpen={() => setIsInviteUsersOpen(prevState => !prevState)}
+                    />
                     { isInviteUsersOpen ?
                         <InviteUserToMatrixRoom
                             roomId={roomId}

From 18d577298ed66d635845097fa2a80421a9402520 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 1 Nov 2023 17:37:11 +0100
Subject: [PATCH 311/714] update package-lock after merge

---
 package-lock.json | 8788 +++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 8788 insertions(+)
 create mode 100644 package-lock.json

diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 00000000..6ebe2c39
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,8788 @@
+{
+  "name": "medienhaus-frontend",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "medienhaus-frontend",
+      "dependencies": {
+        "i18next": "^23.5.1",
+        "i18next-browser-languagedetector": "^7.1.0",
+        "i18next-resources-to-backend": "^1.1.4",
+        "lodash": "^4.17.21",
+        "matrix-js-sdk": "^28.2.0",
+        "next": "^13.5.4",
+        "normalize.css": "^8.0.1",
+        "pino": "^8.15.6",
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0",
+        "react-i18next": "^13.2.2",
+        "styled-components": "^6.0.8"
+      },
+      "devDependencies": {
+        "@remixicons/react": "^1.0.0",
+        "@stylelint/postcss-css-in-js": "^0.38.0",
+        "eslint": "^8.11.0",
+        "eslint-config-next": "^13.5.6",
+        "eslint-plugin-import": "^2.25.4",
+        "eslint-plugin-matrix-org": "^0.8.0",
+        "stylelint": "^14.8.2",
+        "stylelint-config-recess-order": "^3.0.0",
+        "stylelint-config-standard": "^25.0.0",
+        "stylelint-config-styled-components": "^0.1.1",
+        "stylelint-webpack-plugin": "^3.2.0"
+      }
+    },
+    "node_modules/@ampproject/remapping": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.1.tgz",
+      "integrity": "sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.0",
+        "@jridgewell/trace-mapping": "^0.3.9"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/cli": {
+      "version": "7.23.0",
+      "resolved": "https://registry.npmjs.org/@babel/cli/-/cli-7.23.0.tgz",
+      "integrity": "sha512-17E1oSkGk2IwNILM4jtfAvgjt+ohmpfBky8aLerUfYZhiPNg7ca+CRCxZn8QDxwNhV/upsc2VHBCqGFIR+iBfA==",
+      "dependencies": {
+        "@jridgewell/trace-mapping": "^0.3.17",
+        "commander": "^4.0.1",
+        "convert-source-map": "^2.0.0",
+        "fs-readdir-recursive": "^1.1.0",
+        "glob": "^7.2.0",
+        "make-dir": "^2.1.0",
+        "slash": "^2.0.0"
+      },
+      "bin": {
+        "babel": "bin/babel.js",
+        "babel-external-helpers": "bin/babel-external-helpers.js"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "optionalDependencies": {
+        "@nicolo-ribaudo/chokidar-2": "2.1.8-no-fsevents.3",
+        "chokidar": "^3.4.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/cli/node_modules/commander": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
+      "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/@babel/cli/node_modules/slash": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-2.0.0.tgz",
+      "integrity": "sha512-ZYKh3Wh2z1PpEXWr0MpSBZ0V6mZHAQfYevttO11c51CaWjGTaadiKZ+wVt1PbMlDV5qhMFslpZCemhwOK7C89A==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/highlight": "^7.22.13",
+        "chalk": "^2.4.2"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "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==",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "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==",
+      "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/@babel/eslint-parser": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/eslint-parser/-/eslint-parser-7.22.15.tgz",
+      "integrity": "sha512-yc8OOBIQk1EcRrpizuARSQS0TWAcOMpEJ1aafhNznaeYkeL+OhqnDObGFylB8ka8VFF/sZc+S4RzHyO+3LjQxg==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@nicolo-ribaudo/eslint-scope-5-internals": "5.1.1-v1",
+        "eslint-visitor-keys": "^2.1.0",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || >=14.0.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.11.0",
+        "eslint": "^7.5.0 || ^8.0.0"
+      }
+    },
+    "node_modules/@babel/eslint-parser/node_modules/eslint-visitor-keys": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz",
+      "integrity": "sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@babel/eslint-plugin": {
+      "version": "7.22.10",
+      "resolved": "https://registry.npmjs.org/@babel/eslint-plugin/-/eslint-plugin-7.22.10.tgz",
+      "integrity": "sha512-SRZcvo3fnO5h79B9DZSV6LG2vHH7OWsSNp1huFLHsXKyytRG413byQk9zxW1VcPOhnzfx2VIUz+8aGbiE7fOkA==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "eslint-rule-composer": "^0.3.0"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || >=14.0.0"
+      },
+      "peerDependencies": {
+        "@babel/eslint-parser": "^7.11.0",
+        "eslint": "^7.5.0 || ^8.0.0"
+      }
+    },
+    "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/helper-annotate-as-pure": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.22.5.tgz",
+      "integrity": "sha512-LvBTxu8bQSQkcyKOU+a1btnNFQ1dMAd0R6PyW3arXes06F6QLWLIrd681bxRPIXlrMGR3XYnW9JyML7dP3qgxg==",
+      "dependencies": {
+        "@babel/types": "^7.22.5"
+      },
+      "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",
+      "integrity": "sha512-QkBXwGgaoC2GtGZRoma6kv7Szfv06khvhFav67ZExau2RaXzy8MpHSMO2PNoP2XtmQphJQRHFfg77Bq731Yizw==",
+      "dependencies": {
+        "@babel/types": "^7.22.15"
+      },
+      "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",
+      "integrity": "sha512-y6EEzULok0Qvz8yyLkCvVX+02ic+By2UdOhylwUOvOn9dvYc9mKICJuuU1n1XBI02YWsNsnrY1kc6DVbjcXbtw==",
+      "dependencies": {
+        "@babel/compat-data": "^7.22.9",
+        "@babel/helper-validator-option": "^7.22.15",
+        "browserslist": "^4.21.9",
+        "lru-cache": "^5.1.1",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-compilation-targets/node_modules/lru-cache": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+      "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+      "dependencies": {
+        "yallist": "^3.0.2"
+      }
+    },
+    "node_modules/@babel/helper-compilation-targets/node_modules/yallist": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+      "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==",
+      "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-optimise-call-expression": "^7.22.5",
+        "@babel/helper-replace-supers": "^7.22.9",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5",
+        "@babel/helper-split-export-declaration": "^7.22.6",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-create-regexp-features-plugin": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.22.15.tgz",
+      "integrity": "sha512-29FkPLFjn4TPEa3RE7GpW+qbE8tlsu3jntNYNfcGsc49LphF1PQIiD+vMZ1z1xVOKt+93khA9tc2JBs3kBjA7w==",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.22.5",
+        "regexpu-core": "^5.3.1",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-compilation-targets": "^7.22.6",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "debug": "^4.1.1",
+        "lodash.debounce": "^4.0.8",
+        "resolve": "^1.14.2"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
+      }
+    },
+    "node_modules/@babel/helper-environment-visitor": {
+      "version": "7.22.20",
+      "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.20.tgz",
+      "integrity": "sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA==",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-function-name": {
+      "version": "7.23.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.23.0.tgz",
+      "integrity": "sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw==",
+      "dependencies": {
+        "@babel/template": "^7.22.15",
+        "@babel/types": "^7.23.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",
+      "integrity": "sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==",
+      "dependencies": {
+        "@babel/types": "^7.22.5"
+      },
+      "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",
+      "integrity": "sha512-6gfrPwh7OuT6gZyJZvd6WbTfrqAo7vm4xCzAXOusKqq/vWdKXphTpj5klHKNmRUU6/QRGlBsyU9mAIPaWHlqJA==",
+      "dependencies": {
+        "@babel/types": "^7.23.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",
+      "integrity": "sha512-0pYVBnDKZO2fnSPCrgM/6WMc7eS20Fbok+0r88fp+YtWVLZrp4CkafFGIp+W0VKw4a22sgebPT99y+FDNMdP4w==",
+      "dependencies": {
+        "@babel/types": "^7.22.15"
+      },
+      "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==",
+      "dependencies": {
+        "@babel/helper-environment-visitor": "^7.22.20",
+        "@babel/helper-module-imports": "^7.22.15",
+        "@babel/helper-simple-access": "^7.22.5",
+        "@babel/helper-split-export-declaration": "^7.22.6",
+        "@babel/helper-validator-identifier": "^7.22.20"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-optimise-call-expression": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.22.5.tgz",
+      "integrity": "sha512-HBwaojN0xFRx4yIvpwGqxiV2tUfl7401jlok564NgB9EHS1y6QT17FmKWm4ztqjeVdXLuC4fSvHc5ePpQjoTbw==",
+      "dependencies": {
+        "@babel/types": "^7.22.5"
+      },
+      "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",
+      "integrity": "sha512-uLls06UVKgFG9QD4OeFYLEGteMIAa5kpTPcFL28yuCIIzsf6ZyKZMllKVOCZFhiZ5ptnwX4mtKdWCBE/uT4amg==",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-remap-async-to-generator": {
+      "version": "7.22.20",
+      "resolved": "https://registry.npmjs.org/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.22.20.tgz",
+      "integrity": "sha512-pBGyV4uBqOns+0UvhsTO8qgl8hO89PmiDYv+/COyp1aeMcmfrfruz+/nCMFiYyFF/Knn0yfrC85ZzNFjembFTw==",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.22.5",
+        "@babel/helper-environment-visitor": "^7.22.20",
+        "@babel/helper-wrap-function": "^7.22.20"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-replace-supers": {
+      "version": "7.22.20",
+      "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.22.20.tgz",
+      "integrity": "sha512-qsW0In3dbwQUbK8kejJ4R7IHVGwHJlV6lpG6UA7a9hSa2YEiAib+N1T2kr6PEeUT+Fl7najmSOS6SmAwCHK6Tw==",
+      "dependencies": {
+        "@babel/helper-environment-visitor": "^7.22.20",
+        "@babel/helper-member-expression-to-functions": "^7.22.15",
+        "@babel/helper-optimise-call-expression": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-simple-access": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.22.5.tgz",
+      "integrity": "sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==",
+      "dependencies": {
+        "@babel/types": "^7.22.5"
+      },
+      "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",
+      "integrity": "sha512-tK14r66JZKiC43p8Ki33yLBVJKlQDFoA8GYN67lWCDCqoL6EMMSuM9b+Iff2jHaM/RRFYl7K+iiru7hbRqNx8Q==",
+      "dependencies": {
+        "@babel/types": "^7.22.5"
+      },
+      "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",
+      "integrity": "sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==",
+      "dependencies": {
+        "@babel/types": "^7.22.5"
+      },
+      "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==",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.22.20",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz",
+      "integrity": "sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "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==",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-wrap-function": {
+      "version": "7.22.20",
+      "resolved": "https://registry.npmjs.org/@babel/helper-wrap-function/-/helper-wrap-function-7.22.20.tgz",
+      "integrity": "sha512-pms/UwkOpnQe/PDAEdV/d7dVCoBbB+R4FvYoHGZz+4VPcg7RtYy2KP7S2lbuWM6FCSgob5wshfGESbC/hzNXZw==",
+      "dependencies": {
+        "@babel/helper-function-name": "^7.22.5",
+        "@babel/template": "^7.22.15",
+        "@babel/types": "^7.22.19"
+      },
+      "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==",
+      "dependencies": {
+        "@babel/template": "^7.22.15",
+        "@babel/traverse": "^7.23.0",
+        "@babel/types": "^7.23.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-validator-identifier": "^7.22.20",
+        "chalk": "^2.4.2",
+        "js-tokens": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "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/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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "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==",
+      "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"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.13.0"
+      }
+    },
+    "node_modules/@babel/plugin-external-helpers": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-external-helpers/-/plugin-external-helpers-7.22.5.tgz",
+      "integrity": "sha512-ngnNEWxmykPk82mH4ajZT0qTztr3Je6hrMuKAslZVM8G1YZTENJSYwrIGtt6KOtznug3exmAtF4so/nPqJuA4A==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-proposal-class-properties": {
+      "version": "7.18.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-class-properties/-/plugin-proposal-class-properties-7.18.6.tgz",
+      "integrity": "sha512-cumfXOF0+nzZrrN8Rf0t7M+tF6sZc7vhQwYQck9q1/5w2OExlD+b4v4RpMJFaV1Z7WcDRgO6FqvxqxGlwo+RHQ==",
+      "deprecated": "This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-class-properties instead.",
+      "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-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",
+      "integrity": "sha512-d2S98yCiLxDVmBmE8UjGcfPvNEUbA1U5q5WxaWFUGRzJSVAZqm5W6MbPct0jxnegUZ0niLeNX+IOzEs7wYg9Dg==",
+      "deprecated": "This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-object-rest-spread instead.",
+      "dependencies": {
+        "@babel/compat-data": "^7.20.5",
+        "@babel/helper-compilation-targets": "^7.20.7",
+        "@babel/helper-plugin-utils": "^7.20.2",
+        "@babel/plugin-syntax-object-rest-spread": "^7.8.3",
+        "@babel/plugin-transform-parameters": "^7.20.7"
+      },
+      "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",
+      "integrity": "sha512-SOSkfJDddaM7mak6cPEpswyTRnuRltl429hMraQEglW+OkovnCzsiszTmsrlY//qLFjCpQDFRvjdm2wA5pPm9w==",
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "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",
+      "integrity": "sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-class-properties": {
+      "version": "7.12.13",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-properties/-/plugin-syntax-class-properties-7.12.13.tgz",
+      "integrity": "sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.12.13"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-class-static-block": {
+      "version": "7.14.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-static-block/-/plugin-syntax-class-static-block-7.14.5.tgz",
+      "integrity": "sha512-b+YyPmr6ldyNnM6sqYeMWE+bgJcJpO6yS4QD7ymxgH34GBPNDM/THBh8iunyvKIZztiwLH4CJZ0RxTk9emgpjw==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.14.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-dynamic-import": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-dynamic-import/-/plugin-syntax-dynamic-import-7.8.3.tgz",
+      "integrity": "sha512-5gdGbFon+PszYzqs83S3E5mpi7/y/8M9eC90MRTZfduQOYW76ig6SOSPNe41IG5LoP3FGBn2N0RjVDSQiS94kQ==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-export-namespace-from": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-export-namespace-from/-/plugin-syntax-export-namespace-from-7.8.3.tgz",
+      "integrity": "sha512-MXf5laXo6c1IbEbegDmzGPwGNTsHZmEy6QGznu5Sh2UCWvueywb2ee+CCE4zQiZstxU9BMoQO9i6zUFSY0Kj0Q==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.3"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-import-meta": {
+      "version": "7.10.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-meta/-/plugin-syntax-import-meta-7.10.4.tgz",
+      "integrity": "sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-json-strings": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.8.3.tgz",
+      "integrity": "sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-jsx": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.22.5.tgz",
+      "integrity": "sha512-gvyP4hZrgrs/wWMaocvxZ44Hw0b3W8Pe+cMxc8V1ULQ07oh8VNbIRaoD1LRZVTvD+0nieDKjfgKg89sD7rrKrg==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-logical-assignment-operators": {
+      "version": "7.10.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.4.tgz",
+      "integrity": "sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-nullish-coalescing-operator": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-nullish-coalescing-operator/-/plugin-syntax-nullish-coalescing-operator-7.8.3.tgz",
+      "integrity": "sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-numeric-separator": {
+      "version": "7.10.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-numeric-separator/-/plugin-syntax-numeric-separator-7.10.4.tgz",
+      "integrity": "sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-object-rest-spread": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-object-rest-spread/-/plugin-syntax-object-rest-spread-7.8.3.tgz",
+      "integrity": "sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-optional-catch-binding": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-catch-binding/-/plugin-syntax-optional-catch-binding-7.8.3.tgz",
+      "integrity": "sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-optional-chaining": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-chaining/-/plugin-syntax-optional-chaining-7.8.3.tgz",
+      "integrity": "sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-private-property-in-object": {
+      "version": "7.14.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-private-property-in-object/-/plugin-syntax-private-property-in-object-7.14.5.tgz",
+      "integrity": "sha512-0wVnp9dxJ72ZUJDV27ZfbSj6iHLoytYZmh3rFcxNnvsJF3ktkzLDZPy/mA17HGsaQT3/DQsWYX1f1QGWkCoVUg==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.14.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-top-level-await": {
+      "version": "7.14.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.14.5.tgz",
+      "integrity": "sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.14.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-typescript": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.22.5.tgz",
+      "integrity": "sha512-1mS2o03i7t1c6VzH6fdQ3OA8tcEIxwG18zIPRp+UY1Ihv6W+XZzBCVxExF9upussPXJ0xE9XRHwMoNs1ep/nRQ==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-unicode-sets-regex": {
+      "version": "7.18.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-unicode-sets-regex/-/plugin-syntax-unicode-sets-regex-7.18.6.tgz",
+      "integrity": "sha512-727YkEAPwSIQTv5im8QHz3upqp92JTWhidIC81Tdx4VJYIte/VndKf1qKrfnnhPLiPghStWfvC/iFaMCQu7Nqg==",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.18.6",
+        "@babel/helper-plugin-utils": "^7.18.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-environment-visitor": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-remap-async-to-generator": "^7.22.9",
+        "@babel/plugin-syntax-async-generators": "^7.8.4"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-remap-async-to-generator": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-create-class-features-plugin": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-create-class-features-plugin": "^7.22.11",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-class-static-block": "^7.14.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.12.0"
+      }
+    },
+    "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==",
+      "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-optimise-call-expression": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-replace-supers": "^7.22.9",
+        "@babel/helper-split-export-declaration": "^7.22.6",
+        "globals": "^11.1.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/template": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-dynamic-import": "^7.8.3"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-builder-binary-assignment-operator-visitor": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-export-namespace-from": "^7.8.3"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-compilation-targets": "^7.22.5",
+        "@babel/helper-function-name": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-json-strings": "^7.8.3"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@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-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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-module-transforms": "^7.23.0",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-module-transforms": "^7.23.0",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-simple-access": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-hoist-variables": "^7.22.5",
+        "@babel/helper-module-transforms": "^7.23.0",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-validator-identifier": "^7.22.20"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-module-transforms": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-named-capturing-groups-regex": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.22.5.tgz",
+      "integrity": "sha512-YgLLKmS3aUBhHaxp5hi1WJTgOUb/NCuDHzGT9z9WTt3YG+CPRhJs6nprbStx6DnWM4dh6gt7SU3sZodbZ08adQ==",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@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-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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-numeric-separator": "^7.10.4"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/compat-data": "^7.22.9",
+        "@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"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-replace-supers": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@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-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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5",
+        "@babel/plugin-syntax-optional-chaining": "^7.8.3"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-create-class-features-plugin": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.22.5",
+        "@babel/helper-create-class-features-plugin": "^7.22.11",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-private-property-in-object": "^7.14.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-display-name": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.22.5.tgz",
+      "integrity": "sha512-PVk3WPYudRF5z4GKMEYUrLjPl38fJSKNaEOkFuoprioowGuWN6w2RKznuFNSlJx7pzzXXStPUnNSOEO0jL5EVw==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-jsx": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.22.15.tgz",
+      "integrity": "sha512-oKckg2eZFa8771O/5vi7XeTvmM6+O9cxZu+kanTU7tD4sin5nO/G8jGJhq8Hvt2Z0kUoEDRayuZLaUlYl8QuGA==",
+      "dependencies": {
+        "@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.22.5",
+        "@babel/types": "^7.22.15"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-jsx-development": {
+      "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==",
+      "dependencies": {
+        "@babel/plugin-transform-react-jsx": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-pure-annotations": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-pure-annotations/-/plugin-transform-react-pure-annotations-7.22.5.tgz",
+      "integrity": "sha512-gP4k85wx09q+brArVinTXhWiyzLl9UpmGva0+mWyKxk6JZequ05x3eUcIUE+FyttPKJFRRVtAvQaJ6YF9h1ZpA==",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "regenerator-transform": "^0.15.2"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-typescript": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.22.15.tgz",
+      "integrity": "sha512-1uirS0TnijxvQLnlv5wQBwOX3E1wCFX7ITv+9pBV2wKEk4K+M5tqDaoNXnTH8tjEIYHLO98MwiTWO04Ggz4XuA==",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.22.5",
+        "@babel/helper-create-class-features-plugin": "^7.22.15",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-typescript": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/compat-data": "^7.22.20",
+        "@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/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-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-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-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/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",
+        "core-js-compat": "^3.31.0",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/preset-modules": {
+      "version": "0.1.6-no-external-plugins",
+      "resolved": "https://registry.npmjs.org/@babel/preset-modules/-/preset-modules-0.1.6-no-external-plugins.tgz",
+      "integrity": "sha512-HrcgcIESLm9aIR842yhJ5RWan/gebQUJ6E/E5+rf0y9o6oj7w0Br+sWuL6kEQ/o/AdfvR1Je9jG18/gnpwjEyA==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.0.0",
+        "@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/@babel/preset-react": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/preset-react/-/preset-react-7.22.15.tgz",
+      "integrity": "sha512-Csy1IJ2uEh/PecCBXXoZGAZBeCATTuePzCSB7dLYWS0vOEj6CNpjxIhW4duWwZodBNueH7QO14WbGn8YyeuN9w==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-validator-option": "^7.22.15",
+        "@babel/plugin-transform-react-display-name": "^7.22.5",
+        "@babel/plugin-transform-react-jsx": "^7.22.15",
+        "@babel/plugin-transform-react-jsx-development": "^7.22.5",
+        "@babel/plugin-transform-react-pure-annotations": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/preset-typescript": {
+      "version": "7.23.0",
+      "resolved": "https://registry.npmjs.org/@babel/preset-typescript/-/preset-typescript-7.23.0.tgz",
+      "integrity": "sha512-6P6VVa/NM/VlAYj5s2Aq/gdVg8FSENCg3wlZ6Qau9AcPaoF5LbN1nyGlR9DTRIw9PpxI94e+ReydsJHcjwAweg==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-validator-option": "^7.22.15",
+        "@babel/plugin-syntax-jsx": "^7.22.5",
+        "@babel/plugin-transform-modules-commonjs": "^7.23.0",
+        "@babel/plugin-transform-typescript": "^7.22.15"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/regjsgen": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/@babel/regjsgen/-/regjsgen-0.8.0.tgz",
+      "integrity": "sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA=="
+    },
+    "node_modules/@babel/runtime": {
+      "version": "7.23.1",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.1.tgz",
+      "integrity": "sha512-hC2v6p8ZSI/W0HUzh3V8C5g+NwSKzKPtJwSpTjwl0o297GP9+ZLQSkdvHz46CM3LqyoXxq+5G9komY+eSqSO0g==",
+      "dependencies": {
+        "regenerator-runtime": "^0.14.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/template": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.22.15.tgz",
+      "integrity": "sha512-QPErUVm4uyJa60rkI73qneDacvdvzxshT3kksGqlGWYdOTIUOwJ7RDUL8sGqslY1uXWSL6xMFKEXDS3ox2uF0w==",
+      "dependencies": {
+        "@babel/code-frame": "^7.22.13",
+        "@babel/parser": "^7.22.15",
+        "@babel/types": "^7.22.15"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "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/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/@emotion/is-prop-valid": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.2.1.tgz",
+      "integrity": "sha512-61Mf7Ufx4aDxx1xlDeOm8aFFigGHE4z+0sKCa+IHCeZKiyP9RLD0Mmx7m8b9/Cf37f7NAvQOOJAbQQGVr5uERw==",
+      "dependencies": {
+        "@emotion/memoize": "^0.8.1"
+      }
+    },
+    "node_modules/@emotion/memoize": {
+      "version": "0.8.1",
+      "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz",
+      "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA=="
+    },
+    "node_modules/@emotion/unitless": {
+      "version": "0.8.1",
+      "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.8.1.tgz",
+      "integrity": "sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ=="
+    },
+    "node_modules/@eslint-community/eslint-utils": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz",
+      "integrity": "sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==",
+      "dev": true,
+      "dependencies": {
+        "eslint-visitor-keys": "^3.3.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "peerDependencies": {
+        "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
+      }
+    },
+    "node_modules/@eslint-community/regexpp": {
+      "version": "4.5.1",
+      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.5.1.tgz",
+      "integrity": "sha512-Z5ba73P98O1KUYCCJTUeVpja9RcGoMdncZ6T49FCUl2lN38JtCJ+3WgIDBv0AuY4WChU5PmtJmOCTlN6FZTFKQ==",
+      "dev": true,
+      "engines": {
+        "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
+      }
+    },
+    "node_modules/@eslint/eslintrc": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.0.2.tgz",
+      "integrity": "sha512-3W4f5tDUra+pA+FzgugqL2pRimUTDJWKr7BINqOpkZrC0uYI0NIc0/JFgBROCU07HR6GieA5m3/rsPIhDmCXTQ==",
+      "dev": true,
+      "dependencies": {
+        "ajv": "^6.12.4",
+        "debug": "^4.3.2",
+        "espree": "^9.5.1",
+        "globals": "^13.19.0",
+        "ignore": "^5.2.0",
+        "import-fresh": "^3.2.1",
+        "js-yaml": "^4.1.0",
+        "minimatch": "^3.1.2",
+        "strip-json-comments": "^3.1.1"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@eslint/eslintrc/node_modules/globals": {
+      "version": "13.20.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-13.20.0.tgz",
+      "integrity": "sha512-Qg5QtVkCy/kv3FUSlu4ukeZDVf9ee0iXLAUYX13gbR17bnejFTzr4iS9bY7kwCf1NztRNm1t91fjOiyx4CSwPQ==",
+      "dev": true,
+      "dependencies": {
+        "type-fest": "^0.20.2"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@eslint/js": {
+      "version": "8.39.0",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.39.0.tgz",
+      "integrity": "sha512-kf9RB0Fg7NZfap83B3QOqOGg9QmD9yBudqQXzzOtn3i4y7ZUXe5ONeW34Gwi+TxhH4mvj72R1Zc300KUMa9Bng==",
+      "dev": true,
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      }
+    },
+    "node_modules/@humanwhocodes/config-array": {
+      "version": "0.11.8",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.8.tgz",
+      "integrity": "sha512-UybHIJzJnR5Qc/MsD9Kr+RpO2h+/P1GhOwdiLPXK5TWk5sgTdu88bTD9UP+CKbPPh5Rni1u0GjAdYQLemG8g+g==",
+      "dev": true,
+      "dependencies": {
+        "@humanwhocodes/object-schema": "^1.2.1",
+        "debug": "^4.1.1",
+        "minimatch": "^3.0.5"
+      },
+      "engines": {
+        "node": ">=10.10.0"
+      }
+    },
+    "node_modules/@humanwhocodes/module-importer": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
+      "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
+      "dev": true,
+      "engines": {
+        "node": ">=12.22"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/nzakas"
+      }
+    },
+    "node_modules/@humanwhocodes/object-schema": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz",
+      "integrity": "sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==",
+      "dev": true
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.3",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz",
+      "integrity": "sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==",
+      "dependencies": {
+        "@jridgewell/set-array": "^1.0.1",
+        "@jridgewell/sourcemap-codec": "^1.4.10",
+        "@jridgewell/trace-mapping": "^0.3.9"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz",
+      "integrity": "sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/set-array": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz",
+      "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/source-map": {
+      "version": "0.3.3",
+      "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.3.tgz",
+      "integrity": "sha512-b+fsZXeLYi9fEULmfBrhxn4IrPlINf8fiNarzTof004v3lFdntdwa9PF7vFJqm3mg7s+ScJMxXaE3Acp1irZcg==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.0",
+        "@jridgewell/trace-mapping": "^0.3.9"
+      }
+    },
+    "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=="
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.18",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.18.tgz",
+      "integrity": "sha512-w+niJYzMHdd7USdiH2U6869nqhD2nbfZXND5Yp93qIbEmnDNk7PD48o+YchRVpzMU7M6jVCbenTR7PA1FLQ9pA==",
+      "dependencies": {
+        "@jridgewell/resolve-uri": "3.1.0",
+        "@jridgewell/sourcemap-codec": "1.4.14"
+      }
+    },
+    "node_modules/@jridgewell/trace-mapping/node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.4.14",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz",
+      "integrity": "sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw=="
+    },
+    "node_modules/@matrix-org/matrix-sdk-crypto-wasm": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/@matrix-org/matrix-sdk-crypto-wasm/-/matrix-sdk-crypto-wasm-1.3.0.tgz",
+      "integrity": "sha512-vQ5PVppKu1PY7xy7QDw+RJLYLGFKhJyxLqjXHr0uEUJwfvz2IH2njTLXzrz77dOo9qacxJ9/YNOTe0Hl+98N0A==",
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/env": {
+      "version": "13.5.4",
+      "resolved": "https://registry.npmjs.org/@next/env/-/env-13.5.4.tgz",
+      "integrity": "sha512-LGegJkMvRNw90WWphGJ3RMHMVplYcOfRWf2Be3td3sUa+1AaxmsYyANsA+znrGCBjXJNi4XAQlSoEfUxs/4kIQ=="
+    },
+    "node_modules/@next/eslint-plugin-next": {
+      "version": "13.5.6",
+      "resolved": "https://registry.npmjs.org/@next/eslint-plugin-next/-/eslint-plugin-next-13.5.6.tgz",
+      "integrity": "sha512-ng7pU/DDsxPgT6ZPvuprxrkeew3XaRf4LAT4FabaEO/hAbvVx4P7wqnqdbTdDn1kgTvsI4tpIgT4Awn/m0bGbg==",
+      "dev": true,
+      "dependencies": {
+        "glob": "7.1.7"
+      }
+    },
+    "node_modules/@next/eslint-plugin-next/node_modules/glob": {
+      "version": "7.1.7",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.7.tgz",
+      "integrity": "sha512-OvD9ENzPLbegENnYP5UUfJIirTg4+XwMWGaQfQTY0JenxNvvIKP3U3/tAQSPIu/lHxXYSZmpXlUHeqAIdKzBLQ==",
+      "dev": true,
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.0.4",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      },
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/@next/swc-darwin-arm64": {
+      "version": "13.5.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-13.5.4.tgz",
+      "integrity": "sha512-Df8SHuXgF1p+aonBMcDPEsaahNo2TCwuie7VXED4FVyECvdXfRT9unapm54NssV9tF3OQFKBFOdlje4T43VO0w==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@nicolo-ribaudo/chokidar-2": {
+      "version": "2.1.8-no-fsevents.3",
+      "resolved": "https://registry.npmjs.org/@nicolo-ribaudo/chokidar-2/-/chokidar-2-2.1.8-no-fsevents.3.tgz",
+      "integrity": "sha512-s88O1aVtXftvp5bCPB7WnmXc5IwOZZ7YPuwNPt+GtOOXpPvad1LfbmjYv+qII7zP6RU2QGnqve27dnLycEnyEQ==",
+      "optional": true
+    },
+    "node_modules/@nicolo-ribaudo/eslint-scope-5-internals": {
+      "version": "5.1.1-v1",
+      "resolved": "https://registry.npmjs.org/@nicolo-ribaudo/eslint-scope-5-internals/-/eslint-scope-5-internals-5.1.1-v1.tgz",
+      "integrity": "sha512-54/JRvkLIzzDWshCWfuhadfrfZVPiElY8Fcgmg1HroEly/EDSszzhBAsarCux+D/kOslTRquNzuyGSmUSTTHGg==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "eslint-scope": "5.1.1"
+      }
+    },
+    "node_modules/@nodelib/fs.scandir": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+      "dev": true,
+      "dependencies": {
+        "@nodelib/fs.stat": "2.0.5",
+        "run-parallel": "^1.1.9"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.stat": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+      "dev": true,
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.walk": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+      "dev": true,
+      "dependencies": {
+        "@nodelib/fs.scandir": "2.1.5",
+        "fastq": "^1.6.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@remixicons/react": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@remixicons/react/-/react-1.0.0.tgz",
+      "integrity": "sha512-2QvlgR5myO7wzQduGWD4MYMtxwoHsu/Fq86N3A6DLogXJOctaxb+bLTEH7yysRIPmwO+o6lkadVph/ixasadqQ==",
+      "dev": true,
+      "peerDependencies": {
+        "react": ">= 16"
+      }
+    },
+    "node_modules/@rushstack/eslint-patch": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.5.1.tgz",
+      "integrity": "sha512-6i/8UoL0P5y4leBIGzvkZdS85RDMG9y1ihZzmTZQ5LdHUYmZ7pKFoj8X0236s3lusPs1Fa5HTQUpwI+UfTcmeA==",
+      "dev": true
+    },
+    "node_modules/@stylelint/postcss-css-in-js": {
+      "version": "0.38.0",
+      "resolved": "https://registry.npmjs.org/@stylelint/postcss-css-in-js/-/postcss-css-in-js-0.38.0.tgz",
+      "integrity": "sha512-XOz5CAe49kS95p5yRd+DAIWDojTjfmyAQ4bbDlXMdbZTQ5t0ThjSLvWI6JI2uiS7MFurVBkZ6zUqcimzcLTBoQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/core": "^7.17.9"
+      },
+      "peerDependencies": {
+        "postcss": ">=7.0.0",
+        "postcss-syntax": ">=0.36.2"
+      }
+    },
+    "node_modules/@swc/helpers": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.2.tgz",
+      "integrity": "sha512-E4KcWTpoLHqwPHLxidpOqQbcrZVgi0rsmmZXUle1jXmJfuIf/UWpczUJ7MZZ5tlxytgJXyp0w4PGkkeLiuIdZw==",
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@types/eslint": {
+      "version": "8.4.2",
+      "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-8.4.2.tgz",
+      "integrity": "sha512-Z1nseZON+GEnFjJc04sv4NSALGjhFwy6K0HXt7qsn5ArfAKtb63dXNJHf+1YW6IpOIYRBGUbu3GwJdj8DGnCjA==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@types/estree": "*",
+        "@types/json-schema": "*"
+      }
+    },
+    "node_modules/@types/eslint-scope": {
+      "version": "3.7.3",
+      "resolved": "https://registry.npmjs.org/@types/eslint-scope/-/eslint-scope-3.7.3.tgz",
+      "integrity": "sha512-PB3ldyrcnAicT35TWPs5IcwKD8S333HMaa2VVv4+wdvebJkjWuW/xESoB8IwRcog8HYVYamb1g/R31Qv5Bx03g==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@types/eslint": "*",
+        "@types/estree": "*"
+      }
+    },
+    "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==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/@types/events": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@types/events/-/events-3.0.1.tgz",
+      "integrity": "sha512-QfUFdKjGSc+iCf8OFZhqJKfDuqB6lP57kSMkPw8ba3yNDANicUwCdaPt5ytZ4nDXXVFxQkvT8v73I4stSVrCxA=="
+    },
+    "node_modules/@types/json-schema": {
+      "version": "7.0.12",
+      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.12.tgz",
+      "integrity": "sha512-Hr5Jfhc9eYOQNPYO5WLDq/n4jqijdHNlDXjuAQkkt+mWdQR+XJToOHrsD4cPaMXpn6KO7y2+wM8AZEs8VpBLVA==",
+      "dev": true
+    },
+    "node_modules/@types/json5": {
+      "version": "0.0.29",
+      "resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz",
+      "integrity": "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==",
+      "dev": true
+    },
+    "node_modules/@types/minimist": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/@types/minimist/-/minimist-1.2.2.tgz",
+      "integrity": "sha512-jhuKLIRrhvCPLqwPcx6INqmKeiA5EWrsCOPhrlFSrbrmU4ZMPjj5Ul/oLCMDO98XRUIwVm78xICz4EPCektzeQ==",
+      "dev": true
+    },
+    "node_modules/@types/node": {
+      "version": "17.0.31",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-17.0.31.tgz",
+      "integrity": "sha512-AR0x5HbXGqkEx9CadRH3EBYx/VkiUgZIhP4wvPn/+5KIsgpNoyFaRlVe0Zlx9gRtg8fA06a9tskE2MSN7TcG4Q==",
+      "dev": true
+    },
+    "node_modules/@types/normalize-package-data": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/@types/normalize-package-data/-/normalize-package-data-2.4.1.tgz",
+      "integrity": "sha512-Gj7cI7z+98M282Tqmp2K5EIsoouUEzbBJhQQzDE3jSIRk6r9gsz0oUokqIUR4u1R3dMHo0pDHM7sNOHyhulypw==",
+      "dev": true
+    },
+    "node_modules/@types/parse-json": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.0.tgz",
+      "integrity": "sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==",
+      "dev": true
+    },
+    "node_modules/@types/retry": {
+      "version": "0.12.1",
+      "resolved": "https://registry.npmjs.org/@types/retry/-/retry-0.12.1.tgz",
+      "integrity": "sha512-xoDlM2S4ortawSWORYqsdU+2rxdh4LRW9ytc3zmT37RIKQh6IHyKwwtKhKis9ah8ol07DCkZxPt8BBvPjC6v4g=="
+    },
+    "node_modules/@types/semver": {
+      "version": "7.5.0",
+      "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.5.0.tgz",
+      "integrity": "sha512-G8hZ6XJiHnuhQKR7ZmysCeJWE08o8T0AXtk5darsCaTVsYZhhgUrq53jizaR2FvsoeCwJhlmwTjkXBY5Pn/ZHw==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/@types/stylis": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/@types/stylis/-/stylis-4.2.1.tgz",
+      "integrity": "sha512-OSaMrXUKxVigGlKRrET39V2xdhzlztQ9Aqumn1WbCBKHOi9ry7jKSd7rkyj0GzmWaU960Rd+LpOFpLfx5bMQAg=="
+    },
+    "node_modules/@typescript-eslint/eslint-plugin": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-6.1.0.tgz",
+      "integrity": "sha512-qg7Bm5TyP/I7iilGyp6DRqqkt8na00lI6HbjWZObgk3FFSzH5ypRwAHXJhJkwiRtTcfn+xYQIMOR5kJgpo6upw==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@eslint-community/regexpp": "^4.5.1",
+        "@typescript-eslint/scope-manager": "6.1.0",
+        "@typescript-eslint/type-utils": "6.1.0",
+        "@typescript-eslint/utils": "6.1.0",
+        "@typescript-eslint/visitor-keys": "6.1.0",
+        "debug": "^4.3.4",
+        "graphemer": "^1.4.0",
+        "ignore": "^5.2.4",
+        "natural-compare": "^1.4.0",
+        "natural-compare-lite": "^1.4.0",
+        "semver": "^7.5.4",
+        "ts-api-utils": "^1.0.1"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "@typescript-eslint/parser": "^6.0.0 || ^6.0.0-alpha",
+        "eslint": "^7.0.0 || ^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/eslint-plugin/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,
+      "peer": true,
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@typescript-eslint/parser": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-6.1.0.tgz",
+      "integrity": "sha512-hIzCPvX4vDs4qL07SYzyomamcs2/tQYXg5DtdAfj35AyJ5PIUqhsLf4YrEIFzZcND7R2E8tpQIZKayxg8/6Wbw==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/scope-manager": "6.1.0",
+        "@typescript-eslint/types": "6.1.0",
+        "@typescript-eslint/typescript-estree": "6.1.0",
+        "@typescript-eslint/visitor-keys": "6.1.0",
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^7.0.0 || ^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/scope-manager": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-6.1.0.tgz",
+      "integrity": "sha512-AxjgxDn27hgPpe2rQe19k0tXw84YCOsjDJ2r61cIebq1t+AIxbgiXKvD4999Wk49GVaAcdJ/d49FYel+Pp3jjw==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/types": "6.1.0",
+        "@typescript-eslint/visitor-keys": "6.1.0"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/type-utils": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-6.1.0.tgz",
+      "integrity": "sha512-kFXBx6QWS1ZZ5Ni89TyT1X9Ag6RXVIVhqDs0vZE/jUeWlBv/ixq2diua6G7ece6+fXw3TvNRxP77/5mOMusx2w==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@typescript-eslint/typescript-estree": "6.1.0",
+        "@typescript-eslint/utils": "6.1.0",
+        "debug": "^4.3.4",
+        "ts-api-utils": "^1.0.1"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^7.0.0 || ^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/types": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-6.1.0.tgz",
+      "integrity": "sha512-+Gfd5NHCpDoHDOaU/yIF3WWRI2PcBRKKpP91ZcVbL0t5tQpqYWBs3z/GGhvU+EV1D0262g9XCnyqQh19prU0JQ==",
+      "dev": true,
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-6.1.0.tgz",
+      "integrity": "sha512-nUKAPWOaP/tQjU1IQw9sOPCDavs/iU5iYLiY/6u7gxS7oKQoi4aUxXS1nrrVGTyBBaGesjkcwwHkbkiD5eBvcg==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/types": "6.1.0",
+        "@typescript-eslint/visitor-keys": "6.1.0",
+        "debug": "^4.3.4",
+        "globby": "^11.1.0",
+        "is-glob": "^4.0.3",
+        "semver": "^7.5.4",
+        "ts-api-utils": "^1.0.1"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/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/@typescript-eslint/utils": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-6.1.0.tgz",
+      "integrity": "sha512-wp652EogZlKmQoMS5hAvWqRKplXvkuOnNzZSE0PVvsKjpexd/XznRVHAtrfHFYmqaJz0DFkjlDsGYC9OXw+OhQ==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.4.0",
+        "@types/json-schema": "^7.0.12",
+        "@types/semver": "^7.5.0",
+        "@typescript-eslint/scope-manager": "6.1.0",
+        "@typescript-eslint/types": "6.1.0",
+        "@typescript-eslint/typescript-estree": "6.1.0",
+        "semver": "^7.5.4"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^7.0.0 || ^8.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/utils/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,
+      "peer": true,
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@typescript-eslint/visitor-keys": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-6.1.0.tgz",
+      "integrity": "sha512-yQeh+EXhquh119Eis4k0kYhj9vmFzNpbhM3LftWQVwqVjipCkwHBQOZutcYW+JVkjtTG9k8nrZU1UoNedPDd1A==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/types": "6.1.0",
+        "eslint-visitor-keys": "^3.4.1"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@webassemblyjs/ast": {
+      "version": "1.11.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.11.5.tgz",
+      "integrity": "sha512-LHY/GSAZZRpsNQH+/oHqhRQ5FT7eoULcBqgfyTB5nQHogFnK3/7QoN7dLnwSE/JkUAF0SrRuclT7ODqMFtWxxQ==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/helper-numbers": "1.11.5",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.5"
+      }
+    },
+    "node_modules/@webassemblyjs/floating-point-hex-parser": {
+      "version": "1.11.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.11.5.tgz",
+      "integrity": "sha512-1j1zTIC5EZOtCplMBG/IEwLtUojtwFVwdyVMbL/hwWqbzlQoJsWCOavrdnLkemwNoC/EOwtUFch3fuo+cbcXYQ==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/@webassemblyjs/helper-api-error": {
+      "version": "1.11.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.11.5.tgz",
+      "integrity": "sha512-L65bDPmfpY0+yFrsgz8b6LhXmbbs38OnwDCf6NpnMUYqa+ENfE5Dq9E42ny0qz/PdR0LJyq/T5YijPnU8AXEpA==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/@webassemblyjs/helper-buffer": {
+      "version": "1.11.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.11.5.tgz",
+      "integrity": "sha512-fDKo1gstwFFSfacIeH5KfwzjykIE6ldh1iH9Y/8YkAZrhmu4TctqYjSh7t0K2VyDSXOZJ1MLhht/k9IvYGcIxg==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/@webassemblyjs/helper-numbers": {
+      "version": "1.11.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-numbers/-/helper-numbers-1.11.5.tgz",
+      "integrity": "sha512-DhykHXM0ZABqfIGYNv93A5KKDw/+ywBFnuWybZZWcuzWHfbp21wUfRkbtz7dMGwGgT4iXjWuhRMA2Mzod6W4WA==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/floating-point-hex-parser": "1.11.5",
+        "@webassemblyjs/helper-api-error": "1.11.5",
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "node_modules/@webassemblyjs/helper-wasm-bytecode": {
+      "version": "1.11.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.11.5.tgz",
+      "integrity": "sha512-oC4Qa0bNcqnjAowFn7MPCETQgDYytpsfvz4ujZz63Zu/a/v71HeCAAmZsgZ3YVKec3zSPYytG3/PrRCqbtcAvA==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/@webassemblyjs/helper-wasm-section": {
+      "version": "1.11.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.11.5.tgz",
+      "integrity": "sha512-uEoThA1LN2NA+K3B9wDo3yKlBfVtC6rh0i4/6hvbz071E8gTNZD/pT0MsBf7MeD6KbApMSkaAK0XeKyOZC7CIA==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.11.5",
+        "@webassemblyjs/helper-buffer": "1.11.5",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.5",
+        "@webassemblyjs/wasm-gen": "1.11.5"
+      }
+    },
+    "node_modules/@webassemblyjs/ieee754": {
+      "version": "1.11.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.11.5.tgz",
+      "integrity": "sha512-37aGq6qVL8A8oPbPrSGMBcp38YZFXcHfiROflJn9jxSdSMMM5dS5P/9e2/TpaJuhE+wFrbukN2WI6Hw9MH5acg==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@xtuc/ieee754": "^1.2.0"
+      }
+    },
+    "node_modules/@webassemblyjs/leb128": {
+      "version": "1.11.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.11.5.tgz",
+      "integrity": "sha512-ajqrRSXaTJoPW+xmkfYN6l8VIeNnR4vBOTQO9HzR7IygoCcKWkICbKFbVTNMjMgMREqXEr0+2M6zukzM47ZUfQ==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "node_modules/@webassemblyjs/utf8": {
+      "version": "1.11.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.11.5.tgz",
+      "integrity": "sha512-WiOhulHKTZU5UPlRl53gHR8OxdGsSOxqfpqWeA2FmcwBMaoEdz6b2x2si3IwC9/fSPLfe8pBMRTHVMk5nlwnFQ==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/@webassemblyjs/wasm-edit": {
+      "version": "1.11.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.11.5.tgz",
+      "integrity": "sha512-C0p9D2fAu3Twwqvygvf42iGCQ4av8MFBLiTb+08SZ4cEdwzWx9QeAHDo1E2k+9s/0w1DM40oflJOpkZ8jW4HCQ==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.11.5",
+        "@webassemblyjs/helper-buffer": "1.11.5",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.5",
+        "@webassemblyjs/helper-wasm-section": "1.11.5",
+        "@webassemblyjs/wasm-gen": "1.11.5",
+        "@webassemblyjs/wasm-opt": "1.11.5",
+        "@webassemblyjs/wasm-parser": "1.11.5",
+        "@webassemblyjs/wast-printer": "1.11.5"
+      }
+    },
+    "node_modules/@webassemblyjs/wasm-gen": {
+      "version": "1.11.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.11.5.tgz",
+      "integrity": "sha512-14vteRlRjxLK9eSyYFvw1K8Vv+iPdZU0Aebk3j6oB8TQiQYuO6hj9s4d7qf6f2HJr2khzvNldAFG13CgdkAIfA==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.11.5",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.5",
+        "@webassemblyjs/ieee754": "1.11.5",
+        "@webassemblyjs/leb128": "1.11.5",
+        "@webassemblyjs/utf8": "1.11.5"
+      }
+    },
+    "node_modules/@webassemblyjs/wasm-opt": {
+      "version": "1.11.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.11.5.tgz",
+      "integrity": "sha512-tcKwlIXstBQgbKy1MlbDMlXaxpucn42eb17H29rawYLxm5+MsEmgPzeCP8B1Cl69hCice8LeKgZpRUAPtqYPgw==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.11.5",
+        "@webassemblyjs/helper-buffer": "1.11.5",
+        "@webassemblyjs/wasm-gen": "1.11.5",
+        "@webassemblyjs/wasm-parser": "1.11.5"
+      }
+    },
+    "node_modules/@webassemblyjs/wasm-parser": {
+      "version": "1.11.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.11.5.tgz",
+      "integrity": "sha512-SVXUIwsLQlc8srSD7jejsfTU83g7pIGr2YYNb9oHdtldSxaOhvA5xwvIiWIfcX8PlSakgqMXsLpLfbbJ4cBYew==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.11.5",
+        "@webassemblyjs/helper-api-error": "1.11.5",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.5",
+        "@webassemblyjs/ieee754": "1.11.5",
+        "@webassemblyjs/leb128": "1.11.5",
+        "@webassemblyjs/utf8": "1.11.5"
+      }
+    },
+    "node_modules/@webassemblyjs/wast-printer": {
+      "version": "1.11.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.11.5.tgz",
+      "integrity": "sha512-f7Pq3wvg3GSPUPzR0F6bmI89Hdb+u9WXrSKc4v+N0aV0q6r42WoF92Jp2jEorBEBRoRNXgjp53nBniDXcqZYPA==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.11.5",
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "node_modules/@xtuc/ieee754": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz",
+      "integrity": "sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/@xtuc/long": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@xtuc/long/-/long-4.2.2.tgz",
+      "integrity": "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/abort-controller": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/abort-controller/-/abort-controller-3.0.0.tgz",
+      "integrity": "sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg==",
+      "dependencies": {
+        "event-target-shim": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=6.5"
+      }
+    },
+    "node_modules/acorn": {
+      "version": "8.8.2",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.8.2.tgz",
+      "integrity": "sha512-xjIYgE8HBrkpd/sJqOGNspf8uHG+NOHGOw6a/Urj8taM2EXfdNAH2oFcPeIFfsv3+kz/mJrS5VuMqbNLjCa2vw==",
+      "dev": true,
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/acorn-import-assertions": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/acorn-import-assertions/-/acorn-import-assertions-1.8.0.tgz",
+      "integrity": "sha512-m7VZ3jwz4eK6A4Vtt8Ew1/mNbP24u0FhdyfA7fSvnJR6LMdfOYnmuIrrJAgrYfYJ10F/otaHTtrtrtmHdMNzEw==",
+      "dev": true,
+      "peer": true,
+      "peerDependencies": {
+        "acorn": "^8"
+      }
+    },
+    "node_modules/acorn-jsx": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
+      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
+      "dev": true,
+      "peerDependencies": {
+        "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
+      }
+    },
+    "node_modules/ajv": {
+      "version": "6.12.6",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+      "dev": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "fast-json-stable-stringify": "^2.0.0",
+        "json-schema-traverse": "^0.4.1",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/ajv-formats": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/ajv-formats/-/ajv-formats-2.1.1.tgz",
+      "integrity": "sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==",
+      "dev": true,
+      "dependencies": {
+        "ajv": "^8.0.0"
+      },
+      "peerDependencies": {
+        "ajv": "^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "ajv": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/ajv-formats/node_modules/ajv": {
+      "version": "8.11.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.11.0.tgz",
+      "integrity": "sha512-wGgprdCvMalC0BztXvitD2hC04YffAvtsUn93JbGXYLAtCUO4xd17mCCZQxUOItiBwZvJScWo8NIvQMQ71rdpg==",
+      "dev": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/ajv-formats/node_modules/json-schema-traverse": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+      "dev": true
+    },
+    "node_modules/ajv-keywords": {
+      "version": "3.5.2",
+      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
+      "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
+      "dev": true,
+      "peer": true,
+      "peerDependencies": {
+        "ajv": "^6.9.1"
+      }
+    },
+    "node_modules/another-json": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/another-json/-/another-json-0.2.0.tgz",
+      "integrity": "sha1-tfQBnJc7bdXGUGotk0acttMq7tw="
+    },
+    "node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ansi-styles": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+      "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+      "dependencies": {
+        "color-convert": "^1.9.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/anymatch": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
+      "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
+      "optional": true,
+      "dependencies": {
+        "normalize-path": "^3.0.0",
+        "picomatch": "^2.0.4"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/argparse": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "dev": true
+    },
+    "node_modules/aria-query": {
+      "version": "5.1.3",
+      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.1.3.tgz",
+      "integrity": "sha512-R5iJ5lkuHybztUfuOAznmboyjWq8O6sqNqtK7CLOqdydi54VNbORp49mb14KbWgG1QD3JFO9hJdZ+y4KutfdOQ==",
+      "dev": true,
+      "dependencies": {
+        "deep-equal": "^2.0.5"
+      }
+    },
+    "node_modules/array-buffer-byte-length": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.0.tgz",
+      "integrity": "sha512-LPuwb2P+NrQw3XhxGc36+XSvuBPopovXYTR9Ew++Du9Yb/bx5AzBfrIsBoj0EZUifjQU+sHL21sseZ3jerWO/A==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "is-array-buffer": "^3.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array-includes": {
+      "version": "3.1.7",
+      "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.7.tgz",
+      "integrity": "sha512-dlcsNBIiWhPkHdOEEKnehA+RNUWDc4UqFtnIXU4uuYDPtA4LDkr7qip2p0VvFAEXNDr0yWZ9PJyIRiGjRLQzwQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "get-intrinsic": "^1.2.1",
+        "is-string": "^1.0.7"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array-union": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
+      "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/array.prototype.findlastindex": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.3.tgz",
+      "integrity": "sha512-LzLoiOMAxvy+Gd3BAq3B7VeIgPdo+Q8hthvKtXybMvRV0jrXfJM/t8mw7nNlpEcVlVUnCnM2KSX4XU5HmpodOA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "es-shim-unscopables": "^1.0.0",
+        "get-intrinsic": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.flat": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.2.tgz",
+      "integrity": "sha512-djYB+Zx2vLewY8RWlNCUdHjDXs2XOgm602S9E7P/UpHgfeHL00cRiIF+IN/G/aUJ7kGPb6yO/ErDI5V2s8iycA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "es-shim-unscopables": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.flatmap": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.2.tgz",
+      "integrity": "sha512-Ewyx0c9PmpcsByhSW4r+9zDU7sGjFc86qf/kKtuSCRdhfbk0SNLLkaT5qvcHnRGgc5NP/ly/y+qkXkqONX54CQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "es-shim-unscopables": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.tosorted": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/array.prototype.tosorted/-/array.prototype.tosorted-1.1.1.tgz",
+      "integrity": "sha512-pZYPXPRl2PqWcsUs6LOMn+1f1532nEoPTYowBtqLwAW+W8vSVhkIGnmOX1t/UQjD6YGI0vcD2B1U7ZFGQH9jnQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.4",
+        "es-abstract": "^1.20.4",
+        "es-shim-unscopables": "^1.0.0",
+        "get-intrinsic": "^1.1.3"
+      }
+    },
+    "node_modules/arraybuffer.prototype.slice": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.2.tgz",
+      "integrity": "sha512-yMBKppFur/fbHu9/6USUe03bZ4knMYiwFBcyiaXB8Go0qNehwX6inYPzK9U0NeQvGxKthcmHcaR8P5MStSRBAw==",
+      "dev": true,
+      "dependencies": {
+        "array-buffer-byte-length": "^1.0.0",
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "get-intrinsic": "^1.2.1",
+        "is-array-buffer": "^3.0.2",
+        "is-shared-array-buffer": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/arrify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/arrify/-/arrify-1.0.1.tgz",
+      "integrity": "sha1-iYUI2iIm84DfkEcoRWhJwVAaSw0=",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ast-types-flow": {
+      "version": "0.0.7",
+      "resolved": "https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.7.tgz",
+      "integrity": "sha1-9wtzXGvKGlycItmCw+Oef+ujva0=",
+      "dev": true
+    },
+    "node_modules/astral-regex": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/astral-regex/-/astral-regex-2.0.0.tgz",
+      "integrity": "sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/asynciterator.prototype": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/asynciterator.prototype/-/asynciterator.prototype-1.0.0.tgz",
+      "integrity": "sha512-wwHYEIS0Q80f5mosx3L/dfG5t5rjEa9Ft51GTaNt862EnpyGHpgz2RkZvLPp1oF5TnAiTohkEKVEu8pQPJI7Vg==",
+      "dev": true,
+      "dependencies": {
+        "has-symbols": "^1.0.3"
+      }
+    },
+    "node_modules/atomic-sleep": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/atomic-sleep/-/atomic-sleep-1.0.0.tgz",
+      "integrity": "sha512-kNOjDqAh7px0XWNI+4QbzoiR/nTkHAWNud2uvnJquD1/x5a7EQZMJT0AczqK0Qn67oY/TTQ1LbUKajZpp3I9tQ==",
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/available-typed-arrays": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.5.tgz",
+      "integrity": "sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/axe-core": {
+      "version": "4.7.0",
+      "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.7.0.tgz",
+      "integrity": "sha512-M0JtH+hlOL5pLQwHOLNYZaXuhqmvS8oExsqB1SBYgA4Dk7u/xx+YdGHXaK5pyUfed5mYXdlYiphWq3G8cRi5JQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/axobject-query": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-3.1.1.tgz",
+      "integrity": "sha512-goKlv8DZrK9hUh975fnHzhNIO4jUnFCfv/dszV5VwUGDFjI6vQ2VwoyjYjYNEbBE8AH87TduWP5uyDR1D+Iteg==",
+      "dev": true,
+      "dependencies": {
+        "deep-equal": "^2.0.5"
+      }
+    },
+    "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-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==",
+      "dependencies": {
+        "@babel/helper-define-polyfill-provider": "^0.4.2",
+        "core-js-compat": "^3.32.2"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
+      }
+    },
+    "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-plugin-styled-components": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/babel-plugin-styled-components/-/babel-plugin-styled-components-2.1.4.tgz",
+      "integrity": "sha512-Xgp9g+A/cG47sUyRwwYxGM4bR/jDRg5N6it/8+HxCnbT5XNKSKDT9xm4oag/osgqjC2It/vH0yXsomOG6k558g==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.22.5",
+        "@babel/helper-module-imports": "^7.22.5",
+        "@babel/plugin-syntax-jsx": "^7.22.5",
+        "lodash": "^4.17.21",
+        "picomatch": "^2.3.1"
+      },
+      "peerDependencies": {
+        "styled-components": ">= 2"
+      }
+    },
+    "node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="
+    },
+    "node_modules/base-x": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/base-x/-/base-x-4.0.0.tgz",
+      "integrity": "sha512-FuwxlW4H5kh37X/oW59pwTzzTKRzfrrQwhmyspRM7swOEZcHtDZSCt45U6oKgtuFE+WYPblePMVIPR4RZrh/hw=="
+    },
+    "node_modules/base64-js": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
+      "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
+      "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/binary-extensions": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
+      "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==",
+      "optional": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/brace-expansion": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/braces": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
+      "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+      "devOptional": true,
+      "dependencies": {
+        "fill-range": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/browserslist": {
+      "version": "4.22.1",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.22.1.tgz",
+      "integrity": "sha512-FEVc202+2iuClEhZhrWy6ZiAcRLvNMyYcxZ8raemul1DYVOVdFsbqckWLdsixQZCpJlwe77Z3UTalE7jsjnKfQ==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "caniuse-lite": "^1.0.30001541",
+        "electron-to-chromium": "^1.4.535",
+        "node-releases": "^2.0.13",
+        "update-browserslist-db": "^1.0.13"
+      },
+      "bin": {
+        "browserslist": "cli.js"
+      },
+      "engines": {
+        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+      }
+    },
+    "node_modules/bs58": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/bs58/-/bs58-5.0.0.tgz",
+      "integrity": "sha512-r+ihvQJvahgYT50JD05dyJNKlmmSlMoOGwn1lCcEzanPglg7TxYjioQUYehQ9mAR/+hOSd2jRc/Z2y5UxBymvQ==",
+      "dependencies": {
+        "base-x": "^4.0.0"
+      }
+    },
+    "node_modules/buffer": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz",
+      "integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==",
+      "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": {
+        "base64-js": "^1.3.1",
+        "ieee754": "^1.2.1"
+      }
+    },
+    "node_modules/buffer-from": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
+      "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/builtin-modules": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/builtin-modules/-/builtin-modules-3.3.0.tgz",
+      "integrity": "sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/busboy": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/busboy/-/busboy-1.6.0.tgz",
+      "integrity": "sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==",
+      "dependencies": {
+        "streamsearch": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=10.16.0"
+      }
+    },
+    "node_modules/call-bind": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.5.tgz",
+      "integrity": "sha512-C3nQxfFZxFRVoJoGKKI8y3MOEo129NQ+FgQ08iye+Mk4zNZZGdjfs06bVTr+DBSlA66Q2VEcMki/cUCP4SercQ==",
+      "dev": true,
+      "dependencies": {
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.1",
+        "set-function-length": "^1.1.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/callsites": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
+      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/camelcase": {
+      "version": "5.3.1",
+      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
+      "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/camelcase-keys": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/camelcase-keys/-/camelcase-keys-6.2.2.tgz",
+      "integrity": "sha512-YrwaA0vEKazPBkn0ipTiMpSajYDSe+KjQfrjhcBMxJt/znbvlHd8Pw/Vamaz5EB4Wfhs3SUR3Z9mwRu/P3s3Yg==",
+      "dev": true,
+      "dependencies": {
+        "camelcase": "^5.3.1",
+        "map-obj": "^4.0.0",
+        "quick-lru": "^4.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/camelize": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/camelize/-/camelize-1.0.1.tgz",
+      "integrity": "sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ==",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/caniuse-lite": {
+      "version": "1.0.30001546",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001546.tgz",
+      "integrity": "sha512-zvtSJwuQFpewSyRrI3AsftF6rM0X80mZkChIt1spBGEvRglCrjTniXvinc8JKRoqTwXAgvqTImaN9igfSMtUBw==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ]
+    },
+    "node_modules/chalk": {
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+      "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+      "dependencies": {
+        "ansi-styles": "^3.2.1",
+        "escape-string-regexp": "^1.0.5",
+        "supports-color": "^5.3.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/chalk/node_modules/has-flag": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
+      "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/chalk/node_modules/supports-color": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+      "dependencies": {
+        "has-flag": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/chokidar": {
+      "version": "3.5.3",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz",
+      "integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://paulmillr.com/funding/"
+        }
+      ],
+      "optional": true,
+      "dependencies": {
+        "anymatch": "~3.1.2",
+        "braces": "~3.0.2",
+        "glob-parent": "~5.1.2",
+        "is-binary-path": "~2.1.0",
+        "is-glob": "~4.0.1",
+        "normalize-path": "~3.0.0",
+        "readdirp": "~3.6.0"
+      },
+      "engines": {
+        "node": ">= 8.10.0"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/chokidar/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "optional": true,
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/chrome-trace-event": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/chrome-trace-event/-/chrome-trace-event-1.0.3.tgz",
+      "integrity": "sha512-p3KULyQg4S7NIHixdwbGX+nFHkoBiA4YQmyWtjb8XngSKV124nJmRysgAeujbUVb15vh+RvFUfCPqU7rXk+hZg==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=6.0"
+      }
+    },
+    "node_modules/ci-info": {
+      "version": "3.8.0",
+      "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-3.8.0.tgz",
+      "integrity": "sha512-eXTggHWSooYhq49F2opQhuHWgzucfF2YgODK4e1566GQs5BIfP30B0oenwBJHfWxAs2fyPB1s7Mg949zLf61Yw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/sibiraj-s"
+        }
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/clean-regexp": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/clean-regexp/-/clean-regexp-1.0.0.tgz",
+      "integrity": "sha512-GfisEZEJvzKrmGWkvfhgzcz/BllN1USeqD2V6tg14OAOgaCD2Z/PUEuxnAZ/nPvmaHRG7a8y77p1T/IRQ4D1Hw==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "escape-string-regexp": "^1.0.5"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/client-only": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
+      "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA=="
+    },
+    "node_modules/clone-regexp": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/clone-regexp/-/clone-regexp-2.2.0.tgz",
+      "integrity": "sha512-beMpP7BOtTipFuW8hrJvREQ2DrRu3BE7by0ZpibtfBA+qfHYvMGTc2Yb1JMYPKg/JUw0CHYvpg796aNTSW9z7Q==",
+      "dev": true,
+      "dependencies": {
+        "is-regexp": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/color-convert": {
+      "version": "1.9.3",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
+      "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
+      "dependencies": {
+        "color-name": "1.1.3"
+      }
+    },
+    "node_modules/color-name": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
+      "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw=="
+    },
+    "node_modules/colord": {
+      "version": "2.9.2",
+      "resolved": "https://registry.npmjs.org/colord/-/colord-2.9.2.tgz",
+      "integrity": "sha512-Uqbg+J445nc1TKn4FoDPS6ZZqAvEDnwrH42yo8B40JSOgSLxMZ/gt3h4nmCtPLQeXhjJJkqBx7SCY35WnIixaQ==",
+      "dev": true
+    },
+    "node_modules/commander": {
+      "version": "2.20.3",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
+      "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s="
+    },
+    "node_modules/content-type": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.4.tgz",
+      "integrity": "sha512-hIP3EEPs8tB9AT1L+NUqtwOAps4mk2Zob89MWXMHjHWg9milF/j4osnnQLXBCBFBk/tvIG/tUc9mOUJiPBhPXA==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "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/core-js-compat": {
+      "version": "3.33.0",
+      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.33.0.tgz",
+      "integrity": "sha512-0w4LcLXsVEuNkIqwjjf9rjCoPhK8uqA4tMRh4Ge26vfLtUutshn+aRJU21I9LCJlh2QQHfisNToLjw1XEJLTWw==",
+      "dependencies": {
+        "browserslist": "^4.22.1"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/core-js"
+      }
+    },
+    "node_modules/cosmiconfig": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.0.1.tgz",
+      "integrity": "sha512-a1YWNUV2HwGimB7dU2s1wUMurNKjpx60HxBB6xUM8Re+2s1g1IIfJvFR0/iCF+XHdE0GMTKTuLR32UQff4TEyQ==",
+      "dev": true,
+      "dependencies": {
+        "@types/parse-json": "^4.0.0",
+        "import-fresh": "^3.2.1",
+        "parse-json": "^5.0.0",
+        "path-type": "^4.0.0",
+        "yaml": "^1.10.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/cross-spawn": {
+      "version": "7.0.3",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
+      "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
+      "dev": true,
+      "dependencies": {
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/crypto-js": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/crypto-js/-/crypto-js-4.1.1.tgz",
+      "integrity": "sha512-o2JlM7ydqd3Qk9CA0L4NL6mTzU2sdx96a+oOfPu8Mkl/PK51vSyoi8/rQ8NknZtk44vq15lmhAj9CIAGwgeWKw=="
+    },
+    "node_modules/css-color-keywords": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/css-color-keywords/-/css-color-keywords-1.0.0.tgz",
+      "integrity": "sha512-FyyrDHZKEjXDpNJYvVsV960FiqQyXc/LlYmsxl2BcdMb2WPx0OGRVgTg55rPSyLSNMqP52R9r8geSp7apN3Ofg==",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/css-functions-list": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/css-functions-list/-/css-functions-list-3.0.1.tgz",
+      "integrity": "sha512-PriDuifDt4u4rkDgnqRCLnjfMatufLmWNfQnGCq34xZwpY3oabwhB9SqRBmuvWUgndbemCFlKqg+nO7C2q0SBw==",
+      "dev": true,
+      "engines": {
+        "node": ">=12.22"
+      }
+    },
+    "node_modules/css-to-react-native": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/css-to-react-native/-/css-to-react-native-3.2.0.tgz",
+      "integrity": "sha512-e8RKaLXMOFii+02mOlqwjbD00KSEKqblnpO9e++1aXS1fPQOpS1YoqdVHBqPjHNoxeF2mimzVqawm2KCbEdtHQ==",
+      "dependencies": {
+        "camelize": "^1.0.0",
+        "css-color-keywords": "^1.0.0",
+        "postcss-value-parser": "^4.0.2"
+      }
+    },
+    "node_modules/cssesc": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
+      "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
+      "dev": true,
+      "bin": {
+        "cssesc": "bin/cssesc"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/csstype": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz",
+      "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ=="
+    },
+    "node_modules/damerau-levenshtein": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz",
+      "integrity": "sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==",
+      "dev": true
+    },
+    "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/decamelize": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz",
+      "integrity": "sha1-9lNNFRSCabIDUue+4m9QH5oZEpA=",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/decamelize-keys": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/decamelize-keys/-/decamelize-keys-1.1.0.tgz",
+      "integrity": "sha1-0XGoeTMlKAfrPLYdwcFEXQeN8tk=",
+      "dev": true,
+      "dependencies": {
+        "decamelize": "^1.1.0",
+        "map-obj": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/decamelize-keys/node_modules/map-obj": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-1.0.1.tgz",
+      "integrity": "sha1-2TPOuSBdgr3PSIb2dCvcK03qFG0=",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/deep-equal": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-2.2.1.tgz",
+      "integrity": "sha512-lKdkdV6EOGoVn65XaOsPdH4rMxTZOnmFyuIkMjM1i5HHCbfjC97dawgTAy0deYNfuqUqW+Q5VrVaQYtUpSd6yQ==",
+      "dev": true,
+      "dependencies": {
+        "array-buffer-byte-length": "^1.0.0",
+        "call-bind": "^1.0.2",
+        "es-get-iterator": "^1.1.3",
+        "get-intrinsic": "^1.2.0",
+        "is-arguments": "^1.1.1",
+        "is-array-buffer": "^3.0.2",
+        "is-date-object": "^1.0.5",
+        "is-regex": "^1.1.4",
+        "is-shared-array-buffer": "^1.0.2",
+        "isarray": "^2.0.5",
+        "object-is": "^1.1.5",
+        "object-keys": "^1.1.1",
+        "object.assign": "^4.1.4",
+        "regexp.prototype.flags": "^1.5.0",
+        "side-channel": "^1.0.4",
+        "which-boxed-primitive": "^1.0.2",
+        "which-collection": "^1.0.1",
+        "which-typed-array": "^1.1.9"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/deep-is": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
+      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
+      "dev": true
+    },
+    "node_modules/define-data-property": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.1.tgz",
+      "integrity": "sha512-E7uGkTzkk1d0ByLeSc6ZsFS79Axg+m1P/VsgYsxHgiuc3tFSj+MjMIwe90FC4lOAZzNBdY7kkO2P2wKdsQ1vgQ==",
+      "dev": true,
+      "dependencies": {
+        "get-intrinsic": "^1.2.1",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/define-properties": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz",
+      "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
+      "dev": true,
+      "dependencies": {
+        "define-data-property": "^1.0.1",
+        "has-property-descriptors": "^1.0.0",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/dir-glob": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
+      "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==",
+      "dev": true,
+      "dependencies": {
+        "path-type": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/doctrine": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
+      "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
+      "dev": true,
+      "dependencies": {
+        "esutils": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/electron-to-chromium": {
+      "version": "1.4.543",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.543.tgz",
+      "integrity": "sha512-t2ZP4AcGE0iKCCQCBx/K2426crYdxD3YU6l0uK2EO3FZH0pbC4pFz/sZm2ruZsND6hQBTcDWWlo/MLpiOdif5g=="
+    },
+    "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/enhanced-resolve": {
+      "version": "5.13.0",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.13.0.tgz",
+      "integrity": "sha512-eyV8f0y1+bzyfh8xAwW/WTSZpLbjhqc4ne9eGSH4Zo2ejdyiNG9pU6mf9DG8a7+Auk6MFTlNOT4Y2y/9k8GKVg==",
+      "dev": true,
+      "dependencies": {
+        "graceful-fs": "^4.2.4",
+        "tapable": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/error-ex": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz",
+      "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==",
+      "dev": true,
+      "dependencies": {
+        "is-arrayish": "^0.2.1"
+      }
+    },
+    "node_modules/es-abstract": {
+      "version": "1.22.3",
+      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.22.3.tgz",
+      "integrity": "sha512-eiiY8HQeYfYH2Con2berK+To6GrK2RxbPawDkGq4UiCQQfZHb6wX9qQqkbpPqaxQFcl8d9QzZqo0tGE0VcrdwA==",
+      "dev": true,
+      "dependencies": {
+        "array-buffer-byte-length": "^1.0.0",
+        "arraybuffer.prototype.slice": "^1.0.2",
+        "available-typed-arrays": "^1.0.5",
+        "call-bind": "^1.0.5",
+        "es-set-tostringtag": "^2.0.1",
+        "es-to-primitive": "^1.2.1",
+        "function.prototype.name": "^1.1.6",
+        "get-intrinsic": "^1.2.2",
+        "get-symbol-description": "^1.0.0",
+        "globalthis": "^1.0.3",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.0",
+        "has-proto": "^1.0.1",
+        "has-symbols": "^1.0.3",
+        "hasown": "^2.0.0",
+        "internal-slot": "^1.0.5",
+        "is-array-buffer": "^3.0.2",
+        "is-callable": "^1.2.7",
+        "is-negative-zero": "^2.0.2",
+        "is-regex": "^1.1.4",
+        "is-shared-array-buffer": "^1.0.2",
+        "is-string": "^1.0.7",
+        "is-typed-array": "^1.1.12",
+        "is-weakref": "^1.0.2",
+        "object-inspect": "^1.13.1",
+        "object-keys": "^1.1.1",
+        "object.assign": "^4.1.4",
+        "regexp.prototype.flags": "^1.5.1",
+        "safe-array-concat": "^1.0.1",
+        "safe-regex-test": "^1.0.0",
+        "string.prototype.trim": "^1.2.8",
+        "string.prototype.trimend": "^1.0.7",
+        "string.prototype.trimstart": "^1.0.7",
+        "typed-array-buffer": "^1.0.0",
+        "typed-array-byte-length": "^1.0.0",
+        "typed-array-byte-offset": "^1.0.0",
+        "typed-array-length": "^1.0.4",
+        "unbox-primitive": "^1.0.2",
+        "which-typed-array": "^1.1.13"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/es-get-iterator": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/es-get-iterator/-/es-get-iterator-1.1.3.tgz",
+      "integrity": "sha512-sPZmqHBe6JIiTfN5q2pEi//TwxmAFHwj/XEuYjTuse78i8KxaqMTTzxPoFKuzRpDpTJ+0NAbpfenkmH2rePtuw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.1.3",
+        "has-symbols": "^1.0.3",
+        "is-arguments": "^1.1.1",
+        "is-map": "^2.0.2",
+        "is-set": "^2.0.2",
+        "is-string": "^1.0.7",
+        "isarray": "^2.0.5",
+        "stop-iteration-iterator": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/es-iterator-helpers": {
+      "version": "1.0.15",
+      "resolved": "https://registry.npmjs.org/es-iterator-helpers/-/es-iterator-helpers-1.0.15.tgz",
+      "integrity": "sha512-GhoY8uYqd6iwUl2kgjTm4CZAf6oo5mHK7BPqx3rKgx893YSsy0LGHV6gfqqQvZt/8xM8xeOnfXBCfqclMKkJ5g==",
+      "dev": true,
+      "dependencies": {
+        "asynciterator.prototype": "^1.0.0",
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.22.1",
+        "es-set-tostringtag": "^2.0.1",
+        "function-bind": "^1.1.1",
+        "get-intrinsic": "^1.2.1",
+        "globalthis": "^1.0.3",
+        "has-property-descriptors": "^1.0.0",
+        "has-proto": "^1.0.1",
+        "has-symbols": "^1.0.3",
+        "internal-slot": "^1.0.5",
+        "iterator.prototype": "^1.1.2",
+        "safe-array-concat": "^1.0.1"
+      }
+    },
+    "node_modules/es-module-lexer": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.2.1.tgz",
+      "integrity": "sha512-9978wrXM50Y4rTMmW5kXIC09ZdXQZqkE4mxhwkd8VbzsGkXGPgV4zWuqQJgCEzYngdo2dYDa0l8xhX4fkSwJSg==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/es-set-tostringtag": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.0.1.tgz",
+      "integrity": "sha512-g3OMbtlwY3QewlqAiMLI47KywjWZoEytKr8pf6iTC8uJq5bIAH52Z9pnQ8pVL6whrCto53JZDuUIsifGeLorTg==",
+      "dev": true,
+      "dependencies": {
+        "get-intrinsic": "^1.1.3",
+        "has": "^1.0.3",
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-shim-unscopables": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.0.0.tgz",
+      "integrity": "sha512-Jm6GPcCdC30eMLbZ2x8z2WuRwAws3zTBBKuusffYVUrNj/GVSUAZ+xKMaUpfNDR5IbyNA5LJbaecoUVbmUcB1w==",
+      "dev": true,
+      "dependencies": {
+        "has": "^1.0.3"
+      }
+    },
+    "node_modules/es-to-primitive": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.2.1.tgz",
+      "integrity": "sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==",
+      "dev": true,
+      "dependencies": {
+        "is-callable": "^1.1.4",
+        "is-date-object": "^1.0.1",
+        "is-symbol": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/escalade": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
+      "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/escape-string-regexp": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+      "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/eslint": {
+      "version": "8.39.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.39.0.tgz",
+      "integrity": "sha512-mwiok6cy7KTW7rBpo05k6+p4YVZByLNjAZ/ACB9DRCu4YDRwjXI01tWHp6KAUWelsBetTxKK/2sHB0vdS8Z2Og==",
+      "dev": true,
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.2.0",
+        "@eslint-community/regexpp": "^4.4.0",
+        "@eslint/eslintrc": "^2.0.2",
+        "@eslint/js": "8.39.0",
+        "@humanwhocodes/config-array": "^0.11.8",
+        "@humanwhocodes/module-importer": "^1.0.1",
+        "@nodelib/fs.walk": "^1.2.8",
+        "ajv": "^6.10.0",
+        "chalk": "^4.0.0",
+        "cross-spawn": "^7.0.2",
+        "debug": "^4.3.2",
+        "doctrine": "^3.0.0",
+        "escape-string-regexp": "^4.0.0",
+        "eslint-scope": "^7.2.0",
+        "eslint-visitor-keys": "^3.4.0",
+        "espree": "^9.5.1",
+        "esquery": "^1.4.2",
+        "esutils": "^2.0.2",
+        "fast-deep-equal": "^3.1.3",
+        "file-entry-cache": "^6.0.1",
+        "find-up": "^5.0.0",
+        "glob-parent": "^6.0.2",
+        "globals": "^13.19.0",
+        "grapheme-splitter": "^1.0.4",
+        "ignore": "^5.2.0",
+        "import-fresh": "^3.0.0",
+        "imurmurhash": "^0.1.4",
+        "is-glob": "^4.0.0",
+        "is-path-inside": "^3.0.3",
+        "js-sdsl": "^4.1.4",
+        "js-yaml": "^4.1.0",
+        "json-stable-stringify-without-jsonify": "^1.0.1",
+        "levn": "^0.4.1",
+        "lodash.merge": "^4.6.2",
+        "minimatch": "^3.1.2",
+        "natural-compare": "^1.4.0",
+        "optionator": "^0.9.1",
+        "strip-ansi": "^6.0.1",
+        "strip-json-comments": "^3.1.0",
+        "text-table": "^0.2.0"
+      },
+      "bin": {
+        "eslint": "bin/eslint.js"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint-config-google": {
+      "version": "0.14.0",
+      "resolved": "https://registry.npmjs.org/eslint-config-google/-/eslint-config-google-0.14.0.tgz",
+      "integrity": "sha512-WsbX4WbjuMvTdeVL6+J3rK1RGhCTqjsFjX7UMSMgZiyxxaNLkoJENbrGExzERFeoTpGw3F3FypTiWAP9ZXzkEw==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=0.10.0"
+      },
+      "peerDependencies": {
+        "eslint": ">=5.16.0"
+      }
+    },
+    "node_modules/eslint-config-next": {
+      "version": "13.5.6",
+      "resolved": "https://registry.npmjs.org/eslint-config-next/-/eslint-config-next-13.5.6.tgz",
+      "integrity": "sha512-o8pQsUHTo9aHqJ2YiZDym5gQAMRf7O2HndHo/JZeY7TDD+W4hk6Ma8Vw54RHiBeb7OWWO5dPirQB+Is/aVQ7Kg==",
+      "dev": true,
+      "dependencies": {
+        "@next/eslint-plugin-next": "13.5.6",
+        "@rushstack/eslint-patch": "^1.3.3",
+        "@typescript-eslint/parser": "^5.4.2 || ^6.0.0",
+        "eslint-import-resolver-node": "^0.3.6",
+        "eslint-import-resolver-typescript": "^3.5.2",
+        "eslint-plugin-import": "^2.28.1",
+        "eslint-plugin-jsx-a11y": "^6.7.1",
+        "eslint-plugin-react": "^7.33.2",
+        "eslint-plugin-react-hooks": "^4.5.0 || 5.0.0-canary-7118f5dd7-20230705"
+      },
+      "peerDependencies": {
+        "eslint": "^7.23.0 || ^8.0.0",
+        "typescript": ">=3.3.1"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-import-resolver-node": {
+      "version": "0.3.9",
+      "resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.9.tgz",
+      "integrity": "sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==",
+      "dev": true,
+      "dependencies": {
+        "debug": "^3.2.7",
+        "is-core-module": "^2.13.0",
+        "resolve": "^1.22.4"
+      }
+    },
+    "node_modules/eslint-import-resolver-node/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dev": true,
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/eslint-import-resolver-typescript": {
+      "version": "3.6.1",
+      "resolved": "https://registry.npmjs.org/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-3.6.1.tgz",
+      "integrity": "sha512-xgdptdoi5W3niYeuQxKmzVDTATvLYqhpwmykwsh7f6HIOStGWEIL9iqZgQDF9u9OEzrRwR8no5q2VT+bjAujTg==",
+      "dev": true,
+      "dependencies": {
+        "debug": "^4.3.4",
+        "enhanced-resolve": "^5.12.0",
+        "eslint-module-utils": "^2.7.4",
+        "fast-glob": "^3.3.1",
+        "get-tsconfig": "^4.5.0",
+        "is-core-module": "^2.11.0",
+        "is-glob": "^4.0.3"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/unts/projects/eslint-import-resolver-ts"
+      },
+      "peerDependencies": {
+        "eslint": "*",
+        "eslint-plugin-import": "*"
+      }
+    },
+    "node_modules/eslint-module-utils": {
+      "version": "2.8.0",
+      "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.8.0.tgz",
+      "integrity": "sha512-aWajIYfsqCKRDgUfjEXNN/JlrzauMuSEy5sbd7WXbtW3EH6A6MpwEh42c7qD+MqQo9QMJ6fWLAeIJynx0g6OAw==",
+      "dev": true,
+      "dependencies": {
+        "debug": "^3.2.7"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependenciesMeta": {
+        "eslint": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-module-utils/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dev": true,
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/eslint-plugin-deprecate": {
+      "version": "0.7.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-deprecate/-/eslint-plugin-deprecate-0.7.0.tgz",
+      "integrity": "sha512-MylhCqoH/SJ2MwzVgX0we6oE+lKPVwhOu9hAJ98vMCmbz3FNwqJ8XipdI23bCF7NHxUbhd6mdxFjywKE52pt7A==",
+      "dev": true,
+      "peer": true,
+      "peerDependencies": {
+        "eslint": ">=2.x"
+      }
+    },
+    "node_modules/eslint-plugin-import": {
+      "version": "2.29.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.29.0.tgz",
+      "integrity": "sha512-QPOO5NO6Odv5lpoTkddtutccQjysJuFxoPS7fAHO+9m9udNHvTCPSAMW9zGAYj8lAIdr40I8yPCdUYrncXtrwg==",
+      "dev": true,
+      "dependencies": {
+        "array-includes": "^3.1.7",
+        "array.prototype.findlastindex": "^1.2.3",
+        "array.prototype.flat": "^1.3.2",
+        "array.prototype.flatmap": "^1.3.2",
+        "debug": "^3.2.7",
+        "doctrine": "^2.1.0",
+        "eslint-import-resolver-node": "^0.3.9",
+        "eslint-module-utils": "^2.8.0",
+        "hasown": "^2.0.0",
+        "is-core-module": "^2.13.1",
+        "is-glob": "^4.0.3",
+        "minimatch": "^3.1.2",
+        "object.fromentries": "^2.0.7",
+        "object.groupby": "^1.0.1",
+        "object.values": "^1.1.7",
+        "semver": "^6.3.1",
+        "tsconfig-paths": "^3.14.2"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependencies": {
+        "eslint": "^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8"
+      }
+    },
+    "node_modules/eslint-plugin-import/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dev": true,
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/eslint-plugin-import/node_modules/doctrine": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
+      "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
+      "dev": true,
+      "dependencies": {
+        "esutils": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/eslint-plugin-jsx-a11y": {
+      "version": "6.7.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.7.1.tgz",
+      "integrity": "sha512-63Bog4iIethyo8smBklORknVjB0T2dwB8Mr/hIC+fBS0uyHdYYpzM/Ed+YC8VxTjlXHEWFOdmgwcDn1U2L9VCA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.20.7",
+        "aria-query": "^5.1.3",
+        "array-includes": "^3.1.6",
+        "array.prototype.flatmap": "^1.3.1",
+        "ast-types-flow": "^0.0.7",
+        "axe-core": "^4.6.2",
+        "axobject-query": "^3.1.1",
+        "damerau-levenshtein": "^1.0.8",
+        "emoji-regex": "^9.2.2",
+        "has": "^1.0.3",
+        "jsx-ast-utils": "^3.3.3",
+        "language-tags": "=1.0.5",
+        "minimatch": "^3.1.2",
+        "object.entries": "^1.1.6",
+        "object.fromentries": "^2.0.6",
+        "semver": "^6.3.0"
+      },
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependencies": {
+        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8"
+      }
+    },
+    "node_modules/eslint-plugin-matrix-org": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-matrix-org/-/eslint-plugin-matrix-org-0.8.0.tgz",
+      "integrity": "sha512-/Poz/F8lXYDsmQa29iPSt+kO+Jn7ArvRdq10g0CCk8wbRS0sb2zb6fvd9xL1BgR5UDQL771V0l8X32etvY5yKA==",
+      "dev": true,
+      "peerDependencies": {
+        "@babel/core": "*",
+        "@babel/eslint-parser": "*",
+        "@babel/eslint-plugin": "*",
+        "@typescript-eslint/eslint-plugin": "*",
+        "@typescript-eslint/parser": "*",
+        "eslint": "*",
+        "eslint-config-google": "*",
+        "eslint-plugin-deprecate": "*",
+        "eslint-plugin-import": "*",
+        "eslint-plugin-jsx-a11y": "*",
+        "eslint-plugin-react": "*",
+        "eslint-plugin-react-hooks": "*",
+        "eslint-plugin-unicorn": "*",
+        "typescript": "*"
+      }
+    },
+    "node_modules/eslint-plugin-react": {
+      "version": "7.33.2",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.33.2.tgz",
+      "integrity": "sha512-73QQMKALArI8/7xGLNI/3LylrEYrlKZSb5C9+q3OtOewTnMQi5cT+aE9E41sLCmli3I9PGGmD1yiZydyo4FEPw==",
+      "dev": true,
+      "dependencies": {
+        "array-includes": "^3.1.6",
+        "array.prototype.flatmap": "^1.3.1",
+        "array.prototype.tosorted": "^1.1.1",
+        "doctrine": "^2.1.0",
+        "es-iterator-helpers": "^1.0.12",
+        "estraverse": "^5.3.0",
+        "jsx-ast-utils": "^2.4.1 || ^3.0.0",
+        "minimatch": "^3.1.2",
+        "object.entries": "^1.1.6",
+        "object.fromentries": "^2.0.6",
+        "object.hasown": "^1.1.2",
+        "object.values": "^1.1.6",
+        "prop-types": "^15.8.1",
+        "resolve": "^2.0.0-next.4",
+        "semver": "^6.3.1",
+        "string.prototype.matchall": "^4.0.8"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependencies": {
+        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8"
+      }
+    },
+    "node_modules/eslint-plugin-react-hooks": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.0.tgz",
+      "integrity": "sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0"
+      }
+    },
+    "node_modules/eslint-plugin-react/node_modules/doctrine": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
+      "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
+      "dev": true,
+      "dependencies": {
+        "esutils": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/eslint-plugin-react/node_modules/resolve": {
+      "version": "2.0.0-next.4",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.4.tgz",
+      "integrity": "sha512-iMDbmAWtfU+MHpxt/I5iWI7cY6YVEZUQ3MBgPQ++XD1PELuJHIl82xBmObyP2KyQmkNB2dsqF7seoQQiAn5yDQ==",
+      "dev": true,
+      "dependencies": {
+        "is-core-module": "^2.9.0",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/eslint-plugin-unicorn": {
+      "version": "46.0.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-unicorn/-/eslint-plugin-unicorn-46.0.0.tgz",
+      "integrity": "sha512-j07WkC+PFZwk8J33LYp6JMoHa1lXc1u6R45pbSAipjpfpb7KIGr17VE2D685zCxR5VL4cjrl65kTJflziQWMDA==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@babel/helper-validator-identifier": "^7.19.1",
+        "@eslint-community/eslint-utils": "^4.1.2",
+        "ci-info": "^3.6.1",
+        "clean-regexp": "^1.0.0",
+        "esquery": "^1.4.0",
+        "indent-string": "^4.0.0",
+        "is-builtin-module": "^3.2.0",
+        "jsesc": "^3.0.2",
+        "lodash": "^4.17.21",
+        "pluralize": "^8.0.0",
+        "read-pkg-up": "^7.0.1",
+        "regexp-tree": "^0.1.24",
+        "regjsparser": "^0.9.1",
+        "safe-regex": "^2.1.1",
+        "semver": "^7.3.8",
+        "strip-indent": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=14.18"
+      },
+      "funding": {
+        "url": "https://github.com/sindresorhus/eslint-plugin-unicorn?sponsor=1"
+      },
+      "peerDependencies": {
+        "eslint": ">=8.28.0"
+      }
+    },
+    "node_modules/eslint-plugin-unicorn/node_modules/jsesc": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.0.2.tgz",
+      "integrity": "sha512-xKqzzWXDttJuOcawBt4KnKHHIf5oQ/Cxax+0PWFG+DFDgHNAdi+TXECADI+RYiFUMmx8792xsMbbgXj4CwnP4g==",
+      "dev": true,
+      "peer": true,
+      "bin": {
+        "jsesc": "bin/jsesc"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/eslint-plugin-unicorn/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,
+      "peer": true,
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/eslint-rule-composer": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/eslint-rule-composer/-/eslint-rule-composer-0.3.0.tgz",
+      "integrity": "sha512-bt+Sh8CtDmn2OajxvNO+BX7Wn4CIWMpTRm3MaiKPCQcnnlm0CS2mhui6QaoeQugs+3Kj2ESKEEGJUdVafwhiCg==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/eslint-scope": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
+      "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^4.1.1"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/eslint-scope/node_modules/estraverse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
+      "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/eslint-visitor-keys": {
+      "version": "3.4.1",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.1.tgz",
+      "integrity": "sha512-pZnmmLwYzf+kWaM/Qgrvpen51upAktaaiI01nsJD/Yr3lMOdNtq0cxkrrg16w64VtisN6okbs7Q8AfGqj4c9fA==",
+      "dev": true,
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint/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/eslint/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/eslint/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/eslint/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/eslint/node_modules/escape-string-regexp": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint/node_modules/eslint-scope": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.0.tgz",
+      "integrity": "sha512-DYj5deGlHBfMt15J7rdtyKNq/Nqlv5KfU4iodrQ019XESsRnwXH9KAE0y3cwtUHDo2ob7CypAnCqefh6vioWRw==",
+      "dev": true,
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint/node_modules/globals": {
+      "version": "13.20.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-13.20.0.tgz",
+      "integrity": "sha512-Qg5QtVkCy/kv3FUSlu4ukeZDVf9ee0iXLAUYX13gbR17bnejFTzr4iS9bY7kwCf1NztRNm1t91fjOiyx4CSwPQ==",
+      "dev": true,
+      "dependencies": {
+        "type-fest": "^0.20.2"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/espree": {
+      "version": "9.5.1",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-9.5.1.tgz",
+      "integrity": "sha512-5yxtHSZXRSW5pvv3hAlXM5+/Oswi1AUFqBmbibKb5s6bp3rGIDkyXU6xCoyuuLhijr4SFwPrXRoZjz0AZDN9tg==",
+      "dev": true,
+      "dependencies": {
+        "acorn": "^8.8.0",
+        "acorn-jsx": "^5.3.2",
+        "eslint-visitor-keys": "^3.4.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/esquery": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.5.0.tgz",
+      "integrity": "sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==",
+      "dev": true,
+      "dependencies": {
+        "estraverse": "^5.1.0"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/esrecurse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
+      "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
+      "dev": true,
+      "dependencies": {
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/estraverse": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+      "dev": true,
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/esutils": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
+      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/event-target-shim": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/event-target-shim/-/event-target-shim-5.0.1.tgz",
+      "integrity": "sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/events": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
+      "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==",
+      "engines": {
+        "node": ">=0.8.x"
+      }
+    },
+    "node_modules/execall": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/execall/-/execall-2.0.0.tgz",
+      "integrity": "sha512-0FU2hZ5Hh6iQnarpRtQurM/aAvp3RIbfvgLHrcqJYzhXyV2KFruhuChf9NC6waAhiUR7FFtlugkI4p7f2Fqlow==",
+      "dev": true,
+      "dependencies": {
+        "clone-regexp": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/exenv": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/exenv/-/exenv-1.2.2.tgz",
+      "integrity": "sha512-Z+ktTxTwv9ILfgKCk32OX3n/doe+OcLTRtqK9pcL+JsP3J1/VW8Uvl4ZjLlKqeW4rzK4oesDOGMEMRIZqtP4Iw=="
+    },
+    "node_modules/fast-deep-equal": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+      "dev": true
+    },
+    "node_modules/fast-glob": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.1.tgz",
+      "integrity": "sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==",
+      "dev": true,
+      "dependencies": {
+        "@nodelib/fs.stat": "^2.0.2",
+        "@nodelib/fs.walk": "^1.2.3",
+        "glob-parent": "^5.1.2",
+        "merge2": "^1.3.0",
+        "micromatch": "^4.0.4"
+      },
+      "engines": {
+        "node": ">=8.6.0"
+      }
+    },
+    "node_modules/fast-glob/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/fast-json-stable-stringify": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
+      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
+      "dev": true
+    },
+    "node_modules/fast-levenshtein": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
+      "integrity": "sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc=",
+      "dev": true
+    },
+    "node_modules/fast-redact": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/fast-redact/-/fast-redact-3.2.0.tgz",
+      "integrity": "sha512-zaTadChr+NekyzallAMXATXLOR8MNx3zqpZ0MUF2aGf4EathnG0f32VLODNlY8IuGY3HoRO2L6/6fSzNsLaHIw==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/fastest-levenshtein": {
+      "version": "1.0.12",
+      "resolved": "https://registry.npmjs.org/fastest-levenshtein/-/fastest-levenshtein-1.0.12.tgz",
+      "integrity": "sha512-On2N+BpYJ15xIC974QNVuYGMOlEVt4s0EOI3wwMqOmK1fdDY+FN/zltPV8vosq4ad4c/gJ1KHScUn/6AWIgiow==",
+      "dev": true
+    },
+    "node_modules/fastq": {
+      "version": "1.13.0",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.13.0.tgz",
+      "integrity": "sha512-YpkpUnK8od0o1hmeSc7UUs/eB/vIPWJYjKck2QKIzAf71Vm1AAQ3EbuZB3g2JIy+pg+ERD0vqI79KyZiB2e2Nw==",
+      "dev": true,
+      "dependencies": {
+        "reusify": "^1.0.4"
+      }
+    },
+    "node_modules/file-entry-cache": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
+      "integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==",
+      "dev": true,
+      "dependencies": {
+        "flat-cache": "^3.0.4"
+      },
+      "engines": {
+        "node": "^10.12.0 || >=12.0.0"
+      }
+    },
+    "node_modules/fill-range": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
+      "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
+      "devOptional": true,
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "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/flat-cache": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.0.4.tgz",
+      "integrity": "sha512-dm9s5Pw7Jc0GvMYbshN6zchCA9RgQlzzEZX3vylR9IqFfS8XciblUXOKfW6SiuJ0e13eDYZoZV5wdrev7P3Nwg==",
+      "dev": true,
+      "dependencies": {
+        "flatted": "^3.1.0",
+        "rimraf": "^3.0.2"
+      },
+      "engines": {
+        "node": "^10.12.0 || >=12.0.0"
+      }
+    },
+    "node_modules/flatted": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.2.4.tgz",
+      "integrity": "sha512-8/sOawo8tJ4QOBX8YlQBMxL8+RLZfxMQOif9o0KUKTNTjMYElWPE0r/m5VNFxTRd0NSw8qSy8dajrwX4RYI1Hw==",
+      "dev": true
+    },
+    "node_modules/for-each": {
+      "version": "0.3.3",
+      "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz",
+      "integrity": "sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==",
+      "dev": true,
+      "dependencies": {
+        "is-callable": "^1.1.3"
+      }
+    },
+    "node_modules/fs-readdir-recursive": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/fs-readdir-recursive/-/fs-readdir-recursive-1.1.0.tgz",
+      "integrity": "sha512-GNanXlVr2pf02+sPN40XN8HG+ePaNcvM0q5mZBd668Obwb0yD5GiUbZOFgwn8kGMY6I3mdyDJzieUy3PTYyTRA=="
+    },
+    "node_modules/fs.realpath": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
+      "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8="
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "hasInstallScript": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/function.prototype.name": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.6.tgz",
+      "integrity": "sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "functions-have-names": "^1.2.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/functions-have-names": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
+      "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/gensync": {
+      "version": "1.0.0-beta.2",
+      "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
+      "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/get-intrinsic": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.2.tgz",
+      "integrity": "sha512-0gSo4ml/0j98Y3lngkFEot/zhiCeWsbYIlZ+uZOVgzLyLaUw7wxUL+nCTP0XJvJg1AXulJRI3UJi8GsbDuxdGA==",
+      "dev": true,
+      "dependencies": {
+        "function-bind": "^1.1.2",
+        "has-proto": "^1.0.1",
+        "has-symbols": "^1.0.3",
+        "hasown": "^2.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-stdin": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-8.0.0.tgz",
+      "integrity": "sha512-sY22aA6xchAzprjyqmSEQv4UbAAzRN0L2dQB0NlN5acTTK9Don6nhoc3eAbUnpZiCANAMfd/+40kVdKfFygohg==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/get-symbol-description": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.0.0.tgz",
+      "integrity": "sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-tsconfig": {
+      "version": "4.7.2",
+      "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.7.2.tgz",
+      "integrity": "sha512-wuMsz4leaj5hbGgg4IvDU0bqJagpftG5l5cXIAvo8uZrqn0NJqwtfupTN00VnkQJPcIRrxYrm1Ue24btpCha2A==",
+      "dev": true,
+      "dependencies": {
+        "resolve-pkg-maps": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/privatenumber/get-tsconfig?sponsor=1"
+      }
+    },
+    "node_modules/glob": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.0.tgz",
+      "integrity": "sha512-lmLf6gtyrPq8tTjSmrO94wBeQbFR3HbLHbuyD69wuyQkImp2hWqMGB47OX65FBkPffO641IP9jWa1z4ivqG26Q==",
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.0.4",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      },
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/glob-parent": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "dev": true,
+      "dependencies": {
+        "is-glob": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/glob-to-regexp": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz",
+      "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw=="
+    },
+    "node_modules/global-modules": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/global-modules/-/global-modules-2.0.0.tgz",
+      "integrity": "sha512-NGbfmJBp9x8IxyJSd1P+otYK8vonoJactOogrVfFRIAEY1ukil8RSKDz2Yo7wh1oihl51l/r6W4epkeKJHqL8A==",
+      "dev": true,
+      "dependencies": {
+        "global-prefix": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/global-prefix": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/global-prefix/-/global-prefix-3.0.0.tgz",
+      "integrity": "sha512-awConJSVCHVGND6x3tmMaKcQvwXLhjdkmomy2W+Goaui8YPgYgXJZewhg3fWC+DlfqqQuWg8AwqjGTD2nAPVWg==",
+      "dev": true,
+      "dependencies": {
+        "ini": "^1.3.5",
+        "kind-of": "^6.0.2",
+        "which": "^1.3.1"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/global-prefix/node_modules/which": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
+      "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
+      "dev": true,
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "which": "bin/which"
+      }
+    },
+    "node_modules/globals": {
+      "version": "11.12.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz",
+      "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/globalthis": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.3.tgz",
+      "integrity": "sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==",
+      "dev": true,
+      "dependencies": {
+        "define-properties": "^1.1.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/globby": {
+      "version": "11.1.0",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
+      "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
+      "dev": true,
+      "dependencies": {
+        "array-union": "^2.1.0",
+        "dir-glob": "^3.0.1",
+        "fast-glob": "^3.2.9",
+        "ignore": "^5.2.0",
+        "merge2": "^1.4.1",
+        "slash": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/globjoin": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/globjoin/-/globjoin-0.1.4.tgz",
+      "integrity": "sha1-L0SUrIkZ43Z8XLtpHp9GMyQoXUM=",
+      "dev": true
+    },
+    "node_modules/gopd": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz",
+      "integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==",
+      "dev": true,
+      "dependencies": {
+        "get-intrinsic": "^1.1.3"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/graceful-fs": {
+      "version": "4.2.11",
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ=="
+    },
+    "node_modules/grapheme-splitter": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/grapheme-splitter/-/grapheme-splitter-1.0.4.tgz",
+      "integrity": "sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ==",
+      "dev": true
+    },
+    "node_modules/graphemer": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
+      "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/hard-rejection": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/hard-rejection/-/hard-rejection-2.1.0.tgz",
+      "integrity": "sha512-VIZB+ibDhx7ObhAe7OVtoEbuP4h/MuOTHJ+J8h/eBXotJYl0fBgR72xDFCKgIh22OJZIOVNxBMWuhAr10r8HdA==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/has": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
+      "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
+      "dev": true,
+      "dependencies": {
+        "function-bind": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4.0"
+      }
+    },
+    "node_modules/has-bigints": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz",
+      "integrity": "sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/has-property-descriptors": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.0.tgz",
+      "integrity": "sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ==",
+      "dev": true,
+      "dependencies": {
+        "get-intrinsic": "^1.1.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.1.tgz",
+      "integrity": "sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-symbols": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
+      "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-tostringtag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.0.tgz",
+      "integrity": "sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==",
+      "dev": true,
+      "dependencies": {
+        "has-symbols": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.0.tgz",
+      "integrity": "sha512-vUptKVTpIJhcczKBbgnS+RtcuYMB8+oNzPK2/Hp3hanz8JmpATdmmgLgSaadVREkDm+e2giHwY3ZRkyjSIDDFA==",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/hosted-git-info": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-4.1.0.tgz",
+      "integrity": "sha512-kyCuEOWjJqZuDbRHzL8V93NzQhwIB71oFWSyzVo+KPZI+pnQPPxucdkrOZvkLRnrf5URsQM+IJ09Dw29cRALIA==",
+      "dev": true,
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/html-parse-stringify": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/html-parse-stringify/-/html-parse-stringify-3.0.1.tgz",
+      "integrity": "sha512-KknJ50kTInJ7qIScF3jeaFRpMpE8/lfiTdzf/twXyPBLAGrLRTmkz3AdTnKeh40X8k9L2fdYwEp/42WGXIRGcg==",
+      "dependencies": {
+        "void-elements": "3.1.0"
+      }
+    },
+    "node_modules/html-tags": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/html-tags/-/html-tags-3.2.0.tgz",
+      "integrity": "sha512-vy7ClnArOZwCnqZgvv+ddgHgJiAFXe3Ge9ML5/mBctVJoUoYPCdxVucOywjDARn6CVoh3dRSFdPHy2sX80L0Wg==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/i18next": {
+      "version": "23.5.1",
+      "resolved": "https://registry.npmjs.org/i18next/-/i18next-23.5.1.tgz",
+      "integrity": "sha512-JelYzcaCoFDaa+Ysbfz2JsGAKkrHiMG6S61+HLBUEIPaF40WMwW9hCPymlQGrP+wWawKxKPuSuD71WZscCsWHg==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://locize.com"
+        },
+        {
+          "type": "individual",
+          "url": "https://locize.com/i18next.html"
+        },
+        {
+          "type": "individual",
+          "url": "https://www.i18next.com/how-to/faq#i18next-is-awesome.-how-can-i-support-the-project"
+        }
+      ],
+      "dependencies": {
+        "@babel/runtime": "^7.22.5"
+      }
+    },
+    "node_modules/i18next-browser-languagedetector": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/i18next-browser-languagedetector/-/i18next-browser-languagedetector-7.1.0.tgz",
+      "integrity": "sha512-cr2k7u1XJJ4HTOjM9GyOMtbOA47RtUoWRAtt52z43r3AoMs2StYKyjS3URPhzHaf+mn10hY9dZWamga5WPQjhA==",
+      "dependencies": {
+        "@babel/runtime": "^7.19.4"
+      }
+    },
+    "node_modules/i18next-resources-to-backend": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/i18next-resources-to-backend/-/i18next-resources-to-backend-1.1.4.tgz",
+      "integrity": "sha512-hMyr9AOmIea17AOaVe1srNxK/l3mbk81P7Uf3fdcjlw3ehZy3UNTd0OP3EEi6yu4J02kf9jzhCcjokz6AFlEOg==",
+      "dependencies": {
+        "@babel/runtime": "^7.21.5"
+      }
+    },
+    "node_modules/ieee754": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
+      "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==",
+      "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/ignore": {
+      "version": "5.2.4",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.4.tgz",
+      "integrity": "sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==",
+      "dev": true,
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/import-fresh": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
+      "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
+      "dev": true,
+      "dependencies": {
+        "parent-module": "^1.0.0",
+        "resolve-from": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/import-lazy": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/import-lazy/-/import-lazy-4.0.0.tgz",
+      "integrity": "sha512-rKtvo6a868b5Hu3heneU+L4yEQ4jYKLtjpnPeUdK7h0yzXGmyBTypknlkCvHFBqfX9YlorEiMM6Dnq/5atfHkw==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/imurmurhash": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
+      "integrity": "sha1-khi5srkoojixPcT7a21XbyMUU+o=",
+      "dev": true,
+      "engines": {
+        "node": ">=0.8.19"
+      }
+    },
+    "node_modules/indent-string": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz",
+      "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/inflight": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
+      "integrity": "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=",
+      "dependencies": {
+        "once": "^1.3.0",
+        "wrappy": "1"
+      }
+    },
+    "node_modules/inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
+    },
+    "node_modules/ini": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
+      "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==",
+      "dev": true
+    },
+    "node_modules/internal-slot": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.5.tgz",
+      "integrity": "sha512-Y+R5hJrzs52QCG2laLn4udYVnxsfny9CpOhNhUvk/SSSVyF6T27FzRbF0sroPidSu3X8oEAkOn2K804mjpt6UQ==",
+      "dev": true,
+      "dependencies": {
+        "get-intrinsic": "^1.2.0",
+        "has": "^1.0.3",
+        "side-channel": "^1.0.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/is-arguments": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.1.1.tgz",
+      "integrity": "sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-array-buffer": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.2.tgz",
+      "integrity": "sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgraytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.2.0",
+        "is-typed-array": "^1.1.10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-arrayish": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
+      "integrity": "sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0=",
+      "dev": true
+    },
+    "node_modules/is-async-function": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/is-async-function/-/is-async-function-2.0.0.tgz",
+      "integrity": "sha512-Y1JXKrfykRJGdlDwdKlLpLyMIiWqWvuSd17TvZk68PLAOGOoF4Xyav1z0Xhoi+gCYjZVeC5SI+hYFOfvXmGRCA==",
+      "dev": true,
+      "dependencies": {
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-bigint": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.4.tgz",
+      "integrity": "sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==",
+      "dev": true,
+      "dependencies": {
+        "has-bigints": "^1.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-binary-path": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
+      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+      "optional": true,
+      "dependencies": {
+        "binary-extensions": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-boolean-object": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.1.2.tgz",
+      "integrity": "sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-builtin-module": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/is-builtin-module/-/is-builtin-module-3.2.1.tgz",
+      "integrity": "sha512-BSLE3HnV2syZ0FK0iMA/yUGplUeMmNz4AW5fnTunbCIqZi4vG3WjJT9FHMy5D69xmAYBHXQhJdALdpwVxV501A==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "builtin-modules": "^3.3.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-callable": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
+      "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-core-module": {
+      "version": "2.13.1",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.13.1.tgz",
+      "integrity": "sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==",
+      "dependencies": {
+        "hasown": "^2.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-date-object": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.5.tgz",
+      "integrity": "sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==",
+      "dev": true,
+      "dependencies": {
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=",
+      "devOptional": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-finalizationregistry": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-finalizationregistry/-/is-finalizationregistry-1.0.2.tgz",
+      "integrity": "sha512-0by5vtUJs8iFQb5TYUHHPudOR+qXYIMKtiUzvLIZITZUjknFmziyBJuLhVRc+Ds0dREFlskDNJKYIdIzu/9pfw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-generator-function": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.0.10.tgz",
+      "integrity": "sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==",
+      "dev": true,
+      "dependencies": {
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "devOptional": true,
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-map": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.2.tgz",
+      "integrity": "sha512-cOZFQQozTha1f4MxLFzlgKYPTyj26picdZTx82hbc/Xf4K/tZOOXSCkMvU4pKioRXGDLJRn0GM7Upe7kR721yg==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-negative-zero": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.2.tgz",
+      "integrity": "sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "devOptional": true,
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/is-number-object": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.0.7.tgz",
+      "integrity": "sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==",
+      "dev": true,
+      "dependencies": {
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-path-inside": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
+      "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-plain-obj": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-1.1.0.tgz",
+      "integrity": "sha1-caUMhCnfync8kqOQpKA7OfzVHT4=",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-plain-object": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-5.0.0.tgz",
+      "integrity": "sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-regex": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz",
+      "integrity": "sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-regexp": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-regexp/-/is-regexp-2.1.0.tgz",
+      "integrity": "sha512-OZ4IlER3zmRIoB9AqNhEggVxqIH4ofDns5nRrPS6yQxXE1TPCUpFznBfRQmQa8uC+pXqjMnukiJBxCisIxiLGA==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/is-set": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.2.tgz",
+      "integrity": "sha512-+2cnTEZeY5z/iXGbLhPrOAaK/Mau5k5eXq9j14CpRTftq0pAJu2MwVRSZhyZWBzx3o6X795Lz6Bpb6R0GKf37g==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-shared-array-buffer": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.2.tgz",
+      "integrity": "sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-string": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.0.7.tgz",
+      "integrity": "sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==",
+      "dev": true,
+      "dependencies": {
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-symbol": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.4.tgz",
+      "integrity": "sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==",
+      "dev": true,
+      "dependencies": {
+        "has-symbols": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-typed-array": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.12.tgz",
+      "integrity": "sha512-Z14TF2JNG8Lss5/HMqt0//T9JeHXttXy5pH/DBU4vi98ozO2btxzq9MwYDZYnKwU8nRsz/+GVFVRDq3DkVuSPg==",
+      "dev": true,
+      "dependencies": {
+        "which-typed-array": "^1.1.11"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakmap": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.1.tgz",
+      "integrity": "sha512-NSBR4kH5oVj1Uwvv970ruUkCV7O1mzgVFO4/rev2cLRda9Tm9HrL70ZPut4rOHgY0FNrUu9BCbXA2sdQ+x0chA==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakref": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.0.2.tgz",
+      "integrity": "sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakset": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.2.tgz",
+      "integrity": "sha512-t2yVvttHkQktwnNNmBQ98AhENLdPUTDTE21uPqAQ0ARwQfGeQKRVS0NNurH7bTf7RrvcVn1OOge45CnBeHCSmg==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.1.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/isarray": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
+      "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
+      "dev": true
+    },
+    "node_modules/isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=",
+      "dev": true
+    },
+    "node_modules/iterator.prototype": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/iterator.prototype/-/iterator.prototype-1.1.2.tgz",
+      "integrity": "sha512-DR33HMMr8EzwuRL8Y9D3u2BMj8+RqSE850jfGu59kS7tbmPLzGkZmVSfyCFSDxuZiEY6Rzt3T2NA/qU+NwVj1w==",
+      "dev": true,
+      "dependencies": {
+        "define-properties": "^1.2.1",
+        "get-intrinsic": "^1.2.1",
+        "has-symbols": "^1.0.3",
+        "reflect.getprototypeof": "^1.0.4",
+        "set-function-name": "^2.0.1"
+      }
+    },
+    "node_modules/jest-worker": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.5.1.tgz",
+      "integrity": "sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==",
+      "dev": true,
+      "dependencies": {
+        "@types/node": "*",
+        "merge-stream": "^2.0.0",
+        "supports-color": "^8.0.0"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      }
+    },
+    "node_modules/jest-worker/node_modules/supports-color": {
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
+      "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
+      "dev": true,
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/supports-color?sponsor=1"
+      }
+    },
+    "node_modules/js-sdsl": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/js-sdsl/-/js-sdsl-4.4.0.tgz",
+      "integrity": "sha512-FfVSdx6pJ41Oa+CF7RDaFmTnCaFhua+SNYQX74riGOpl96x+2jQCqEfQ2bnXu/5DPCqlRuiqyvTJM0Qjz26IVg==",
+      "dev": true,
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/js-sdsl"
+      }
+    },
+    "node_modules/js-tokens": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="
+    },
+    "node_modules/js-yaml": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
+      "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
+      "dev": true,
+      "dependencies": {
+        "argparse": "^2.0.1"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
+    "node_modules/jsesc": {
+      "version": "2.5.2",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz",
+      "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==",
+      "bin": {
+        "jsesc": "bin/jsesc"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/json-parse-even-better-errors": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
+      "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
+      "dev": true
+    },
+    "node_modules/json-schema-traverse": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+      "dev": true
+    },
+    "node_modules/json-stable-stringify-without-jsonify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
+      "integrity": "sha1-nbe1lJatPzz+8wp1FC0tkwrXJlE=",
+      "dev": true
+    },
+    "node_modules/json5": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
+      "bin": {
+        "json5": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/jsx-ast-utils": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.3.3.tgz",
+      "integrity": "sha512-fYQHZTZ8jSfmWZ0iyzfwiU4WDX4HpHbMCZ3gPlWYiCl3BoeOTsqKBqnTVfH2rYT7eP5c3sVbeSPHnnJOaTrWiw==",
+      "dev": true,
+      "dependencies": {
+        "array-includes": "^3.1.5",
+        "object.assign": "^4.1.3"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/jwt-decode": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/jwt-decode/-/jwt-decode-3.1.2.tgz",
+      "integrity": "sha512-UfpWE/VZn0iP50d8cz9NrZLM9lSWhcJ+0Gt/nm4by88UL+J1SiKN8/5dkjMmbEzwL2CAe+67GsegCbIKtbp75A=="
+    },
+    "node_modules/kind-of": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
+      "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/known-css-properties": {
+      "version": "0.25.0",
+      "resolved": "https://registry.npmjs.org/known-css-properties/-/known-css-properties-0.25.0.tgz",
+      "integrity": "sha512-b0/9J1O9Jcyik1GC6KC42hJ41jKwdO/Mq8Mdo5sYN+IuRTXs2YFHZC3kZSx6ueusqa95x3wLYe/ytKjbAfGixA==",
+      "dev": true
+    },
+    "node_modules/language-subtag-registry": {
+      "version": "0.3.21",
+      "resolved": "https://registry.npmjs.org/language-subtag-registry/-/language-subtag-registry-0.3.21.tgz",
+      "integrity": "sha512-L0IqwlIXjilBVVYKFT37X9Ih11Um5NEl9cbJIuU/SwP/zEEAbBPOnEeeuxVMf45ydWQRDQN3Nqc96OgbH1K+Pg==",
+      "dev": true
+    },
+    "node_modules/language-tags": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/language-tags/-/language-tags-1.0.5.tgz",
+      "integrity": "sha1-0yHbxNowuovzAk4ED6XBRmH5GTo=",
+      "dev": true,
+      "dependencies": {
+        "language-subtag-registry": "~0.3.2"
+      }
+    },
+    "node_modules/levn": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
+      "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
+      "dev": true,
+      "dependencies": {
+        "prelude-ls": "^1.2.1",
+        "type-check": "~0.4.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/lines-and-columns": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
+      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
+      "dev": true
+    },
+    "node_modules/loader-runner": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/loader-runner/-/loader-runner-4.3.0.tgz",
+      "integrity": "sha512-3R/1M+yS3j5ou80Me59j7F9IMs4PXs3VqRrm0TU3AbKPxlmpoY1TNscJV/oGJXo8qCatFGTfDbY6W6ipGOYXfg==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=6.11.5"
+      }
+    },
+    "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/lodash": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
+    },
+    "node_modules/lodash.debounce": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
+      "integrity": "sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow=="
+    },
+    "node_modules/lodash.merge": {
+      "version": "4.6.2",
+      "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
+      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
+      "dev": true
+    },
+    "node_modules/lodash.truncate": {
+      "version": "4.4.2",
+      "resolved": "https://registry.npmjs.org/lodash.truncate/-/lodash.truncate-4.4.2.tgz",
+      "integrity": "sha1-WjUNoLERO4N+z//VgSy+WNbq4ZM=",
+      "dev": true
+    },
+    "node_modules/loglevel": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/loglevel/-/loglevel-1.8.0.tgz",
+      "integrity": "sha512-G6A/nJLRgWOuuwdNuA6koovfEV1YpqqAG4pRUlFaz3jj2QNZ8M4vBqnVA+HBTmU/AMNUtlOsMmSpF6NyOjztbA==",
+      "engines": {
+        "node": ">= 0.6.0"
+      },
+      "funding": {
+        "type": "tidelift",
+        "url": "https://tidelift.com/funding/github/npm/loglevel"
+      }
+    },
+    "node_modules/loose-envify": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
+      "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+      "dependencies": {
+        "js-tokens": "^3.0.0 || ^4.0.0"
+      },
+      "bin": {
+        "loose-envify": "cli.js"
+      }
+    },
+    "node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dev": true,
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/make-dir": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-2.1.0.tgz",
+      "integrity": "sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==",
+      "dependencies": {
+        "pify": "^4.0.1",
+        "semver": "^5.6.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/make-dir/node_modules/semver": {
+      "version": "5.7.2",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
+      "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
+      "bin": {
+        "semver": "bin/semver"
+      }
+    },
+    "node_modules/map-obj": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-4.3.0.tgz",
+      "integrity": "sha512-hdN1wVrZbb29eBGiGjJbeP8JbKjq1urkHJ/LIP/NY48MZ1QVXUsQBV1G1zvYFHn1XE06cwjBsOI2K3Ulnj1YXQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/mathml-tag-names": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/mathml-tag-names/-/mathml-tag-names-2.1.3.tgz",
+      "integrity": "sha512-APMBEanjybaPzUrfqU0IMU5I0AswKMH7k8OTLs0vvV4KZpExkTkY87nR/zpbuTPj+gARop7aGUbl11pnDfW6xg==",
+      "dev": true,
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/matrix-events-sdk": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/matrix-events-sdk/-/matrix-events-sdk-0.0.1.tgz",
+      "integrity": "sha512-1QEOsXO+bhyCroIe2/A5OwaxHvBm7EsSQ46DEDn8RBIfQwN5HWBpFvyWWR4QY0KHPPnnJdI99wgRiAl7Ad5qaA=="
+    },
+    "node_modules/matrix-js-sdk": {
+      "version": "28.2.0",
+      "resolved": "https://registry.npmjs.org/matrix-js-sdk/-/matrix-js-sdk-28.2.0.tgz",
+      "integrity": "sha512-YENmPaiGgWwCqoYWoL/8oD7QPWd6M/A0xdNhC4yMSiFny419AjUdPQk/EbM8RTSzQV27F79llhWisnz+/AXdaA==",
+      "dependencies": {
+        "@babel/runtime": "^7.12.5",
+        "@matrix-org/matrix-sdk-crypto-wasm": "^1.2.3-alpha.0",
+        "another-json": "^0.2.0",
+        "bs58": "^5.0.0",
+        "content-type": "^1.0.4",
+        "jwt-decode": "^3.1.2",
+        "loglevel": "^1.7.1",
+        "matrix-events-sdk": "0.0.1",
+        "matrix-widget-api": "^1.6.0",
+        "oidc-client-ts": "^2.2.4",
+        "p-retry": "4",
+        "sdp-transform": "^2.14.1",
+        "unhomoglyph": "^1.0.6",
+        "uuid": "9"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/matrix-widget-api": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/matrix-widget-api/-/matrix-widget-api-1.6.0.tgz",
+      "integrity": "sha512-VXIJyAZ/WnBmT4C7ePqevgMYGneKMCP/0JuCOqntSsaNlCRHJvwvTxmqUU+ufOpzIF5gYNyIrAjbgrEbK3iqJQ==",
+      "dependencies": {
+        "@types/events": "^3.0.0",
+        "events": "^3.2.0"
+      }
+    },
+    "node_modules/meow": {
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/meow/-/meow-9.0.0.tgz",
+      "integrity": "sha512-+obSblOQmRhcyBt62furQqRAQpNyWXo8BuQ5bN7dG8wmwQ+vwHKp/rCFD4CrTP8CsDQD1sjoZ94K417XEUk8IQ==",
+      "dev": true,
+      "dependencies": {
+        "@types/minimist": "^1.2.0",
+        "camelcase-keys": "^6.2.2",
+        "decamelize": "^1.2.0",
+        "decamelize-keys": "^1.1.0",
+        "hard-rejection": "^2.1.0",
+        "minimist-options": "4.1.0",
+        "normalize-package-data": "^3.0.0",
+        "read-pkg-up": "^7.0.1",
+        "redent": "^3.0.0",
+        "trim-newlines": "^3.0.0",
+        "type-fest": "^0.18.0",
+        "yargs-parser": "^20.2.3"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/meow/node_modules/type-fest": {
+      "version": "0.18.1",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.18.1.tgz",
+      "integrity": "sha512-OIAYXk8+ISY+qTOwkHtKqzAuxchoMiD9Udx+FSGQDuiRR+PJKJHc2NJAXlbhkGwTt/4/nKZxELY1w3ReWOL8mw==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/merge-stream": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
+      "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==",
+      "dev": true
+    },
+    "node_modules/merge2": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/micromatch": {
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
+      "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
+      "dev": true,
+      "dependencies": {
+        "braces": "^3.0.2",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/mime-db": {
+      "version": "1.51.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.51.0.tgz",
+      "integrity": "sha512-5y8A56jg7XVQx2mbv1lu49NR4dokRnhZYTtL+KGfaa27uq4pSTXkwQkFJl4pkRMyNFz/EtYDSkiiEHx3F7UN6g==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "2.1.34",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.34.tgz",
+      "integrity": "sha512-6cP692WwGIs9XXdOO4++N+7qjqv0rqxxVvJ3VHPh/Sc9mVZcQP+ZGhkKiTvWMQRr2tbHkJP/Yn7Y0npb3ZBs4A==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "mime-db": "1.51.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/min-indent": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/min-indent/-/min-indent-1.0.1.tgz",
+      "integrity": "sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/minimist": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
+      "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/minimist-options": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/minimist-options/-/minimist-options-4.1.0.tgz",
+      "integrity": "sha512-Q4r8ghd80yhO/0j1O3B2BjweX3fiHg9cdOwjJd2J76Q135c+NDxGCqdYKQ1SKBuFfgWbAUzBfvYjPUEeNgqN1A==",
+      "dev": true,
+      "dependencies": {
+        "arrify": "^1.0.1",
+        "is-plain-obj": "^1.1.0",
+        "kind-of": "^6.0.3"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "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/nanoid": {
+      "version": "3.3.6",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz",
+      "integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/natural-compare": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
+      "integrity": "sha1-Sr6/7tdUHywnrPspvbvRXI1bpPc=",
+      "dev": true
+    },
+    "node_modules/natural-compare-lite": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/natural-compare-lite/-/natural-compare-lite-1.4.0.tgz",
+      "integrity": "sha512-Tj+HTDSJJKaZnfiuw+iaF9skdPpTo2GtEly5JHnWV/hfv2Qj/9RKsGISQtLh2ox3l5EAGw487hnBee0sIJ6v2g==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/neo-async": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz",
+      "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/next": {
+      "version": "13.5.4",
+      "resolved": "https://registry.npmjs.org/next/-/next-13.5.4.tgz",
+      "integrity": "sha512-+93un5S779gho8y9ASQhb/bTkQF17FNQOtXLKAj3lsNgltEcF0C5PMLLncDmH+8X1EnJH1kbqAERa29nRXqhjA==",
+      "dependencies": {
+        "@next/env": "13.5.4",
+        "@swc/helpers": "0.5.2",
+        "busboy": "1.6.0",
+        "caniuse-lite": "^1.0.30001406",
+        "postcss": "8.4.31",
+        "styled-jsx": "5.1.1",
+        "watchpack": "2.4.0"
+      },
+      "bin": {
+        "next": "dist/bin/next"
+      },
+      "engines": {
+        "node": ">=16.14.0"
+      },
+      "optionalDependencies": {
+        "@next/swc-darwin-arm64": "13.5.4",
+        "@next/swc-darwin-x64": "13.5.4",
+        "@next/swc-linux-arm64-gnu": "13.5.4",
+        "@next/swc-linux-arm64-musl": "13.5.4",
+        "@next/swc-linux-x64-gnu": "13.5.4",
+        "@next/swc-linux-x64-musl": "13.5.4",
+        "@next/swc-win32-arm64-msvc": "13.5.4",
+        "@next/swc-win32-ia32-msvc": "13.5.4",
+        "@next/swc-win32-x64-msvc": "13.5.4"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.1.0",
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0",
+        "sass": "^1.3.0"
+      },
+      "peerDependenciesMeta": {
+        "@opentelemetry/api": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/node-releases": {
+      "version": "2.0.13",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.13.tgz",
+      "integrity": "sha512-uYr7J37ae/ORWdZeQ1xxMJe3NtdmqMC/JZK+geofDrkLUApKRHPd18/TxtBOJ4A0/+uUIliorNrfYV6s1b02eQ=="
+    },
+    "node_modules/normalize-package-data": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-3.0.3.tgz",
+      "integrity": "sha512-p2W1sgqij3zMMyRC067Dg16bfzVH+w7hyegmpIvZ4JNjqtGOVAIvLmjBx3yP7YTe9vKJgkoNOPjwQGogDoMXFA==",
+      "dev": true,
+      "dependencies": {
+        "hosted-git-info": "^4.0.1",
+        "is-core-module": "^2.5.0",
+        "semver": "^7.3.4",
+        "validate-npm-package-license": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/normalize-package-data/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/normalize-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+      "devOptional": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/normalize-selector": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/normalize-selector/-/normalize-selector-0.2.0.tgz",
+      "integrity": "sha1-0LFF62kRicY6eNIB3E/bEpPvDAM=",
+      "dev": true
+    },
+    "node_modules/normalize.css": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/normalize.css/-/normalize.css-8.0.1.tgz",
+      "integrity": "sha512-qizSNPO93t1YUuUhP22btGOo3chcvDFqFaj2TRybP0DMxkHOCTYwp3n34fel4a31ORXy4m1Xq0Gyqpb5m33qIg=="
+    },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-inspect": {
+      "version": "1.13.1",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.1.tgz",
+      "integrity": "sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object-is": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/object-is/-/object-is-1.1.5.tgz",
+      "integrity": "sha512-3cyDsyHgtmi7I7DfSSI2LDp6SK2lwvtbg0p0R1e0RvTqF5ceGx+K2dfSjm1bKDMVCFEDAQvy+o8c6a7VujOddw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object-keys": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
+      "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object.assign": {
+      "version": "4.1.4",
+      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.4.tgz",
+      "integrity": "sha512-1mxKf0e58bvyjSCtKYY4sRe9itRk3PJpquJOjeIkz885CczcI4IvJJDLPS72oowuSh+pBxUFROpX+TU++hxhZQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.4",
+        "has-symbols": "^1.0.3",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.entries": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/object.entries/-/object.entries-1.1.6.tgz",
+      "integrity": "sha512-leTPzo4Zvg3pmbQ3rDK69Rl8GQvIqMWubrkxONG9/ojtFE2rD9fjMKfSI5BxW3osRH1m6VdzmqK8oAY9aT4x5w==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.4",
+        "es-abstract": "^1.20.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object.fromentries": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.7.tgz",
+      "integrity": "sha512-UPbPHML6sL8PI/mOqPwsH4G6iyXcCGzLin8KvEPenOZN5lpCNBZZQ+V62vdjB1mQHrmqGQt5/OJzemUA+KJmEA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.groupby": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/object.groupby/-/object.groupby-1.0.1.tgz",
+      "integrity": "sha512-HqaQtqLnp/8Bn4GL16cj+CUYbnpe1bh0TtEaWvybszDG4tgxCJuRpV8VGuvNaI1fAnI4lUJzDG55MXcOH4JZcQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "get-intrinsic": "^1.2.1"
+      }
+    },
+    "node_modules/object.hasown": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/object.hasown/-/object.hasown-1.1.2.tgz",
+      "integrity": "sha512-B5UIT3J1W+WuWIU55h0mjlwaqxiE5vYENJXIXZ4VFe05pNYrkKuK0U/6aFcb0pKywYJh7IhfoqUfKVmrJJHZHw==",
+      "dev": true,
+      "dependencies": {
+        "define-properties": "^1.1.4",
+        "es-abstract": "^1.20.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.values": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.1.7.tgz",
+      "integrity": "sha512-aU6xnDFYT3x17e/f0IiiwlGPTy2jzMySGfUB4fq6z7CV8l85CWHDk5ErhyhpfDHhrOMwGFhSQkhMGHaIotA6Ng==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/oidc-client-ts": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/oidc-client-ts/-/oidc-client-ts-2.3.0.tgz",
+      "integrity": "sha512-7RUKU+TJFQo+4X9R50IGJAIDF18uRBaFXyZn4VVCfwmwbSUhKcdDnw4zgeut3uEXkiD3NqURq+d88sDPxjf1FA==",
+      "dependencies": {
+        "crypto-js": "^4.1.1",
+        "jwt-decode": "^3.1.2"
+      },
+      "engines": {
+        "node": ">=12.13.0"
+      }
+    },
+    "node_modules/on-exit-leak-free": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/on-exit-leak-free/-/on-exit-leak-free-2.1.0.tgz",
+      "integrity": "sha512-VuCaZZAjReZ3vUwgOB8LxAosIurDiAW0s13rI1YwmaP++jvcxP77AWoQvenZebpCA2m8WC1/EosPYPMjnRAp/w=="
+    },
+    "node_modules/once": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+      "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=",
+      "dependencies": {
+        "wrappy": "1"
+      }
+    },
+    "node_modules/optionator": {
+      "version": "0.9.1",
+      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.1.tgz",
+      "integrity": "sha512-74RlY5FCnhq4jRxVUPKDaRwrVNXMqsGsiW6AJw4XK8hmtm10wC0ypZBLw5IIp85NZMr91+qd1RvvENwg7jjRFw==",
+      "dev": true,
+      "dependencies": {
+        "deep-is": "^0.1.3",
+        "fast-levenshtein": "^2.0.6",
+        "levn": "^0.4.1",
+        "prelude-ls": "^1.2.1",
+        "type-check": "^0.4.0",
+        "word-wrap": "^1.2.3"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/p-limit": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+      "dev": true,
+      "dependencies": {
+        "yocto-queue": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "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/p-retry": {
+      "version": "4.6.1",
+      "resolved": "https://registry.npmjs.org/p-retry/-/p-retry-4.6.1.tgz",
+      "integrity": "sha512-e2xXGNhZOZ0lfgR9kL34iGlU8N/KO0xZnQxVEwdeOvpqNDQfdnxIYizvWtK8RglUa3bGqI8g0R/BdfzLMxRkiA==",
+      "dependencies": {
+        "@types/retry": "^0.12.0",
+        "retry": "^0.13.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/parent-module": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
+      "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
+      "dev": true,
+      "dependencies": {
+        "callsites": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/parse-json": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
+      "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/code-frame": "^7.0.0",
+        "error-ex": "^1.3.1",
+        "json-parse-even-better-errors": "^2.3.0",
+        "lines-and-columns": "^1.1.6"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/path-exists": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-is-absolute": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+      "integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18=",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/path-key": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-parse": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw=="
+    },
+    "node_modules/path-type": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
+      "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/picocolors": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
+      "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ=="
+    },
+    "node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "devOptional": true,
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/pify": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz",
+      "integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/pino": {
+      "version": "8.15.6",
+      "resolved": "https://registry.npmjs.org/pino/-/pino-8.15.6.tgz",
+      "integrity": "sha512-GuxHr61R0ZFD1npu58tB3a3FSVjuy21OwN/haw4OuKiZBL63Pg11Y51WWeD52RENS2mjwPZOwt+2OQOSkck6kQ==",
+      "dependencies": {
+        "atomic-sleep": "^1.0.0",
+        "fast-redact": "^3.1.1",
+        "on-exit-leak-free": "^2.1.0",
+        "pino-abstract-transport": "v1.1.0",
+        "pino-std-serializers": "^6.0.0",
+        "process-warning": "^2.0.0",
+        "quick-format-unescaped": "^4.0.3",
+        "real-require": "^0.2.0",
+        "safe-stable-stringify": "^2.3.1",
+        "sonic-boom": "^3.1.0",
+        "thread-stream": "^2.0.0"
+      },
+      "bin": {
+        "pino": "bin.js"
+      }
+    },
+    "node_modules/pino-abstract-transport": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/pino-abstract-transport/-/pino-abstract-transport-1.1.0.tgz",
+      "integrity": "sha512-lsleG3/2a/JIWUtf9Q5gUNErBqwIu1tUKTT3dUzaf5DySw9ra1wcqKjJjLX1VTY64Wk1eEOYsVGSaGfCK85ekA==",
+      "dependencies": {
+        "readable-stream": "^4.0.0",
+        "split2": "^4.0.0"
+      }
+    },
+    "node_modules/pino-std-serializers": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/pino-std-serializers/-/pino-std-serializers-6.2.2.tgz",
+      "integrity": "sha512-cHjPPsE+vhj/tnhCy/wiMh3M3z3h/j15zHQX+S9GkTBgqJuTuJzYJ4gUyACLhDaJ7kk9ba9iRDmbH2tJU03OiA=="
+    },
+    "node_modules/pluralize": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/pluralize/-/pluralize-8.0.0.tgz",
+      "integrity": "sha512-Nc3IT5yHzflTfbjgqWcCPpo7DaKy4FnpB0l/zCAW0Tc7jxAiuqSxHasntB3D7887LSrA93kDJ9IXovxJYxyLCA==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.4.31",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
+      "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "nanoid": "^3.3.6",
+        "picocolors": "^1.0.0",
+        "source-map-js": "^1.0.2"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/postcss-media-query-parser": {
+      "version": "0.2.3",
+      "resolved": "https://registry.npmjs.org/postcss-media-query-parser/-/postcss-media-query-parser-0.2.3.tgz",
+      "integrity": "sha1-J7Ocb02U+Bsac7j3Y1HGCeXO8kQ=",
+      "dev": true
+    },
+    "node_modules/postcss-resolve-nested-selector": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/postcss-resolve-nested-selector/-/postcss-resolve-nested-selector-0.1.1.tgz",
+      "integrity": "sha1-Kcy8fDfe36wwTp//C/FZaz9qDk4=",
+      "dev": true
+    },
+    "node_modules/postcss-safe-parser": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-safe-parser/-/postcss-safe-parser-6.0.0.tgz",
+      "integrity": "sha512-FARHN8pwH+WiS2OPCxJI8FuRJpTVnn6ZNFiqAM2aeW2LwTHWWmWgIyKC6cUo0L8aeKiF/14MNvnpls6R2PBeMQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=12.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      },
+      "peerDependencies": {
+        "postcss": "^8.3.3"
+      }
+    },
+    "node_modules/postcss-selector-parser": {
+      "version": "6.0.10",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz",
+      "integrity": "sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==",
+      "dev": true,
+      "dependencies": {
+        "cssesc": "^3.0.0",
+        "util-deprecate": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/postcss-sorting": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-sorting/-/postcss-sorting-7.0.1.tgz",
+      "integrity": "sha512-iLBFYz6VRYyLJEJsBJ8M3TCqNcckVzz4wFounSc5Oez35ogE/X+aoC5fFu103Ot7NyvjU3/xqIXn93Gp3kJk4g==",
+      "dev": true,
+      "peerDependencies": {
+        "postcss": "^8.3.9"
+      }
+    },
+    "node_modules/postcss-syntax": {
+      "version": "0.36.2",
+      "resolved": "https://registry.npmjs.org/postcss-syntax/-/postcss-syntax-0.36.2.tgz",
+      "integrity": "sha512-nBRg/i7E3SOHWxF3PpF5WnJM/jQ1YpY9000OaVXlAQj6Zp/kIqJxEDWIZ67tAd7NLuk7zqN4yqe9nc0oNAOs1w==",
+      "dev": true,
+      "peer": true,
+      "peerDependencies": {
+        "postcss": ">=5.0.0"
+      }
+    },
+    "node_modules/postcss-value-parser": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
+      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ=="
+    },
+    "node_modules/prelude-ls": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
+      "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/process": {
+      "version": "0.11.10",
+      "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz",
+      "integrity": "sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==",
+      "engines": {
+        "node": ">= 0.6.0"
+      }
+    },
+    "node_modules/process-warning": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/process-warning/-/process-warning-2.2.0.tgz",
+      "integrity": "sha512-/1WZ8+VQjR6avWOgHeEPd7SDQmFQ1B5mC1eRXsCm5TarlNmx/wCsa5GEaxGm05BORRtyG/Ex/3xq3TuRvq57qg=="
+    },
+    "node_modules/prop-types": {
+      "version": "15.8.1",
+      "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
+      "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
+      "dependencies": {
+        "loose-envify": "^1.4.0",
+        "object-assign": "^4.1.1",
+        "react-is": "^16.13.1"
+      }
+    },
+    "node_modules/prop-types/node_modules/react-is": {
+      "version": "16.13.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
+      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
+    },
+    "node_modules/punycode": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz",
+      "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/queue-microtask": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
+      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+      "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/quick-format-unescaped": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/quick-format-unescaped/-/quick-format-unescaped-4.0.4.tgz",
+      "integrity": "sha512-tYC1Q1hgyRuHgloV/YXs2w15unPVh8qfu/qCTfhTYamaw7fyhumKa2yGpdSo87vY32rIclj+4fWYQXUMs9EHvg=="
+    },
+    "node_modules/quick-lru": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/quick-lru/-/quick-lru-4.0.1.tgz",
+      "integrity": "sha512-ARhCpm70fzdcvNQfPoy49IaanKkTlRWF2JMzqhcJbhSFRZv7nPTvZJdcY7301IPmvW+/p0RgIWnQDLJxifsQ7g==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/randombytes": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
+      "integrity": "sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "safe-buffer": "^5.1.0"
+      }
+    },
+    "node_modules/react": {
+      "version": "18.2.0",
+      "resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz",
+      "integrity": "sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==",
+      "dependencies": {
+        "loose-envify": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-dom": {
+      "version": "18.2.0",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz",
+      "integrity": "sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==",
+      "dependencies": {
+        "loose-envify": "^1.1.0",
+        "scheduler": "^0.23.0"
+      },
+      "peerDependencies": {
+        "react": "^18.2.0"
+      }
+    },
+    "node_modules/react-i18next": {
+      "version": "13.2.2",
+      "resolved": "https://registry.npmjs.org/react-i18next/-/react-i18next-13.2.2.tgz",
+      "integrity": "sha512-+nFUkbRByFwnrfDcYqvzBuaeZb+nACHx+fAWN/pZMddWOCJH5hoc21+Sa/N/Lqi6ne6/9wC/qRGOoQhJa6IkEQ==",
+      "dependencies": {
+        "@babel/runtime": "^7.22.5",
+        "html-parse-stringify": "^3.0.1"
+      },
+      "peerDependencies": {
+        "i18next": ">= 23.2.3",
+        "react": ">= 16.8.0"
+      },
+      "peerDependenciesMeta": {
+        "react-dom": {
+          "optional": true
+        },
+        "react-native": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/react-lifecycles-compat": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz",
+      "integrity": "sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA=="
+    },
+    "node_modules/react-modal": {
+      "version": "3.16.1",
+      "resolved": "https://registry.npmjs.org/react-modal/-/react-modal-3.16.1.tgz",
+      "integrity": "sha512-VStHgI3BVcGo7OXczvnJN7yT2TWHJPDXZWyI/a0ssFNhGZWsPmB8cF0z33ewDXq4VfYMO1vXgiv/g8Nj9NDyWg==",
+      "dependencies": {
+        "exenv": "^1.2.0",
+        "prop-types": "^15.7.2",
+        "react-lifecycles-compat": "^3.0.0",
+        "warning": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "peerDependencies": {
+        "react": "^0.14.0 || ^15.0.0 || ^16 || ^17 || ^18",
+        "react-dom": "^0.14.0 || ^15.0.0 || ^16 || ^17 || ^18"
+      }
+    },
+    "node_modules/read-pkg": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-5.2.0.tgz",
+      "integrity": "sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg==",
+      "dev": true,
+      "dependencies": {
+        "@types/normalize-package-data": "^2.4.0",
+        "normalize-package-data": "^2.5.0",
+        "parse-json": "^5.0.0",
+        "type-fest": "^0.6.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/read-pkg-up": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-7.0.1.tgz",
+      "integrity": "sha512-zK0TB7Xd6JpCLmlLmufqykGE+/TlOePD6qKClNW7hHDKFh/J7/7gCWGR7joEQEW1bKq3a3yUZSObOoWLFQ4ohg==",
+      "dev": true,
+      "dependencies": {
+        "find-up": "^4.1.0",
+        "read-pkg": "^5.2.0",
+        "type-fest": "^0.8.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/read-pkg-up/node_modules/find-up": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
+      "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
+      "dev": true,
+      "dependencies": {
+        "locate-path": "^5.0.0",
+        "path-exists": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/read-pkg-up/node_modules/locate-path": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
+      "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
+      "dev": true,
+      "dependencies": {
+        "p-locate": "^4.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/read-pkg-up/node_modules/p-limit": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
+      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
+      "dev": true,
+      "dependencies": {
+        "p-try": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/read-pkg-up/node_modules/p-locate": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
+      "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
+      "dev": true,
+      "dependencies": {
+        "p-limit": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/read-pkg-up/node_modules/p-try": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
+      "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/read-pkg-up/node_modules/type-fest": {
+      "version": "0.8.1",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz",
+      "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/read-pkg/node_modules/hosted-git-info": {
+      "version": "2.8.9",
+      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.9.tgz",
+      "integrity": "sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==",
+      "dev": true
+    },
+    "node_modules/read-pkg/node_modules/normalize-package-data": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.5.0.tgz",
+      "integrity": "sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==",
+      "dev": true,
+      "dependencies": {
+        "hosted-git-info": "^2.1.4",
+        "resolve": "^1.10.0",
+        "semver": "2 || 3 || 4 || 5",
+        "validate-npm-package-license": "^3.0.1"
+      }
+    },
+    "node_modules/read-pkg/node_modules/semver": {
+      "version": "5.7.2",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
+      "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
+      "dev": true,
+      "bin": {
+        "semver": "bin/semver"
+      }
+    },
+    "node_modules/read-pkg/node_modules/type-fest": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.6.0.tgz",
+      "integrity": "sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/readable-stream": {
+      "version": "4.4.2",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-4.4.2.tgz",
+      "integrity": "sha512-Lk/fICSyIhodxy1IDK2HazkeGjSmezAWX2egdtJnYhtzKEsBPJowlI6F6LPb5tqIQILrMbx22S5o3GuJavPusA==",
+      "dependencies": {
+        "abort-controller": "^3.0.0",
+        "buffer": "^6.0.3",
+        "events": "^3.3.0",
+        "process": "^0.11.10",
+        "string_decoder": "^1.3.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      }
+    },
+    "node_modules/readdirp": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+      "optional": true,
+      "dependencies": {
+        "picomatch": "^2.2.1"
+      },
+      "engines": {
+        "node": ">=8.10.0"
+      }
+    },
+    "node_modules/real-require": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/real-require/-/real-require-0.2.0.tgz",
+      "integrity": "sha512-57frrGM/OCTLqLOAh0mhVA9VBMHd+9U7Zb2THMGdBUoZVOtGbJzjxsYGDJ3A9AYYCP4hn6y1TVbaOfzWtm5GFg==",
+      "engines": {
+        "node": ">= 12.13.0"
+      }
+    },
+    "node_modules/redent": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/redent/-/redent-3.0.0.tgz",
+      "integrity": "sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==",
+      "dev": true,
+      "dependencies": {
+        "indent-string": "^4.0.0",
+        "strip-indent": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/reflect.getprototypeof": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.4.tgz",
+      "integrity": "sha512-ECkTw8TmJwW60lOTR+ZkODISW6RQ8+2CL3COqtiJKLd6MmB45hN51HprHFziKLGkAuTGQhBb91V8cy+KHlaCjw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "get-intrinsic": "^1.2.1",
+        "globalthis": "^1.0.3",
+        "which-builtin-type": "^1.1.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/regenerate": {
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.4.2.tgz",
+      "integrity": "sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A=="
+    },
+    "node_modules/regenerate-unicode-properties": {
+      "version": "10.1.1",
+      "resolved": "https://registry.npmjs.org/regenerate-unicode-properties/-/regenerate-unicode-properties-10.1.1.tgz",
+      "integrity": "sha512-X007RyZLsCJVVrjgEFVpLUTZwyOZk3oiL75ZcuYjlIWd6rNJtOjkBwQc5AsRrpbKVkxN6sklw/k/9m2jJYOf8Q==",
+      "dependencies": {
+        "regenerate": "^1.4.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "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/regenerator-transform": {
+      "version": "0.15.2",
+      "resolved": "https://registry.npmjs.org/regenerator-transform/-/regenerator-transform-0.15.2.tgz",
+      "integrity": "sha512-hfMp2BoF0qOk3uc5V20ALGDS2ddjQaLrdl7xrGXvAIow7qeWRM2VA2HuCHkUKk9slq3VwEwLNK3DFBqDfPGYtg==",
+      "dependencies": {
+        "@babel/runtime": "^7.8.4"
+      }
+    },
+    "node_modules/regexp-tree": {
+      "version": "0.1.27",
+      "resolved": "https://registry.npmjs.org/regexp-tree/-/regexp-tree-0.1.27.tgz",
+      "integrity": "sha512-iETxpjK6YoRWJG5o6hXLwvjYAoW+FEZn9os0PD/b6AP6xQwsa/Y7lCVgIixBbUPMfhu+i2LtdeAqVTgGlQarfA==",
+      "dev": true,
+      "peer": true,
+      "bin": {
+        "regexp-tree": "bin/regexp-tree"
+      }
+    },
+    "node_modules/regexp.prototype.flags": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.1.tgz",
+      "integrity": "sha512-sy6TXMN+hnP/wMy+ISxg3krXx7BAtWVO4UouuCN/ziM9UEne0euamVNafDfvC83bRNr95y0V5iijeDQFUNpvrg==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "set-function-name": "^2.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/regexpu-core": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-5.3.2.tgz",
+      "integrity": "sha512-RAM5FlZz+Lhmo7db9L298p2vHP5ZywrVXmVXpmAD9GuL5MPH6t9ROw1iA/wfHkQ76Qe7AaPF0nGuim96/IrQMQ==",
+      "dependencies": {
+        "@babel/regjsgen": "^0.8.0",
+        "regenerate": "^1.4.2",
+        "regenerate-unicode-properties": "^10.1.0",
+        "regjsparser": "^0.9.1",
+        "unicode-match-property-ecmascript": "^2.0.0",
+        "unicode-match-property-value-ecmascript": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/regjsparser": {
+      "version": "0.9.1",
+      "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.9.1.tgz",
+      "integrity": "sha512-dQUtn90WanSNl+7mQKcXAgZxvUe7Z0SqXlgzv0za4LwiUhyzBC58yQO3liFoUgu8GiJVInAhJjkj1N0EtQ5nkQ==",
+      "dependencies": {
+        "jsesc": "~0.5.0"
+      },
+      "bin": {
+        "regjsparser": "bin/parser"
+      }
+    },
+    "node_modules/regjsparser/node_modules/jsesc": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-0.5.0.tgz",
+      "integrity": "sha512-uZz5UnB7u4T9LvwmFqXii7pZSouaRPorGs5who1Ip7VO0wxanFvBL7GkM6dTHlgX+jhBApRetaWpnDabOeTcnA==",
+      "bin": {
+        "jsesc": "bin/jsesc"
+      }
+    },
+    "node_modules/require-from-string": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
+      "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/resolve": {
+      "version": "1.22.8",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz",
+      "integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==",
+      "dependencies": {
+        "is-core-module": "^2.13.0",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/resolve-from": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/resolve-pkg-maps": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz",
+      "integrity": "sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/privatenumber/resolve-pkg-maps?sponsor=1"
+      }
+    },
+    "node_modules/retry": {
+      "version": "0.13.1",
+      "resolved": "https://registry.npmjs.org/retry/-/retry-0.13.1.tgz",
+      "integrity": "sha512-XQBQ3I8W1Cge0Seh+6gjj03LbmRFWuoszgK9ooCpwYIrhhoO80pfq4cUkU5DkknwfOfFteRwlZ56PYOGYyFWdg==",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/reusify": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
+      "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
+      "dev": true,
+      "engines": {
+        "iojs": ">=1.0.0",
+        "node": ">=0.10.0"
+      }
+    },
+    "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/run-parallel": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
+      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+      "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": {
+        "queue-microtask": "^1.2.2"
+      }
+    },
+    "node_modules/safe-array-concat": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.0.1.tgz",
+      "integrity": "sha512-6XbUAseYE2KtOuGueyeobCySj9L4+66Tn6KQMOPQJrAJEowYKW/YR/MGJZl7FdydUdaFu4LYyDZjxf4/Nmo23Q==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.2.1",
+        "has-symbols": "^1.0.3",
+        "isarray": "^2.0.5"
+      },
+      "engines": {
+        "node": ">=0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "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/safe-regex": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/safe-regex/-/safe-regex-2.1.1.tgz",
+      "integrity": "sha512-rx+x8AMzKb5Q5lQ95Zoi6ZbJqwCLkqi3XuJXp5P3rT8OEc6sZCJG5AE5dU3lsgRr/F4Bs31jSlVN+j5KrsGu9A==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "regexp-tree": "~0.1.1"
+      }
+    },
+    "node_modules/safe-regex-test": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.0.0.tgz",
+      "integrity": "sha512-JBUUzyOgEwXQY1NuPtvcj/qcBDbDmEvWufhlnXZIm75DEHp+afM1r1ujJpJsV/gSM4t59tpDyPi1sd6ZaPFfsA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.1.3",
+        "is-regex": "^1.1.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/safe-stable-stringify": {
+      "version": "2.4.3",
+      "resolved": "https://registry.npmjs.org/safe-stable-stringify/-/safe-stable-stringify-2.4.3.tgz",
+      "integrity": "sha512-e2bDA2WJT0wxseVd4lsDP4+3ONX6HpMXQa1ZhFQ7SU+GjvORCmShbCMltrtIDfkYhVHrOcPtj+KhmDBdPdZD1g==",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/scheduler": {
+      "version": "0.23.0",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.0.tgz",
+      "integrity": "sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==",
+      "dependencies": {
+        "loose-envify": "^1.1.0"
+      }
+    },
+    "node_modules/schema-utils": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.0.0.tgz",
+      "integrity": "sha512-1edyXKgh6XnJsJSQ8mKWXnN/BVaIbFMLpouRUrXgVq7WYne5kw3MW7UPhO44uRXQSIpTSXoJbmrR2X0w9kUTyg==",
+      "dev": true,
+      "dependencies": {
+        "@types/json-schema": "^7.0.9",
+        "ajv": "^8.8.0",
+        "ajv-formats": "^2.1.1",
+        "ajv-keywords": "^5.0.0"
+      },
+      "engines": {
+        "node": ">= 12.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
+    "node_modules/schema-utils/node_modules/ajv": {
+      "version": "8.11.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.11.0.tgz",
+      "integrity": "sha512-wGgprdCvMalC0BztXvitD2hC04YffAvtsUn93JbGXYLAtCUO4xd17mCCZQxUOItiBwZvJScWo8NIvQMQ71rdpg==",
+      "dev": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/schema-utils/node_modules/ajv-keywords": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-5.1.0.tgz",
+      "integrity": "sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==",
+      "dev": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3"
+      },
+      "peerDependencies": {
+        "ajv": "^8.8.2"
+      }
+    },
+    "node_modules/schema-utils/node_modules/json-schema-traverse": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+      "dev": true
+    },
+    "node_modules/sdp-transform": {
+      "version": "2.14.1",
+      "resolved": "https://registry.npmjs.org/sdp-transform/-/sdp-transform-2.14.1.tgz",
+      "integrity": "sha512-RjZyX3nVwJyCuTo5tGPx+PZWkDMCg7oOLpSlhjDdZfwUoNqG1mM8nyj31IGHyaPWXhjbP7cdK3qZ2bmkJ1GzRw==",
+      "bin": {
+        "sdp-verify": "checker.js"
+      }
+    },
+    "node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/serialize-javascript": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.1.tgz",
+      "integrity": "sha512-owoXEFjWRllis8/M1Q+Cw5k8ZH40e3zhp/ovX+Xr/vi1qj6QesbyXXViFbpNvWvPNAD62SutwEXavefrLJWj7w==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "randombytes": "^2.1.0"
+      }
+    },
+    "node_modules/set-function-length": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.1.1.tgz",
+      "integrity": "sha512-VoaqjbBJKiWtg4yRcKBQ7g7wnGnLV3M8oLvVWwOk2PdYY6PEFegR1vezXR0tw6fZGF9csVakIRjrJiy2veSBFQ==",
+      "dev": true,
+      "dependencies": {
+        "define-data-property": "^1.1.1",
+        "get-intrinsic": "^1.2.1",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/set-function-name": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/set-function-name/-/set-function-name-2.0.1.tgz",
+      "integrity": "sha512-tMNCiqYVkXIZgc2Hnoy2IvC/f8ezc5koaRFkCjrpWzGpCd3qbZXPzVy9MAZzK1ch/X0jvSkojys3oqJN0qCmdA==",
+      "dev": true,
+      "dependencies": {
+        "define-data-property": "^1.0.1",
+        "functions-have-names": "^1.2.3",
+        "has-property-descriptors": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/shallowequal": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/shallowequal/-/shallowequal-1.1.0.tgz",
+      "integrity": "sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ=="
+    },
+    "node_modules/shebang-command": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+      "dev": true,
+      "dependencies": {
+        "shebang-regex": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/shebang-regex": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/side-channel": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz",
+      "integrity": "sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.0",
+        "get-intrinsic": "^1.0.2",
+        "object-inspect": "^1.9.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/signal-exit": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
+      "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
+      "dev": true
+    },
+    "node_modules/slash": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
+      "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/slice-ansi": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-4.0.0.tgz",
+      "integrity": "sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==",
+      "dev": true,
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "astral-regex": "^2.0.0",
+        "is-fullwidth-code-point": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/slice-ansi?sponsor=1"
+      }
+    },
+    "node_modules/slice-ansi/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/slice-ansi/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/slice-ansi/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/sonic-boom": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/sonic-boom/-/sonic-boom-3.3.0.tgz",
+      "integrity": "sha512-LYxp34KlZ1a2Jb8ZQgFCK3niIHzibdwtwNUWKg0qQRzsDoJ3Gfgkf8KdBTFU3SkejDEIlWwnSnpVdOZIhFMl/g==",
+      "dependencies": {
+        "atomic-sleep": "^1.0.0"
+      }
+    },
+    "node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
+      "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/source-map-support": {
+      "version": "0.5.21",
+      "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz",
+      "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "buffer-from": "^1.0.0",
+        "source-map": "^0.6.0"
+      }
+    },
+    "node_modules/spdx-correct": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.1.1.tgz",
+      "integrity": "sha512-cOYcUWwhCuHCXi49RhFRCyJEK3iPj1Ziz9DpViV3tbZOwXD49QzIN3MpOLJNxh2qwq2lJJZaKMVw9qNi4jTC0w==",
+      "dev": true,
+      "dependencies": {
+        "spdx-expression-parse": "^3.0.0",
+        "spdx-license-ids": "^3.0.0"
+      }
+    },
+    "node_modules/spdx-exceptions": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.3.0.tgz",
+      "integrity": "sha512-/tTrYOC7PPI1nUAgx34hUpqXuyJG+DTHJTnIULG4rDygi4xu/tfgmq1e1cIRwRzwZgo4NLySi+ricLkZkw4i5A==",
+      "dev": true
+    },
+    "node_modules/spdx-expression-parse": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.1.tgz",
+      "integrity": "sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==",
+      "dev": true,
+      "dependencies": {
+        "spdx-exceptions": "^2.1.0",
+        "spdx-license-ids": "^3.0.0"
+      }
+    },
+    "node_modules/spdx-license-ids": {
+      "version": "3.0.11",
+      "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.11.tgz",
+      "integrity": "sha512-Ctl2BrFiM0X3MANYgj3CkygxhRmr9mi6xhejbdO960nF6EDJApTYpn0BQnDKlnNBULKiCN1n3w9EBkHK8ZWg+g==",
+      "dev": true
+    },
+    "node_modules/specificity": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/specificity/-/specificity-0.4.1.tgz",
+      "integrity": "sha512-1klA3Gi5PD1Wv9Q0wUoOQN1IWAuPu0D1U03ThXTr0cJ20+/iq2tHSDnK7Kk/0LXJ1ztUB2/1Os0wKmfyNgUQfg==",
+      "dev": true,
+      "bin": {
+        "specificity": "bin/specificity"
+      }
+    },
+    "node_modules/split2": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/split2/-/split2-4.2.0.tgz",
+      "integrity": "sha512-UcjcJOWknrNkF6PLX83qcHM6KHgVKNkV62Y8a5uYDVv9ydGQVwAHMKqHdJje1VTWpljG0WYpCDhrCdAOYH4TWg==",
+      "engines": {
+        "node": ">= 10.x"
+      }
+    },
+    "node_modules/stop-iteration-iterator": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/stop-iteration-iterator/-/stop-iteration-iterator-1.0.0.tgz",
+      "integrity": "sha512-iCGQj+0l0HOdZ2AEeBADlsRC+vsnDsZsbdSiH1yNSjcfKM7fdpCMfqAL/dwF5BLiw/XhRft/Wax6zQbhq2BcjQ==",
+      "dev": true,
+      "dependencies": {
+        "internal-slot": "^1.0.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/streamsearch": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/streamsearch/-/streamsearch-1.1.0.tgz",
+      "integrity": "sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==",
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/string_decoder": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
+      "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
+      "dependencies": {
+        "safe-buffer": "~5.2.0"
+      }
+    },
+    "node_modules/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-width/node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "dev": true
+    },
+    "node_modules/string.prototype.matchall": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.8.tgz",
+      "integrity": "sha512-6zOCOcJ+RJAQshcTvXPHoxoQGONa3e/Lqx90wUA+wEzX78sg5Bo+1tQo4N0pohS0erG9qtCqJDjNCQBjeWVxyg==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.4",
+        "es-abstract": "^1.20.4",
+        "get-intrinsic": "^1.1.3",
+        "has-symbols": "^1.0.3",
+        "internal-slot": "^1.0.3",
+        "regexp.prototype.flags": "^1.4.3",
+        "side-channel": "^1.0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.trim": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.8.tgz",
+      "integrity": "sha512-lfjY4HcixfQXOfaqCvcBuOIapyaroTXhbkfJN3gcB1OtyupngWK4sEET9Knd0cXd28kTUqu/kHoV4HKSJdnjiQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.trimend": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.7.tgz",
+      "integrity": "sha512-Ni79DqeB72ZFq1uH/L6zJ+DKZTkOtPIHovb3YZHQViE+HDouuU4mBrLOLDn5Dde3RF8qw5qVETEjhu9locMLvA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.trimstart": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.7.tgz",
+      "integrity": "sha512-NGhtDFu3jCEm7B4Fy0DpLewdJQOZcQ0rGbwQ/+stjnrp2i+rlKeCvos9hOIeCmqwratM47OBxY7uFZzjxHXmrg==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/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",
+      "integrity": "sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/strip-indent": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-3.0.0.tgz",
+      "integrity": "sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==",
+      "dev": true,
+      "dependencies": {
+        "min-indent": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-json-comments": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
+      "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/style-search": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/style-search/-/style-search-0.1.0.tgz",
+      "integrity": "sha1-eVjHk+R+MuB9K1yv5cC/jhLneQI=",
+      "dev": true
+    },
+    "node_modules/styled-components": {
+      "version": "6.0.8",
+      "resolved": "https://registry.npmjs.org/styled-components/-/styled-components-6.0.8.tgz",
+      "integrity": "sha512-AwI02MTWZwqjzfXgR5QcbmcSn5xVjY4N2TLjSuYnmuBGF3y7GicHz3ysbpUq2EMJP5M8/Nc22vcmF3V3WNZDFA==",
+      "dependencies": {
+        "@babel/cli": "^7.21.0",
+        "@babel/core": "^7.21.0",
+        "@babel/helper-module-imports": "^7.18.6",
+        "@babel/plugin-external-helpers": "^7.18.6",
+        "@babel/plugin-proposal-class-properties": "^7.18.6",
+        "@babel/plugin-proposal-object-rest-spread": "^7.20.7",
+        "@babel/preset-env": "^7.20.2",
+        "@babel/preset-react": "^7.18.6",
+        "@babel/preset-typescript": "^7.21.0",
+        "@babel/traverse": "^7.21.2",
+        "@emotion/is-prop-valid": "^1.2.1",
+        "@emotion/unitless": "^0.8.0",
+        "@types/stylis": "^4.0.2",
+        "css-to-react-native": "^3.2.0",
+        "csstype": "^3.1.2",
+        "postcss": "^8.4.23",
+        "shallowequal": "^1.1.0",
+        "stylis": "^4.3.0",
+        "tslib": "^2.5.0"
+      },
+      "engines": {
+        "node": ">= 16"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/styled-components"
+      },
+      "peerDependencies": {
+        "babel-plugin-styled-components": ">= 2",
+        "react": ">= 16.8.0",
+        "react-dom": ">= 16.8.0"
+      },
+      "peerDependenciesMeta": {
+        "babel-plugin-styled-components": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/styled-jsx": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.1.1.tgz",
+      "integrity": "sha512-pW7uC1l4mBZ8ugbiZrcIsiIvVx1UmTfw7UkC3Um2tmfUq9Bhk8IiyEIPl6F8agHgjzku6j0xQEZbfA5uSgSaCw==",
+      "dependencies": {
+        "client-only": "0.0.1"
+      },
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "peerDependencies": {
+        "react": ">= 16.8.0 || 17.x.x || ^18.0.0-0"
+      },
+      "peerDependenciesMeta": {
+        "@babel/core": {
+          "optional": true
+        },
+        "babel-plugin-macros": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/stylelint": {
+      "version": "14.8.2",
+      "resolved": "https://registry.npmjs.org/stylelint/-/stylelint-14.8.2.tgz",
+      "integrity": "sha512-tjDfexCYfoPdl/xcDJ9Fv+Ko9cvzbDnmdiaqEn3ovXHXasi/hbkt5tSjsiReQ+ENqnz0eltaX/AOO+AlzVdcNA==",
+      "dev": true,
+      "dependencies": {
+        "balanced-match": "^2.0.0",
+        "colord": "^2.9.2",
+        "cosmiconfig": "^7.0.1",
+        "css-functions-list": "^3.0.1",
+        "debug": "^4.3.4",
+        "execall": "^2.0.0",
+        "fast-glob": "^3.2.11",
+        "fastest-levenshtein": "^1.0.12",
+        "file-entry-cache": "^6.0.1",
+        "get-stdin": "^8.0.0",
+        "global-modules": "^2.0.0",
+        "globby": "^11.1.0",
+        "globjoin": "^0.1.4",
+        "html-tags": "^3.2.0",
+        "ignore": "^5.2.0",
+        "import-lazy": "^4.0.0",
+        "imurmurhash": "^0.1.4",
+        "is-plain-object": "^5.0.0",
+        "known-css-properties": "^0.25.0",
+        "mathml-tag-names": "^2.1.3",
+        "meow": "^9.0.0",
+        "micromatch": "^4.0.5",
+        "normalize-path": "^3.0.0",
+        "normalize-selector": "^0.2.0",
+        "picocolors": "^1.0.0",
+        "postcss": "^8.4.13",
+        "postcss-media-query-parser": "^0.2.3",
+        "postcss-resolve-nested-selector": "^0.1.1",
+        "postcss-safe-parser": "^6.0.0",
+        "postcss-selector-parser": "^6.0.10",
+        "postcss-value-parser": "^4.2.0",
+        "resolve-from": "^5.0.0",
+        "specificity": "^0.4.1",
+        "string-width": "^4.2.3",
+        "strip-ansi": "^6.0.1",
+        "style-search": "^0.1.0",
+        "supports-hyperlinks": "^2.2.0",
+        "svg-tags": "^1.0.0",
+        "table": "^6.8.0",
+        "v8-compile-cache": "^2.3.0",
+        "write-file-atomic": "^4.0.1"
+      },
+      "bin": {
+        "stylelint": "bin/stylelint.js"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/stylelint"
+      }
+    },
+    "node_modules/stylelint-config-recess-order": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/stylelint-config-recess-order/-/stylelint-config-recess-order-3.0.0.tgz",
+      "integrity": "sha512-uNXrlDz570Q7HJlrq8mNjgfO/xlKIh2hKVKEFMTG1/ih/6tDLcTbuvO1Zoo2dnQay990OAkWLDpTDOorB+hmBw==",
+      "dev": true,
+      "dependencies": {
+        "stylelint-order": "5.x"
+      },
+      "peerDependencies": {
+        "stylelint": ">=14"
+      }
+    },
+    "node_modules/stylelint-config-recommended": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/stylelint-config-recommended/-/stylelint-config-recommended-7.0.0.tgz",
+      "integrity": "sha512-yGn84Bf/q41J4luis1AZ95gj0EQwRX8lWmGmBwkwBNSkpGSpl66XcPTulxGa/Z91aPoNGuIGBmFkcM1MejMo9Q==",
+      "dev": true,
+      "peerDependencies": {
+        "stylelint": "^14.4.0"
+      }
+    },
+    "node_modules/stylelint-config-standard": {
+      "version": "25.0.0",
+      "resolved": "https://registry.npmjs.org/stylelint-config-standard/-/stylelint-config-standard-25.0.0.tgz",
+      "integrity": "sha512-21HnP3VSpaT1wFjFvv9VjvOGDtAviv47uTp3uFmzcN+3Lt+RYRv6oAplLaV51Kf792JSxJ6svCJh/G18E9VnCA==",
+      "dev": true,
+      "dependencies": {
+        "stylelint-config-recommended": "^7.0.0"
+      },
+      "peerDependencies": {
+        "stylelint": "^14.4.0"
+      }
+    },
+    "node_modules/stylelint-config-styled-components": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/stylelint-config-styled-components/-/stylelint-config-styled-components-0.1.1.tgz",
+      "integrity": "sha512-z5Xz/9GmvxO6e/DLzBMwkB85zHxEEjN6K7Cj80Bi+o/9vR9eS3GX3E9VuMnX9WLFYulqbqLtTapGGY28JBiy9Q==",
+      "dev": true
+    },
+    "node_modules/stylelint-order": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/stylelint-order/-/stylelint-order-5.0.0.tgz",
+      "integrity": "sha512-OWQ7pmicXufDw5BlRqzdz3fkGKJPgLyDwD1rFY3AIEfIH/LQY38Vu/85v8/up0I+VPiuGRwbc2Hg3zLAsJaiyw==",
+      "dev": true,
+      "dependencies": {
+        "postcss": "^8.3.11",
+        "postcss-sorting": "^7.0.1"
+      },
+      "peerDependencies": {
+        "stylelint": "^14.0.0"
+      }
+    },
+    "node_modules/stylelint-webpack-plugin": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/stylelint-webpack-plugin/-/stylelint-webpack-plugin-3.2.0.tgz",
+      "integrity": "sha512-KY4P+0wrs5G680LzNLt8UZDiX3j+UNNDt1BBEdlhZUiUUYAI0j9Lumf5QH9eRHx/uMZcpKbboiYWba0F+jMWTg==",
+      "dev": true,
+      "dependencies": {
+        "globby": "^11.1.0",
+        "jest-worker": "^27.5.1",
+        "micromatch": "^4.0.4",
+        "normalize-path": "^3.0.0",
+        "schema-utils": "^4.0.0"
+      },
+      "engines": {
+        "node": ">= 12.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "stylelint": "^13.0.0 || ^14.0.0",
+        "webpack": "^5.0.0"
+      }
+    },
+    "node_modules/stylelint/node_modules/balanced-match": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-2.0.0.tgz",
+      "integrity": "sha512-1ugUSr8BHXRnK23KfuYS+gVMC3LB8QGH9W1iGtDPsNWoQbgtXSExkBu2aDR4epiGWZOjZsj6lDl/N/AqqTC3UA==",
+      "dev": true
+    },
+    "node_modules/stylelint/node_modules/resolve-from": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
+      "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/stylis": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.3.0.tgz",
+      "integrity": "sha512-E87pIogpwUsUwXw7dNyU4QDjdgVMy52m+XEOPEKUn161cCzWjjhPSQhByfd1CcNvrOLnXQ6OnnZDwnJrz/Z4YQ=="
+    },
+    "node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/supports-hyperlinks": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/supports-hyperlinks/-/supports-hyperlinks-2.2.0.tgz",
+      "integrity": "sha512-6sXEzV5+I5j8Bmq9/vUphGRM/RJNT9SCURJLjwfOg51heRtguGWDzcaBlgAzKhQa0EVNpPEKzQuBwZ8S8WaCeQ==",
+      "dev": true,
+      "dependencies": {
+        "has-flag": "^4.0.0",
+        "supports-color": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/supports-preserve-symlinks-flag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/svg-tags": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/svg-tags/-/svg-tags-1.0.0.tgz",
+      "integrity": "sha1-WPcc7jvVGbWdSyqEO2x95krAR2Q=",
+      "dev": true
+    },
+    "node_modules/table": {
+      "version": "6.8.0",
+      "resolved": "https://registry.npmjs.org/table/-/table-6.8.0.tgz",
+      "integrity": "sha512-s/fitrbVeEyHKFa7mFdkuQMWlH1Wgw/yEXMt5xACT4ZpzWFluehAxRtUUQKPuWhaLAWhFcVx6w3oC8VKaUfPGA==",
+      "dev": true,
+      "dependencies": {
+        "ajv": "^8.0.1",
+        "lodash.truncate": "^4.4.2",
+        "slice-ansi": "^4.0.0",
+        "string-width": "^4.2.3",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/table/node_modules/ajv": {
+      "version": "8.11.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.11.0.tgz",
+      "integrity": "sha512-wGgprdCvMalC0BztXvitD2hC04YffAvtsUn93JbGXYLAtCUO4xd17mCCZQxUOItiBwZvJScWo8NIvQMQ71rdpg==",
+      "dev": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/table/node_modules/json-schema-traverse": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+      "dev": true
+    },
+    "node_modules/tapable": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz",
+      "integrity": "sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/terser": {
+      "version": "5.17.1",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-5.17.1.tgz",
+      "integrity": "sha512-hVl35zClmpisy6oaoKALOpS0rDYLxRFLHhRuDlEGTKey9qHjS1w9GMORjuwIMt70Wan4lwsLYyWDVnWgF+KUEw==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@jridgewell/source-map": "^0.3.2",
+        "acorn": "^8.5.0",
+        "commander": "^2.20.0",
+        "source-map-support": "~0.5.20"
+      },
+      "bin": {
+        "terser": "bin/terser"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/terser-webpack-plugin": {
+      "version": "5.3.7",
+      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.7.tgz",
+      "integrity": "sha512-AfKwIktyP7Cu50xNjXF/6Qb5lBNzYaWpU6YfoX3uZicTx0zTy0stDDCsvjDapKsSDvOeWo5MEq4TmdBy2cNoHw==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@jridgewell/trace-mapping": "^0.3.17",
+        "jest-worker": "^27.4.5",
+        "schema-utils": "^3.1.1",
+        "serialize-javascript": "^6.0.1",
+        "terser": "^5.16.5"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "webpack": "^5.1.0"
+      },
+      "peerDependenciesMeta": {
+        "@swc/core": {
+          "optional": true
+        },
+        "esbuild": {
+          "optional": true
+        },
+        "uglify-js": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/terser-webpack-plugin/node_modules/schema-utils": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.1.2.tgz",
+      "integrity": "sha512-pvjEHOgWc9OWA/f/DE3ohBWTD6EleVLf7iFUkoSwAxttdBhB9QUebQgxER2kWueOvRJXPHNnyrvvh9eZINB8Eg==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@types/json-schema": "^7.0.8",
+        "ajv": "^6.12.5",
+        "ajv-keywords": "^3.5.2"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
+    "node_modules/text-table": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
+      "integrity": "sha1-f17oI66AUgfACvLfSoTsP8+lcLQ=",
+      "dev": true
+    },
+    "node_modules/thread-stream": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/thread-stream/-/thread-stream-2.3.0.tgz",
+      "integrity": "sha512-kaDqm1DET9pp3NXwR8382WHbnpXnRkN9xGN9dQt3B2+dmXiW8X1SOwmFOxAErEQ47ObhZ96J6yhZNXuyCOL7KA==",
+      "dependencies": {
+        "real-require": "^0.2.0"
+      }
+    },
+    "node_modules/to-fast-properties": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz",
+      "integrity": "sha1-3F5pjL0HkmW8c+A3doGk5Og/YW4=",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "devOptional": true,
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/trim-newlines": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-3.0.1.tgz",
+      "integrity": "sha512-c1PTsA3tYrIsLGkJkzHF+w9F2EyxfXGo4UyJc4pFL++FMjnq0HJS69T3M7d//gKrFKwy429bouPescbjecU+Zw==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ts-api-utils": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.0.1.tgz",
+      "integrity": "sha512-lC/RGlPmwdrIBFTX59wwNzqh7aR2otPNPR/5brHZm/XKFYKsfqxihXUe9pU3JI+3vGkl+vyCoNNnPhJn3aLK1A==",
+      "dev": true,
+      "engines": {
+        "node": ">=16.13.0"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.2.0"
+      }
+    },
+    "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/tsconfig-paths/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/tslib": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
+      "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
+    },
+    "node_modules/type-check": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
+      "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
+      "dev": true,
+      "dependencies": {
+        "prelude-ls": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/type-fest": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
+      "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/typed-array-buffer": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.0.tgz",
+      "integrity": "sha512-Y8KTSIglk9OZEr8zywiIHG/kmQ7KWyjseXs1CbSo8vC42w7hg2HgYTxSWwP0+is7bWDc1H+Fo026CpHFwm8tkw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.2.1",
+        "is-typed-array": "^1.1.10"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/typed-array-byte-length": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.0.tgz",
+      "integrity": "sha512-Or/+kvLxNpeQ9DtSydonMxCx+9ZXOswtwJn17SNLvhptaXYDJvkFFP5zbfU/uLmvnBJlI4yrnXRxpdWH/M5tNA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "for-each": "^0.3.3",
+        "has-proto": "^1.0.1",
+        "is-typed-array": "^1.1.10"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typed-array-byte-offset": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.0.tgz",
+      "integrity": "sha512-RD97prjEt9EL8YgAgpOkf3O4IF9lhJFr9g0htQkm0rchFp/Vx7LW5Q8fSXXub7BXAODyUQohRMyOc3faCPd0hg==",
+      "dev": true,
+      "dependencies": {
+        "available-typed-arrays": "^1.0.5",
+        "call-bind": "^1.0.2",
+        "for-each": "^0.3.3",
+        "has-proto": "^1.0.1",
+        "is-typed-array": "^1.1.10"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typed-array-length": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.4.tgz",
+      "integrity": "sha512-KjZypGq+I/H7HI5HlOoGHkWUUGq+Q0TPhQurLbyrVrvnKTBgzLhIJ7j6J/XTQOi0d1RjyZ0wdas8bKs2p0x3Ng==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "for-each": "^0.3.3",
+        "is-typed-array": "^1.1.9"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typescript": {
+      "version": "5.1.6",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.1.6.tgz",
+      "integrity": "sha512-zaWCozRZ6DLEWAWFrVDz1H6FVXzUSfTy5FUMWsQlU8Ym5JP9eO4xkTIROFCQvhQf61z6O/G6ugw3SgAnvvm+HA==",
+      "dev": true,
+      "peer": true,
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "node_modules/unbox-primitive": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz",
+      "integrity": "sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "has-bigints": "^1.0.2",
+        "has-symbols": "^1.0.3",
+        "which-boxed-primitive": "^1.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/unhomoglyph": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/unhomoglyph/-/unhomoglyph-1.0.6.tgz",
+      "integrity": "sha512-7uvcWI3hWshSADBu4JpnyYbTVc7YlhF5GDW/oPD5AxIxl34k4wXR3WDkPnzLxkN32LiTCTKMQLtKVZiwki3zGg=="
+    },
+    "node_modules/unicode-canonical-property-names-ecmascript": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.0.tgz",
+      "integrity": "sha512-yY5PpDlfVIU5+y/BSCxAJRBIS1Zc2dDG3Ujq+sR0U+JjUevW2JhocOF+soROYDSaAezOzOKuyyixhD6mBknSmQ==",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/unicode-match-property-ecmascript": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/unicode-match-property-ecmascript/-/unicode-match-property-ecmascript-2.0.0.tgz",
+      "integrity": "sha512-5kaZCrbp5mmbz5ulBkDkbY0SsPOjKqVS35VpL9ulMPfSl0J0Xsm+9Evphv9CoIZFwre7aJoa94AY6seMKGVN5Q==",
+      "dependencies": {
+        "unicode-canonical-property-names-ecmascript": "^2.0.0",
+        "unicode-property-aliases-ecmascript": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/unicode-match-property-value-ecmascript": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-2.1.0.tgz",
+      "integrity": "sha512-qxkjQt6qjg/mYscYMC0XKRn3Rh0wFPlfxB0xkt9CfyTvpX1Ra0+rAmdX2QyAobptSEvuy4RtpPRui6XkV+8wjA==",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/unicode-property-aliases-ecmascript": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-2.1.0.tgz",
+      "integrity": "sha512-6t3foTQI9qne+OZoVQB/8x8rk2k1eVy1gRXhV3oFQ5T6R1dqQ1xtin3XqSlx3+ATBkliTaR/hHyJBm+LVPNM8w==",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/update-browserslist-db": {
+      "version": "1.0.13",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz",
+      "integrity": "sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "escalade": "^3.1.1",
+        "picocolors": "^1.0.0"
+      },
+      "bin": {
+        "update-browserslist-db": "cli.js"
+      },
+      "peerDependencies": {
+        "browserslist": ">= 4.21.0"
+      }
+    },
+    "node_modules/uri-js": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
+      "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
+      "dev": true,
+      "dependencies": {
+        "punycode": "^2.1.0"
+      }
+    },
+    "node_modules/util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=",
+      "dev": true
+    },
+    "node_modules/uuid": {
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-9.0.0.tgz",
+      "integrity": "sha512-MXcSTerfPa4uqyzStbRoTgt5XIe3x5+42+q1sDuy3R5MDk66URdLMOZe5aPX/SQd+kuYAh0FdP/pO28IkQyTeg==",
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    },
+    "node_modules/v8-compile-cache": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz",
+      "integrity": "sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA==",
+      "dev": true
+    },
+    "node_modules/validate-npm-package-license": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz",
+      "integrity": "sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==",
+      "dev": true,
+      "dependencies": {
+        "spdx-correct": "^3.0.0",
+        "spdx-expression-parse": "^3.0.0"
+      }
+    },
+    "node_modules/void-elements": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/void-elements/-/void-elements-3.1.0.tgz",
+      "integrity": "sha1-YU9/v42AHwu18GYfWy9XhXUOTwk=",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/warning": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/warning/-/warning-4.0.3.tgz",
+      "integrity": "sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==",
+      "dependencies": {
+        "loose-envify": "^1.0.0"
+      }
+    },
+    "node_modules/watchpack": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.0.tgz",
+      "integrity": "sha512-Lcvm7MGST/4fup+ifyKi2hjyIAwcdI4HRgtvTpIUxBRhB+RFtUh8XtDOxUfctVCnhVi+QQj49i91OyvzkJl6cg==",
+      "dependencies": {
+        "glob-to-regexp": "^0.4.1",
+        "graceful-fs": "^4.1.2"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/webpack": {
+      "version": "5.81.0",
+      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.81.0.tgz",
+      "integrity": "sha512-AAjaJ9S4hYCVODKLQTgG5p5e11hiMawBwV2v8MYLE0C/6UAGLuAF4n1qa9GOwdxnicaP+5k6M5HrLmD4+gIB8Q==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@types/eslint-scope": "^3.7.3",
+        "@types/estree": "^1.0.0",
+        "@webassemblyjs/ast": "^1.11.5",
+        "@webassemblyjs/wasm-edit": "^1.11.5",
+        "@webassemblyjs/wasm-parser": "^1.11.5",
+        "acorn": "^8.7.1",
+        "acorn-import-assertions": "^1.7.6",
+        "browserslist": "^4.14.5",
+        "chrome-trace-event": "^1.0.2",
+        "enhanced-resolve": "^5.13.0",
+        "es-module-lexer": "^1.2.1",
+        "eslint-scope": "5.1.1",
+        "events": "^3.2.0",
+        "glob-to-regexp": "^0.4.1",
+        "graceful-fs": "^4.2.9",
+        "json-parse-even-better-errors": "^2.3.1",
+        "loader-runner": "^4.2.0",
+        "mime-types": "^2.1.27",
+        "neo-async": "^2.6.2",
+        "schema-utils": "^3.1.2",
+        "tapable": "^2.1.1",
+        "terser-webpack-plugin": "^5.3.7",
+        "watchpack": "^2.4.0",
+        "webpack-sources": "^3.2.3"
+      },
+      "bin": {
+        "webpack": "bin/webpack.js"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependenciesMeta": {
+        "webpack-cli": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/webpack-sources": {
+      "version": "3.2.3",
+      "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.2.3.tgz",
+      "integrity": "sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/webpack/node_modules/schema-utils": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.1.2.tgz",
+      "integrity": "sha512-pvjEHOgWc9OWA/f/DE3ohBWTD6EleVLf7iFUkoSwAxttdBhB9QUebQgxER2kWueOvRJXPHNnyrvvh9eZINB8Eg==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@types/json-schema": "^7.0.8",
+        "ajv": "^6.12.5",
+        "ajv-keywords": "^3.5.2"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
+    "node_modules/which": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+      "dev": true,
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "node-which": "bin/node-which"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/which-boxed-primitive": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz",
+      "integrity": "sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==",
+      "dev": true,
+      "dependencies": {
+        "is-bigint": "^1.0.1",
+        "is-boolean-object": "^1.1.0",
+        "is-number-object": "^1.0.4",
+        "is-string": "^1.0.5",
+        "is-symbol": "^1.0.3"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-builtin-type": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/which-builtin-type/-/which-builtin-type-1.1.3.tgz",
+      "integrity": "sha512-YmjsSMDBYsM1CaFiayOVT06+KJeXf0o5M/CAd4o1lTadFAtacTUM49zoYxr/oroopFDfhvN6iEcBxUyc3gvKmw==",
+      "dev": true,
+      "dependencies": {
+        "function.prototype.name": "^1.1.5",
+        "has-tostringtag": "^1.0.0",
+        "is-async-function": "^2.0.0",
+        "is-date-object": "^1.0.5",
+        "is-finalizationregistry": "^1.0.2",
+        "is-generator-function": "^1.0.10",
+        "is-regex": "^1.1.4",
+        "is-weakref": "^1.0.2",
+        "isarray": "^2.0.5",
+        "which-boxed-primitive": "^1.0.2",
+        "which-collection": "^1.0.1",
+        "which-typed-array": "^1.1.9"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-collection": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/which-collection/-/which-collection-1.0.1.tgz",
+      "integrity": "sha512-W8xeTUwaln8i3K/cY1nGXzdnVZlidBcagyNFtBdD5kxnb4TvGKR7FfSIS3mYpwWS1QUCutfKz8IY8RjftB0+1A==",
+      "dev": true,
+      "dependencies": {
+        "is-map": "^2.0.1",
+        "is-set": "^2.0.1",
+        "is-weakmap": "^2.0.1",
+        "is-weakset": "^2.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-typed-array": {
+      "version": "1.1.13",
+      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.13.tgz",
+      "integrity": "sha512-P5Nra0qjSncduVPEAr7xhoF5guty49ArDTwzJ/yNuPIbZppyRxFQsRCWrocxIY+CnMVG+qfbU2FmDKyvSGClow==",
+      "dev": true,
+      "dependencies": {
+        "available-typed-arrays": "^1.0.5",
+        "call-bind": "^1.0.4",
+        "for-each": "^0.3.3",
+        "gopd": "^1.0.1",
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/word-wrap": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
+      "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/wrappy": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+      "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8="
+    },
+    "node_modules/write-file-atomic": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-4.0.1.tgz",
+      "integrity": "sha512-nSKUxgAbyioruk6hU87QzVbY279oYT6uiwgDoujth2ju4mJ+TZau7SQBhtbTmUyuNYTuXnSyRn66FV0+eCgcrQ==",
+      "dev": true,
+      "dependencies": {
+        "imurmurhash": "^0.1.4",
+        "signal-exit": "^3.0.7"
+      },
+      "engines": {
+        "node": "^12.13.0 || ^14.15.0 || >=16"
+      }
+    },
+    "node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "dev": true
+    },
+    "node_modules/yaml": {
+      "version": "1.10.2",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
+      "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/yargs-parser": {
+      "version": "20.2.9",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-20.2.9.tgz",
+      "integrity": "sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/yocto-queue": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
+      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    }
+  }
+}

From 925d7364c87d3ef87db240537654056c3ef66a64 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 15 Nov 2023 13:00:31 +0100
Subject: [PATCH 312/714] chore: improve translation

---
 public/locales/de/spacedeck.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/public/locales/de/spacedeck.json b/public/locales/de/spacedeck.json
index 186409fa..b6a55e18 100644
--- a/public/locales/de/spacedeck.json
+++ b/public/locales/de/spacedeck.json
@@ -6,6 +6,6 @@
     "Link to sketch": "Link zum Sketch",
     "Can't connect with the provided /sketch server. Please try again later": "Es kann keine Verbindung zum /sketch Server hergestellt werden. Bitte probiere es später nochmal.",
     "Something went wrong when trying to delete the sketch, please try again or if the error persists, try logging out and logging in again.": "Beim Versuch, den Sketch zu löschen, ist etwas schief gelaufen. Bitte versuche es noch einmal, oder wenn der Fehler weiterhin besteht, logge dich aus und wieder ein.",
-    "Syncing {{name}} from server" : "Synchronisierung von {{name}} vom Server",
+    "Syncing {{name}} from server" : "Synchronisierung von {{name}} mit dem Server",
     "Delete sketch": "Sketch löschen"
 }

From 283f680fecbbbc36c7645f8a4da24e220c8ead1b Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 15 Nov 2023 13:04:22 +0100
Subject: [PATCH 313/714] chore: make linter happy

---
 pages/etherpad/[[...roomId]].js | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/pages/etherpad/[[...roomId]].js b/pages/etherpad/[[...roomId]].js
index 0eb758ce..2b002c97 100644
--- a/pages/etherpad/[[...roomId]].js
+++ b/pages/etherpad/[[...roomId]].js
@@ -132,6 +132,7 @@ export default function Etherpad() {
 
     const createWriteRoom = useCallback(async (link, name) => {
         if (!link || !name) return;
+
         const createRoomForPad = async () => {
             return await matrix.createRoom(name, false, '', 'invite', 'content', 'etherpad');
         };
@@ -163,6 +164,7 @@ export default function Etherpad() {
             await etherpad.syncAllPads();
             setServerPads(etherpad.getAllPads());
         }
+
         setErrorMessage('');
 
         return room;
@@ -197,6 +199,7 @@ export default function Etherpad() {
                 const link = getConfig().publicRuntimeConfig.authProviders.etherpad.baseUrl + '/' + pad._id;
                 await createWriteRoom(link, pad.name);
             }
+
             setIsSyncingServerPads(false);
             setUserFeedback('');
         };

From f8e60f4e1c6ced513562b8306cd2ba452e364766 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Wed, 15 Nov 2023 13:07:29 +0100
Subject: [PATCH 314/714] chore: make linter happy

---
 pages/spacedeck/[[...roomId]].js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/pages/spacedeck/[[...roomId]].js b/pages/spacedeck/[[...roomId]].js
index 93054b8a..c36218e9 100644
--- a/pages/spacedeck/[[...roomId]].js
+++ b/pages/spacedeck/[[...roomId]].js
@@ -6,7 +6,6 @@ import { useRouter } from 'next/router';
 import { logger } from 'matrix-js-sdk/lib/logger';
 import { DeleteBinIcon } from '@remixicons/react/line';
 
-import LoadingSpinner from '../../components/UI/LoadingSpinner';
 import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
 import { useAuth } from '../../lib/Auth';
 import { useMatrix } from '../../lib/Matrix';
@@ -54,7 +53,7 @@ export default function Spacedeck() {
         const matrixSketches = {};
 
         // Function to recursively collect all Matrix sketches within a space
-        const getAllMatrixSketches = (id, parent) => {
+        const getAllMatrixSketches = (id) => {
             if (matrix?.spaces.get(id)?.children) {
                 for (const roomId of spacedeckChildren) {
                     // Extract the spacedeck id from room content
@@ -179,6 +178,7 @@ export default function Spacedeck() {
 
         // Log debug information about current progress
         logger.debug('Added %s to parent %s', name, parent);
+
         // Send the message to the room with retry handling
         const sendMessage = async () => {
             await matrixClient.sendMessage(room, {

From 5981d4ba32127a2788669641dc3228445454cbd7 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 16 Nov 2023 15:23:12 +0100
Subject: [PATCH 315/714] refactor: move retry logic into Matrix.js

---
 lib/Matrix.js                    | 68 ++++++++++++++++++++++----------
 pages/spacedeck/[[...roomId]].js | 34 +++-------------
 2 files changed, 54 insertions(+), 48 deletions(-)

diff --git a/lib/Matrix.js b/lib/Matrix.js
index afeee32c..3c8ba9c7 100644
--- a/lib/Matrix.js
+++ b/lib/Matrix.js
@@ -214,20 +214,17 @@ function useMatrixProvider(auth) {
     }, [AccountDataEvent, RoomMyMembershipEvent, RoomReceiptEvent, RoomTimelineEvent, SyncEvent, matrixClient]);
 
     const createRoom = useCallback(async (name, isSpace, topic, joinRule, type, template, application) => {
-        const room = await authenticationProvider.createRoom(name, isSpace, topic, joinRule, type, template, application);
-
-        if (isSpace) {
-            if (!spaces.has(room.room_id)) {
-                setSpaces(setRoom(room.room_id));
-            }
-        } else {
-            if (!rooms.has(room.room_id)) {
-                setRooms(setRoom(room.room_id));
-            }
-        }
+        const room = await authenticationProvider.createRoom(name, isSpace, topic, joinRule, type, template, application)
+            .catch((error) => {
+                return handleRateLimit(error, () => createRoom(name, isSpace, topic, joinRule, type, template, application))
+                    .catch(error => {
+                        return error.message;
+                    });
+            });
 
-        return room.room_id;
-    }, [authenticationProvider, rooms, setRoom, spaces]);
+        // in case of recursion room will already return the desired roomId
+        return room.room_id || room;
+    }, [authenticationProvider]);
 
     useEffect(() => {
         let cancelled = false;
@@ -251,9 +248,7 @@ function useMatrixProvider(auth) {
                     'invite',
                     'context',
                     'applications')
-                    .catch(error => {
-                        return handleRateLimit(error, () => createNewApplicationsSpace());
-                    });
+                    .catch(error => logger.debug(error));
                 const newApplicationsSpace = await createNewApplicationsSpace();
 
                 logger.debug('Created new "Applications" space', { newApplicationsSpace });
@@ -301,10 +296,8 @@ function useMatrixProvider(auth) {
                         'invite',
                         'context',
                         'application')
-                        .catch(error => {
-                            return handleRateLimit(error, () => createNewServiceRoom())
-                                .catch(error => logger.debug(error.message));
-                        });
+                        .catch(error => logger.debug(error));
+
                     const roomId = await createNewServiceRoom();
                     logger.debug('Created new service space...', { serviceType: element, roomId });
 
@@ -393,6 +386,39 @@ function useMatrixProvider(auth) {
         return fetchMetaEvent;
     };
 
+    /**
+     * Adds a child to a parent space using the authentication provider.
+     *
+     * @param {string} parent - The ID or name of the parent space.
+     * @param {string} child - The ID or name of the child space or room to be added.
+     * @param {boolean} suggested - Indicates whether the addition is suggested (i.e. in element).
+     * @returns {Promise<string>} A promise that resolves with a success message or rejects with an error message.
+     * @throws {Error} If the authentication provider encounters an error other than 429 during the operation.
+     */
+    const addSpaceChild = async (parent, child, suggested) => {
+        await authenticationProvider.addSpaceChild(parent, child, suggested)
+            .catch((error) => {
+                return handleRateLimit(error, () => addSpaceChild(parent, child, suggested));
+            });
+    };
+
+    /**
+     * Sends a text message to a specified matrix room using the Matrix client.
+     *
+     * @param {string} roomId - The ID of the room where the message will be sent.
+     * @param {string} message - The text message to be sent.
+     * @returns {Promise<string>} A promise that resolves with a success message
+     * @throws {Error} If there is an issue other than 429 sending the message or if a rate limit is encountered.
+     */
+    const sendMessage = async (roomId, message) => {
+        await matrixClient.sendMessage(roomId, {
+            msgtype: 'm.text',
+            body: message,
+        }).catch((error) => {
+            return handleRateLimit(error, () => sendMessage(roomId, message));
+        });
+    };
+
     return {
         rooms,
         spaces,
@@ -408,6 +434,8 @@ function useMatrixProvider(auth) {
         hydrateMetaEvent,
         isConnectedToServer,
         handleRateLimit,
+        addSpaceChild,
+        sendMessage,
     };
 }
 
diff --git a/pages/spacedeck/[[...roomId]].js b/pages/spacedeck/[[...roomId]].js
index c36218e9..c5157192 100644
--- a/pages/spacedeck/[[...roomId]].js
+++ b/pages/spacedeck/[[...roomId]].js
@@ -154,44 +154,22 @@ export default function Spacedeck() {
         setUserFeedback(t('Syncing {{name}} from server', { name: name }));
 
         // Create the room with retry handling
-        const createRoomForSketch = async () => {
-            return await matrix.createRoom(name, false, '', 'invite', 'content', 'spacedeck');
-        };
-
-        const room = await createRoomForSketch()
-            .catch(async (error) => {
-                return matrix.handleRateLimit(error, () => createRoomForSketch())
-                    .catch(error => setErrorMessage(error.message));
-            });
+        const room = await matrix.createRoom(name, false, '', 'invite', 'content', 'spacedeck')
+            .catch(error => setErrorMessage(error));
 
         // Log debug information about current progress
         logger.debug(`Created room for ${name} with id ${room}`);
 
         // Add the room as a child to the parent space
-        const addSpaceChild = async () => await auth.getAuthenticationProvider('matrix').addSpaceChild(parent, room);
-
-        await addSpaceChild()
-            .catch(async (error) => {
-                return matrix.handleRateLimit(error, () => addSpaceChild())
-                    .catch(error => setErrorMessage(error.message));
-            });
+        await matrix.addSpaceChild(parent, room)
+            .catch(error => setErrorMessage(error));
 
         // Log debug information about current progress
         logger.debug('Added %s to parent %s', name, parent);
 
         // Send the message to the room with retry handling
-        const sendMessage = async () => {
-            await matrixClient.sendMessage(room, {
-                msgtype: 'm.text',
-                body: link,
-            });
-        };
-
-        await sendMessage()
-            .catch(async (error) => {
-                return matrix.handleRateLimit(error, () => sendMessage())
-                    .catch(error => setErrorMessage(error.message));
-            });
+        await matrix.sendMessage(room, link)
+            .catch(error => setErrorMessage(error));
 
         return room;
     }

From 7244efa1ca79ca902377a5b35e3bc1a8431872c7 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 16 Nov 2023 15:26:58 +0100
Subject: [PATCH 316/714] refactor: remove retry logic

---
 pages/etherpad/[[...roomId]].js | 32 ++++++++------------------------
 1 file changed, 8 insertions(+), 24 deletions(-)

diff --git a/pages/etherpad/[[...roomId]].js b/pages/etherpad/[[...roomId]].js
index 2b002c97..1d87a6d6 100644
--- a/pages/etherpad/[[...roomId]].js
+++ b/pages/etherpad/[[...roomId]].js
@@ -133,32 +133,16 @@ export default function Etherpad() {
     const createWriteRoom = useCallback(async (link, name) => {
         if (!link || !name) return;
 
-        const createRoomForPad = async () => {
-            return await matrix.createRoom(name, false, '', 'invite', 'content', 'etherpad');
-        };
+        const room = await matrix.createRoom(name, false, '', 'invite', 'content', 'etherpad')
+            .catch(error => setErrorMessage(error.message));
+
+        await matrix.addSpaceChild(matrix.serviceSpaces.etherpad, room)
+            .catch(error => setErrorMessage(error.message));
 
-        const room = await createRoomForPad()
-            .catch(async (error) => {
-                return matrix.handleRateLimit(error, () => createRoomForPad())
-                    .catch(error => setErrorMessage(error.message));
-            });
-        const addRoomToServiceSpace = async () => await auth.getAuthenticationProvider('matrix').addSpaceChild(matrix.serviceSpaces.etherpad, room);
-        await addRoomToServiceSpace()
-            .catch(async (error) => {
-                return matrix.handleRateLimit(error, () => addRoomToServiceSpace())
-                    .catch(error => setErrorMessage(error.message));
-            });
-
-        const sendMessageToRoom = async () => await matrixClient.sendMessage(room, {
+        await matrix.sendMessage(room, {
             msgtype: 'm.text',
             body: link,
-        });
-
-        await sendMessageToRoom()
-            .catch(async (error) => {
-                return matrix.handleRateLimit(error, () => sendMessageToRoom())
-                    .catch(error => setErrorMessage(error.message));
-            });
+        }).catch(error => setErrorMessage(error.message));
 
         if (getConfig().publicRuntimeConfig.authProviders.etherpad.myPads?.api) {
             await etherpad.syncAllPads();
@@ -168,7 +152,7 @@ export default function Etherpad() {
         setErrorMessage('');
 
         return room;
-    }, [auth, matrix, matrixClient, etherpad]);
+    }, [matrix, etherpad]);
 
     useEffect(() => {
         let cancelled = false;

From 5ff311e9ce8a23040528d556c99ec30d68f79074 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Thu, 16 Nov 2023 18:34:41 +0100
Subject: [PATCH 317/714] refactor: adapt to layout changes

---
 components/UI/ServiceIframeHeader.js |  8 +++++---
 pages/etherpad/[[...roomId]].js      |  2 --
 pages/explore/TreeLeaves.js          |  3 ++-
 pages/explore/[[...roomId]].js       | 21 +++++++++++----------
 4 files changed, 18 insertions(+), 16 deletions(-)

diff --git a/components/UI/ServiceIframeHeader.js b/components/UI/ServiceIframeHeader.js
index 199d5c5d..07cb7aa9 100644
--- a/components/UI/ServiceIframeHeader.js
+++ b/components/UI/ServiceIframeHeader.js
@@ -7,6 +7,7 @@ import CopyToClipboard from '../../components/UI/CopyToClipboard';
 import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
 import TextButton from './TextButton';
 import DefaultLayout from '../layouts/default';
+import { InviteUserToMatrixRoom } from './InviteUsersToMatrixRoom';
 
 const ToggleButton = styled.button`
   /* unset globally defined button styles; set height to line-height */
@@ -29,9 +30,10 @@ const ServiceIframeHeader = ({ isDeletingPad, deleteContent, title, myPadsObject
                 { deleteContent && <TextButton title={t(myPadsObject ? 'Delete pad' : 'Remove pad from my library')} onClick={deleteContent}>
                     { isDeletingPad ? <LoadingSpinnerInline /> : <DeleteBinIcon width="var(--icon-size)" height="var(--icon-size)" fill="var(--color-foreground)" /> }
                 </TextButton> }
-                <TextButton title={t('Invite users to' + ' ' + title)} onClick={setIsInviteUsersOpen}>
-                    { isInviteUsersOpen ? <UserUnfollowIcon width="var(--icon-size)" height="var(--icon-size)" fill="var(--color-foreground)" /> : <UserAddIcon width="var(--icon-size)" height="var(--icon-size)" fill="var(--color-foreground)" /> }
-                </TextButton>
+                <InviteUserToMatrixRoom.Button
+                    name={title}
+                    onClick={setIsInviteUsersOpen}
+                    inviteUsersOpen={isInviteUsersOpen} />
                 { myPowerLevel && (
                     manageContextActionToggle ? (
                         <ToggleButton onClick={() => { setManageContextActionToggle(false); }}>
diff --git a/pages/etherpad/[[...roomId]].js b/pages/etherpad/[[...roomId]].js
index 464ee3e2..2f977b89 100644
--- a/pages/etherpad/[[...roomId]].js
+++ b/pages/etherpad/[[...roomId]].js
@@ -3,12 +3,10 @@ import { useTranslation } from 'react-i18next';
 import getConfig from 'next/config';
 import _ from 'lodash';
 import { useRouter } from 'next/router';
-import { DeleteBinIcon } from '@remixicons/react/line';
 
 import { useAuth } from '../../lib/Auth';
 import { useMatrix } from '../../lib/Matrix';
 import ErrorMessage from '../../components/UI/ErrorMessage';
-import Icon from '../../components/UI/Icon';
 import DefaultLayout from '../../components/layouts/default';
 import { ServiceSubmenu } from '../../components/UI/ServiceSubmenu';
 import { ServiceTable } from '../../components/UI/ServiceTable';
diff --git a/pages/explore/TreeLeaves.js b/pages/explore/TreeLeaves.js
index ea06e63c..b63d2d81 100644
--- a/pages/explore/TreeLeaves.js
+++ b/pages/explore/TreeLeaves.js
@@ -25,7 +25,7 @@ const TreeLeaves = ({ leaf, selectedRoomId, isFetchingContent, small }) => {
             >
                 { leaf.missingMetaEvent ?
                     <em> <Link disabled={isFetchingContent} href={`/explore/${roomId}`}>{ leaf.name }{ isFetchingContent === roomId && <LoadingSpinnerInline /> }</Link></em>
-                    :<Link disabled={isFetchingContent} href={getConfig().publicRuntimeConfig.templates.item.includes(leaf.template) ? `/explore/${parentId}/${roomId}` : `/explore/${roomId}`}>{ leaf.name }{ isFetchingContent === roomId && <LoadingSpinnerInline /> }</Link>
+                    :<Link disabled={isFetchingContent} href={getConfig().publicRuntimeConfig.templates?.item.includes(leaf.template) ? `/explore/${parentId}/${roomId}` : `/explore/${roomId}`}>{ leaf.name }{ isFetchingContent === roomId && <LoadingSpinnerInline /> }</Link>
                 }
             </ServiceTable.Cell>
             <ServiceTable.Cell title={leaf.template}>
@@ -38,4 +38,5 @@ const TreeLeaves = ({ leaf, selectedRoomId, isFetchingContent, small }) => {
         </ServiceTable.Row>
     );
 };
+
 export default TreeLeaves;
diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 685d39b6..d5ea13a0 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -6,7 +6,6 @@ import styled from 'styled-components';
 import { useTranslation } from 'react-i18next';
 
 import { ServiceTable } from '../../components/UI/ServiceTable';
-import IframeLayout from '../../components/layouts/iframe';
 import LoadingSpinner from '../../components/UI/LoadingSpinner';
 import { useAuth } from '../../lib/Auth';
 import { useMatrix } from '../../lib/Matrix';
@@ -18,11 +17,13 @@ import TreePath from './TreePath';
 import ExploreIframeViews from './ExploreIframeViews';
 import logger from '../../lib/Logging';
 import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
+import DefaultLayout from '../../components/layouts/default';
 
 const ServiceTableWrapper = styled.div`
   width: 100%;
   overflow: auto;
 `;
+
 /**
  * Explore component for managing room hierarchies and content.
  *
@@ -58,9 +59,11 @@ export default function Explore() {
     useEffect(() => {
         const controller = new AbortController();
         const signal = controller.signal;
+
         const checkForRoomContent = async () => {
             await matrix.hydrateRoomContent(iframeRoomId, signal);
         };
+
         iframeRoomId && checkForRoomContent();
 
         return () => controller.abort();
@@ -123,6 +126,7 @@ export default function Explore() {
         setSelectedSpaceChildren((prevState) => {
             // Check if the selected roomId is already inside the array
             let indexOfParent = null;
+
             for (const [index, children] of prevState.entries()) {
                 if (children[0].room_id === roomId) {
                     // If there is a match, return the position and exit the loop
@@ -130,6 +134,7 @@ export default function Explore() {
                     break;
                 }
             }
+
             // If indexOfParent is 0 or the context root ID defined in the config, return the new spaceHierarchy
             if (indexOfParent === 0 || roomId === getConfig().publicRuntimeConfig.contextRootSpaceRoomId) return [spaceHierarchy];
             // Otherwise, delete all entries starting with the found index
@@ -165,7 +170,7 @@ export default function Explore() {
 
     return (
         <>
-            <IframeLayout.Sidebar>
+            <DefaultLayout.Sidebar>
                 <h2 ref={dimensionsRef}>/explore   { _.isEmpty(selectedSpaceChildren) && isFetchingContent && <LoadingSpinnerInline /> }</h2>
                 <ServiceTableWrapper>
                     { !navigator.userAgent.includes('iPhone') && !navigator.userAgent.includes('Android') &&
@@ -177,9 +182,9 @@ export default function Explore() {
                         />
                     }
                 </ServiceTableWrapper>
-            </IframeLayout.Sidebar>
+            </DefaultLayout.Sidebar>
 
-            <IframeLayout.IframeWrapper>
+            <DefaultLayout.IframeWrapper>
                 { iframeRoomId && !_.isEmpty(selectedSpaceChildren)? (
                     <ExploreIframeViews
                         currentTemplate={currentTemplate}
@@ -222,6 +227,7 @@ export default function Explore() {
                                                 Thank you, { auth.user.displayname }! But our item is in another context! 🍄
                                             </ErrorMessage>;
                                         }
+
                                         if (index === 0) return null;
 
                                         // Sort the array to display objects of type 'item' before others
@@ -240,12 +246,7 @@ export default function Explore() {
                 </>
                 }
                 { errorMessage && <ErrorMessage>{ errorMessage }</ErrorMessage> }
-            </IframeLayout.IframeWrapper>
+            </DefaultLayout.IframeWrapper>
         </>
     );
 }
-
-// Set the layout for the Explore component
-Explore.getLayout = () => {
-    return IframeLayout.Layout;
-};

From ee94b842619d36c4c8babf8f8f9d44e844972d9f Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Fri, 17 Nov 2023 12:54:16 +0100
Subject: [PATCH 318/714] fix: style for non-iframe content

---
 components/layouts/default.js       | 18 ++++++++++++++++--
 pages/explore/ExploreIframeViews.js |  8 +++++---
 pages/explore/[[...roomId]].js      |  4 ++--
 3 files changed, 23 insertions(+), 7 deletions(-)

diff --git a/components/layouts/default.js b/components/layouts/default.js
index bd267ce4..d054b59e 100644
--- a/components/layouts/default.js
+++ b/components/layouts/default.js
@@ -46,14 +46,27 @@ const Sidebar = styled.div`
   }
 `;
 
-const IframeWrapper = styled.div`
+const Wrapper = styled.div`
   display: flex;
   flex: 1 0;
   flex-direction: column;
   align-items: center;
-  justify-content: center;
   height: 100%;
 
+  > div {
+    padding: 0 var(--margin);
+
+    // On bigger viewports ...
+    @media ${breakpoints.tabletAndAbove} {
+      padding: 0 calc(var(--margin) * 1.5);
+    }
+  }
+
+`;
+
+const IframeWrapper = styled(Wrapper)`
+  padding: 0;
+
   iframe {
     width: 100%;
     height: 100%;
@@ -111,6 +124,7 @@ const DefaultLayout = {
     Layout: memo(Layout),
     LameColumn: memo(LameColumn), // in search of a better name
     Sidebar: memo(Sidebar),
+    Wrapper: memo(Wrapper),
     IframeWrapper: memo(IframeWrapper),
     IframeHeader: memo(IframeHeader),
     IframeHeaderButtonWrapper: memo(IframeHeaderButtonWrapper),
diff --git a/pages/explore/ExploreIframeViews.js b/pages/explore/ExploreIframeViews.js
index 6902a6e1..831dde24 100644
--- a/pages/explore/ExploreIframeViews.js
+++ b/pages/explore/ExploreIframeViews.js
@@ -15,6 +15,7 @@ const ExploreIframeViews = ({ currentTemplate, iframeRoomId, title: parsedTitle
 
     useEffect(() => {
         let cancelled = false;
+
         const fetchRoomName = async () => {
             const nameEvent = await matrixClient.getStateEvent(
                 iframeRoomId,
@@ -40,7 +41,7 @@ const ExploreIframeViews = ({ currentTemplate, iframeRoomId, title: parsedTitle
                             title={title}
                             removeLink={() => console.log('removing pad from parent')}
                             removingLink={false} />
-                        <iframe src={matrix.roomContents.get(iframeRoomId)?.body} />
+                        <iframe title="studentproject" src={matrix.roomContents.get(iframeRoomId)?.body} />
                     </>
                 );
             case 'sketch-link':
@@ -51,7 +52,7 @@ const ExploreIframeViews = ({ currentTemplate, iframeRoomId, title: parsedTitle
                             title={title}
                             removeLink={() => console.log('removing sketch from parent')}
                             removingLink={false} />
-                        <iframe src={matrix.roomContents.get(iframeRoomId)?.body} />
+                        <iframe title="sketch" src={matrix.roomContents.get(iframeRoomId)?.body} />
                     </>
                 );
             default:
@@ -62,10 +63,11 @@ const ExploreIframeViews = ({ currentTemplate, iframeRoomId, title: parsedTitle
                             title={title}
                             removeLink={() => console.log('removing chat from parent')}
                             removingLink={false} />
-                        <ChatIframeView src={`${getConfig().publicRuntimeConfig.chat.pathToElement}/#/room/${iframeRoomId}`} />
+                        <ChatIframeView title="chat" src={`${getConfig().publicRuntimeConfig.chat.pathToElement}/#/room/${iframeRoomId}`} />
                     </>
                 );
         }
     })();
 };
+
 export default ExploreIframeViews;
diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index d5ea13a0..8dcebb29 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -184,7 +184,7 @@ export default function Explore() {
                 </ServiceTableWrapper>
             </DefaultLayout.Sidebar>
 
-            <DefaultLayout.IframeWrapper>
+            <DefaultLayout.Wrapper>
                 { iframeRoomId && !_.isEmpty(selectedSpaceChildren)? (
                     <ExploreIframeViews
                         currentTemplate={currentTemplate}
@@ -246,7 +246,7 @@ export default function Explore() {
                 </>
                 }
                 { errorMessage && <ErrorMessage>{ errorMessage }</ErrorMessage> }
-            </DefaultLayout.IframeWrapper>
+            </DefaultLayout.Wrapper>
         </>
     );
 }

From c7c7cc8423755733e78ca1adf25db0bbf5e3268b Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Fri, 17 Nov 2023 13:55:05 +0100
Subject: [PATCH 319/714] refactor: adapt to new invite-user component and
 close other action menus when opening a different one

---
 components/UI/ServiceIframeHeader.js | 18 ++++--
 pages/explore/[[...roomId]].js       | 86 ++++++++++++++++------------
 2 files changed, 61 insertions(+), 43 deletions(-)

diff --git a/components/UI/ServiceIframeHeader.js b/components/UI/ServiceIframeHeader.js
index 07cb7aa9..eb31103b 100644
--- a/components/UI/ServiceIframeHeader.js
+++ b/components/UI/ServiceIframeHeader.js
@@ -1,6 +1,6 @@
 import styled from 'styled-components';
 import { useTranslation } from 'react-i18next';
-import { DeleteBinIcon, FolderIcon, ListSettingsIcon, UserAddIcon, UserUnfollowIcon } from '@remixicons/react/line';
+import { DeleteBinIcon, FolderIcon, ListSettingsIcon } from '@remixicons/react/line';
 import React from 'react';
 
 import CopyToClipboard from '../../components/UI/CopyToClipboard';
@@ -20,7 +20,6 @@ const ToggleButton = styled.button`
 
 const ServiceIframeHeader = ({ isDeletingPad, deleteContent, title, myPadsObject, content, myPowerLevel, setManageContextActionToggle, manageContextActionToggle, isInviteUsersOpen, setIsInviteUsersOpen }) => {
     const { t } = useTranslation('write');
-    console.log(isInviteUsersOpen);
 
     return (
         <DefaultLayout.IframeHeader>
@@ -32,11 +31,17 @@ const ServiceIframeHeader = ({ isDeletingPad, deleteContent, title, myPadsObject
                 </TextButton> }
                 <InviteUserToMatrixRoom.Button
                     name={title}
-                    onClick={setIsInviteUsersOpen}
+                    onClick={() => {
+                        if (manageContextActionToggle) setManageContextActionToggle(false);
+
+                        setIsInviteUsersOpen(prevState => !prevState);
+                    }}
                     inviteUsersOpen={isInviteUsersOpen} />
                 { myPowerLevel && (
                     manageContextActionToggle ? (
-                        <ToggleButton onClick={() => { setManageContextActionToggle(false); }}>
+                        <ToggleButton onClick={() => {
+                            setManageContextActionToggle(false);
+                        }}>
                             <FolderIcon
                                 width="var(--icon-size)"
                                 height="var(--icon-size)"
@@ -45,7 +50,10 @@ const ServiceIframeHeader = ({ isDeletingPad, deleteContent, title, myPadsObject
                             />
                         </ToggleButton>
                     ) : (
-                        <ToggleButton onClick={() => { setManageContextActionToggle(true); }}>
+                        <ToggleButton onClick={() => {
+                            if (isInviteUsersOpen) setIsInviteUsersOpen(false);
+                            setManageContextActionToggle(true);
+                        }}>
                             <ListSettingsIcon
                                 width="var(--icon-size)"
                                 height="var(--icon-size)"
diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 8dcebb29..6f979191 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -18,6 +18,7 @@ import ExploreIframeViews from './ExploreIframeViews';
 import logger from '../../lib/Logging';
 import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
 import DefaultLayout from '../../components/layouts/default';
+import { InviteUserToMatrixRoom } from '../../components/UI/InviteUsersToMatrixRoom';
 
 const ServiceTableWrapper = styled.div`
   width: 100%;
@@ -35,6 +36,7 @@ export default function Explore() {
     const [manageContextActionToggle, setManageContextActionToggle] = useState(false);
     const [isFetchingContent, setIsFetchingContent] = useState(false);
     const [errorMessage, setErrorMessage] = useState('');
+    const [isInviteUsersOpen, setIsInviteUsersOpen] = useState(false);
     const dimensionsRef = useRef();
     const router = useRouter();
     const auth = useAuth();
@@ -200,47 +202,55 @@ export default function Explore() {
                         manageContextActionToggle={manageContextActionToggle}
                         myPowerLevel={myPowerLevel}
                         setManageContextActionToggle={setManageContextActionToggle}
+                        isInviteUsersOpen={isInviteUsersOpen}
+                        setIsInviteUsersOpen={() => setIsInviteUsersOpen(prevState => !prevState)}
                     />
                     <ServiceTableWrapper>
-                        { manageContextActionToggle ?
-                            <ExploreMatrixActions
-                                myPowerLevel={myPowerLevel}
-                                currentId={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].room_id}
-                                parentId={selectedSpaceChildren[selectedSpaceChildren.length - 2]?.[0].room_id}
-                                children={selectedSpaceChildren[selectedSpaceChildren.length - 1]}
-                                callApiAndAddToObject={callApiAndAddToObject}
-                            />
-                            : <ServiceTable>
-                                { selectedSpaceChildren[selectedSpaceChildren.length - 1]
-                                    .sort(function(a, b) {
-                                        if (a.type === 'item' && b.type !== 'item') {
-                                            return -1; // 'a' comes before 'b'
-                                        } else if (a.type !== 'item' && b.type === 'item') {
-                                            return 1; // 'a' comes after 'b'
-                                        } else {
-                                            return 0; // No sorting necessary
-                                        }
-                                    })
-                                    .map((leaf, index) => {
-                                        if (leaf.length <= 1) {
-                                            return <ErrorMessage key="error-message">
+                        { isInviteUsersOpen ?
+                            <InviteUserToMatrixRoom
+                                roomId={roomId}
+                                roomName={matrix.spaces.get(router.query.roomId[0])?.name || matrix.rooms.get(router.query.roomId[0])?.name || selectedSpaceChildren[selectedSpaceChildren.length - 1][0].name}
+                                onSuccess={() => setIsInviteUsersOpen(false)}
+                            /> :
+                            manageContextActionToggle ?
+                                <ExploreMatrixActions
+                                    myPowerLevel={myPowerLevel}
+                                    currentId={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].room_id}
+                                    parentId={selectedSpaceChildren[selectedSpaceChildren.length - 2]?.[0].room_id}
+                                    children={selectedSpaceChildren[selectedSpaceChildren.length - 1]}
+                                    callApiAndAddToObject={callApiAndAddToObject}
+                                />
+                                : <ServiceTable>
+                                    { selectedSpaceChildren[selectedSpaceChildren.length - 1]
+                                        .sort(function(a, b) {
+                                            if (a.type === 'item' && b.type !== 'item') {
+                                                return -1; // 'a' comes before 'b'
+                                            } else if (a.type !== 'item' && b.type === 'item') {
+                                                return 1; // 'a' comes after 'b'
+                                            } else {
+                                                return 0; // No sorting necessary
+                                            }
+                                        })
+                                        .map((leaf, index) => {
+                                            if (leaf.length <= 1) {
+                                                return <ErrorMessage key="error-message">
                                                 Thank you, { auth.user.displayname }! But our item is in another context! 🍄
-                                            </ErrorMessage>;
-                                        }
-
-                                        if (index === 0) return null;
-
-                                        // Sort the array to display objects of type 'item' before others
-                                        return <TreeLeaves
-                                            depth={selectedSpaceChildren.length}
-                                            leaf={leaf}
-                                            parent={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].room_id}
-                                            key={leaf.room_id + '_' + index}
-                                            iframeRoomId={iframeRoomId}
-                                            isFetchingContent={isFetchingContent}
-                                        />;
-                                    }) }
-                            </ServiceTable>
+                                                </ErrorMessage>;
+                                            }
+
+                                            if (index === 0) return null;
+
+                                            // Sort the array to display objects of type 'item' before others
+                                            return <TreeLeaves
+                                                depth={selectedSpaceChildren.length}
+                                                leaf={leaf}
+                                                parent={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].room_id}
+                                                key={leaf.room_id + '_' + index}
+                                                iframeRoomId={iframeRoomId}
+                                                isFetchingContent={isFetchingContent}
+                                            />;
+                                        }) }
+                                </ServiceTable>
                         }
                     </ServiceTableWrapper>
                 </>

From 95f5b90e07f68639739f7afa20151c22a2b6da86 Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Fri, 17 Nov 2023 14:01:07 +0100
Subject: [PATCH 320/714] fix: define state to avoid errors when loading

---
 pages/etherpad/[[...roomId]].js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/etherpad/[[...roomId]].js b/pages/etherpad/[[...roomId]].js
index 4b7a58ee..8fd1a473 100644
--- a/pages/etherpad/[[...roomId]].js
+++ b/pages/etherpad/[[...roomId]].js
@@ -64,7 +64,7 @@ export default function Etherpad() {
 
     const etherpad = auth.getAuthenticationProvider('etherpad');
 
-    const [serverPads, setServerPads] = useState(null);
+    const [serverPads, setServerPads] = useState([]);
     const [isDeletingPad, setIsDeletingPad] = useState(false);
     const [isInviteUsersOpen, setIsInviteUsersOpen] = useState(false);
     const [isSyncingServerPads, setIsSyncingServerPads] = useState(false);

From 8fc1bc18dec26f729fea5dfb51a40b714aa47a5e Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Fri, 17 Nov 2023 14:17:22 +0100
Subject: [PATCH 321/714] fix: broken link when selecting a pad in /etherpad

---
 pages/etherpad/[[...roomId]].js | 26 +++++++-------------------
 1 file changed, 7 insertions(+), 19 deletions(-)

diff --git a/pages/etherpad/[[...roomId]].js b/pages/etherpad/[[...roomId]].js
index 8fd1a473..48b12176 100644
--- a/pages/etherpad/[[...roomId]].js
+++ b/pages/etherpad/[[...roomId]].js
@@ -22,7 +22,7 @@ import CreatePasswordPad from './actions/CreatePasswordPad';
 import { InviteUserToMatrixRoom } from '../../components/UI/InviteUsersToMatrixRoom';
 import { isMyPadsApiEnabled, path as etherpadPath } from '../../lib/Etherpad';
 
-const EtherpadListEntry = memo(({ isPasswordProtected, name, href, etherpadId, ref, selected }) => {
+const EtherpadListEntry = memo(({ isPasswordProtected, writeRoomId, name, href, etherpadId, ref, selected, path }) => {
     const etherpad = useAuth().getAuthenticationProvider('etherpad');
 
     const [showLock, setShowLock] = useState(isPasswordProtected);
@@ -45,6 +45,8 @@ const EtherpadListEntry = memo(({ isPasswordProtected, name, href, etherpadId, r
 
     return <ServiceLink
         key={etherpadId}
+        roomId={writeRoomId}
+        path={path}
         name={name}
         href={href}
         passwordProtected={showLock}
@@ -241,13 +243,16 @@ export default function Etherpad() {
         return matrix.spaces.get(matrix.serviceSpaces.etherpad)?.children?.map(writeRoomId => {
             const name = _.get(matrix.rooms.get(writeRoomId), 'name');
             const etherpadId = matrix.roomContents.get(writeRoomId)?.body.substring(matrix.roomContents.get(writeRoomId)?.body.lastIndexOf('/') + 1);
-
+            console.log(name);
+            console.log(etherpadId);
             // if the room name is undefined we don't want to display it
             if (!name) return;
 
             return <EtherpadListEntry
                 key={writeRoomId}
+                writeRoomId={writeRoomId}
                 name={name}
+                path={etherpadPath}
                 href={`${etherpadPath}/${writeRoomId}`}
                 isPasswordProtected={_.has(serverPads, etherpadId) ? _.get(serverPads, [etherpadId, 'visibility']) === 'private' : undefined}
                 etherpadId={etherpadId}
@@ -286,23 +291,6 @@ export default function Etherpad() {
                         { getConfig().publicRuntimeConfig.authProviders.etherpad.myPads?.api && !serverPads && <ErrorMessage>{ t('Can\'t connect to the provided {{path}} server. Please try again later.', { path: etherpadPath }) }</ErrorMessage> }
                         { !isSyncingServerPads && <ServiceTable>
                             <ServiceTable.Body>
-                                { matrix.spaces.get(matrix.serviceSpaces.etherpad).children?.map(writeRoomId => {
-                                    const name = _.get(matrix.rooms.get(writeRoomId), 'name');
-
-                                    // if the room name is undefined we don't want to display it
-                                    if (!name) return;
-
-                                    return <ServiceLink
-                                        key={writeRoomId}
-                                        roomId={writeRoomId}
-                                        name={_.get(matrix.rooms.get(writeRoomId), 'name')}
-                                        href={`${etherpadPath}/${writeRoomId}`}
-                                        path={etherpadPath}
-                                        passwordProtected={serverPads[matrix.roomContents.get(writeRoomId)?.body.substring(matrix.roomContents.get(writeRoomId)?.body.lastIndexOf('/') + 1)]?.visibility === 'private'}
-                                        selected={writeRoomId === roomId}
-                                        ref={writeRoomId === roomId ? selectedPadRef : null}
-                                    />;
-                                }) }
                                 { listEntries }
                             </ServiceTable.Body>
                         </ServiceTable> }

From 1ac9e3073d530d75b44bd297b300e9189c7a265d Mon Sep 17 00:00:00 2001
From: Marcel <marcel-klasse@users.noreply.github.com>
Date: Fri, 17 Nov 2023 14:17:39 +0100
Subject: [PATCH 322/714] chore: remove logs

---
 pages/etherpad/[[...roomId]].js | 2 --
 1 file changed, 2 deletions(-)

diff --git a/pages/etherpad/[[...roomId]].js b/pages/etherpad/[[...roomId]].js
index 48b12176..9c947161 100644
--- a/pages/etherpad/[[...roomId]].js
+++ b/pages/etherpad/[[...roomId]].js
@@ -243,8 +243,6 @@ export default function Etherpad() {
         return matrix.spaces.get(matrix.serviceSpaces.etherpad)?.children?.map(writeRoomId => {
             const name = _.get(matrix.rooms.get(writeRoomId), 'name');
             const etherpadId = matrix.roomContents.get(writeRoomId)?.body.substring(matrix.roomContents.get(writeRoomId)?.body.lastIndexOf('/') + 1);
-            console.log(name);
-            console.log(etherpadId);
             // if the room name is undefined we don't want to display it
             if (!name) return;
 

From 2cf7045832a0e2e548993b44cc9f73b74cc80de3 Mon Sep 17 00:00:00 2001
From: Florian Weber <florian@weber.world>
Date: Tue, 21 Nov 2023 15:34:25 +0100
Subject: [PATCH 323/714] Improve UI around synchronizing Spacedeck entries

---
 pages/spacedeck/[[...roomId]].js | 62 ++++++++++++++++++--------------
 public/locales/de/_defaults.json |  5 +--
 public/locales/de/spacedeck.json |  1 -
 3 files changed, 39 insertions(+), 29 deletions(-)

diff --git a/pages/spacedeck/[[...roomId]].js b/pages/spacedeck/[[...roomId]].js
index c5157192..9cd6037d 100644
--- a/pages/spacedeck/[[...roomId]].js
+++ b/pages/spacedeck/[[...roomId]].js
@@ -6,9 +6,10 @@ import { useRouter } from 'next/router';
 import { logger } from 'matrix-js-sdk/lib/logger';
 import { DeleteBinIcon } from '@remixicons/react/line';
 
-import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
 import { useAuth } from '../../lib/Auth';
 import { useMatrix } from '../../lib/Matrix';
+import LoadingSpinner from '../../components/UI/LoadingSpinner';
+import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
 import ErrorMessage from '../../components/UI/ErrorMessage';
 import Icon from '../../components/UI/Icon';
 import TextButton from '../../components/UI/TextButton';
@@ -34,9 +35,8 @@ export default function Spacedeck() {
     const [isDeletingSketch, setIsDeletingSketch] = useState(false);
     const [serverSketches, setServerSketches] = useState({});
     const content = matrix.roomContents.get(roomId);
-    const [syncingServerSketches, setSyncingServerSketches] = useState(false);
+    const [isSyncingSpacedeckServer, setIsSyncingSpacedeckServer] = useState(false);
     const [isSpacedeckServerDown, setIsSpacedeckServerDown] = useState(false);
-    const [userFeedback, setUserFeedback] = useState('');
 
     const spacedeck = auth.getAuthenticationProvider('spacedeck');
 
@@ -104,12 +104,12 @@ export default function Spacedeck() {
 
         // Function to sync spacedeck sketches with Matrix rooms
         const syncServerSketchesWithMatrix = async () => {
-            setSyncingServerSketches(true);
+            setIsSyncingSpacedeckServer(true);
 
             // Collect all Matrix sketches within the serviceSpaceId
             getAllMatrixSketches(serviceSpaceId);
 
-            // Sync all spacedeck spaces and sketches
+            // Sync all Spacedeck spaces and folders
             const syncSketches = await spacedeck.syncAllSpaces().catch((error) => {
                 logger.debug(error);
                 setIsSpacedeckServerDown(true);
@@ -117,16 +117,16 @@ export default function Spacedeck() {
 
             // Update the Matrix structure based on spacedeck sketches
             syncSketches && await updateStructure(spacedeck.getStructure());
-            setSyncingServerSketches(false);
-            setUserFeedback('');
+
+            setIsSyncingSpacedeckServer(false);
         };
 
         // Check if the useEffect is cancelled and required conditions are met to sync sketches
-        if (!cancelled && serviceSpaceId && serverSketches && !syncingServerSketches) {
+        if (!cancelled && serviceSpaceId && serverSketches && !isSyncingSpacedeckServer) {
             syncServerSketchesWithMatrix();
         }
 
-        return () => (cancelled = true);
+        return () => { cancelled = true; };
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [serviceSpaceId, serverSketches]);
 
@@ -150,9 +150,6 @@ export default function Spacedeck() {
     }, [spacedeck]);
 
     async function createSketchRoom(link, name, parent = serviceSpaceId) {
-        // Log debugging information
-        setUserFeedback(t('Syncing {{name}} from server', { name: name }));
-
         // Create the room with retry handling
         const room = await matrix.createRoom(name, false, '', 'invite', 'content', 'spacedeck')
             .catch(error => setErrorMessage(error));
@@ -194,21 +191,35 @@ export default function Spacedeck() {
     return (
         <>
             <DefaultLayout.Sidebar>
-                <ServiceSubmenu
-                    title={<h2>{ spacedeckPath }</h2>}
-                    subheadline={t('What would you like to do?')}
-                    disabled={!serviceSpaceId}
-                    items={[
-                        { value: 'existingSketch', actionComponentToRender: <AddExistingSketch createSketchRoom={createSketchRoom} errorMessage={errorMessage} />, label: t('Add existing sketch') },
-                        { value: 'newSketch', actionComponentToRender: <CreateNewSketch createSketchRoom={createSketchRoom} errorMessage={errorMessage} />, label: t('Create new sketch') },
-                    ]}
-                />
-                { errorMessage && <ErrorMessage>{ t(errorMessage) }</ErrorMessage> }
-                { !serviceSpaceId || syncingServerSketches ?
-                    <span>{ userFeedback } <LoadingSpinnerInline /></span> :
+                { /* Show only a loading spinner in the sidebar until we know about our Spacedeck service space ID */ }
+                { !serviceSpaceId ? (
                     <>
+                        <h2>{ spacedeckPath }</h2>
+                        <LoadingSpinner />
+                    </>
+                ) : (
+                    <>
+                        <ServiceSubmenu
+                            title={<h2>{ spacedeckPath }</h2>}
+                            subheadline={t('What would you like to do?')}
+                            items={[
+                                { value: 'existingSketch', actionComponentToRender: <AddExistingSketch createSketchRoom={createSketchRoom} errorMessage={errorMessage} />, label: t('Add existing sketch') },
+                                { value: 'newSketch', actionComponentToRender: <CreateNewSketch createSketchRoom={createSketchRoom} errorMessage={errorMessage} />, label: t('Create new sketch') },
+                            ]}
+                        />
+                        { errorMessage && <ErrorMessage>{ t(errorMessage) }</ErrorMessage> }
                         <ServiceTable>
                             <ServiceTable.Body>
+                                { isSyncingSpacedeckServer && (
+                                    <ServiceTable.Row>
+                                        <ServiceTable.Cell>
+                                            <LoadingSpinnerInline style={{ float: 'right', position: 'relative', top: '0.85rem' }} />
+                                            <span style={{ color: 'var(--color-disabled)' }}>
+                                                { t('Syncing more entries') } …
+                                            </span>
+                                        </ServiceTable.Cell>
+                                    </ServiceTable.Row>
+                                ) }
                                 { spacedeckChildren?.map(spacedeckRoomId => {
                                     const room = matrix.rooms.get(spacedeckRoomId);
                                     if (!room) return null;
@@ -225,8 +236,7 @@ export default function Spacedeck() {
                         </ServiceTable>
                         { isSpacedeckServerDown && <ErrorMessage>{ t('Can\'t connect with the provided /sketch server. Please try again later.') }</ErrorMessage> }
                     </>
-
-                }
+                ) }
             </DefaultLayout.Sidebar>
             { roomId && content && (
                 <DefaultLayout.IframeWrapper>
diff --git a/public/locales/de/_defaults.json b/public/locales/de/_defaults.json
index d71612da..8218ab8e 100644
--- a/public/locales/de/_defaults.json
+++ b/public/locales/de/_defaults.json
@@ -17,5 +17,6 @@
   "Invitations": "Einladungen",
   "From": "Von",
   "Accept": "Annehmen",
-  "Decline": "Ablehnen"
-}
\ No newline at end of file
+  "Decline": "Ablehnen",
+  "Syncing more entries": "Weitere Einträge werden geladen"
+}
diff --git a/public/locales/de/spacedeck.json b/public/locales/de/spacedeck.json
index b6a55e18..7f670839 100644
--- a/public/locales/de/spacedeck.json
+++ b/public/locales/de/spacedeck.json
@@ -6,6 +6,5 @@
     "Link to sketch": "Link zum Sketch",
     "Can't connect with the provided /sketch server. Please try again later": "Es kann keine Verbindung zum /sketch Server hergestellt werden. Bitte probiere es später nochmal.",
     "Something went wrong when trying to delete the sketch, please try again or if the error persists, try logging out and logging in again.": "Beim Versuch, den Sketch zu löschen, ist etwas schief gelaufen. Bitte versuche es noch einmal, oder wenn der Fehler weiterhin besteht, logge dich aus und wieder ein.",
-    "Syncing {{name}} from server" : "Synchronisierung von {{name}} mit dem Server",
     "Delete sketch": "Sketch löschen"
 }

From 6bb5679cc57d37dae6c914867a9193dd5e372d52 Mon Sep 17 00:00:00 2001
From: Florian Weber <florian@weber.world>
Date: Tue, 21 Nov 2023 15:34:43 +0100
Subject: [PATCH 324/714] Decrease <LoadingSpinnerInline> size

---
 components/UI/LoadingSpinnerInline.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/components/UI/LoadingSpinnerInline.js b/components/UI/LoadingSpinnerInline.js
index 0f399bb9..92e4eda1 100644
--- a/components/UI/LoadingSpinnerInline.js
+++ b/components/UI/LoadingSpinnerInline.js
@@ -4,8 +4,9 @@ import LoadingSpinner from './LoadingSpinner';
 
 const LoadingSpinnerInline = styled(LoadingSpinner)`
   display: inline-block;
-  width: calc(var(--margin) * 1.4);
-  height: calc(var(--margin) * 1.4);
+  width: calc(var(--margin) * 1.2);
+  height: calc(var(--margin) * 1.2);
+  border-width: calc(var(--margin) * 0.145);
 `;
 
 export default LoadingSpinnerInline;

From 88f7fd5fa60aa18919d4ba18498cb68a4a3901ec Mon Sep 17 00:00:00 2001
From: Florian Weber <florian@weber.world>
Date: Wed, 29 Nov 2023 17:03:17 +0100
Subject: [PATCH 325/714] Tidy up & load power level via matrixClient, now that
 we do not have all state events in Matrix.js buildRoomObject() anymore

---
 pages/explore/[[...roomId]].js | 32 ++++++++++++++++++++------------
 1 file changed, 20 insertions(+), 12 deletions(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 6f979191..9b197a20 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -4,6 +4,7 @@ import { useRouter } from 'next/router';
 import _ from 'lodash';
 import styled from 'styled-components';
 import { useTranslation } from 'react-i18next';
+import { EventTimeline } from 'matrix-js-sdk';
 
 import { ServiceTable } from '../../components/UI/ServiceTable';
 import LoadingSpinner from '../../components/UI/LoadingSpinner';
@@ -32,22 +33,30 @@ const ServiceTableWrapper = styled.div`
  * @returns {JSX.Element} The rendered Explore component.
  */
 export default function Explore() {
+    const router = useRouter();
+    const { t } = useTranslation('explore');
+
+    const auth = useAuth();
+    const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
+    const matrix = useMatrix(auth.getAuthenticationProvider('matrix'));
+
     const [selectedSpaceChildren, setSelectedSpaceChildren] = useState([]);
     const [manageContextActionToggle, setManageContextActionToggle] = useState(false);
     const [isFetchingContent, setIsFetchingContent] = useState(false);
     const [errorMessage, setErrorMessage] = useState('');
     const [isInviteUsersOpen, setIsInviteUsersOpen] = useState(false);
-    const dimensionsRef = useRef();
-    const router = useRouter();
-    const auth = useAuth();
-    const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
-    const matrix = useMatrix(auth.getAuthenticationProvider('matrix'));
-    const { t } = useTranslation('explore');
 
     // Extract roomId and iframeRoomId from the query parameters
-    const roomId = _.get(router, 'query.roomId[0]');
-    const iframeRoomId = _.get(router, 'query.roomId[1]');
-    const myPowerLevel = matrix.spaces.get(roomId)?.events?.get('m.room.power_levels').values().next().value.getContent().users[matrixClient.getUserId()];
+    /** @type {string|undefined} */
+    const roomId = _.get(router, 'query.roomId.0');
+    /** @type {string|undefined} */
+    const iframeRoomId = _.get(router, 'query.roomId.1');
+    /**
+     * If we have access to the room/space "roomId", this variable contains our own power level for the given room
+     * @type {number|undefined}
+     */
+    const myPowerLevel = _.get(matrixClient.getRoom(roomId)?.getLiveTimeline().getState(EventTimeline.FORWARDS)?.getStateEvents('m.room.power_levels', '')?.getContent(), ['users', matrixClient.getUserId()]);
+    /** @type {string|undefined} */
     const currentTemplate = iframeRoomId && selectedSpaceChildren[selectedSpaceChildren.length - 1]?.find(space => space.room_id === iframeRoomId).template;
 
     // Redirect to the default room if no roomId is provided
@@ -173,10 +182,9 @@ export default function Explore() {
     return (
         <>
             <DefaultLayout.Sidebar>
-                <h2 ref={dimensionsRef}>/explore   { _.isEmpty(selectedSpaceChildren) && isFetchingContent && <LoadingSpinnerInline /> }</h2>
+                <h2>/explore   { _.isEmpty(selectedSpaceChildren) && isFetchingContent && <LoadingSpinnerInline /> }</h2>
                 <ServiceTableWrapper>
-                    { !navigator.userAgent.includes('iPhone') && !navigator.userAgent.includes('Android') &&
-                        !_.isEmpty(selectedSpaceChildren) &&
+                    { !_.isEmpty(selectedSpaceChildren) &&
                         <TreePath
                             selectedSpaceChildren={selectedSpaceChildren}
                             isFetchingContent={isFetchingContent}

From 523738df3a0311ec8b3edd05d5b72693da9ec134 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Thu, 30 Nov 2023 18:57:17 +0100
Subject: [PATCH 326/714] feat: display placeholder emoji to signal join rule
 `knock` for a space

---
 components/UI/ServiceIframeHeader.js | 4 ++--
 pages/explore/TreeLeaves.js          | 2 +-
 pages/explore/[[...roomId]].js       | 3 ++-
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/components/UI/ServiceIframeHeader.js b/components/UI/ServiceIframeHeader.js
index eb31103b..337b1605 100644
--- a/components/UI/ServiceIframeHeader.js
+++ b/components/UI/ServiceIframeHeader.js
@@ -18,12 +18,12 @@ const ToggleButton = styled.button`
   border: unset;
 `;
 
-const ServiceIframeHeader = ({ isDeletingPad, deleteContent, title, myPadsObject, content, myPowerLevel, setManageContextActionToggle, manageContextActionToggle, isInviteUsersOpen, setIsInviteUsersOpen }) => {
+const ServiceIframeHeader = ({ isDeletingPad, deleteContent, title, myPadsObject, content, myPowerLevel, setManageContextActionToggle, manageContextActionToggle, isInviteUsersOpen, setIsInviteUsersOpen, joinRule }) => {
     const { t } = useTranslation('write');
 
     return (
         <DefaultLayout.IframeHeader>
-            <h2>{ title }</h2>
+            <h2>{ title } { joinRule === 'knock' && '✊' }</h2>
             <DefaultLayout.IframeHeaderButtonWrapper>
                 <CopyToClipboard content={content} />
                 { deleteContent && <TextButton title={t(myPadsObject ? 'Delete pad' : 'Remove pad from my library')} onClick={deleteContent}>
diff --git a/pages/explore/TreeLeaves.js b/pages/explore/TreeLeaves.js
index b63d2d81..cc369d46 100644
--- a/pages/explore/TreeLeaves.js
+++ b/pages/explore/TreeLeaves.js
@@ -25,7 +25,7 @@ const TreeLeaves = ({ leaf, selectedRoomId, isFetchingContent, small }) => {
             >
                 { leaf.missingMetaEvent ?
                     <em> <Link disabled={isFetchingContent} href={`/explore/${roomId}`}>{ leaf.name }{ isFetchingContent === roomId && <LoadingSpinnerInline /> }</Link></em>
-                    :<Link disabled={isFetchingContent} href={getConfig().publicRuntimeConfig.templates?.item.includes(leaf.template) ? `/explore/${parentId}/${roomId}` : `/explore/${roomId}`}>{ leaf.name }{ isFetchingContent === roomId && <LoadingSpinnerInline /> }</Link>
+                    :<Link disabled={isFetchingContent} href={getConfig().publicRuntimeConfig.templates?.item.includes(leaf.template) ? `/explore/${parentId}/${roomId}` : `/explore/${roomId}`}>{ leaf.name } { leaf.join_rule === 'knock' && '✊' }{ isFetchingContent === roomId && <LoadingSpinnerInline /> }</Link>
                 }
             </ServiceTable.Cell>
             <ServiceTable.Cell title={leaf.template}>
diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 9b197a20..4b0c8908 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect, useRef, useState } from 'react';
+import React, { useCallback, useEffect, useState } from 'react';
 import getConfig from 'next/config';
 import { useRouter } from 'next/router';
 import _ from 'lodash';
@@ -211,6 +211,7 @@ export default function Explore() {
                         myPowerLevel={myPowerLevel}
                         setManageContextActionToggle={setManageContextActionToggle}
                         isInviteUsersOpen={isInviteUsersOpen}
+                        joinRule={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].join_rule}
                         setIsInviteUsersOpen={() => setIsInviteUsersOpen(prevState => !prevState)}
                     />
                     <ServiceTableWrapper>

From 3e57b169cb3ef377f33af090bf8ea553cac2a429 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 5 Dec 2023 14:11:54 +0100
Subject: [PATCH 327/714] feat: add UI and logic for users to knock on a matrix
 room and request access to it

---
 components/UI/KnockOnMatrixRoom.js   | 47 ++++++++++++++++++++++++++++
 components/UI/ServiceIframeHeader.js |  6 ++--
 lib/auth/MatrixAuthProvider.js       |  4 +++
 public/locales/de/_defaults.json     |  2 ++
 4 files changed, 57 insertions(+), 2 deletions(-)
 create mode 100644 components/UI/KnockOnMatrixRoom.js

diff --git a/components/UI/KnockOnMatrixRoom.js b/components/UI/KnockOnMatrixRoom.js
new file mode 100644
index 00000000..f18a2391
--- /dev/null
+++ b/components/UI/KnockOnMatrixRoom.js
@@ -0,0 +1,47 @@
+import React, { useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { CheckIcon, DoorClosedIcon } from '@remixicons/react/line';
+
+import Icon from './Icon';
+import TextButton from './TextButton';
+import LoadingSpinnerInline from './LoadingSpinnerInline';
+import { useAuth } from '../../lib/Auth';
+import { waitFor } from '../../lib/Utils';
+import logger from '../../lib/Logging';
+
+const KnockOnMatrixRoom = ({ roomName, roomId }) => {
+    const [isKnocking, setIsKnocking] = useState(false);
+    const [wasSuccessful, setWasSuccessful] = useState(false);
+    const { t } = useTranslation();
+    const auth = useAuth();
+
+    const requestAccess = async () => {
+        setIsKnocking(true);
+        const knock = await auth.getAuthenticationProvider('matrix').knockOnRoom(roomId)
+            .catch((error) => {
+                logger.error('Failed to knock on room:', error);
+                alert(t('The following error occurred: {{error}}', { error: error.message }));
+            }).finally(() => {
+                setIsKnocking(false);
+            });
+
+        if (knock.room_id) {
+            // if call was successful, we want to show the checkmark for a short time so users know their request was sent
+            setWasSuccessful(true);
+            await waitFor(() => setWasSuccessful(false));
+        }
+    };
+
+    return (
+        <TextButton title={t('Request access to {{name}}', { name: roomName })} onClick={requestAccess}>
+            { isKnocking ? <LoadingSpinnerInline />
+                : <Icon>
+                    { wasSuccessful ? <CheckIcon /> : <DoorClosedIcon /> }
+                </Icon>
+            }
+
+        </TextButton>
+    );
+};
+
+export default KnockOnMatrixRoom;
diff --git a/components/UI/ServiceIframeHeader.js b/components/UI/ServiceIframeHeader.js
index 337b1605..0da55686 100644
--- a/components/UI/ServiceIframeHeader.js
+++ b/components/UI/ServiceIframeHeader.js
@@ -8,6 +8,7 @@ import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
 import TextButton from './TextButton';
 import DefaultLayout from '../layouts/default';
 import { InviteUserToMatrixRoom } from './InviteUsersToMatrixRoom';
+import KnockOnMatrixRoom from './KnockOnMatrixRoom';
 
 const ToggleButton = styled.button`
   /* unset globally defined button styles; set height to line-height */
@@ -18,13 +19,14 @@ const ToggleButton = styled.button`
   border: unset;
 `;
 
-const ServiceIframeHeader = ({ isDeletingPad, deleteContent, title, myPadsObject, content, myPowerLevel, setManageContextActionToggle, manageContextActionToggle, isInviteUsersOpen, setIsInviteUsersOpen, joinRule }) => {
+const ServiceIframeHeader = ({ isDeletingPad, deleteContent, title, roomId, myPadsObject, content, myPowerLevel, setManageContextActionToggle, manageContextActionToggle, isInviteUsersOpen, setIsInviteUsersOpen, joinRule }) => {
     const { t } = useTranslation('write');
 
     return (
         <DefaultLayout.IframeHeader>
-            <h2>{ title } { joinRule === 'knock' && '✊' }</h2>
+            <h2>{ title }</h2>
             <DefaultLayout.IframeHeaderButtonWrapper>
+                { joinRule === 'knock' && <KnockOnMatrixRoom roomId={roomId} roomName={title} /> }
                 <CopyToClipboard content={content} />
                 { deleteContent && <TextButton title={t(myPadsObject ? 'Delete pad' : 'Remove pad from my library')} onClick={deleteContent}>
                     { isDeletingPad ? <LoadingSpinnerInline /> : <DeleteBinIcon width="var(--icon-size)" height="var(--icon-size)" fill="var(--color-foreground)" /> }
diff --git a/lib/auth/MatrixAuthProvider.js b/lib/auth/MatrixAuthProvider.js
index 7ae26ba9..c10b5e5e 100644
--- a/lib/auth/MatrixAuthProvider.js
+++ b/lib/auth/MatrixAuthProvider.js
@@ -150,6 +150,10 @@ class MatrixAuthProvider {
 
         return room;
     }
+
+    knockOnRoom(roomId) {
+        return this.matrixClient.http.authedRequest('POST', `/knock/${roomId}`, undefined, {});
+    }
 }
 
 export default MatrixAuthProvider;
diff --git a/public/locales/de/_defaults.json b/public/locales/de/_defaults.json
index 2361fe3e..1acaa3e6 100644
--- a/public/locales/de/_defaults.json
+++ b/public/locales/de/_defaults.json
@@ -16,11 +16,13 @@
   "password protected": "Passwortgeschützt",
   "Previous": "Zurück",
   "Please enter your account password to continue using {{service}}:": "Bitte gib Dein Passwort ein, um {{service}} wieder nutzen zu können:",
+  "Request access to {{name}}": "Zugang zu {{name}} anfordern",
   "Save": "Speichern",
   "select {{option}}": "{{option}} wählen",
   "Select action": "Aktion wählen",
   "Something went wrong. Please try again.": "Da ist etwas schief gelaufen, bitte versuche es nochmal",
   "Syncing more entries": "Weitere Einträge werden geladen",
+  "The following error occurred: {{error}}": "Folgender Fehler ist aufgetreten: {{error}}",
   "The session for {{service}} has expired.": "Die Sitzung für {{service}} ist abgelaufen.",
   "Upload": "Hochladen",
   "What would you like to do?": "Was möchtest du tun?",

From 1e40cc1029dc28ae2d4d77d2c35b4ec8774fe126 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 5 Dec 2023 14:17:42 +0100
Subject: [PATCH 328/714] feat: add Utils.js with waitFor method to wait 2500ms
 (default) and then run callback. Replace existing uses of setTimeout with
 waitFor

---
 components/UI/CopyToClipboard.js              |  4 ++--
 .../UI/InviteUsersToMatrixRoom/index.js       |  5 +++--
 lib/Utils.js                                  | 20 +++++++++++++++++++
 pages/explore/manage-room/CreateContext.js    | 11 ++++++----
 4 files changed, 32 insertions(+), 8 deletions(-)
 create mode 100644 lib/Utils.js

diff --git a/components/UI/CopyToClipboard.js b/components/UI/CopyToClipboard.js
index 9c40543b..f09d7427 100644
--- a/components/UI/CopyToClipboard.js
+++ b/components/UI/CopyToClipboard.js
@@ -4,6 +4,7 @@ import { CheckIcon, ClipboardIcon } from '@remixicons/react/line';
 
 import Icon from './Icon';
 import TextButton from './TextButton';
+import { waitFor } from '../../lib/Utils';
 
 const CopyToClipboard = ({ content, title }) => {
     const [wasContentCopied, setWasContentCopied] = useState(false);
@@ -12,8 +13,7 @@ const CopyToClipboard = ({ content, title }) => {
     const copyToClipboard = async () => {
         navigator.clipboard.writeText(content);
         setWasContentCopied(true);
-        await new Promise(r => setTimeout(r, 2000));
-        setWasContentCopied(false);
+        await waitFor(() => setWasContentCopied(false));
     };
 
     return (
diff --git a/components/UI/InviteUsersToMatrixRoom/index.js b/components/UI/InviteUsersToMatrixRoom/index.js
index 85e783cd..d0e3994e 100644
--- a/components/UI/InviteUsersToMatrixRoom/index.js
+++ b/components/UI/InviteUsersToMatrixRoom/index.js
@@ -25,6 +25,7 @@ import Datalist from '../DataList';
 import { breakpoints } from '../../_breakpoints';
 import TextButton from '../TextButton';
 import Icon from '../Icon';
+import { waitFor } from '../../../lib/Utils';
 
 const ActionWrapper = styled.section`
   display: grid;
@@ -102,10 +103,10 @@ export const InviteUserToMatrixRoom = ({ roomId, onSuccess }) => {
 
         // if everything is okay, we let the user know and exit the view.
         successAmount > 0 && setUserFeedback(<Trans t={t} i18nKey="invitedUser" count={successAmount}>{ { successAmount } } user was invited and needs to accept your invitation</Trans>);
-        await new Promise(() => setTimeout(() => {
+        await waitFor(() => {
             clearInputs();
             if (onSuccess && successAmount === selectedUsers.length) onSuccess();
-        }, 3000));
+        }, 3000);
     };
 
     return <ActionWrapper>
diff --git a/lib/Utils.js b/lib/Utils.js
new file mode 100644
index 00000000..c14a207b
--- /dev/null
+++ b/lib/Utils.js
@@ -0,0 +1,20 @@
+/**
+ * Waits for a specified amount of time and then calls a callback function.
+ *
+ * @param {Function} callback - The function to call after waiting.
+ * @param {number} [ms=2500] - The amount of time to wait, in milliseconds.
+ * @returns {Promise<any>} A promise that resolves with the result of the callback, or rejects with any error that occurs when calling the callback.
+ * @throws {Error} If there was an error executing the callback function.
+ */
+export function waitFor(callback, ms = 2500) {
+    return new Promise((resolve, reject) => {
+        setTimeout(() => {
+            try {
+                const result = callback();
+                resolve(result);
+            } catch (error) {
+                reject(error);
+            }
+        }, ms);
+    });
+}
diff --git a/pages/explore/manage-room/CreateContext.js b/pages/explore/manage-room/CreateContext.js
index 3925b04b..8f751930 100644
--- a/pages/explore/manage-room/CreateContext.js
+++ b/pages/explore/manage-room/CreateContext.js
@@ -9,6 +9,7 @@ import ErrorMessage from '../../../components/UI/ErrorMessage';
 import Form from '../../../components/UI/Form';
 import PreviousNextButtons from '../../../components/UI/PreviousNextButtons';
 import LoadingSpinnerInline from '../../../components/UI/LoadingSpinnerInline';
+import { waitFor } from '../../../lib/Utils';
 
 const CreateContext = ({ currentId, onCancel, callApiAndAddToObject }) => {
     const auth = useAuth();
@@ -27,11 +28,13 @@ const CreateContext = ({ currentId, onCancel, callApiAndAddToObject }) => {
         e.preventDefault();
         //first of all some content checking otherwise displaying custom error messages
         setIsLoading(true);
+
         if (!name) {
             setCreateNewContextErrorMessage('name not set');
 
             return;
         }
+
         if (!template) {
             setCreateNewContextErrorMessage('template not selected');
 
@@ -47,6 +50,7 @@ const CreateContext = ({ currentId, onCancel, callApiAndAddToObject }) => {
         if (!powerLevels) {
             setPowerLevels('default');
         }
+
         // create the new context space
         const createNewSubContext = await matrix.createRoom(
             name,
@@ -60,8 +64,7 @@ const CreateContext = ({ currentId, onCancel, callApiAndAddToObject }) => {
             'world_readable',
             'public_chat').catch(async (err) => {
             setCreateNewContextErrorMessage(err.message);
-            await new Promise(r => setTimeout(r, 3000));
-            setCreateNewContextErrorMessage('');
+            await waitFor(() => setCreateNewContextErrorMessage(''));
 
             return;
         });
@@ -70,13 +73,13 @@ const CreateContext = ({ currentId, onCancel, callApiAndAddToObject }) => {
         if (createNewSubContext) {
             await auth.getAuthenticationProvider('matrix').addSpaceChild(currentId, createNewSubContext).catch(async (err) => {
                 setCreateNewContextErrorMessage(err.message);
-                await new Promise(r => setTimeout(r, 3000));
-                setCreateNewContextErrorMessage('');
+                await waitFor(() => setCreateNewContextErrorMessage(''));
 
                 return;
             },
             );
         }
+
         await callApiAndAddToObject(null, currentId);
         setName('');
         setTopic('');

From 93b97744f8b563a1a09972eb8e6900db3c99e411 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 5 Dec 2023 16:05:29 +0100
Subject: [PATCH 329/714] feat: join room when knocking on a room you have
 already been invited to.

---
 components/UI/KnockOnMatrixRoom.js | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/components/UI/KnockOnMatrixRoom.js b/components/UI/KnockOnMatrixRoom.js
index f18a2391..d7e36a65 100644
--- a/components/UI/KnockOnMatrixRoom.js
+++ b/components/UI/KnockOnMatrixRoom.js
@@ -14,16 +14,29 @@ const KnockOnMatrixRoom = ({ roomName, roomId }) => {
     const [wasSuccessful, setWasSuccessful] = useState(false);
     const { t } = useTranslation();
     const auth = useAuth();
+    const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
 
     const requestAccess = async () => {
         setIsKnocking(true);
         const knock = await auth.getAuthenticationProvider('matrix').knockOnRoom(roomId)
             .catch((error) => {
+                if (error.data.error === 'You are already invited to this room') {
+                    // if the user is already invited, we don't want to show an error message and instead join the room
+                    logger.debug('User is already invited to room, accepting invite instead');
+                    matrixClient.joinRoom(roomId)
+                        .catch((error) => {
+                            alert(t('The following error occurred: {{error}}', { error: error.data?.error }));
+                        });
+
+                    return;
+                }
+
                 logger.error('Failed to knock on room:', error);
-                alert(t('The following error occurred: {{error}}', { error: error.message }));
+                alert(t('The following error occurred: {{error}}', { error: error.data?.error }));
             }).finally(() => {
                 setIsKnocking(false);
             });
+        if (!knock) return;
 
         if (knock.room_id) {
             // if call was successful, we want to show the checkmark for a short time so users know their request was sent

From 2eeaabef502a6061d8ba1f185f9d19b69e50d496 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 5 Dec 2023 16:06:13 +0100
Subject: [PATCH 330/714] refactor: don't display knock icon when a user is
 already a member of that room

---
 components/UI/ServiceIframeHeader.js | 4 ++--
 pages/explore/[[...roomId]].js       | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/components/UI/ServiceIframeHeader.js b/components/UI/ServiceIframeHeader.js
index 0da55686..0345f207 100644
--- a/components/UI/ServiceIframeHeader.js
+++ b/components/UI/ServiceIframeHeader.js
@@ -19,14 +19,14 @@ const ToggleButton = styled.button`
   border: unset;
 `;
 
-const ServiceIframeHeader = ({ isDeletingPad, deleteContent, title, roomId, myPadsObject, content, myPowerLevel, setManageContextActionToggle, manageContextActionToggle, isInviteUsersOpen, setIsInviteUsersOpen, joinRule }) => {
+const ServiceIframeHeader = ({ isDeletingPad, deleteContent, title, roomId, myPadsObject, content, myPowerLevel, isMember, setManageContextActionToggle, manageContextActionToggle, isInviteUsersOpen, setIsInviteUsersOpen, joinRule }) => {
     const { t } = useTranslation('write');
 
     return (
         <DefaultLayout.IframeHeader>
             <h2>{ title }</h2>
             <DefaultLayout.IframeHeaderButtonWrapper>
-                { joinRule === 'knock' && <KnockOnMatrixRoom roomId={roomId} roomName={title} /> }
+                { joinRule === 'knock' && !isMember && <KnockOnMatrixRoom roomId={roomId} roomName={title} /> }
                 <CopyToClipboard content={content} />
                 { deleteContent && <TextButton title={t(myPadsObject ? 'Delete pad' : 'Remove pad from my library')} onClick={deleteContent}>
                     { isDeletingPad ? <LoadingSpinnerInline /> : <DeleteBinIcon width="var(--icon-size)" height="var(--icon-size)" fill="var(--color-foreground)" /> }
diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 4b0c8908..bcd700be 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -209,6 +209,7 @@ export default function Explore() {
                         roomId={roomId}
                         manageContextActionToggle={manageContextActionToggle}
                         myPowerLevel={myPowerLevel}
+                        isMember={!!matrix.spaces.get(router.query.roomId[0])}
                         setManageContextActionToggle={setManageContextActionToggle}
                         isInviteUsersOpen={isInviteUsersOpen}
                         joinRule={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].join_rule}

From 820d510d15f097027eb664163ed8492556560468 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 5 Dec 2023 16:12:57 +0100
Subject: [PATCH 331/714] fix: prevent reload when changing join rule

---
 pages/explore/manage-room/ChangeJoinRule.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/pages/explore/manage-room/ChangeJoinRule.js b/pages/explore/manage-room/ChangeJoinRule.js
index eeef720b..1f74eb51 100644
--- a/pages/explore/manage-room/ChangeJoinRule.js
+++ b/pages/explore/manage-room/ChangeJoinRule.js
@@ -25,7 +25,8 @@ const JoinRuleChanger = ({ roomId, roomName, onCancel }) => {
     const [errorMessage, setErrorMessage] = useState('');
     const { t } = useTranslation('explore');
 
-    const handleChangeJoinRule = async () => {
+    const handleChangeJoinRule = async (e) => {
+        e.preventDefault();
         setChangingJoinRule(true);
         await matrixClient.sendStateEvent(roomId, 'm.room.join_rules', {}, { join_rule: joinRule })
             .catch((error) => {

From 360d38d0ce2e7c374ebd7a70b10c124bafebf699 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 5 Dec 2023 17:14:44 +0100
Subject: [PATCH 332/714] remove debug icon

---
 pages/explore/TreeLeaves.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/explore/TreeLeaves.js b/pages/explore/TreeLeaves.js
index cc369d46..56dcd100 100644
--- a/pages/explore/TreeLeaves.js
+++ b/pages/explore/TreeLeaves.js
@@ -25,7 +25,7 @@ const TreeLeaves = ({ leaf, selectedRoomId, isFetchingContent, small }) => {
             >
                 { leaf.missingMetaEvent ?
                     <em> <Link disabled={isFetchingContent} href={`/explore/${roomId}`}>{ leaf.name }{ isFetchingContent === roomId && <LoadingSpinnerInline /> }</Link></em>
-                    :<Link disabled={isFetchingContent} href={getConfig().publicRuntimeConfig.templates?.item.includes(leaf.template) ? `/explore/${parentId}/${roomId}` : `/explore/${roomId}`}>{ leaf.name } { leaf.join_rule === 'knock' && '✊' }{ isFetchingContent === roomId && <LoadingSpinnerInline /> }</Link>
+                    :<Link disabled={isFetchingContent} href={getConfig().publicRuntimeConfig.templates?.item.includes(leaf.template) ? `/explore/${parentId}/${roomId}` : `/explore/${roomId}`}>{ leaf.name } { isFetchingContent === roomId && <LoadingSpinnerInline /> }</Link>
                 }
             </ServiceTable.Cell>
             <ServiceTable.Cell title={leaf.template}>

From a0c9c3fbcb18812488cc7e5a0f3efa1b6999d89f Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 5 Dec 2023 17:32:52 +0100
Subject: [PATCH 333/714] fix: sending actual object to change join rule
 instead of empty object

---
 pages/explore/manage-room/ChangeJoinRule.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/pages/explore/manage-room/ChangeJoinRule.js b/pages/explore/manage-room/ChangeJoinRule.js
index 1f74eb51..5bb3d3cd 100644
--- a/pages/explore/manage-room/ChangeJoinRule.js
+++ b/pages/explore/manage-room/ChangeJoinRule.js
@@ -28,7 +28,7 @@ const JoinRuleChanger = ({ roomId, roomName, onCancel }) => {
     const handleChangeJoinRule = async (e) => {
         e.preventDefault();
         setChangingJoinRule(true);
-        await matrixClient.sendStateEvent(roomId, 'm.room.join_rules', {}, { join_rule: joinRule })
+        await matrixClient.sendStateEvent(roomId, 'm.room.join_rules', { join_rule: joinRule })
             .catch((error) => {
                 setErrorMessage(error.data?.error);
                 setJoinRule(currentJoinRule);
@@ -36,6 +36,8 @@ const JoinRuleChanger = ({ roomId, roomName, onCancel }) => {
         setChangingJoinRule(false);
     };
 
+    console.log(joinRule);
+
     return (
         <Form onSubmit={handleChangeJoinRule}>
             <h1>{ t('Change Join Rule for') } { roomName }</h1>

From e3b9ab2539d65d62a8b525ca8c534c107c3d02ca Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 12 Dec 2023 12:11:10 +0100
Subject: [PATCH 334/714] refactor: replace waitFor function with lodash delay

---
 components/UI/CopyToClipboard.js              |  4 ++--
 .../UI/InviteUsersToMatrixRoom/index.js       |  5 ++---
 components/UI/KnockOnMatrixRoom.js            |  4 ++--
 lib/Utils.js                                  | 20 -------------------
 pages/explore/manage-room/CreateContext.js    |  8 +++-----
 5 files changed, 9 insertions(+), 32 deletions(-)
 delete mode 100644 lib/Utils.js

diff --git a/components/UI/CopyToClipboard.js b/components/UI/CopyToClipboard.js
index f09d7427..fa365137 100644
--- a/components/UI/CopyToClipboard.js
+++ b/components/UI/CopyToClipboard.js
@@ -1,10 +1,10 @@
 import React, { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { CheckIcon, ClipboardIcon } from '@remixicons/react/line';
+import _ from 'lodash';
 
 import Icon from './Icon';
 import TextButton from './TextButton';
-import { waitFor } from '../../lib/Utils';
 
 const CopyToClipboard = ({ content, title }) => {
     const [wasContentCopied, setWasContentCopied] = useState(false);
@@ -13,7 +13,7 @@ const CopyToClipboard = ({ content, title }) => {
     const copyToClipboard = async () => {
         navigator.clipboard.writeText(content);
         setWasContentCopied(true);
-        await waitFor(() => setWasContentCopied(false));
+        _.delay(() => setWasContentCopied(false), 2500);
     };
 
     return (
diff --git a/components/UI/InviteUsersToMatrixRoom/index.js b/components/UI/InviteUsersToMatrixRoom/index.js
index d0e3994e..ffcdb0a1 100644
--- a/components/UI/InviteUsersToMatrixRoom/index.js
+++ b/components/UI/InviteUsersToMatrixRoom/index.js
@@ -25,7 +25,6 @@ import Datalist from '../DataList';
 import { breakpoints } from '../../_breakpoints';
 import TextButton from '../TextButton';
 import Icon from '../Icon';
-import { waitFor } from '../../../lib/Utils';
 
 const ActionWrapper = styled.section`
   display: grid;
@@ -103,10 +102,10 @@ export const InviteUserToMatrixRoom = ({ roomId, onSuccess }) => {
 
         // if everything is okay, we let the user know and exit the view.
         successAmount > 0 && setUserFeedback(<Trans t={t} i18nKey="invitedUser" count={successAmount}>{ { successAmount } } user was invited and needs to accept your invitation</Trans>);
-        await waitFor(() => {
+        _.delay(() => {
             clearInputs();
             if (onSuccess && successAmount === selectedUsers.length) onSuccess();
-        }, 3000);
+        }, 2500);
     };
 
     return <ActionWrapper>
diff --git a/components/UI/KnockOnMatrixRoom.js b/components/UI/KnockOnMatrixRoom.js
index d7e36a65..7a838313 100644
--- a/components/UI/KnockOnMatrixRoom.js
+++ b/components/UI/KnockOnMatrixRoom.js
@@ -1,12 +1,12 @@
 import React, { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { CheckIcon, DoorClosedIcon } from '@remixicons/react/line';
+import _ from 'lodash';
 
 import Icon from './Icon';
 import TextButton from './TextButton';
 import LoadingSpinnerInline from './LoadingSpinnerInline';
 import { useAuth } from '../../lib/Auth';
-import { waitFor } from '../../lib/Utils';
 import logger from '../../lib/Logging';
 
 const KnockOnMatrixRoom = ({ roomName, roomId }) => {
@@ -41,7 +41,7 @@ const KnockOnMatrixRoom = ({ roomName, roomId }) => {
         if (knock.room_id) {
             // if call was successful, we want to show the checkmark for a short time so users know their request was sent
             setWasSuccessful(true);
-            await waitFor(() => setWasSuccessful(false));
+            _.delay(() => setWasSuccessful(false), 2500);
         }
     };
 
diff --git a/lib/Utils.js b/lib/Utils.js
deleted file mode 100644
index c14a207b..00000000
--- a/lib/Utils.js
+++ /dev/null
@@ -1,20 +0,0 @@
-/**
- * Waits for a specified amount of time and then calls a callback function.
- *
- * @param {Function} callback - The function to call after waiting.
- * @param {number} [ms=2500] - The amount of time to wait, in milliseconds.
- * @returns {Promise<any>} A promise that resolves with the result of the callback, or rejects with any error that occurs when calling the callback.
- * @throws {Error} If there was an error executing the callback function.
- */
-export function waitFor(callback, ms = 2500) {
-    return new Promise((resolve, reject) => {
-        setTimeout(() => {
-            try {
-                const result = callback();
-                resolve(result);
-            } catch (error) {
-                reject(error);
-            }
-        }, ms);
-    });
-}
diff --git a/pages/explore/manage-room/CreateContext.js b/pages/explore/manage-room/CreateContext.js
index 8f751930..8221483c 100644
--- a/pages/explore/manage-room/CreateContext.js
+++ b/pages/explore/manage-room/CreateContext.js
@@ -1,6 +1,7 @@
 import React, { useState } from 'react';
 import getConfig from 'next/config';
 import { useTranslation } from 'react-i18next';
+import _ from 'lodash';
 
 import { useAuth } from '../../../lib/Auth';
 import TemplateSelect from './TemplateSelect';
@@ -9,7 +10,6 @@ import ErrorMessage from '../../../components/UI/ErrorMessage';
 import Form from '../../../components/UI/Form';
 import PreviousNextButtons from '../../../components/UI/PreviousNextButtons';
 import LoadingSpinnerInline from '../../../components/UI/LoadingSpinnerInline';
-import { waitFor } from '../../../lib/Utils';
 
 const CreateContext = ({ currentId, onCancel, callApiAndAddToObject }) => {
     const auth = useAuth();
@@ -64,7 +64,7 @@ const CreateContext = ({ currentId, onCancel, callApiAndAddToObject }) => {
             'world_readable',
             'public_chat').catch(async (err) => {
             setCreateNewContextErrorMessage(err.message);
-            await waitFor(() => setCreateNewContextErrorMessage(''));
+            _.delay(() => setCreateNewContextErrorMessage(''), 2500);
 
             return;
         });
@@ -73,9 +73,7 @@ const CreateContext = ({ currentId, onCancel, callApiAndAddToObject }) => {
         if (createNewSubContext) {
             await auth.getAuthenticationProvider('matrix').addSpaceChild(currentId, createNewSubContext).catch(async (err) => {
                 setCreateNewContextErrorMessage(err.message);
-                await waitFor(() => setCreateNewContextErrorMessage(''));
-
-                return;
+                _.delay(() => setCreateNewContextErrorMessage(''), 2500);
             },
             );
         }

From 034b3014583579a70a67dc4cd501b0610b8c9c42 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 12 Dec 2023 12:51:30 +0100
Subject: [PATCH 335/714] refactor: check membership status inside
 KnockOnMatrixRoom.js

---
 components/UI/KnockOnMatrixRoom.js   | 24 ++++++++++++++++++++++--
 components/UI/ServiceIframeHeader.js |  4 ++--
 pages/explore/[[...roomId]].js       |  1 -
 3 files changed, 24 insertions(+), 5 deletions(-)

diff --git a/components/UI/KnockOnMatrixRoom.js b/components/UI/KnockOnMatrixRoom.js
index 7a838313..69e13d06 100644
--- a/components/UI/KnockOnMatrixRoom.js
+++ b/components/UI/KnockOnMatrixRoom.js
@@ -15,13 +15,28 @@ const KnockOnMatrixRoom = ({ roomName, roomId }) => {
     const { t } = useTranslation();
     const auth = useAuth();
     const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
+    const membership = matrixClient.getRoom(roomId)?.getMyMembership();
 
     const requestAccess = async () => {
         setIsKnocking(true);
+
+        if (membership === 'invite') {
+            // if the user is already invited, want to join the room directly
+            logger.debug('User is already invited to room, accepting invite instead');
+            matrixClient.joinRoom(roomId)
+                .catch((error) => {
+                    alert(t('The following error occurred: {{error}}', { error: error.data?.error }));
+                });
+            setIsKnocking(false);
+
+            return;
+        }
+
         const knock = await auth.getAuthenticationProvider('matrix').knockOnRoom(roomId)
             .catch((error) => {
                 if (error.data.error === 'You are already invited to this room') {
                     // if the user is already invited, we don't want to show an error message and instead join the room
+                    // this should not happen anymore with the condition above, but it's better to be safe than sorry
                     logger.debug('User is already invited to room, accepting invite instead');
                     matrixClient.joinRoom(roomId)
                         .catch((error) => {
@@ -45,14 +60,19 @@ const KnockOnMatrixRoom = ({ roomName, roomId }) => {
         }
     };
 
+    // if the user is already a member of the room, we don't want to show the button
+    if (membership === 'join') return null;
+
     return (
-        <TextButton title={t('Request access to {{name}}', { name: roomName })} onClick={requestAccess}>
+        <TextButton
+            title={t(membership === 'knock' ? 'You have already requested access to {{name}}' : 'Request access to {{name}}', { name: roomName })}
+            onClick={requestAccess}
+            disabled={membership === 'knock'}>
             { isKnocking ? <LoadingSpinnerInline />
                 : <Icon>
                     { wasSuccessful ? <CheckIcon /> : <DoorClosedIcon /> }
                 </Icon>
             }
-
         </TextButton>
     );
 };
diff --git a/components/UI/ServiceIframeHeader.js b/components/UI/ServiceIframeHeader.js
index 0345f207..0da55686 100644
--- a/components/UI/ServiceIframeHeader.js
+++ b/components/UI/ServiceIframeHeader.js
@@ -19,14 +19,14 @@ const ToggleButton = styled.button`
   border: unset;
 `;
 
-const ServiceIframeHeader = ({ isDeletingPad, deleteContent, title, roomId, myPadsObject, content, myPowerLevel, isMember, setManageContextActionToggle, manageContextActionToggle, isInviteUsersOpen, setIsInviteUsersOpen, joinRule }) => {
+const ServiceIframeHeader = ({ isDeletingPad, deleteContent, title, roomId, myPadsObject, content, myPowerLevel, setManageContextActionToggle, manageContextActionToggle, isInviteUsersOpen, setIsInviteUsersOpen, joinRule }) => {
     const { t } = useTranslation('write');
 
     return (
         <DefaultLayout.IframeHeader>
             <h2>{ title }</h2>
             <DefaultLayout.IframeHeaderButtonWrapper>
-                { joinRule === 'knock' && !isMember && <KnockOnMatrixRoom roomId={roomId} roomName={title} /> }
+                { joinRule === 'knock' && <KnockOnMatrixRoom roomId={roomId} roomName={title} /> }
                 <CopyToClipboard content={content} />
                 { deleteContent && <TextButton title={t(myPadsObject ? 'Delete pad' : 'Remove pad from my library')} onClick={deleteContent}>
                     { isDeletingPad ? <LoadingSpinnerInline /> : <DeleteBinIcon width="var(--icon-size)" height="var(--icon-size)" fill="var(--color-foreground)" /> }
diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index bcd700be..4b0c8908 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -209,7 +209,6 @@ export default function Explore() {
                         roomId={roomId}
                         manageContextActionToggle={manageContextActionToggle}
                         myPowerLevel={myPowerLevel}
-                        isMember={!!matrix.spaces.get(router.query.roomId[0])}
                         setManageContextActionToggle={setManageContextActionToggle}
                         isInviteUsersOpen={isInviteUsersOpen}
                         joinRule={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].join_rule}

From 944e41bb421e7bf4d4312528504b1dd42cc3b85c Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 9 Jan 2024 15:02:11 +0100
Subject: [PATCH 336/714] fix: manipulate state correctly

---
 lib/Matrix.js | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/lib/Matrix.js b/lib/Matrix.js
index 4f3fb3b8..0ad2ff06 100644
--- a/lib/Matrix.js
+++ b/lib/Matrix.js
@@ -382,8 +382,7 @@ function useMatrixProvider(auth) {
                         'context',
                         'application',
                         applicationsFolder,
-                    )
-                        .catch(error => logger.debug(error));
+                    ).catch(error => logger.debug(error));
 
                     const roomId = await createNewServiceRoom();
                     logger.debug('Created new service space...', { serviceType: element, roomId });
@@ -395,11 +394,9 @@ function useMatrixProvider(auth) {
                         });
 
                     await addServiceRoomToParent();
-                    serviceSpaces[element] = roomId;
+                    setServiceSpaces(object => { object[element] = roomId; });
                 }
             }
-
-            setServiceSpaces(serviceSpaces);
         }, 1000);
 
         applicationsFolder && _.isEmpty(serviceSpaces) && lookForServiceSpaces();
@@ -407,7 +404,7 @@ function useMatrixProvider(auth) {
         return () => {
             cancelled = true;
         };
-    }, [applicationsFolder, authenticationProvider, createRoom, serviceSpaces, spaces]);
+    }, [applicationsFolder, authenticationProvider, createRoom, serviceSpaces, setServiceSpaces, spaces]);
 
     const leaveRoom = async (roomId) => {
         return matrixClient.leave(roomId);

From 0af0eacb79d08c7c328162ea5997295edede4f5c Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 9 Jan 2024 15:03:14 +0100
Subject: [PATCH 337/714] fix: only parse link to function which creates the
 necessary object

---
 pages/etherpad/[[...roomId]].js | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/pages/etherpad/[[...roomId]].js b/pages/etherpad/[[...roomId]].js
index 241be28d..90a361ee 100644
--- a/pages/etherpad/[[...roomId]].js
+++ b/pages/etherpad/[[...roomId]].js
@@ -146,10 +146,7 @@ export default function Etherpad() {
         await matrix.addSpaceChild(matrix.serviceSpaces.etherpad, room)
             .catch(error => setErrorMessage(error.message));
 
-        await matrix.sendMessage(room, {
-            msgtype: 'm.text',
-            body: link,
-        }).catch(error => setErrorMessage(error.message));
+        await matrix.sendMessage(room, link).catch(error => setErrorMessage(error.message));
 
         if (getConfig().publicRuntimeConfig.authProviders.etherpad.myPads?.api) {
             await etherpad.syncAllPads();
@@ -258,12 +255,14 @@ export default function Etherpad() {
 
     const listEntries = useMemo(() => {
         return matrix.spaces.get(matrix.serviceSpaces.etherpad)?.children?.map(writeRoomId => {
-            const name = _.get(matrix.rooms.get(writeRoomId), 'name');
-            const etherpadId = matrix.roomContents.get(writeRoomId)?.body.substring(matrix.roomContents.get(writeRoomId)?.body.lastIndexOf('/') + 1);
+            if (!matrix.roomContents?.get(writeRoomId)) return;
 
+            const name = _.get(matrix.rooms.get(writeRoomId), 'name');
             // if the room name is undefined we don't want to display it
             if (!name) return;
 
+            const etherpadId = matrix.roomContents?.get(writeRoomId).body.substring(matrix.roomContents.get(writeRoomId).body.lastIndexOf('/') + 1);
+
             return <EtherpadListEntry
                 key={writeRoomId}
                 name={name}

From 51d98794c5d2218134a686b1b58db2b938bbdb53 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 9 Jan 2024 15:19:48 +0100
Subject: [PATCH 338/714] fix: use loading spinner inline style from main

---
 components/UI/LoadingSpinnerInline.js | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/components/UI/LoadingSpinnerInline.js b/components/UI/LoadingSpinnerInline.js
index 6259e6f5..d4515364 100644
--- a/components/UI/LoadingSpinnerInline.js
+++ b/components/UI/LoadingSpinnerInline.js
@@ -4,9 +4,8 @@ import LoadingSpinner from './LoadingSpinner';
 
 const LoadingSpinnerInline = styled(LoadingSpinner)`
   display: inline-block;
-  width: calc(var(--margin) * 1.2);
-  height: calc(var(--margin) * 1.2);
-  border-width: calc(var(--margin) * 0.145);
+  width: calc(var(--margin) * 1.4);
+  height: calc(var(--margin) * 1.4);
 `;
 
 export default LoadingSpinnerInline;

From 60df99ba3f966cdde6403396e5271e777167a1a3 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 9 Jan 2024 17:29:17 +0100
Subject: [PATCH 339/714] update package-lock.json

---
 package-lock.json | 8763 +++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 8763 insertions(+)
 create mode 100644 package-lock.json

diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 00000000..b4471a2d
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,8763 @@
+{
+  "name": "medienhaus-frontend",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "medienhaus-frontend",
+      "dependencies": {
+        "i18next": "^23.7.7",
+        "i18next-browser-languagedetector": "^7.2.0",
+        "i18next-resources-to-backend": "^1.2.0",
+        "immer": "^10.0.3",
+        "lodash": "^4.17.21",
+        "matrix-js-sdk": "^30.2.0",
+        "next": "^14.0.4-canary.41",
+        "normalize.css": "^8.0.1",
+        "pino": "^8.16.2",
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0",
+        "react-i18next": "^13.5.0",
+        "styled-components": "^6.0.8",
+        "use-immer": "^0.9.0"
+      },
+      "devDependencies": {
+        "@remixicons/react": "^1.0.0",
+        "@stylelint/postcss-css-in-js": "^0.38.0",
+        "eslint": "^8.55.0",
+        "eslint-config-next": "^14.0.3",
+        "eslint-plugin-import": "^2.25.4",
+        "eslint-plugin-matrix-org": "^0.8.0",
+        "stylelint": "^14.8.2",
+        "stylelint-config-recess-order": "^3.0.0",
+        "stylelint-config-standard": "^25.0.0",
+        "stylelint-config-styled-components": "^0.1.1",
+        "stylelint-webpack-plugin": "^3.2.0"
+      }
+    },
+    "node_modules/@aashutoshrathi/word-wrap": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/@aashutoshrathi/word-wrap/-/word-wrap-1.2.6.tgz",
+      "integrity": "sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/@ampproject/remapping": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.1.tgz",
+      "integrity": "sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.0",
+        "@jridgewell/trace-mapping": "^0.3.9"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/cli": {
+      "version": "7.23.0",
+      "resolved": "https://registry.npmjs.org/@babel/cli/-/cli-7.23.0.tgz",
+      "integrity": "sha512-17E1oSkGk2IwNILM4jtfAvgjt+ohmpfBky8aLerUfYZhiPNg7ca+CRCxZn8QDxwNhV/upsc2VHBCqGFIR+iBfA==",
+      "dependencies": {
+        "@jridgewell/trace-mapping": "^0.3.17",
+        "commander": "^4.0.1",
+        "convert-source-map": "^2.0.0",
+        "fs-readdir-recursive": "^1.1.0",
+        "glob": "^7.2.0",
+        "make-dir": "^2.1.0",
+        "slash": "^2.0.0"
+      },
+      "bin": {
+        "babel": "bin/babel.js",
+        "babel-external-helpers": "bin/babel-external-helpers.js"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "optionalDependencies": {
+        "@nicolo-ribaudo/chokidar-2": "2.1.8-no-fsevents.3",
+        "chokidar": "^3.4.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/cli/node_modules/commander": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
+      "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/@babel/cli/node_modules/slash": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-2.0.0.tgz",
+      "integrity": "sha512-ZYKh3Wh2z1PpEXWr0MpSBZ0V6mZHAQfYevttO11c51CaWjGTaadiKZ+wVt1PbMlDV5qhMFslpZCemhwOK7C89A==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/@babel/code-frame": {
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.23.4.tgz",
+      "integrity": "sha512-r1IONyb6Ia+jYR2vvIDhdWdlTGhqbBoFqLTQidzZ4kepUFH15ejXvFHxCVbtl7BOXIudsIubf4E81xeA3h3IXA==",
+      "dependencies": {
+        "@babel/highlight": "^7.23.4",
+        "chalk": "^2.4.2"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "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==",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "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==",
+      "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/@babel/eslint-parser": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/eslint-parser/-/eslint-parser-7.22.15.tgz",
+      "integrity": "sha512-yc8OOBIQk1EcRrpizuARSQS0TWAcOMpEJ1aafhNznaeYkeL+OhqnDObGFylB8ka8VFF/sZc+S4RzHyO+3LjQxg==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@nicolo-ribaudo/eslint-scope-5-internals": "5.1.1-v1",
+        "eslint-visitor-keys": "^2.1.0",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || >=14.0.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.11.0",
+        "eslint": "^7.5.0 || ^8.0.0"
+      }
+    },
+    "node_modules/@babel/eslint-parser/node_modules/eslint-visitor-keys": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz",
+      "integrity": "sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@babel/eslint-plugin": {
+      "version": "7.22.10",
+      "resolved": "https://registry.npmjs.org/@babel/eslint-plugin/-/eslint-plugin-7.22.10.tgz",
+      "integrity": "sha512-SRZcvo3fnO5h79B9DZSV6LG2vHH7OWsSNp1huFLHsXKyytRG413byQk9zxW1VcPOhnzfx2VIUz+8aGbiE7fOkA==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "eslint-rule-composer": "^0.3.0"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || >=14.0.0"
+      },
+      "peerDependencies": {
+        "@babel/eslint-parser": "^7.11.0",
+        "eslint": "^7.5.0 || ^8.0.0"
+      }
+    },
+    "node_modules/@babel/generator": {
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.23.4.tgz",
+      "integrity": "sha512-esuS49Cga3HcThFNebGhlgsrVLkvhqvYDTzgjfFFlHJcIfLe5jFmRRfCQ1KuBfc4Jrtn3ndLgKWAKjBE+IraYQ==",
+      "dependencies": {
+        "@babel/types": "^7.23.4",
+        "@jridgewell/gen-mapping": "^0.3.2",
+        "@jridgewell/trace-mapping": "^0.3.17",
+        "jsesc": "^2.5.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-annotate-as-pure": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.22.5.tgz",
+      "integrity": "sha512-LvBTxu8bQSQkcyKOU+a1btnNFQ1dMAd0R6PyW3arXes06F6QLWLIrd681bxRPIXlrMGR3XYnW9JyML7dP3qgxg==",
+      "dependencies": {
+        "@babel/types": "^7.22.5"
+      },
+      "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",
+      "integrity": "sha512-QkBXwGgaoC2GtGZRoma6kv7Szfv06khvhFav67ZExau2RaXzy8MpHSMO2PNoP2XtmQphJQRHFfg77Bq731Yizw==",
+      "dependencies": {
+        "@babel/types": "^7.22.15"
+      },
+      "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",
+      "integrity": "sha512-y6EEzULok0Qvz8yyLkCvVX+02ic+By2UdOhylwUOvOn9dvYc9mKICJuuU1n1XBI02YWsNsnrY1kc6DVbjcXbtw==",
+      "dependencies": {
+        "@babel/compat-data": "^7.22.9",
+        "@babel/helper-validator-option": "^7.22.15",
+        "browserslist": "^4.21.9",
+        "lru-cache": "^5.1.1",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-compilation-targets/node_modules/lru-cache": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+      "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+      "dependencies": {
+        "yallist": "^3.0.2"
+      }
+    },
+    "node_modules/@babel/helper-compilation-targets/node_modules/yallist": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+      "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==",
+      "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-optimise-call-expression": "^7.22.5",
+        "@babel/helper-replace-supers": "^7.22.9",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5",
+        "@babel/helper-split-export-declaration": "^7.22.6",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-create-regexp-features-plugin": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.22.15.tgz",
+      "integrity": "sha512-29FkPLFjn4TPEa3RE7GpW+qbE8tlsu3jntNYNfcGsc49LphF1PQIiD+vMZ1z1xVOKt+93khA9tc2JBs3kBjA7w==",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.22.5",
+        "regexpu-core": "^5.3.1",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-compilation-targets": "^7.22.6",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "debug": "^4.1.1",
+        "lodash.debounce": "^4.0.8",
+        "resolve": "^1.14.2"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
+      }
+    },
+    "node_modules/@babel/helper-environment-visitor": {
+      "version": "7.22.20",
+      "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.20.tgz",
+      "integrity": "sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA==",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-function-name": {
+      "version": "7.23.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.23.0.tgz",
+      "integrity": "sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw==",
+      "dependencies": {
+        "@babel/template": "^7.22.15",
+        "@babel/types": "^7.23.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",
+      "integrity": "sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==",
+      "dependencies": {
+        "@babel/types": "^7.22.5"
+      },
+      "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",
+      "integrity": "sha512-6gfrPwh7OuT6gZyJZvd6WbTfrqAo7vm4xCzAXOusKqq/vWdKXphTpj5klHKNmRUU6/QRGlBsyU9mAIPaWHlqJA==",
+      "dependencies": {
+        "@babel/types": "^7.23.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",
+      "integrity": "sha512-0pYVBnDKZO2fnSPCrgM/6WMc7eS20Fbok+0r88fp+YtWVLZrp4CkafFGIp+W0VKw4a22sgebPT99y+FDNMdP4w==",
+      "dependencies": {
+        "@babel/types": "^7.22.15"
+      },
+      "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==",
+      "dependencies": {
+        "@babel/helper-environment-visitor": "^7.22.20",
+        "@babel/helper-module-imports": "^7.22.15",
+        "@babel/helper-simple-access": "^7.22.5",
+        "@babel/helper-split-export-declaration": "^7.22.6",
+        "@babel/helper-validator-identifier": "^7.22.20"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-optimise-call-expression": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.22.5.tgz",
+      "integrity": "sha512-HBwaojN0xFRx4yIvpwGqxiV2tUfl7401jlok564NgB9EHS1y6QT17FmKWm4ztqjeVdXLuC4fSvHc5ePpQjoTbw==",
+      "dependencies": {
+        "@babel/types": "^7.22.5"
+      },
+      "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",
+      "integrity": "sha512-uLls06UVKgFG9QD4OeFYLEGteMIAa5kpTPcFL28yuCIIzsf6ZyKZMllKVOCZFhiZ5ptnwX4mtKdWCBE/uT4amg==",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-remap-async-to-generator": {
+      "version": "7.22.20",
+      "resolved": "https://registry.npmjs.org/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.22.20.tgz",
+      "integrity": "sha512-pBGyV4uBqOns+0UvhsTO8qgl8hO89PmiDYv+/COyp1aeMcmfrfruz+/nCMFiYyFF/Knn0yfrC85ZzNFjembFTw==",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.22.5",
+        "@babel/helper-environment-visitor": "^7.22.20",
+        "@babel/helper-wrap-function": "^7.22.20"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-replace-supers": {
+      "version": "7.22.20",
+      "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.22.20.tgz",
+      "integrity": "sha512-qsW0In3dbwQUbK8kejJ4R7IHVGwHJlV6lpG6UA7a9hSa2YEiAib+N1T2kr6PEeUT+Fl7najmSOS6SmAwCHK6Tw==",
+      "dependencies": {
+        "@babel/helper-environment-visitor": "^7.22.20",
+        "@babel/helper-member-expression-to-functions": "^7.22.15",
+        "@babel/helper-optimise-call-expression": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-simple-access": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.22.5.tgz",
+      "integrity": "sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==",
+      "dependencies": {
+        "@babel/types": "^7.22.5"
+      },
+      "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",
+      "integrity": "sha512-tK14r66JZKiC43p8Ki33yLBVJKlQDFoA8GYN67lWCDCqoL6EMMSuM9b+Iff2jHaM/RRFYl7K+iiru7hbRqNx8Q==",
+      "dependencies": {
+        "@babel/types": "^7.22.5"
+      },
+      "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",
+      "integrity": "sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==",
+      "dependencies": {
+        "@babel/types": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-string-parser": {
+      "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"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.22.20",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz",
+      "integrity": "sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "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==",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-wrap-function": {
+      "version": "7.22.20",
+      "resolved": "https://registry.npmjs.org/@babel/helper-wrap-function/-/helper-wrap-function-7.22.20.tgz",
+      "integrity": "sha512-pms/UwkOpnQe/PDAEdV/d7dVCoBbB+R4FvYoHGZz+4VPcg7RtYy2KP7S2lbuWM6FCSgob5wshfGESbC/hzNXZw==",
+      "dependencies": {
+        "@babel/helper-function-name": "^7.22.5",
+        "@babel/template": "^7.22.15",
+        "@babel/types": "^7.22.19"
+      },
+      "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==",
+      "dependencies": {
+        "@babel/template": "^7.22.15",
+        "@babel/traverse": "^7.23.0",
+        "@babel/types": "^7.23.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/highlight": {
+      "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",
+        "js-tokens": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.23.4.tgz",
+      "integrity": "sha512-vf3Xna6UEprW+7t6EtOmFpHNAuxw3xqPZghy+brsnusscJRW5BMUzzHZc5ICjULee81WeUV2jjakG09MDglJXQ==",
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "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==",
+      "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"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.13.0"
+      }
+    },
+    "node_modules/@babel/plugin-external-helpers": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-external-helpers/-/plugin-external-helpers-7.22.5.tgz",
+      "integrity": "sha512-ngnNEWxmykPk82mH4ajZT0qTztr3Je6hrMuKAslZVM8G1YZTENJSYwrIGtt6KOtznug3exmAtF4so/nPqJuA4A==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-proposal-class-properties": {
+      "version": "7.18.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-class-properties/-/plugin-proposal-class-properties-7.18.6.tgz",
+      "integrity": "sha512-cumfXOF0+nzZrrN8Rf0t7M+tF6sZc7vhQwYQck9q1/5w2OExlD+b4v4RpMJFaV1Z7WcDRgO6FqvxqxGlwo+RHQ==",
+      "deprecated": "This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-class-properties instead.",
+      "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-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",
+      "integrity": "sha512-d2S98yCiLxDVmBmE8UjGcfPvNEUbA1U5q5WxaWFUGRzJSVAZqm5W6MbPct0jxnegUZ0niLeNX+IOzEs7wYg9Dg==",
+      "deprecated": "This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-object-rest-spread instead.",
+      "dependencies": {
+        "@babel/compat-data": "^7.20.5",
+        "@babel/helper-compilation-targets": "^7.20.7",
+        "@babel/helper-plugin-utils": "^7.20.2",
+        "@babel/plugin-syntax-object-rest-spread": "^7.8.3",
+        "@babel/plugin-transform-parameters": "^7.20.7"
+      },
+      "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",
+      "integrity": "sha512-SOSkfJDddaM7mak6cPEpswyTRnuRltl429hMraQEglW+OkovnCzsiszTmsrlY//qLFjCpQDFRvjdm2wA5pPm9w==",
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "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",
+      "integrity": "sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-class-properties": {
+      "version": "7.12.13",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-properties/-/plugin-syntax-class-properties-7.12.13.tgz",
+      "integrity": "sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.12.13"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-class-static-block": {
+      "version": "7.14.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-static-block/-/plugin-syntax-class-static-block-7.14.5.tgz",
+      "integrity": "sha512-b+YyPmr6ldyNnM6sqYeMWE+bgJcJpO6yS4QD7ymxgH34GBPNDM/THBh8iunyvKIZztiwLH4CJZ0RxTk9emgpjw==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.14.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-dynamic-import": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-dynamic-import/-/plugin-syntax-dynamic-import-7.8.3.tgz",
+      "integrity": "sha512-5gdGbFon+PszYzqs83S3E5mpi7/y/8M9eC90MRTZfduQOYW76ig6SOSPNe41IG5LoP3FGBn2N0RjVDSQiS94kQ==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-export-namespace-from": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-export-namespace-from/-/plugin-syntax-export-namespace-from-7.8.3.tgz",
+      "integrity": "sha512-MXf5laXo6c1IbEbegDmzGPwGNTsHZmEy6QGznu5Sh2UCWvueywb2ee+CCE4zQiZstxU9BMoQO9i6zUFSY0Kj0Q==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.3"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-import-meta": {
+      "version": "7.10.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-meta/-/plugin-syntax-import-meta-7.10.4.tgz",
+      "integrity": "sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-json-strings": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.8.3.tgz",
+      "integrity": "sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-jsx": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.22.5.tgz",
+      "integrity": "sha512-gvyP4hZrgrs/wWMaocvxZ44Hw0b3W8Pe+cMxc8V1ULQ07oh8VNbIRaoD1LRZVTvD+0nieDKjfgKg89sD7rrKrg==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-logical-assignment-operators": {
+      "version": "7.10.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.4.tgz",
+      "integrity": "sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-nullish-coalescing-operator": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-nullish-coalescing-operator/-/plugin-syntax-nullish-coalescing-operator-7.8.3.tgz",
+      "integrity": "sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-numeric-separator": {
+      "version": "7.10.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-numeric-separator/-/plugin-syntax-numeric-separator-7.10.4.tgz",
+      "integrity": "sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-object-rest-spread": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-object-rest-spread/-/plugin-syntax-object-rest-spread-7.8.3.tgz",
+      "integrity": "sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-optional-catch-binding": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-catch-binding/-/plugin-syntax-optional-catch-binding-7.8.3.tgz",
+      "integrity": "sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-optional-chaining": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-chaining/-/plugin-syntax-optional-chaining-7.8.3.tgz",
+      "integrity": "sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-private-property-in-object": {
+      "version": "7.14.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-private-property-in-object/-/plugin-syntax-private-property-in-object-7.14.5.tgz",
+      "integrity": "sha512-0wVnp9dxJ72ZUJDV27ZfbSj6iHLoytYZmh3rFcxNnvsJF3ktkzLDZPy/mA17HGsaQT3/DQsWYX1f1QGWkCoVUg==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.14.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-top-level-await": {
+      "version": "7.14.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.14.5.tgz",
+      "integrity": "sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.14.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-typescript": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.22.5.tgz",
+      "integrity": "sha512-1mS2o03i7t1c6VzH6fdQ3OA8tcEIxwG18zIPRp+UY1Ihv6W+XZzBCVxExF9upussPXJ0xE9XRHwMoNs1ep/nRQ==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-unicode-sets-regex": {
+      "version": "7.18.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-unicode-sets-regex/-/plugin-syntax-unicode-sets-regex-7.18.6.tgz",
+      "integrity": "sha512-727YkEAPwSIQTv5im8QHz3upqp92JTWhidIC81Tdx4VJYIte/VndKf1qKrfnnhPLiPghStWfvC/iFaMCQu7Nqg==",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.18.6",
+        "@babel/helper-plugin-utils": "^7.18.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-environment-visitor": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-remap-async-to-generator": "^7.22.9",
+        "@babel/plugin-syntax-async-generators": "^7.8.4"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-remap-async-to-generator": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-create-class-features-plugin": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-create-class-features-plugin": "^7.22.11",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-class-static-block": "^7.14.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.12.0"
+      }
+    },
+    "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==",
+      "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-optimise-call-expression": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-replace-supers": "^7.22.9",
+        "@babel/helper-split-export-declaration": "^7.22.6",
+        "globals": "^11.1.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/template": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-dynamic-import": "^7.8.3"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-builder-binary-assignment-operator-visitor": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-export-namespace-from": "^7.8.3"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-compilation-targets": "^7.22.5",
+        "@babel/helper-function-name": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-json-strings": "^7.8.3"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@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-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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-module-transforms": "^7.23.0",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-module-transforms": "^7.23.0",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-simple-access": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-hoist-variables": "^7.22.5",
+        "@babel/helper-module-transforms": "^7.23.0",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-validator-identifier": "^7.22.20"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-module-transforms": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-named-capturing-groups-regex": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.22.5.tgz",
+      "integrity": "sha512-YgLLKmS3aUBhHaxp5hi1WJTgOUb/NCuDHzGT9z9WTt3YG+CPRhJs6nprbStx6DnWM4dh6gt7SU3sZodbZ08adQ==",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@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-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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-numeric-separator": "^7.10.4"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/compat-data": "^7.22.9",
+        "@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"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-replace-supers": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@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-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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5",
+        "@babel/plugin-syntax-optional-chaining": "^7.8.3"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-create-class-features-plugin": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.22.5",
+        "@babel/helper-create-class-features-plugin": "^7.22.11",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-private-property-in-object": "^7.14.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-display-name": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.22.5.tgz",
+      "integrity": "sha512-PVk3WPYudRF5z4GKMEYUrLjPl38fJSKNaEOkFuoprioowGuWN6w2RKznuFNSlJx7pzzXXStPUnNSOEO0jL5EVw==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-jsx": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.22.15.tgz",
+      "integrity": "sha512-oKckg2eZFa8771O/5vi7XeTvmM6+O9cxZu+kanTU7tD4sin5nO/G8jGJhq8Hvt2Z0kUoEDRayuZLaUlYl8QuGA==",
+      "dependencies": {
+        "@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.22.5",
+        "@babel/types": "^7.22.15"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-jsx-development": {
+      "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==",
+      "dependencies": {
+        "@babel/plugin-transform-react-jsx": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-pure-annotations": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-pure-annotations/-/plugin-transform-react-pure-annotations-7.22.5.tgz",
+      "integrity": "sha512-gP4k85wx09q+brArVinTXhWiyzLl9UpmGva0+mWyKxk6JZequ05x3eUcIUE+FyttPKJFRRVtAvQaJ6YF9h1ZpA==",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "regenerator-transform": "^0.15.2"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-typescript": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.22.15.tgz",
+      "integrity": "sha512-1uirS0TnijxvQLnlv5wQBwOX3E1wCFX7ITv+9pBV2wKEk4K+M5tqDaoNXnTH8tjEIYHLO98MwiTWO04Ggz4XuA==",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.22.5",
+        "@babel/helper-create-class-features-plugin": "^7.22.15",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-typescript": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/compat-data": "^7.22.20",
+        "@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/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-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-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-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/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",
+        "core-js-compat": "^3.31.0",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/preset-modules": {
+      "version": "0.1.6-no-external-plugins",
+      "resolved": "https://registry.npmjs.org/@babel/preset-modules/-/preset-modules-0.1.6-no-external-plugins.tgz",
+      "integrity": "sha512-HrcgcIESLm9aIR842yhJ5RWan/gebQUJ6E/E5+rf0y9o6oj7w0Br+sWuL6kEQ/o/AdfvR1Je9jG18/gnpwjEyA==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.0.0",
+        "@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/@babel/preset-react": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/preset-react/-/preset-react-7.22.15.tgz",
+      "integrity": "sha512-Csy1IJ2uEh/PecCBXXoZGAZBeCATTuePzCSB7dLYWS0vOEj6CNpjxIhW4duWwZodBNueH7QO14WbGn8YyeuN9w==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-validator-option": "^7.22.15",
+        "@babel/plugin-transform-react-display-name": "^7.22.5",
+        "@babel/plugin-transform-react-jsx": "^7.22.15",
+        "@babel/plugin-transform-react-jsx-development": "^7.22.5",
+        "@babel/plugin-transform-react-pure-annotations": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/preset-typescript": {
+      "version": "7.23.0",
+      "resolved": "https://registry.npmjs.org/@babel/preset-typescript/-/preset-typescript-7.23.0.tgz",
+      "integrity": "sha512-6P6VVa/NM/VlAYj5s2Aq/gdVg8FSENCg3wlZ6Qau9AcPaoF5LbN1nyGlR9DTRIw9PpxI94e+ReydsJHcjwAweg==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-validator-option": "^7.22.15",
+        "@babel/plugin-syntax-jsx": "^7.22.5",
+        "@babel/plugin-transform-modules-commonjs": "^7.23.0",
+        "@babel/plugin-transform-typescript": "^7.22.15"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/regjsgen": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/@babel/regjsgen/-/regjsgen-0.8.0.tgz",
+      "integrity": "sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA=="
+    },
+    "node_modules/@babel/runtime": {
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.6.tgz",
+      "integrity": "sha512-zHd0eUrf5GZoOWVCXp6koAKQTfZV07eit6bGPmJgnZdnSAvvZee6zniW2XMF7Cmc4ISOOnPy3QaSiIJGJkVEDQ==",
+      "dependencies": {
+        "regenerator-runtime": "^0.14.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/template": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.22.15.tgz",
+      "integrity": "sha512-QPErUVm4uyJa60rkI73qneDacvdvzxshT3kksGqlGWYdOTIUOwJ7RDUL8sGqslY1uXWSL6xMFKEXDS3ox2uF0w==",
+      "dependencies": {
+        "@babel/code-frame": "^7.22.13",
+        "@babel/parser": "^7.22.15",
+        "@babel/types": "^7.22.15"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/traverse": {
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.23.4.tgz",
+      "integrity": "sha512-IYM8wSUwunWTB6tFC2dkKZhxbIjHoWemdK+3f8/wq8aKhbUscxD5MX72ubd90fxvFknaLPeGw5ycU84V1obHJg==",
+      "dependencies": {
+        "@babel/code-frame": "^7.23.4",
+        "@babel/generator": "^7.23.4",
+        "@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.4",
+        "@babel/types": "^7.23.4",
+        "debug": "^4.1.0",
+        "globals": "^11.1.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/types": {
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.4.tgz",
+      "integrity": "sha512-7uIFwVYpoplT5jp/kVv6EF93VaJ8H+Yn5IczYiaAi98ajzjfoZfslet/e0sLh+wVBjb2qqIut1b0S26VSafsSQ==",
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.23.4",
+        "@babel/helper-validator-identifier": "^7.22.20",
+        "to-fast-properties": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@emotion/is-prop-valid": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.2.1.tgz",
+      "integrity": "sha512-61Mf7Ufx4aDxx1xlDeOm8aFFigGHE4z+0sKCa+IHCeZKiyP9RLD0Mmx7m8b9/Cf37f7NAvQOOJAbQQGVr5uERw==",
+      "dependencies": {
+        "@emotion/memoize": "^0.8.1"
+      }
+    },
+    "node_modules/@emotion/memoize": {
+      "version": "0.8.1",
+      "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz",
+      "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA=="
+    },
+    "node_modules/@emotion/unitless": {
+      "version": "0.8.1",
+      "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.8.1.tgz",
+      "integrity": "sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ=="
+    },
+    "node_modules/@eslint-community/eslint-utils": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz",
+      "integrity": "sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==",
+      "dev": true,
+      "dependencies": {
+        "eslint-visitor-keys": "^3.3.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "peerDependencies": {
+        "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
+      }
+    },
+    "node_modules/@eslint-community/regexpp": {
+      "version": "4.10.0",
+      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.10.0.tgz",
+      "integrity": "sha512-Cu96Sd2By9mCNTx2iyKOmq10v22jUVQv0lQnlGNy16oE9589yE+QADPbrMGCkA51cKZSg3Pu/aTJVTGfL/qjUA==",
+      "dev": true,
+      "engines": {
+        "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
+      }
+    },
+    "node_modules/@eslint/eslintrc": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.4.tgz",
+      "integrity": "sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==",
+      "dev": true,
+      "dependencies": {
+        "ajv": "^6.12.4",
+        "debug": "^4.3.2",
+        "espree": "^9.6.0",
+        "globals": "^13.19.0",
+        "ignore": "^5.2.0",
+        "import-fresh": "^3.2.1",
+        "js-yaml": "^4.1.0",
+        "minimatch": "^3.1.2",
+        "strip-json-comments": "^3.1.1"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@eslint/eslintrc/node_modules/globals": {
+      "version": "13.24.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
+      "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
+      "dev": true,
+      "dependencies": {
+        "type-fest": "^0.20.2"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@eslint/js": {
+      "version": "8.55.0",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.55.0.tgz",
+      "integrity": "sha512-qQfo2mxH5yVom1kacMtZZJFVdW+E70mqHMJvVg6WTLo+VBuQJ4TojZlfWBjK0ve5BdEeNAVxOsl/nvNMpJOaJA==",
+      "dev": true,
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      }
+    },
+    "node_modules/@humanwhocodes/config-array": {
+      "version": "0.11.13",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.13.tgz",
+      "integrity": "sha512-JSBDMiDKSzQVngfRjOdFXgFfklaXI4K9nLF49Auh21lmBWRLIK3+xTErTWD4KU54pb6coM6ESE7Awz/FNU3zgQ==",
+      "dev": true,
+      "dependencies": {
+        "@humanwhocodes/object-schema": "^2.0.1",
+        "debug": "^4.1.1",
+        "minimatch": "^3.0.5"
+      },
+      "engines": {
+        "node": ">=10.10.0"
+      }
+    },
+    "node_modules/@humanwhocodes/module-importer": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
+      "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
+      "dev": true,
+      "engines": {
+        "node": ">=12.22"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/nzakas"
+      }
+    },
+    "node_modules/@humanwhocodes/object-schema": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.1.tgz",
+      "integrity": "sha512-dvuCeX5fC9dXgJn9t+X5atfmgQAzUOWqS1254Gh0m6i8wKd10ebXkfNKiRK+1GWi/yTvvLDHpoxLr0xxxeslWw==",
+      "dev": true
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.3",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz",
+      "integrity": "sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==",
+      "dependencies": {
+        "@jridgewell/set-array": "^1.0.1",
+        "@jridgewell/sourcemap-codec": "^1.4.10",
+        "@jridgewell/trace-mapping": "^0.3.9"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz",
+      "integrity": "sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/set-array": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz",
+      "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/source-map": {
+      "version": "0.3.3",
+      "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.3.tgz",
+      "integrity": "sha512-b+fsZXeLYi9fEULmfBrhxn4IrPlINf8fiNarzTof004v3lFdntdwa9PF7vFJqm3mg7s+ScJMxXaE3Acp1irZcg==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.0",
+        "@jridgewell/trace-mapping": "^0.3.9"
+      }
+    },
+    "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=="
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.18",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.18.tgz",
+      "integrity": "sha512-w+niJYzMHdd7USdiH2U6869nqhD2nbfZXND5Yp93qIbEmnDNk7PD48o+YchRVpzMU7M6jVCbenTR7PA1FLQ9pA==",
+      "dependencies": {
+        "@jridgewell/resolve-uri": "3.1.0",
+        "@jridgewell/sourcemap-codec": "1.4.14"
+      }
+    },
+    "node_modules/@jridgewell/trace-mapping/node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.4.14",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz",
+      "integrity": "sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw=="
+    },
+    "node_modules/@matrix-org/matrix-sdk-crypto-wasm": {
+      "version": "3.4.0",
+      "resolved": "https://registry.npmjs.org/@matrix-org/matrix-sdk-crypto-wasm/-/matrix-sdk-crypto-wasm-3.4.0.tgz",
+      "integrity": "sha512-noO6QnH+ypT//CxewoQdlK/z2iuyQo1Ecp1PDaYyr/NV5yXkWvGfGIIcShXqrQJfL5kuWxg/14edNplXsaXoDQ==",
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/env": {
+      "version": "14.0.4",
+      "resolved": "https://registry.npmjs.org/@next/env/-/env-14.0.4.tgz",
+      "integrity": "sha512-irQnbMLbUNQpP1wcE5NstJtbuA/69kRfzBrpAD7Gsn8zm/CY6YQYc3HQBz8QPxwISG26tIm5afvvVbu508oBeQ=="
+    },
+    "node_modules/@next/eslint-plugin-next": {
+      "version": "14.0.4",
+      "resolved": "https://registry.npmjs.org/@next/eslint-plugin-next/-/eslint-plugin-next-14.0.4.tgz",
+      "integrity": "sha512-U3qMNHmEZoVmHA0j/57nRfi3AscXNvkOnxDmle/69Jz/G0o/gWjXTDdlgILZdrxQ0Lw/jv2mPW8PGy0EGIHXhQ==",
+      "dev": true,
+      "dependencies": {
+        "glob": "7.1.7"
+      }
+    },
+    "node_modules/@next/eslint-plugin-next/node_modules/glob": {
+      "version": "7.1.7",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.7.tgz",
+      "integrity": "sha512-OvD9ENzPLbegENnYP5UUfJIirTg4+XwMWGaQfQTY0JenxNvvIKP3U3/tAQSPIu/lHxXYSZmpXlUHeqAIdKzBLQ==",
+      "dev": true,
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.0.4",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      },
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/@next/swc-darwin-arm64": {
+      "version": "14.0.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-14.0.4.tgz",
+      "integrity": "sha512-mF05E/5uPthWzyYDyptcwHptucf/jj09i2SXBPwNzbgBNc+XnwzrL0U6BmPjQeOL+FiB+iG1gwBeq7mlDjSRPg==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@nicolo-ribaudo/chokidar-2": {
+      "version": "2.1.8-no-fsevents.3",
+      "resolved": "https://registry.npmjs.org/@nicolo-ribaudo/chokidar-2/-/chokidar-2-2.1.8-no-fsevents.3.tgz",
+      "integrity": "sha512-s88O1aVtXftvp5bCPB7WnmXc5IwOZZ7YPuwNPt+GtOOXpPvad1LfbmjYv+qII7zP6RU2QGnqve27dnLycEnyEQ==",
+      "optional": true
+    },
+    "node_modules/@nicolo-ribaudo/eslint-scope-5-internals": {
+      "version": "5.1.1-v1",
+      "resolved": "https://registry.npmjs.org/@nicolo-ribaudo/eslint-scope-5-internals/-/eslint-scope-5-internals-5.1.1-v1.tgz",
+      "integrity": "sha512-54/JRvkLIzzDWshCWfuhadfrfZVPiElY8Fcgmg1HroEly/EDSszzhBAsarCux+D/kOslTRquNzuyGSmUSTTHGg==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "eslint-scope": "5.1.1"
+      }
+    },
+    "node_modules/@nodelib/fs.scandir": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+      "dev": true,
+      "dependencies": {
+        "@nodelib/fs.stat": "2.0.5",
+        "run-parallel": "^1.1.9"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.stat": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+      "dev": true,
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.walk": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+      "dev": true,
+      "dependencies": {
+        "@nodelib/fs.scandir": "2.1.5",
+        "fastq": "^1.6.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@remixicons/react": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@remixicons/react/-/react-1.0.0.tgz",
+      "integrity": "sha512-2QvlgR5myO7wzQduGWD4MYMtxwoHsu/Fq86N3A6DLogXJOctaxb+bLTEH7yysRIPmwO+o6lkadVph/ixasadqQ==",
+      "dev": true,
+      "peerDependencies": {
+        "react": ">= 16"
+      }
+    },
+    "node_modules/@rushstack/eslint-patch": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.5.1.tgz",
+      "integrity": "sha512-6i/8UoL0P5y4leBIGzvkZdS85RDMG9y1ihZzmTZQ5LdHUYmZ7pKFoj8X0236s3lusPs1Fa5HTQUpwI+UfTcmeA==",
+      "dev": true
+    },
+    "node_modules/@stylelint/postcss-css-in-js": {
+      "version": "0.38.0",
+      "resolved": "https://registry.npmjs.org/@stylelint/postcss-css-in-js/-/postcss-css-in-js-0.38.0.tgz",
+      "integrity": "sha512-XOz5CAe49kS95p5yRd+DAIWDojTjfmyAQ4bbDlXMdbZTQ5t0ThjSLvWI6JI2uiS7MFurVBkZ6zUqcimzcLTBoQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/core": "^7.17.9"
+      },
+      "peerDependencies": {
+        "postcss": ">=7.0.0",
+        "postcss-syntax": ">=0.36.2"
+      }
+    },
+    "node_modules/@swc/helpers": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.2.tgz",
+      "integrity": "sha512-E4KcWTpoLHqwPHLxidpOqQbcrZVgi0rsmmZXUle1jXmJfuIf/UWpczUJ7MZZ5tlxytgJXyp0w4PGkkeLiuIdZw==",
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@types/eslint": {
+      "version": "8.4.2",
+      "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-8.4.2.tgz",
+      "integrity": "sha512-Z1nseZON+GEnFjJc04sv4NSALGjhFwy6K0HXt7qsn5ArfAKtb63dXNJHf+1YW6IpOIYRBGUbu3GwJdj8DGnCjA==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@types/estree": "*",
+        "@types/json-schema": "*"
+      }
+    },
+    "node_modules/@types/eslint-scope": {
+      "version": "3.7.3",
+      "resolved": "https://registry.npmjs.org/@types/eslint-scope/-/eslint-scope-3.7.3.tgz",
+      "integrity": "sha512-PB3ldyrcnAicT35TWPs5IcwKD8S333HMaa2VVv4+wdvebJkjWuW/xESoB8IwRcog8HYVYamb1g/R31Qv5Bx03g==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@types/eslint": "*",
+        "@types/estree": "*"
+      }
+    },
+    "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==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/@types/events": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@types/events/-/events-3.0.1.tgz",
+      "integrity": "sha512-QfUFdKjGSc+iCf8OFZhqJKfDuqB6lP57kSMkPw8ba3yNDANicUwCdaPt5ytZ4nDXXVFxQkvT8v73I4stSVrCxA=="
+    },
+    "node_modules/@types/json-schema": {
+      "version": "7.0.12",
+      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.12.tgz",
+      "integrity": "sha512-Hr5Jfhc9eYOQNPYO5WLDq/n4jqijdHNlDXjuAQkkt+mWdQR+XJToOHrsD4cPaMXpn6KO7y2+wM8AZEs8VpBLVA==",
+      "dev": true
+    },
+    "node_modules/@types/json5": {
+      "version": "0.0.29",
+      "resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz",
+      "integrity": "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==",
+      "dev": true
+    },
+    "node_modules/@types/minimist": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/@types/minimist/-/minimist-1.2.2.tgz",
+      "integrity": "sha512-jhuKLIRrhvCPLqwPcx6INqmKeiA5EWrsCOPhrlFSrbrmU4ZMPjj5Ul/oLCMDO98XRUIwVm78xICz4EPCektzeQ==",
+      "dev": true
+    },
+    "node_modules/@types/node": {
+      "version": "17.0.31",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-17.0.31.tgz",
+      "integrity": "sha512-AR0x5HbXGqkEx9CadRH3EBYx/VkiUgZIhP4wvPn/+5KIsgpNoyFaRlVe0Zlx9gRtg8fA06a9tskE2MSN7TcG4Q==",
+      "dev": true
+    },
+    "node_modules/@types/normalize-package-data": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/@types/normalize-package-data/-/normalize-package-data-2.4.1.tgz",
+      "integrity": "sha512-Gj7cI7z+98M282Tqmp2K5EIsoouUEzbBJhQQzDE3jSIRk6r9gsz0oUokqIUR4u1R3dMHo0pDHM7sNOHyhulypw==",
+      "dev": true
+    },
+    "node_modules/@types/parse-json": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.0.tgz",
+      "integrity": "sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==",
+      "dev": true
+    },
+    "node_modules/@types/retry": {
+      "version": "0.12.1",
+      "resolved": "https://registry.npmjs.org/@types/retry/-/retry-0.12.1.tgz",
+      "integrity": "sha512-xoDlM2S4ortawSWORYqsdU+2rxdh4LRW9ytc3zmT37RIKQh6IHyKwwtKhKis9ah8ol07DCkZxPt8BBvPjC6v4g=="
+    },
+    "node_modules/@types/semver": {
+      "version": "7.5.0",
+      "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.5.0.tgz",
+      "integrity": "sha512-G8hZ6XJiHnuhQKR7ZmysCeJWE08o8T0AXtk5darsCaTVsYZhhgUrq53jizaR2FvsoeCwJhlmwTjkXBY5Pn/ZHw==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/@types/stylis": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/@types/stylis/-/stylis-4.2.1.tgz",
+      "integrity": "sha512-OSaMrXUKxVigGlKRrET39V2xdhzlztQ9Aqumn1WbCBKHOi9ry7jKSd7rkyj0GzmWaU960Rd+LpOFpLfx5bMQAg=="
+    },
+    "node_modules/@typescript-eslint/eslint-plugin": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-6.1.0.tgz",
+      "integrity": "sha512-qg7Bm5TyP/I7iilGyp6DRqqkt8na00lI6HbjWZObgk3FFSzH5ypRwAHXJhJkwiRtTcfn+xYQIMOR5kJgpo6upw==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@eslint-community/regexpp": "^4.5.1",
+        "@typescript-eslint/scope-manager": "6.1.0",
+        "@typescript-eslint/type-utils": "6.1.0",
+        "@typescript-eslint/utils": "6.1.0",
+        "@typescript-eslint/visitor-keys": "6.1.0",
+        "debug": "^4.3.4",
+        "graphemer": "^1.4.0",
+        "ignore": "^5.2.4",
+        "natural-compare": "^1.4.0",
+        "natural-compare-lite": "^1.4.0",
+        "semver": "^7.5.4",
+        "ts-api-utils": "^1.0.1"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "@typescript-eslint/parser": "^6.0.0 || ^6.0.0-alpha",
+        "eslint": "^7.0.0 || ^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/eslint-plugin/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,
+      "peer": true,
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@typescript-eslint/parser": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-6.1.0.tgz",
+      "integrity": "sha512-hIzCPvX4vDs4qL07SYzyomamcs2/tQYXg5DtdAfj35AyJ5PIUqhsLf4YrEIFzZcND7R2E8tpQIZKayxg8/6Wbw==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/scope-manager": "6.1.0",
+        "@typescript-eslint/types": "6.1.0",
+        "@typescript-eslint/typescript-estree": "6.1.0",
+        "@typescript-eslint/visitor-keys": "6.1.0",
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^7.0.0 || ^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/scope-manager": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-6.1.0.tgz",
+      "integrity": "sha512-AxjgxDn27hgPpe2rQe19k0tXw84YCOsjDJ2r61cIebq1t+AIxbgiXKvD4999Wk49GVaAcdJ/d49FYel+Pp3jjw==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/types": "6.1.0",
+        "@typescript-eslint/visitor-keys": "6.1.0"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/type-utils": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-6.1.0.tgz",
+      "integrity": "sha512-kFXBx6QWS1ZZ5Ni89TyT1X9Ag6RXVIVhqDs0vZE/jUeWlBv/ixq2diua6G7ece6+fXw3TvNRxP77/5mOMusx2w==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@typescript-eslint/typescript-estree": "6.1.0",
+        "@typescript-eslint/utils": "6.1.0",
+        "debug": "^4.3.4",
+        "ts-api-utils": "^1.0.1"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^7.0.0 || ^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/types": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-6.1.0.tgz",
+      "integrity": "sha512-+Gfd5NHCpDoHDOaU/yIF3WWRI2PcBRKKpP91ZcVbL0t5tQpqYWBs3z/GGhvU+EV1D0262g9XCnyqQh19prU0JQ==",
+      "dev": true,
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-6.1.0.tgz",
+      "integrity": "sha512-nUKAPWOaP/tQjU1IQw9sOPCDavs/iU5iYLiY/6u7gxS7oKQoi4aUxXS1nrrVGTyBBaGesjkcwwHkbkiD5eBvcg==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/types": "6.1.0",
+        "@typescript-eslint/visitor-keys": "6.1.0",
+        "debug": "^4.3.4",
+        "globby": "^11.1.0",
+        "is-glob": "^4.0.3",
+        "semver": "^7.5.4",
+        "ts-api-utils": "^1.0.1"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/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/@typescript-eslint/utils": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-6.1.0.tgz",
+      "integrity": "sha512-wp652EogZlKmQoMS5hAvWqRKplXvkuOnNzZSE0PVvsKjpexd/XznRVHAtrfHFYmqaJz0DFkjlDsGYC9OXw+OhQ==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.4.0",
+        "@types/json-schema": "^7.0.12",
+        "@types/semver": "^7.5.0",
+        "@typescript-eslint/scope-manager": "6.1.0",
+        "@typescript-eslint/types": "6.1.0",
+        "@typescript-eslint/typescript-estree": "6.1.0",
+        "semver": "^7.5.4"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^7.0.0 || ^8.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/utils/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,
+      "peer": true,
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@typescript-eslint/visitor-keys": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-6.1.0.tgz",
+      "integrity": "sha512-yQeh+EXhquh119Eis4k0kYhj9vmFzNpbhM3LftWQVwqVjipCkwHBQOZutcYW+JVkjtTG9k8nrZU1UoNedPDd1A==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/types": "6.1.0",
+        "eslint-visitor-keys": "^3.4.1"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@ungap/structured-clone": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.2.0.tgz",
+      "integrity": "sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==",
+      "dev": true
+    },
+    "node_modules/@webassemblyjs/ast": {
+      "version": "1.11.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.11.5.tgz",
+      "integrity": "sha512-LHY/GSAZZRpsNQH+/oHqhRQ5FT7eoULcBqgfyTB5nQHogFnK3/7QoN7dLnwSE/JkUAF0SrRuclT7ODqMFtWxxQ==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/helper-numbers": "1.11.5",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.5"
+      }
+    },
+    "node_modules/@webassemblyjs/floating-point-hex-parser": {
+      "version": "1.11.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.11.5.tgz",
+      "integrity": "sha512-1j1zTIC5EZOtCplMBG/IEwLtUojtwFVwdyVMbL/hwWqbzlQoJsWCOavrdnLkemwNoC/EOwtUFch3fuo+cbcXYQ==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/@webassemblyjs/helper-api-error": {
+      "version": "1.11.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.11.5.tgz",
+      "integrity": "sha512-L65bDPmfpY0+yFrsgz8b6LhXmbbs38OnwDCf6NpnMUYqa+ENfE5Dq9E42ny0qz/PdR0LJyq/T5YijPnU8AXEpA==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/@webassemblyjs/helper-buffer": {
+      "version": "1.11.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.11.5.tgz",
+      "integrity": "sha512-fDKo1gstwFFSfacIeH5KfwzjykIE6ldh1iH9Y/8YkAZrhmu4TctqYjSh7t0K2VyDSXOZJ1MLhht/k9IvYGcIxg==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/@webassemblyjs/helper-numbers": {
+      "version": "1.11.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-numbers/-/helper-numbers-1.11.5.tgz",
+      "integrity": "sha512-DhykHXM0ZABqfIGYNv93A5KKDw/+ywBFnuWybZZWcuzWHfbp21wUfRkbtz7dMGwGgT4iXjWuhRMA2Mzod6W4WA==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/floating-point-hex-parser": "1.11.5",
+        "@webassemblyjs/helper-api-error": "1.11.5",
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "node_modules/@webassemblyjs/helper-wasm-bytecode": {
+      "version": "1.11.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.11.5.tgz",
+      "integrity": "sha512-oC4Qa0bNcqnjAowFn7MPCETQgDYytpsfvz4ujZz63Zu/a/v71HeCAAmZsgZ3YVKec3zSPYytG3/PrRCqbtcAvA==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/@webassemblyjs/helper-wasm-section": {
+      "version": "1.11.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.11.5.tgz",
+      "integrity": "sha512-uEoThA1LN2NA+K3B9wDo3yKlBfVtC6rh0i4/6hvbz071E8gTNZD/pT0MsBf7MeD6KbApMSkaAK0XeKyOZC7CIA==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.11.5",
+        "@webassemblyjs/helper-buffer": "1.11.5",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.5",
+        "@webassemblyjs/wasm-gen": "1.11.5"
+      }
+    },
+    "node_modules/@webassemblyjs/ieee754": {
+      "version": "1.11.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.11.5.tgz",
+      "integrity": "sha512-37aGq6qVL8A8oPbPrSGMBcp38YZFXcHfiROflJn9jxSdSMMM5dS5P/9e2/TpaJuhE+wFrbukN2WI6Hw9MH5acg==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@xtuc/ieee754": "^1.2.0"
+      }
+    },
+    "node_modules/@webassemblyjs/leb128": {
+      "version": "1.11.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.11.5.tgz",
+      "integrity": "sha512-ajqrRSXaTJoPW+xmkfYN6l8VIeNnR4vBOTQO9HzR7IygoCcKWkICbKFbVTNMjMgMREqXEr0+2M6zukzM47ZUfQ==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "node_modules/@webassemblyjs/utf8": {
+      "version": "1.11.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.11.5.tgz",
+      "integrity": "sha512-WiOhulHKTZU5UPlRl53gHR8OxdGsSOxqfpqWeA2FmcwBMaoEdz6b2x2si3IwC9/fSPLfe8pBMRTHVMk5nlwnFQ==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/@webassemblyjs/wasm-edit": {
+      "version": "1.11.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.11.5.tgz",
+      "integrity": "sha512-C0p9D2fAu3Twwqvygvf42iGCQ4av8MFBLiTb+08SZ4cEdwzWx9QeAHDo1E2k+9s/0w1DM40oflJOpkZ8jW4HCQ==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.11.5",
+        "@webassemblyjs/helper-buffer": "1.11.5",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.5",
+        "@webassemblyjs/helper-wasm-section": "1.11.5",
+        "@webassemblyjs/wasm-gen": "1.11.5",
+        "@webassemblyjs/wasm-opt": "1.11.5",
+        "@webassemblyjs/wasm-parser": "1.11.5",
+        "@webassemblyjs/wast-printer": "1.11.5"
+      }
+    },
+    "node_modules/@webassemblyjs/wasm-gen": {
+      "version": "1.11.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.11.5.tgz",
+      "integrity": "sha512-14vteRlRjxLK9eSyYFvw1K8Vv+iPdZU0Aebk3j6oB8TQiQYuO6hj9s4d7qf6f2HJr2khzvNldAFG13CgdkAIfA==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.11.5",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.5",
+        "@webassemblyjs/ieee754": "1.11.5",
+        "@webassemblyjs/leb128": "1.11.5",
+        "@webassemblyjs/utf8": "1.11.5"
+      }
+    },
+    "node_modules/@webassemblyjs/wasm-opt": {
+      "version": "1.11.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.11.5.tgz",
+      "integrity": "sha512-tcKwlIXstBQgbKy1MlbDMlXaxpucn42eb17H29rawYLxm5+MsEmgPzeCP8B1Cl69hCice8LeKgZpRUAPtqYPgw==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.11.5",
+        "@webassemblyjs/helper-buffer": "1.11.5",
+        "@webassemblyjs/wasm-gen": "1.11.5",
+        "@webassemblyjs/wasm-parser": "1.11.5"
+      }
+    },
+    "node_modules/@webassemblyjs/wasm-parser": {
+      "version": "1.11.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.11.5.tgz",
+      "integrity": "sha512-SVXUIwsLQlc8srSD7jejsfTU83g7pIGr2YYNb9oHdtldSxaOhvA5xwvIiWIfcX8PlSakgqMXsLpLfbbJ4cBYew==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.11.5",
+        "@webassemblyjs/helper-api-error": "1.11.5",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.5",
+        "@webassemblyjs/ieee754": "1.11.5",
+        "@webassemblyjs/leb128": "1.11.5",
+        "@webassemblyjs/utf8": "1.11.5"
+      }
+    },
+    "node_modules/@webassemblyjs/wast-printer": {
+      "version": "1.11.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.11.5.tgz",
+      "integrity": "sha512-f7Pq3wvg3GSPUPzR0F6bmI89Hdb+u9WXrSKc4v+N0aV0q6r42WoF92Jp2jEorBEBRoRNXgjp53nBniDXcqZYPA==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.11.5",
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "node_modules/@xtuc/ieee754": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz",
+      "integrity": "sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/@xtuc/long": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@xtuc/long/-/long-4.2.2.tgz",
+      "integrity": "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/abort-controller": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/abort-controller/-/abort-controller-3.0.0.tgz",
+      "integrity": "sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg==",
+      "dependencies": {
+        "event-target-shim": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=6.5"
+      }
+    },
+    "node_modules/acorn": {
+      "version": "8.11.2",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.2.tgz",
+      "integrity": "sha512-nc0Axzp/0FILLEVsm4fNwLCwMttvhEI263QtVPQcbpfZZ3ts0hLsZGOpE6czNlid7CJ9MlyH8reXkpsf3YUY4w==",
+      "dev": true,
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/acorn-import-assertions": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/acorn-import-assertions/-/acorn-import-assertions-1.8.0.tgz",
+      "integrity": "sha512-m7VZ3jwz4eK6A4Vtt8Ew1/mNbP24u0FhdyfA7fSvnJR6LMdfOYnmuIrrJAgrYfYJ10F/otaHTtrtrtmHdMNzEw==",
+      "dev": true,
+      "peer": true,
+      "peerDependencies": {
+        "acorn": "^8"
+      }
+    },
+    "node_modules/acorn-jsx": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
+      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
+      "dev": true,
+      "peerDependencies": {
+        "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
+      }
+    },
+    "node_modules/ajv": {
+      "version": "6.12.6",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+      "dev": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "fast-json-stable-stringify": "^2.0.0",
+        "json-schema-traverse": "^0.4.1",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/ajv-formats": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/ajv-formats/-/ajv-formats-2.1.1.tgz",
+      "integrity": "sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==",
+      "dev": true,
+      "dependencies": {
+        "ajv": "^8.0.0"
+      },
+      "peerDependencies": {
+        "ajv": "^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "ajv": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/ajv-formats/node_modules/ajv": {
+      "version": "8.11.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.11.0.tgz",
+      "integrity": "sha512-wGgprdCvMalC0BztXvitD2hC04YffAvtsUn93JbGXYLAtCUO4xd17mCCZQxUOItiBwZvJScWo8NIvQMQ71rdpg==",
+      "dev": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/ajv-formats/node_modules/json-schema-traverse": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+      "dev": true
+    },
+    "node_modules/ajv-keywords": {
+      "version": "3.5.2",
+      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
+      "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
+      "dev": true,
+      "peer": true,
+      "peerDependencies": {
+        "ajv": "^6.9.1"
+      }
+    },
+    "node_modules/another-json": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/another-json/-/another-json-0.2.0.tgz",
+      "integrity": "sha1-tfQBnJc7bdXGUGotk0acttMq7tw="
+    },
+    "node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ansi-styles": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+      "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+      "dependencies": {
+        "color-convert": "^1.9.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/anymatch": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
+      "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
+      "optional": true,
+      "dependencies": {
+        "normalize-path": "^3.0.0",
+        "picomatch": "^2.0.4"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/argparse": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "dev": true
+    },
+    "node_modules/aria-query": {
+      "version": "5.1.3",
+      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.1.3.tgz",
+      "integrity": "sha512-R5iJ5lkuHybztUfuOAznmboyjWq8O6sqNqtK7CLOqdydi54VNbORp49mb14KbWgG1QD3JFO9hJdZ+y4KutfdOQ==",
+      "dev": true,
+      "dependencies": {
+        "deep-equal": "^2.0.5"
+      }
+    },
+    "node_modules/array-buffer-byte-length": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.0.tgz",
+      "integrity": "sha512-LPuwb2P+NrQw3XhxGc36+XSvuBPopovXYTR9Ew++Du9Yb/bx5AzBfrIsBoj0EZUifjQU+sHL21sseZ3jerWO/A==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "is-array-buffer": "^3.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array-includes": {
+      "version": "3.1.7",
+      "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.7.tgz",
+      "integrity": "sha512-dlcsNBIiWhPkHdOEEKnehA+RNUWDc4UqFtnIXU4uuYDPtA4LDkr7qip2p0VvFAEXNDr0yWZ9PJyIRiGjRLQzwQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "get-intrinsic": "^1.2.1",
+        "is-string": "^1.0.7"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array-union": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
+      "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/array.prototype.findlastindex": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.3.tgz",
+      "integrity": "sha512-LzLoiOMAxvy+Gd3BAq3B7VeIgPdo+Q8hthvKtXybMvRV0jrXfJM/t8mw7nNlpEcVlVUnCnM2KSX4XU5HmpodOA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "es-shim-unscopables": "^1.0.0",
+        "get-intrinsic": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.flat": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.2.tgz",
+      "integrity": "sha512-djYB+Zx2vLewY8RWlNCUdHjDXs2XOgm602S9E7P/UpHgfeHL00cRiIF+IN/G/aUJ7kGPb6yO/ErDI5V2s8iycA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "es-shim-unscopables": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.flatmap": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.2.tgz",
+      "integrity": "sha512-Ewyx0c9PmpcsByhSW4r+9zDU7sGjFc86qf/kKtuSCRdhfbk0SNLLkaT5qvcHnRGgc5NP/ly/y+qkXkqONX54CQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "es-shim-unscopables": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.tosorted": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/array.prototype.tosorted/-/array.prototype.tosorted-1.1.1.tgz",
+      "integrity": "sha512-pZYPXPRl2PqWcsUs6LOMn+1f1532nEoPTYowBtqLwAW+W8vSVhkIGnmOX1t/UQjD6YGI0vcD2B1U7ZFGQH9jnQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.4",
+        "es-abstract": "^1.20.4",
+        "es-shim-unscopables": "^1.0.0",
+        "get-intrinsic": "^1.1.3"
+      }
+    },
+    "node_modules/arraybuffer.prototype.slice": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.2.tgz",
+      "integrity": "sha512-yMBKppFur/fbHu9/6USUe03bZ4knMYiwFBcyiaXB8Go0qNehwX6inYPzK9U0NeQvGxKthcmHcaR8P5MStSRBAw==",
+      "dev": true,
+      "dependencies": {
+        "array-buffer-byte-length": "^1.0.0",
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "get-intrinsic": "^1.2.1",
+        "is-array-buffer": "^3.0.2",
+        "is-shared-array-buffer": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/arrify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/arrify/-/arrify-1.0.1.tgz",
+      "integrity": "sha1-iYUI2iIm84DfkEcoRWhJwVAaSw0=",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ast-types-flow": {
+      "version": "0.0.7",
+      "resolved": "https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.7.tgz",
+      "integrity": "sha1-9wtzXGvKGlycItmCw+Oef+ujva0=",
+      "dev": true
+    },
+    "node_modules/astral-regex": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/astral-regex/-/astral-regex-2.0.0.tgz",
+      "integrity": "sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/asynciterator.prototype": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/asynciterator.prototype/-/asynciterator.prototype-1.0.0.tgz",
+      "integrity": "sha512-wwHYEIS0Q80f5mosx3L/dfG5t5rjEa9Ft51GTaNt862EnpyGHpgz2RkZvLPp1oF5TnAiTohkEKVEu8pQPJI7Vg==",
+      "dev": true,
+      "dependencies": {
+        "has-symbols": "^1.0.3"
+      }
+    },
+    "node_modules/atomic-sleep": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/atomic-sleep/-/atomic-sleep-1.0.0.tgz",
+      "integrity": "sha512-kNOjDqAh7px0XWNI+4QbzoiR/nTkHAWNud2uvnJquD1/x5a7EQZMJT0AczqK0Qn67oY/TTQ1LbUKajZpp3I9tQ==",
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/available-typed-arrays": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.5.tgz",
+      "integrity": "sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/axe-core": {
+      "version": "4.7.0",
+      "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.7.0.tgz",
+      "integrity": "sha512-M0JtH+hlOL5pLQwHOLNYZaXuhqmvS8oExsqB1SBYgA4Dk7u/xx+YdGHXaK5pyUfed5mYXdlYiphWq3G8cRi5JQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/axobject-query": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-3.1.1.tgz",
+      "integrity": "sha512-goKlv8DZrK9hUh975fnHzhNIO4jUnFCfv/dszV5VwUGDFjI6vQ2VwoyjYjYNEbBE8AH87TduWP5uyDR1D+Iteg==",
+      "dev": true,
+      "dependencies": {
+        "deep-equal": "^2.0.5"
+      }
+    },
+    "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-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==",
+      "dependencies": {
+        "@babel/helper-define-polyfill-provider": "^0.4.2",
+        "core-js-compat": "^3.32.2"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
+      }
+    },
+    "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-plugin-styled-components": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/babel-plugin-styled-components/-/babel-plugin-styled-components-2.1.4.tgz",
+      "integrity": "sha512-Xgp9g+A/cG47sUyRwwYxGM4bR/jDRg5N6it/8+HxCnbT5XNKSKDT9xm4oag/osgqjC2It/vH0yXsomOG6k558g==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.22.5",
+        "@babel/helper-module-imports": "^7.22.5",
+        "@babel/plugin-syntax-jsx": "^7.22.5",
+        "lodash": "^4.17.21",
+        "picomatch": "^2.3.1"
+      },
+      "peerDependencies": {
+        "styled-components": ">= 2"
+      }
+    },
+    "node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="
+    },
+    "node_modules/base-x": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/base-x/-/base-x-4.0.0.tgz",
+      "integrity": "sha512-FuwxlW4H5kh37X/oW59pwTzzTKRzfrrQwhmyspRM7swOEZcHtDZSCt45U6oKgtuFE+WYPblePMVIPR4RZrh/hw=="
+    },
+    "node_modules/base64-js": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
+      "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
+      "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/binary-extensions": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
+      "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==",
+      "optional": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/brace-expansion": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/braces": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
+      "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+      "devOptional": true,
+      "dependencies": {
+        "fill-range": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/browserslist": {
+      "version": "4.22.1",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.22.1.tgz",
+      "integrity": "sha512-FEVc202+2iuClEhZhrWy6ZiAcRLvNMyYcxZ8raemul1DYVOVdFsbqckWLdsixQZCpJlwe77Z3UTalE7jsjnKfQ==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "caniuse-lite": "^1.0.30001541",
+        "electron-to-chromium": "^1.4.535",
+        "node-releases": "^2.0.13",
+        "update-browserslist-db": "^1.0.13"
+      },
+      "bin": {
+        "browserslist": "cli.js"
+      },
+      "engines": {
+        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+      }
+    },
+    "node_modules/bs58": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/bs58/-/bs58-5.0.0.tgz",
+      "integrity": "sha512-r+ihvQJvahgYT50JD05dyJNKlmmSlMoOGwn1lCcEzanPglg7TxYjioQUYehQ9mAR/+hOSd2jRc/Z2y5UxBymvQ==",
+      "dependencies": {
+        "base-x": "^4.0.0"
+      }
+    },
+    "node_modules/buffer": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz",
+      "integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==",
+      "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": {
+        "base64-js": "^1.3.1",
+        "ieee754": "^1.2.1"
+      }
+    },
+    "node_modules/buffer-from": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
+      "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/builtin-modules": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/builtin-modules/-/builtin-modules-3.3.0.tgz",
+      "integrity": "sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/busboy": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/busboy/-/busboy-1.6.0.tgz",
+      "integrity": "sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==",
+      "dependencies": {
+        "streamsearch": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=10.16.0"
+      }
+    },
+    "node_modules/call-bind": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.5.tgz",
+      "integrity": "sha512-C3nQxfFZxFRVoJoGKKI8y3MOEo129NQ+FgQ08iye+Mk4zNZZGdjfs06bVTr+DBSlA66Q2VEcMki/cUCP4SercQ==",
+      "dev": true,
+      "dependencies": {
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.1",
+        "set-function-length": "^1.1.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/callsites": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
+      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/camelcase": {
+      "version": "5.3.1",
+      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
+      "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/camelcase-keys": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/camelcase-keys/-/camelcase-keys-6.2.2.tgz",
+      "integrity": "sha512-YrwaA0vEKazPBkn0ipTiMpSajYDSe+KjQfrjhcBMxJt/znbvlHd8Pw/Vamaz5EB4Wfhs3SUR3Z9mwRu/P3s3Yg==",
+      "dev": true,
+      "dependencies": {
+        "camelcase": "^5.3.1",
+        "map-obj": "^4.0.0",
+        "quick-lru": "^4.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/camelize": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/camelize/-/camelize-1.0.1.tgz",
+      "integrity": "sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ==",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/caniuse-lite": {
+      "version": "1.0.30001546",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001546.tgz",
+      "integrity": "sha512-zvtSJwuQFpewSyRrI3AsftF6rM0X80mZkChIt1spBGEvRglCrjTniXvinc8JKRoqTwXAgvqTImaN9igfSMtUBw==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ]
+    },
+    "node_modules/chalk": {
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+      "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+      "dependencies": {
+        "ansi-styles": "^3.2.1",
+        "escape-string-regexp": "^1.0.5",
+        "supports-color": "^5.3.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/chalk/node_modules/has-flag": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
+      "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/chalk/node_modules/supports-color": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+      "dependencies": {
+        "has-flag": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/chokidar": {
+      "version": "3.5.3",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz",
+      "integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://paulmillr.com/funding/"
+        }
+      ],
+      "optional": true,
+      "dependencies": {
+        "anymatch": "~3.1.2",
+        "braces": "~3.0.2",
+        "glob-parent": "~5.1.2",
+        "is-binary-path": "~2.1.0",
+        "is-glob": "~4.0.1",
+        "normalize-path": "~3.0.0",
+        "readdirp": "~3.6.0"
+      },
+      "engines": {
+        "node": ">= 8.10.0"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/chokidar/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "optional": true,
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/chrome-trace-event": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/chrome-trace-event/-/chrome-trace-event-1.0.3.tgz",
+      "integrity": "sha512-p3KULyQg4S7NIHixdwbGX+nFHkoBiA4YQmyWtjb8XngSKV124nJmRysgAeujbUVb15vh+RvFUfCPqU7rXk+hZg==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=6.0"
+      }
+    },
+    "node_modules/ci-info": {
+      "version": "3.8.0",
+      "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-3.8.0.tgz",
+      "integrity": "sha512-eXTggHWSooYhq49F2opQhuHWgzucfF2YgODK4e1566GQs5BIfP30B0oenwBJHfWxAs2fyPB1s7Mg949zLf61Yw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/sibiraj-s"
+        }
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/clean-regexp": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/clean-regexp/-/clean-regexp-1.0.0.tgz",
+      "integrity": "sha512-GfisEZEJvzKrmGWkvfhgzcz/BllN1USeqD2V6tg14OAOgaCD2Z/PUEuxnAZ/nPvmaHRG7a8y77p1T/IRQ4D1Hw==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "escape-string-regexp": "^1.0.5"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/client-only": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
+      "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA=="
+    },
+    "node_modules/clone-regexp": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/clone-regexp/-/clone-regexp-2.2.0.tgz",
+      "integrity": "sha512-beMpP7BOtTipFuW8hrJvREQ2DrRu3BE7by0ZpibtfBA+qfHYvMGTc2Yb1JMYPKg/JUw0CHYvpg796aNTSW9z7Q==",
+      "dev": true,
+      "dependencies": {
+        "is-regexp": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/color-convert": {
+      "version": "1.9.3",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
+      "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
+      "dependencies": {
+        "color-name": "1.1.3"
+      }
+    },
+    "node_modules/color-name": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
+      "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw=="
+    },
+    "node_modules/colord": {
+      "version": "2.9.2",
+      "resolved": "https://registry.npmjs.org/colord/-/colord-2.9.2.tgz",
+      "integrity": "sha512-Uqbg+J445nc1TKn4FoDPS6ZZqAvEDnwrH42yo8B40JSOgSLxMZ/gt3h4nmCtPLQeXhjJJkqBx7SCY35WnIixaQ==",
+      "dev": true
+    },
+    "node_modules/commander": {
+      "version": "2.20.3",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
+      "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s="
+    },
+    "node_modules/content-type": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.4.tgz",
+      "integrity": "sha512-hIP3EEPs8tB9AT1L+NUqtwOAps4mk2Zob89MWXMHjHWg9milF/j4osnnQLXBCBFBk/tvIG/tUc9mOUJiPBhPXA==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "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/core-js-compat": {
+      "version": "3.33.0",
+      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.33.0.tgz",
+      "integrity": "sha512-0w4LcLXsVEuNkIqwjjf9rjCoPhK8uqA4tMRh4Ge26vfLtUutshn+aRJU21I9LCJlh2QQHfisNToLjw1XEJLTWw==",
+      "dependencies": {
+        "browserslist": "^4.22.1"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/core-js"
+      }
+    },
+    "node_modules/cosmiconfig": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.0.1.tgz",
+      "integrity": "sha512-a1YWNUV2HwGimB7dU2s1wUMurNKjpx60HxBB6xUM8Re+2s1g1IIfJvFR0/iCF+XHdE0GMTKTuLR32UQff4TEyQ==",
+      "dev": true,
+      "dependencies": {
+        "@types/parse-json": "^4.0.0",
+        "import-fresh": "^3.2.1",
+        "parse-json": "^5.0.0",
+        "path-type": "^4.0.0",
+        "yaml": "^1.10.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/cross-spawn": {
+      "version": "7.0.3",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
+      "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
+      "dev": true,
+      "dependencies": {
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/crypto-js": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/crypto-js/-/crypto-js-4.2.0.tgz",
+      "integrity": "sha512-KALDyEYgpY+Rlob/iriUtjV6d5Eq+Y191A5g4UqLAi8CyGP9N1+FdVbkc1SxKc2r4YAYqG8JzO2KGL+AizD70Q=="
+    },
+    "node_modules/css-color-keywords": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/css-color-keywords/-/css-color-keywords-1.0.0.tgz",
+      "integrity": "sha512-FyyrDHZKEjXDpNJYvVsV960FiqQyXc/LlYmsxl2BcdMb2WPx0OGRVgTg55rPSyLSNMqP52R9r8geSp7apN3Ofg==",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/css-functions-list": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/css-functions-list/-/css-functions-list-3.0.1.tgz",
+      "integrity": "sha512-PriDuifDt4u4rkDgnqRCLnjfMatufLmWNfQnGCq34xZwpY3oabwhB9SqRBmuvWUgndbemCFlKqg+nO7C2q0SBw==",
+      "dev": true,
+      "engines": {
+        "node": ">=12.22"
+      }
+    },
+    "node_modules/css-to-react-native": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/css-to-react-native/-/css-to-react-native-3.2.0.tgz",
+      "integrity": "sha512-e8RKaLXMOFii+02mOlqwjbD00KSEKqblnpO9e++1aXS1fPQOpS1YoqdVHBqPjHNoxeF2mimzVqawm2KCbEdtHQ==",
+      "dependencies": {
+        "camelize": "^1.0.0",
+        "css-color-keywords": "^1.0.0",
+        "postcss-value-parser": "^4.0.2"
+      }
+    },
+    "node_modules/cssesc": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
+      "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
+      "dev": true,
+      "bin": {
+        "cssesc": "bin/cssesc"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/csstype": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz",
+      "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ=="
+    },
+    "node_modules/damerau-levenshtein": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz",
+      "integrity": "sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==",
+      "dev": true
+    },
+    "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/decamelize": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz",
+      "integrity": "sha1-9lNNFRSCabIDUue+4m9QH5oZEpA=",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/decamelize-keys": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/decamelize-keys/-/decamelize-keys-1.1.0.tgz",
+      "integrity": "sha1-0XGoeTMlKAfrPLYdwcFEXQeN8tk=",
+      "dev": true,
+      "dependencies": {
+        "decamelize": "^1.1.0",
+        "map-obj": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/decamelize-keys/node_modules/map-obj": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-1.0.1.tgz",
+      "integrity": "sha1-2TPOuSBdgr3PSIb2dCvcK03qFG0=",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/deep-equal": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-2.2.1.tgz",
+      "integrity": "sha512-lKdkdV6EOGoVn65XaOsPdH4rMxTZOnmFyuIkMjM1i5HHCbfjC97dawgTAy0deYNfuqUqW+Q5VrVaQYtUpSd6yQ==",
+      "dev": true,
+      "dependencies": {
+        "array-buffer-byte-length": "^1.0.0",
+        "call-bind": "^1.0.2",
+        "es-get-iterator": "^1.1.3",
+        "get-intrinsic": "^1.2.0",
+        "is-arguments": "^1.1.1",
+        "is-array-buffer": "^3.0.2",
+        "is-date-object": "^1.0.5",
+        "is-regex": "^1.1.4",
+        "is-shared-array-buffer": "^1.0.2",
+        "isarray": "^2.0.5",
+        "object-is": "^1.1.5",
+        "object-keys": "^1.1.1",
+        "object.assign": "^4.1.4",
+        "regexp.prototype.flags": "^1.5.0",
+        "side-channel": "^1.0.4",
+        "which-boxed-primitive": "^1.0.2",
+        "which-collection": "^1.0.1",
+        "which-typed-array": "^1.1.9"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/deep-is": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
+      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
+      "dev": true
+    },
+    "node_modules/define-data-property": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.1.tgz",
+      "integrity": "sha512-E7uGkTzkk1d0ByLeSc6ZsFS79Axg+m1P/VsgYsxHgiuc3tFSj+MjMIwe90FC4lOAZzNBdY7kkO2P2wKdsQ1vgQ==",
+      "dev": true,
+      "dependencies": {
+        "get-intrinsic": "^1.2.1",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/define-properties": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz",
+      "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
+      "dev": true,
+      "dependencies": {
+        "define-data-property": "^1.0.1",
+        "has-property-descriptors": "^1.0.0",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/dir-glob": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
+      "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==",
+      "dev": true,
+      "dependencies": {
+        "path-type": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/doctrine": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
+      "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
+      "dev": true,
+      "dependencies": {
+        "esutils": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/electron-to-chromium": {
+      "version": "1.4.543",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.543.tgz",
+      "integrity": "sha512-t2ZP4AcGE0iKCCQCBx/K2426crYdxD3YU6l0uK2EO3FZH0pbC4pFz/sZm2ruZsND6hQBTcDWWlo/MLpiOdif5g=="
+    },
+    "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/enhanced-resolve": {
+      "version": "5.13.0",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.13.0.tgz",
+      "integrity": "sha512-eyV8f0y1+bzyfh8xAwW/WTSZpLbjhqc4ne9eGSH4Zo2ejdyiNG9pU6mf9DG8a7+Auk6MFTlNOT4Y2y/9k8GKVg==",
+      "dev": true,
+      "dependencies": {
+        "graceful-fs": "^4.2.4",
+        "tapable": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/error-ex": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz",
+      "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==",
+      "dev": true,
+      "dependencies": {
+        "is-arrayish": "^0.2.1"
+      }
+    },
+    "node_modules/es-abstract": {
+      "version": "1.22.3",
+      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.22.3.tgz",
+      "integrity": "sha512-eiiY8HQeYfYH2Con2berK+To6GrK2RxbPawDkGq4UiCQQfZHb6wX9qQqkbpPqaxQFcl8d9QzZqo0tGE0VcrdwA==",
+      "dev": true,
+      "dependencies": {
+        "array-buffer-byte-length": "^1.0.0",
+        "arraybuffer.prototype.slice": "^1.0.2",
+        "available-typed-arrays": "^1.0.5",
+        "call-bind": "^1.0.5",
+        "es-set-tostringtag": "^2.0.1",
+        "es-to-primitive": "^1.2.1",
+        "function.prototype.name": "^1.1.6",
+        "get-intrinsic": "^1.2.2",
+        "get-symbol-description": "^1.0.0",
+        "globalthis": "^1.0.3",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.0",
+        "has-proto": "^1.0.1",
+        "has-symbols": "^1.0.3",
+        "hasown": "^2.0.0",
+        "internal-slot": "^1.0.5",
+        "is-array-buffer": "^3.0.2",
+        "is-callable": "^1.2.7",
+        "is-negative-zero": "^2.0.2",
+        "is-regex": "^1.1.4",
+        "is-shared-array-buffer": "^1.0.2",
+        "is-string": "^1.0.7",
+        "is-typed-array": "^1.1.12",
+        "is-weakref": "^1.0.2",
+        "object-inspect": "^1.13.1",
+        "object-keys": "^1.1.1",
+        "object.assign": "^4.1.4",
+        "regexp.prototype.flags": "^1.5.1",
+        "safe-array-concat": "^1.0.1",
+        "safe-regex-test": "^1.0.0",
+        "string.prototype.trim": "^1.2.8",
+        "string.prototype.trimend": "^1.0.7",
+        "string.prototype.trimstart": "^1.0.7",
+        "typed-array-buffer": "^1.0.0",
+        "typed-array-byte-length": "^1.0.0",
+        "typed-array-byte-offset": "^1.0.0",
+        "typed-array-length": "^1.0.4",
+        "unbox-primitive": "^1.0.2",
+        "which-typed-array": "^1.1.13"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/es-get-iterator": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/es-get-iterator/-/es-get-iterator-1.1.3.tgz",
+      "integrity": "sha512-sPZmqHBe6JIiTfN5q2pEi//TwxmAFHwj/XEuYjTuse78i8KxaqMTTzxPoFKuzRpDpTJ+0NAbpfenkmH2rePtuw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.1.3",
+        "has-symbols": "^1.0.3",
+        "is-arguments": "^1.1.1",
+        "is-map": "^2.0.2",
+        "is-set": "^2.0.2",
+        "is-string": "^1.0.7",
+        "isarray": "^2.0.5",
+        "stop-iteration-iterator": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/es-iterator-helpers": {
+      "version": "1.0.15",
+      "resolved": "https://registry.npmjs.org/es-iterator-helpers/-/es-iterator-helpers-1.0.15.tgz",
+      "integrity": "sha512-GhoY8uYqd6iwUl2kgjTm4CZAf6oo5mHK7BPqx3rKgx893YSsy0LGHV6gfqqQvZt/8xM8xeOnfXBCfqclMKkJ5g==",
+      "dev": true,
+      "dependencies": {
+        "asynciterator.prototype": "^1.0.0",
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.22.1",
+        "es-set-tostringtag": "^2.0.1",
+        "function-bind": "^1.1.1",
+        "get-intrinsic": "^1.2.1",
+        "globalthis": "^1.0.3",
+        "has-property-descriptors": "^1.0.0",
+        "has-proto": "^1.0.1",
+        "has-symbols": "^1.0.3",
+        "internal-slot": "^1.0.5",
+        "iterator.prototype": "^1.1.2",
+        "safe-array-concat": "^1.0.1"
+      }
+    },
+    "node_modules/es-module-lexer": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.2.1.tgz",
+      "integrity": "sha512-9978wrXM50Y4rTMmW5kXIC09ZdXQZqkE4mxhwkd8VbzsGkXGPgV4zWuqQJgCEzYngdo2dYDa0l8xhX4fkSwJSg==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/es-set-tostringtag": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.0.1.tgz",
+      "integrity": "sha512-g3OMbtlwY3QewlqAiMLI47KywjWZoEytKr8pf6iTC8uJq5bIAH52Z9pnQ8pVL6whrCto53JZDuUIsifGeLorTg==",
+      "dev": true,
+      "dependencies": {
+        "get-intrinsic": "^1.1.3",
+        "has": "^1.0.3",
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-shim-unscopables": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.0.0.tgz",
+      "integrity": "sha512-Jm6GPcCdC30eMLbZ2x8z2WuRwAws3zTBBKuusffYVUrNj/GVSUAZ+xKMaUpfNDR5IbyNA5LJbaecoUVbmUcB1w==",
+      "dev": true,
+      "dependencies": {
+        "has": "^1.0.3"
+      }
+    },
+    "node_modules/es-to-primitive": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.2.1.tgz",
+      "integrity": "sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==",
+      "dev": true,
+      "dependencies": {
+        "is-callable": "^1.1.4",
+        "is-date-object": "^1.0.1",
+        "is-symbol": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/escalade": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
+      "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/escape-string-regexp": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+      "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/eslint": {
+      "version": "8.55.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.55.0.tgz",
+      "integrity": "sha512-iyUUAM0PCKj5QpwGfmCAG9XXbZCWsqP/eWAWrG/W0umvjuLRBECwSFdt+rCntju0xEH7teIABPwXpahftIaTdA==",
+      "dev": true,
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.2.0",
+        "@eslint-community/regexpp": "^4.6.1",
+        "@eslint/eslintrc": "^2.1.4",
+        "@eslint/js": "8.55.0",
+        "@humanwhocodes/config-array": "^0.11.13",
+        "@humanwhocodes/module-importer": "^1.0.1",
+        "@nodelib/fs.walk": "^1.2.8",
+        "@ungap/structured-clone": "^1.2.0",
+        "ajv": "^6.12.4",
+        "chalk": "^4.0.0",
+        "cross-spawn": "^7.0.2",
+        "debug": "^4.3.2",
+        "doctrine": "^3.0.0",
+        "escape-string-regexp": "^4.0.0",
+        "eslint-scope": "^7.2.2",
+        "eslint-visitor-keys": "^3.4.3",
+        "espree": "^9.6.1",
+        "esquery": "^1.4.2",
+        "esutils": "^2.0.2",
+        "fast-deep-equal": "^3.1.3",
+        "file-entry-cache": "^6.0.1",
+        "find-up": "^5.0.0",
+        "glob-parent": "^6.0.2",
+        "globals": "^13.19.0",
+        "graphemer": "^1.4.0",
+        "ignore": "^5.2.0",
+        "imurmurhash": "^0.1.4",
+        "is-glob": "^4.0.0",
+        "is-path-inside": "^3.0.3",
+        "js-yaml": "^4.1.0",
+        "json-stable-stringify-without-jsonify": "^1.0.1",
+        "levn": "^0.4.1",
+        "lodash.merge": "^4.6.2",
+        "minimatch": "^3.1.2",
+        "natural-compare": "^1.4.0",
+        "optionator": "^0.9.3",
+        "strip-ansi": "^6.0.1",
+        "text-table": "^0.2.0"
+      },
+      "bin": {
+        "eslint": "bin/eslint.js"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint-config-google": {
+      "version": "0.14.0",
+      "resolved": "https://registry.npmjs.org/eslint-config-google/-/eslint-config-google-0.14.0.tgz",
+      "integrity": "sha512-WsbX4WbjuMvTdeVL6+J3rK1RGhCTqjsFjX7UMSMgZiyxxaNLkoJENbrGExzERFeoTpGw3F3FypTiWAP9ZXzkEw==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=0.10.0"
+      },
+      "peerDependencies": {
+        "eslint": ">=5.16.0"
+      }
+    },
+    "node_modules/eslint-config-next": {
+      "version": "14.0.4",
+      "resolved": "https://registry.npmjs.org/eslint-config-next/-/eslint-config-next-14.0.4.tgz",
+      "integrity": "sha512-9/xbOHEQOmQtqvQ1UsTQZpnA7SlDMBtuKJ//S4JnoyK3oGLhILKXdBgu/UO7lQo/2xOykQULS1qQ6p2+EpHgAQ==",
+      "dev": true,
+      "dependencies": {
+        "@next/eslint-plugin-next": "14.0.4",
+        "@rushstack/eslint-patch": "^1.3.3",
+        "@typescript-eslint/parser": "^5.4.2 || ^6.0.0",
+        "eslint-import-resolver-node": "^0.3.6",
+        "eslint-import-resolver-typescript": "^3.5.2",
+        "eslint-plugin-import": "^2.28.1",
+        "eslint-plugin-jsx-a11y": "^6.7.1",
+        "eslint-plugin-react": "^7.33.2",
+        "eslint-plugin-react-hooks": "^4.5.0 || 5.0.0-canary-7118f5dd7-20230705"
+      },
+      "peerDependencies": {
+        "eslint": "^7.23.0 || ^8.0.0",
+        "typescript": ">=3.3.1"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-import-resolver-node": {
+      "version": "0.3.9",
+      "resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.9.tgz",
+      "integrity": "sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==",
+      "dev": true,
+      "dependencies": {
+        "debug": "^3.2.7",
+        "is-core-module": "^2.13.0",
+        "resolve": "^1.22.4"
+      }
+    },
+    "node_modules/eslint-import-resolver-node/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dev": true,
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/eslint-import-resolver-typescript": {
+      "version": "3.6.1",
+      "resolved": "https://registry.npmjs.org/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-3.6.1.tgz",
+      "integrity": "sha512-xgdptdoi5W3niYeuQxKmzVDTATvLYqhpwmykwsh7f6HIOStGWEIL9iqZgQDF9u9OEzrRwR8no5q2VT+bjAujTg==",
+      "dev": true,
+      "dependencies": {
+        "debug": "^4.3.4",
+        "enhanced-resolve": "^5.12.0",
+        "eslint-module-utils": "^2.7.4",
+        "fast-glob": "^3.3.1",
+        "get-tsconfig": "^4.5.0",
+        "is-core-module": "^2.11.0",
+        "is-glob": "^4.0.3"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/unts/projects/eslint-import-resolver-ts"
+      },
+      "peerDependencies": {
+        "eslint": "*",
+        "eslint-plugin-import": "*"
+      }
+    },
+    "node_modules/eslint-module-utils": {
+      "version": "2.8.0",
+      "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.8.0.tgz",
+      "integrity": "sha512-aWajIYfsqCKRDgUfjEXNN/JlrzauMuSEy5sbd7WXbtW3EH6A6MpwEh42c7qD+MqQo9QMJ6fWLAeIJynx0g6OAw==",
+      "dev": true,
+      "dependencies": {
+        "debug": "^3.2.7"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependenciesMeta": {
+        "eslint": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-module-utils/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dev": true,
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/eslint-plugin-deprecate": {
+      "version": "0.7.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-deprecate/-/eslint-plugin-deprecate-0.7.0.tgz",
+      "integrity": "sha512-MylhCqoH/SJ2MwzVgX0we6oE+lKPVwhOu9hAJ98vMCmbz3FNwqJ8XipdI23bCF7NHxUbhd6mdxFjywKE52pt7A==",
+      "dev": true,
+      "peer": true,
+      "peerDependencies": {
+        "eslint": ">=2.x"
+      }
+    },
+    "node_modules/eslint-plugin-import": {
+      "version": "2.29.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.29.0.tgz",
+      "integrity": "sha512-QPOO5NO6Odv5lpoTkddtutccQjysJuFxoPS7fAHO+9m9udNHvTCPSAMW9zGAYj8lAIdr40I8yPCdUYrncXtrwg==",
+      "dev": true,
+      "dependencies": {
+        "array-includes": "^3.1.7",
+        "array.prototype.findlastindex": "^1.2.3",
+        "array.prototype.flat": "^1.3.2",
+        "array.prototype.flatmap": "^1.3.2",
+        "debug": "^3.2.7",
+        "doctrine": "^2.1.0",
+        "eslint-import-resolver-node": "^0.3.9",
+        "eslint-module-utils": "^2.8.0",
+        "hasown": "^2.0.0",
+        "is-core-module": "^2.13.1",
+        "is-glob": "^4.0.3",
+        "minimatch": "^3.1.2",
+        "object.fromentries": "^2.0.7",
+        "object.groupby": "^1.0.1",
+        "object.values": "^1.1.7",
+        "semver": "^6.3.1",
+        "tsconfig-paths": "^3.14.2"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependencies": {
+        "eslint": "^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8"
+      }
+    },
+    "node_modules/eslint-plugin-import/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dev": true,
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/eslint-plugin-import/node_modules/doctrine": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
+      "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
+      "dev": true,
+      "dependencies": {
+        "esutils": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/eslint-plugin-jsx-a11y": {
+      "version": "6.7.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.7.1.tgz",
+      "integrity": "sha512-63Bog4iIethyo8smBklORknVjB0T2dwB8Mr/hIC+fBS0uyHdYYpzM/Ed+YC8VxTjlXHEWFOdmgwcDn1U2L9VCA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.20.7",
+        "aria-query": "^5.1.3",
+        "array-includes": "^3.1.6",
+        "array.prototype.flatmap": "^1.3.1",
+        "ast-types-flow": "^0.0.7",
+        "axe-core": "^4.6.2",
+        "axobject-query": "^3.1.1",
+        "damerau-levenshtein": "^1.0.8",
+        "emoji-regex": "^9.2.2",
+        "has": "^1.0.3",
+        "jsx-ast-utils": "^3.3.3",
+        "language-tags": "=1.0.5",
+        "minimatch": "^3.1.2",
+        "object.entries": "^1.1.6",
+        "object.fromentries": "^2.0.6",
+        "semver": "^6.3.0"
+      },
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependencies": {
+        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8"
+      }
+    },
+    "node_modules/eslint-plugin-matrix-org": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-matrix-org/-/eslint-plugin-matrix-org-0.8.0.tgz",
+      "integrity": "sha512-/Poz/F8lXYDsmQa29iPSt+kO+Jn7ArvRdq10g0CCk8wbRS0sb2zb6fvd9xL1BgR5UDQL771V0l8X32etvY5yKA==",
+      "dev": true,
+      "peerDependencies": {
+        "@babel/core": "*",
+        "@babel/eslint-parser": "*",
+        "@babel/eslint-plugin": "*",
+        "@typescript-eslint/eslint-plugin": "*",
+        "@typescript-eslint/parser": "*",
+        "eslint": "*",
+        "eslint-config-google": "*",
+        "eslint-plugin-deprecate": "*",
+        "eslint-plugin-import": "*",
+        "eslint-plugin-jsx-a11y": "*",
+        "eslint-plugin-react": "*",
+        "eslint-plugin-react-hooks": "*",
+        "eslint-plugin-unicorn": "*",
+        "typescript": "*"
+      }
+    },
+    "node_modules/eslint-plugin-react": {
+      "version": "7.33.2",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.33.2.tgz",
+      "integrity": "sha512-73QQMKALArI8/7xGLNI/3LylrEYrlKZSb5C9+q3OtOewTnMQi5cT+aE9E41sLCmli3I9PGGmD1yiZydyo4FEPw==",
+      "dev": true,
+      "dependencies": {
+        "array-includes": "^3.1.6",
+        "array.prototype.flatmap": "^1.3.1",
+        "array.prototype.tosorted": "^1.1.1",
+        "doctrine": "^2.1.0",
+        "es-iterator-helpers": "^1.0.12",
+        "estraverse": "^5.3.0",
+        "jsx-ast-utils": "^2.4.1 || ^3.0.0",
+        "minimatch": "^3.1.2",
+        "object.entries": "^1.1.6",
+        "object.fromentries": "^2.0.6",
+        "object.hasown": "^1.1.2",
+        "object.values": "^1.1.6",
+        "prop-types": "^15.8.1",
+        "resolve": "^2.0.0-next.4",
+        "semver": "^6.3.1",
+        "string.prototype.matchall": "^4.0.8"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependencies": {
+        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8"
+      }
+    },
+    "node_modules/eslint-plugin-react-hooks": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.0.tgz",
+      "integrity": "sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0"
+      }
+    },
+    "node_modules/eslint-plugin-react/node_modules/doctrine": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
+      "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
+      "dev": true,
+      "dependencies": {
+        "esutils": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/eslint-plugin-react/node_modules/resolve": {
+      "version": "2.0.0-next.4",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.4.tgz",
+      "integrity": "sha512-iMDbmAWtfU+MHpxt/I5iWI7cY6YVEZUQ3MBgPQ++XD1PELuJHIl82xBmObyP2KyQmkNB2dsqF7seoQQiAn5yDQ==",
+      "dev": true,
+      "dependencies": {
+        "is-core-module": "^2.9.0",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/eslint-plugin-unicorn": {
+      "version": "46.0.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-unicorn/-/eslint-plugin-unicorn-46.0.0.tgz",
+      "integrity": "sha512-j07WkC+PFZwk8J33LYp6JMoHa1lXc1u6R45pbSAipjpfpb7KIGr17VE2D685zCxR5VL4cjrl65kTJflziQWMDA==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@babel/helper-validator-identifier": "^7.19.1",
+        "@eslint-community/eslint-utils": "^4.1.2",
+        "ci-info": "^3.6.1",
+        "clean-regexp": "^1.0.0",
+        "esquery": "^1.4.0",
+        "indent-string": "^4.0.0",
+        "is-builtin-module": "^3.2.0",
+        "jsesc": "^3.0.2",
+        "lodash": "^4.17.21",
+        "pluralize": "^8.0.0",
+        "read-pkg-up": "^7.0.1",
+        "regexp-tree": "^0.1.24",
+        "regjsparser": "^0.9.1",
+        "safe-regex": "^2.1.1",
+        "semver": "^7.3.8",
+        "strip-indent": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=14.18"
+      },
+      "funding": {
+        "url": "https://github.com/sindresorhus/eslint-plugin-unicorn?sponsor=1"
+      },
+      "peerDependencies": {
+        "eslint": ">=8.28.0"
+      }
+    },
+    "node_modules/eslint-plugin-unicorn/node_modules/jsesc": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.0.2.tgz",
+      "integrity": "sha512-xKqzzWXDttJuOcawBt4KnKHHIf5oQ/Cxax+0PWFG+DFDgHNAdi+TXECADI+RYiFUMmx8792xsMbbgXj4CwnP4g==",
+      "dev": true,
+      "peer": true,
+      "bin": {
+        "jsesc": "bin/jsesc"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/eslint-plugin-unicorn/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,
+      "peer": true,
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/eslint-rule-composer": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/eslint-rule-composer/-/eslint-rule-composer-0.3.0.tgz",
+      "integrity": "sha512-bt+Sh8CtDmn2OajxvNO+BX7Wn4CIWMpTRm3MaiKPCQcnnlm0CS2mhui6QaoeQugs+3Kj2ESKEEGJUdVafwhiCg==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/eslint-scope": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
+      "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^4.1.1"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/eslint-scope/node_modules/estraverse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
+      "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/eslint-visitor-keys": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+      "dev": true,
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint/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/eslint/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/eslint/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/eslint/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/eslint/node_modules/escape-string-regexp": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint/node_modules/eslint-scope": {
+      "version": "7.2.2",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz",
+      "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==",
+      "dev": true,
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint/node_modules/globals": {
+      "version": "13.20.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-13.20.0.tgz",
+      "integrity": "sha512-Qg5QtVkCy/kv3FUSlu4ukeZDVf9ee0iXLAUYX13gbR17bnejFTzr4iS9bY7kwCf1NztRNm1t91fjOiyx4CSwPQ==",
+      "dev": true,
+      "dependencies": {
+        "type-fest": "^0.20.2"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/espree": {
+      "version": "9.6.1",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz",
+      "integrity": "sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==",
+      "dev": true,
+      "dependencies": {
+        "acorn": "^8.9.0",
+        "acorn-jsx": "^5.3.2",
+        "eslint-visitor-keys": "^3.4.1"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/esquery": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.5.0.tgz",
+      "integrity": "sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==",
+      "dev": true,
+      "dependencies": {
+        "estraverse": "^5.1.0"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/esrecurse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
+      "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
+      "dev": true,
+      "dependencies": {
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/estraverse": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+      "dev": true,
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/esutils": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
+      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/event-target-shim": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/event-target-shim/-/event-target-shim-5.0.1.tgz",
+      "integrity": "sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/events": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
+      "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==",
+      "engines": {
+        "node": ">=0.8.x"
+      }
+    },
+    "node_modules/execall": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/execall/-/execall-2.0.0.tgz",
+      "integrity": "sha512-0FU2hZ5Hh6iQnarpRtQurM/aAvp3RIbfvgLHrcqJYzhXyV2KFruhuChf9NC6waAhiUR7FFtlugkI4p7f2Fqlow==",
+      "dev": true,
+      "dependencies": {
+        "clone-regexp": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/fast-deep-equal": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+      "dev": true
+    },
+    "node_modules/fast-glob": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.1.tgz",
+      "integrity": "sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==",
+      "dev": true,
+      "dependencies": {
+        "@nodelib/fs.stat": "^2.0.2",
+        "@nodelib/fs.walk": "^1.2.3",
+        "glob-parent": "^5.1.2",
+        "merge2": "^1.3.0",
+        "micromatch": "^4.0.4"
+      },
+      "engines": {
+        "node": ">=8.6.0"
+      }
+    },
+    "node_modules/fast-glob/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/fast-json-stable-stringify": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
+      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
+      "dev": true
+    },
+    "node_modules/fast-levenshtein": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
+      "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
+      "dev": true
+    },
+    "node_modules/fast-redact": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/fast-redact/-/fast-redact-3.2.0.tgz",
+      "integrity": "sha512-zaTadChr+NekyzallAMXATXLOR8MNx3zqpZ0MUF2aGf4EathnG0f32VLODNlY8IuGY3HoRO2L6/6fSzNsLaHIw==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/fastest-levenshtein": {
+      "version": "1.0.12",
+      "resolved": "https://registry.npmjs.org/fastest-levenshtein/-/fastest-levenshtein-1.0.12.tgz",
+      "integrity": "sha512-On2N+BpYJ15xIC974QNVuYGMOlEVt4s0EOI3wwMqOmK1fdDY+FN/zltPV8vosq4ad4c/gJ1KHScUn/6AWIgiow==",
+      "dev": true
+    },
+    "node_modules/fastq": {
+      "version": "1.13.0",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.13.0.tgz",
+      "integrity": "sha512-YpkpUnK8od0o1hmeSc7UUs/eB/vIPWJYjKck2QKIzAf71Vm1AAQ3EbuZB3g2JIy+pg+ERD0vqI79KyZiB2e2Nw==",
+      "dev": true,
+      "dependencies": {
+        "reusify": "^1.0.4"
+      }
+    },
+    "node_modules/file-entry-cache": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
+      "integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==",
+      "dev": true,
+      "dependencies": {
+        "flat-cache": "^3.0.4"
+      },
+      "engines": {
+        "node": "^10.12.0 || >=12.0.0"
+      }
+    },
+    "node_modules/fill-range": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
+      "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
+      "devOptional": true,
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "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/flat-cache": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.0.4.tgz",
+      "integrity": "sha512-dm9s5Pw7Jc0GvMYbshN6zchCA9RgQlzzEZX3vylR9IqFfS8XciblUXOKfW6SiuJ0e13eDYZoZV5wdrev7P3Nwg==",
+      "dev": true,
+      "dependencies": {
+        "flatted": "^3.1.0",
+        "rimraf": "^3.0.2"
+      },
+      "engines": {
+        "node": "^10.12.0 || >=12.0.0"
+      }
+    },
+    "node_modules/flatted": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.2.4.tgz",
+      "integrity": "sha512-8/sOawo8tJ4QOBX8YlQBMxL8+RLZfxMQOif9o0KUKTNTjMYElWPE0r/m5VNFxTRd0NSw8qSy8dajrwX4RYI1Hw==",
+      "dev": true
+    },
+    "node_modules/for-each": {
+      "version": "0.3.3",
+      "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz",
+      "integrity": "sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==",
+      "dev": true,
+      "dependencies": {
+        "is-callable": "^1.1.3"
+      }
+    },
+    "node_modules/fs-readdir-recursive": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/fs-readdir-recursive/-/fs-readdir-recursive-1.1.0.tgz",
+      "integrity": "sha512-GNanXlVr2pf02+sPN40XN8HG+ePaNcvM0q5mZBd668Obwb0yD5GiUbZOFgwn8kGMY6I3mdyDJzieUy3PTYyTRA=="
+    },
+    "node_modules/fs.realpath": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
+      "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8="
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "hasInstallScript": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/function.prototype.name": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.6.tgz",
+      "integrity": "sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "functions-have-names": "^1.2.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/functions-have-names": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
+      "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/gensync": {
+      "version": "1.0.0-beta.2",
+      "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
+      "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/get-intrinsic": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.2.tgz",
+      "integrity": "sha512-0gSo4ml/0j98Y3lngkFEot/zhiCeWsbYIlZ+uZOVgzLyLaUw7wxUL+nCTP0XJvJg1AXulJRI3UJi8GsbDuxdGA==",
+      "dev": true,
+      "dependencies": {
+        "function-bind": "^1.1.2",
+        "has-proto": "^1.0.1",
+        "has-symbols": "^1.0.3",
+        "hasown": "^2.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-stdin": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-8.0.0.tgz",
+      "integrity": "sha512-sY22aA6xchAzprjyqmSEQv4UbAAzRN0L2dQB0NlN5acTTK9Don6nhoc3eAbUnpZiCANAMfd/+40kVdKfFygohg==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/get-symbol-description": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.0.0.tgz",
+      "integrity": "sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-tsconfig": {
+      "version": "4.7.2",
+      "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.7.2.tgz",
+      "integrity": "sha512-wuMsz4leaj5hbGgg4IvDU0bqJagpftG5l5cXIAvo8uZrqn0NJqwtfupTN00VnkQJPcIRrxYrm1Ue24btpCha2A==",
+      "dev": true,
+      "dependencies": {
+        "resolve-pkg-maps": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/privatenumber/get-tsconfig?sponsor=1"
+      }
+    },
+    "node_modules/glob": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.0.tgz",
+      "integrity": "sha512-lmLf6gtyrPq8tTjSmrO94wBeQbFR3HbLHbuyD69wuyQkImp2hWqMGB47OX65FBkPffO641IP9jWa1z4ivqG26Q==",
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.0.4",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      },
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/glob-parent": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "dev": true,
+      "dependencies": {
+        "is-glob": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/glob-to-regexp": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz",
+      "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw=="
+    },
+    "node_modules/global-modules": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/global-modules/-/global-modules-2.0.0.tgz",
+      "integrity": "sha512-NGbfmJBp9x8IxyJSd1P+otYK8vonoJactOogrVfFRIAEY1ukil8RSKDz2Yo7wh1oihl51l/r6W4epkeKJHqL8A==",
+      "dev": true,
+      "dependencies": {
+        "global-prefix": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/global-prefix": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/global-prefix/-/global-prefix-3.0.0.tgz",
+      "integrity": "sha512-awConJSVCHVGND6x3tmMaKcQvwXLhjdkmomy2W+Goaui8YPgYgXJZewhg3fWC+DlfqqQuWg8AwqjGTD2nAPVWg==",
+      "dev": true,
+      "dependencies": {
+        "ini": "^1.3.5",
+        "kind-of": "^6.0.2",
+        "which": "^1.3.1"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/global-prefix/node_modules/which": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
+      "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
+      "dev": true,
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "which": "bin/which"
+      }
+    },
+    "node_modules/globals": {
+      "version": "11.12.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz",
+      "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/globalthis": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.3.tgz",
+      "integrity": "sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==",
+      "dev": true,
+      "dependencies": {
+        "define-properties": "^1.1.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/globby": {
+      "version": "11.1.0",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
+      "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
+      "dev": true,
+      "dependencies": {
+        "array-union": "^2.1.0",
+        "dir-glob": "^3.0.1",
+        "fast-glob": "^3.2.9",
+        "ignore": "^5.2.0",
+        "merge2": "^1.4.1",
+        "slash": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/globjoin": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/globjoin/-/globjoin-0.1.4.tgz",
+      "integrity": "sha1-L0SUrIkZ43Z8XLtpHp9GMyQoXUM=",
+      "dev": true
+    },
+    "node_modules/gopd": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz",
+      "integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==",
+      "dev": true,
+      "dependencies": {
+        "get-intrinsic": "^1.1.3"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/graceful-fs": {
+      "version": "4.2.11",
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ=="
+    },
+    "node_modules/graphemer": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
+      "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
+      "dev": true
+    },
+    "node_modules/hard-rejection": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/hard-rejection/-/hard-rejection-2.1.0.tgz",
+      "integrity": "sha512-VIZB+ibDhx7ObhAe7OVtoEbuP4h/MuOTHJ+J8h/eBXotJYl0fBgR72xDFCKgIh22OJZIOVNxBMWuhAr10r8HdA==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/has": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
+      "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
+      "dev": true,
+      "dependencies": {
+        "function-bind": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4.0"
+      }
+    },
+    "node_modules/has-bigints": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz",
+      "integrity": "sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/has-property-descriptors": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.0.tgz",
+      "integrity": "sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ==",
+      "dev": true,
+      "dependencies": {
+        "get-intrinsic": "^1.1.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.1.tgz",
+      "integrity": "sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-symbols": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
+      "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-tostringtag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.0.tgz",
+      "integrity": "sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==",
+      "dev": true,
+      "dependencies": {
+        "has-symbols": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.0.tgz",
+      "integrity": "sha512-vUptKVTpIJhcczKBbgnS+RtcuYMB8+oNzPK2/Hp3hanz8JmpATdmmgLgSaadVREkDm+e2giHwY3ZRkyjSIDDFA==",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/hosted-git-info": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-4.1.0.tgz",
+      "integrity": "sha512-kyCuEOWjJqZuDbRHzL8V93NzQhwIB71oFWSyzVo+KPZI+pnQPPxucdkrOZvkLRnrf5URsQM+IJ09Dw29cRALIA==",
+      "dev": true,
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/html-parse-stringify": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/html-parse-stringify/-/html-parse-stringify-3.0.1.tgz",
+      "integrity": "sha512-KknJ50kTInJ7qIScF3jeaFRpMpE8/lfiTdzf/twXyPBLAGrLRTmkz3AdTnKeh40X8k9L2fdYwEp/42WGXIRGcg==",
+      "dependencies": {
+        "void-elements": "3.1.0"
+      }
+    },
+    "node_modules/html-tags": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/html-tags/-/html-tags-3.2.0.tgz",
+      "integrity": "sha512-vy7ClnArOZwCnqZgvv+ddgHgJiAFXe3Ge9ML5/mBctVJoUoYPCdxVucOywjDARn6CVoh3dRSFdPHy2sX80L0Wg==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/i18next": {
+      "version": "23.7.8",
+      "resolved": "https://registry.npmjs.org/i18next/-/i18next-23.7.8.tgz",
+      "integrity": "sha512-yCe9964O+1abdIG01AOzk6P9mQi0HVJV1B57whYJQu6TjmrB9JHHDYonDI8amGt6M6b9bP3x3R0Zh7ROmvX7JQ==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://locize.com"
+        },
+        {
+          "type": "individual",
+          "url": "https://locize.com/i18next.html"
+        },
+        {
+          "type": "individual",
+          "url": "https://www.i18next.com/how-to/faq#i18next-is-awesome.-how-can-i-support-the-project"
+        }
+      ],
+      "dependencies": {
+        "@babel/runtime": "^7.23.2"
+      }
+    },
+    "node_modules/i18next-browser-languagedetector": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/i18next-browser-languagedetector/-/i18next-browser-languagedetector-7.2.0.tgz",
+      "integrity": "sha512-U00DbDtFIYD3wkWsr2aVGfXGAj2TgnELzOX9qv8bT0aJtvPV9CRO77h+vgmHFBMe7LAxdwvT/7VkCWGya6L3tA==",
+      "dependencies": {
+        "@babel/runtime": "^7.23.2"
+      }
+    },
+    "node_modules/i18next-resources-to-backend": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/i18next-resources-to-backend/-/i18next-resources-to-backend-1.2.0.tgz",
+      "integrity": "sha512-8f1l03s+QxDmCfpSXCh9V+AFcxAwIp0UaroWuyOx+hmmv8484GcELHs+lnu54FrNij8cDBEXvEwhzZoXsKcVpg==",
+      "dependencies": {
+        "@babel/runtime": "^7.23.2"
+      }
+    },
+    "node_modules/ieee754": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
+      "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==",
+      "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/ignore": {
+      "version": "5.2.4",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.4.tgz",
+      "integrity": "sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==",
+      "dev": true,
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/immer": {
+      "version": "10.0.3",
+      "resolved": "https://registry.npmjs.org/immer/-/immer-10.0.3.tgz",
+      "integrity": "sha512-pwupu3eWfouuaowscykeckFmVTpqbzW+rXFCX8rQLkZzM9ftBmU/++Ra+o+L27mz03zJTlyV4UUr+fdKNffo4A==",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/immer"
+      }
+    },
+    "node_modules/import-fresh": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
+      "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
+      "dev": true,
+      "dependencies": {
+        "parent-module": "^1.0.0",
+        "resolve-from": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/import-lazy": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/import-lazy/-/import-lazy-4.0.0.tgz",
+      "integrity": "sha512-rKtvo6a868b5Hu3heneU+L4yEQ4jYKLtjpnPeUdK7h0yzXGmyBTypknlkCvHFBqfX9YlorEiMM6Dnq/5atfHkw==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/imurmurhash": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
+      "integrity": "sha1-khi5srkoojixPcT7a21XbyMUU+o=",
+      "dev": true,
+      "engines": {
+        "node": ">=0.8.19"
+      }
+    },
+    "node_modules/indent-string": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz",
+      "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/inflight": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
+      "integrity": "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=",
+      "dependencies": {
+        "once": "^1.3.0",
+        "wrappy": "1"
+      }
+    },
+    "node_modules/inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
+    },
+    "node_modules/ini": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
+      "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==",
+      "dev": true
+    },
+    "node_modules/internal-slot": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.5.tgz",
+      "integrity": "sha512-Y+R5hJrzs52QCG2laLn4udYVnxsfny9CpOhNhUvk/SSSVyF6T27FzRbF0sroPidSu3X8oEAkOn2K804mjpt6UQ==",
+      "dev": true,
+      "dependencies": {
+        "get-intrinsic": "^1.2.0",
+        "has": "^1.0.3",
+        "side-channel": "^1.0.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/is-arguments": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.1.1.tgz",
+      "integrity": "sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-array-buffer": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.2.tgz",
+      "integrity": "sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgraytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.2.0",
+        "is-typed-array": "^1.1.10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-arrayish": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
+      "integrity": "sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0=",
+      "dev": true
+    },
+    "node_modules/is-async-function": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/is-async-function/-/is-async-function-2.0.0.tgz",
+      "integrity": "sha512-Y1JXKrfykRJGdlDwdKlLpLyMIiWqWvuSd17TvZk68PLAOGOoF4Xyav1z0Xhoi+gCYjZVeC5SI+hYFOfvXmGRCA==",
+      "dev": true,
+      "dependencies": {
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-bigint": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.4.tgz",
+      "integrity": "sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==",
+      "dev": true,
+      "dependencies": {
+        "has-bigints": "^1.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-binary-path": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
+      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+      "optional": true,
+      "dependencies": {
+        "binary-extensions": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-boolean-object": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.1.2.tgz",
+      "integrity": "sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-builtin-module": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/is-builtin-module/-/is-builtin-module-3.2.1.tgz",
+      "integrity": "sha512-BSLE3HnV2syZ0FK0iMA/yUGplUeMmNz4AW5fnTunbCIqZi4vG3WjJT9FHMy5D69xmAYBHXQhJdALdpwVxV501A==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "builtin-modules": "^3.3.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-callable": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
+      "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-core-module": {
+      "version": "2.13.1",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.13.1.tgz",
+      "integrity": "sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==",
+      "dependencies": {
+        "hasown": "^2.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-date-object": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.5.tgz",
+      "integrity": "sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==",
+      "dev": true,
+      "dependencies": {
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=",
+      "devOptional": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-finalizationregistry": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-finalizationregistry/-/is-finalizationregistry-1.0.2.tgz",
+      "integrity": "sha512-0by5vtUJs8iFQb5TYUHHPudOR+qXYIMKtiUzvLIZITZUjknFmziyBJuLhVRc+Ds0dREFlskDNJKYIdIzu/9pfw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-generator-function": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.0.10.tgz",
+      "integrity": "sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==",
+      "dev": true,
+      "dependencies": {
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "devOptional": true,
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-map": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.2.tgz",
+      "integrity": "sha512-cOZFQQozTha1f4MxLFzlgKYPTyj26picdZTx82hbc/Xf4K/tZOOXSCkMvU4pKioRXGDLJRn0GM7Upe7kR721yg==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-negative-zero": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.2.tgz",
+      "integrity": "sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "devOptional": true,
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/is-number-object": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.0.7.tgz",
+      "integrity": "sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==",
+      "dev": true,
+      "dependencies": {
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-path-inside": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
+      "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-plain-obj": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-1.1.0.tgz",
+      "integrity": "sha1-caUMhCnfync8kqOQpKA7OfzVHT4=",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-plain-object": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-5.0.0.tgz",
+      "integrity": "sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-regex": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz",
+      "integrity": "sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-regexp": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-regexp/-/is-regexp-2.1.0.tgz",
+      "integrity": "sha512-OZ4IlER3zmRIoB9AqNhEggVxqIH4ofDns5nRrPS6yQxXE1TPCUpFznBfRQmQa8uC+pXqjMnukiJBxCisIxiLGA==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/is-set": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.2.tgz",
+      "integrity": "sha512-+2cnTEZeY5z/iXGbLhPrOAaK/Mau5k5eXq9j14CpRTftq0pAJu2MwVRSZhyZWBzx3o6X795Lz6Bpb6R0GKf37g==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-shared-array-buffer": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.2.tgz",
+      "integrity": "sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-string": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.0.7.tgz",
+      "integrity": "sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==",
+      "dev": true,
+      "dependencies": {
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-symbol": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.4.tgz",
+      "integrity": "sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==",
+      "dev": true,
+      "dependencies": {
+        "has-symbols": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-typed-array": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.12.tgz",
+      "integrity": "sha512-Z14TF2JNG8Lss5/HMqt0//T9JeHXttXy5pH/DBU4vi98ozO2btxzq9MwYDZYnKwU8nRsz/+GVFVRDq3DkVuSPg==",
+      "dev": true,
+      "dependencies": {
+        "which-typed-array": "^1.1.11"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakmap": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.1.tgz",
+      "integrity": "sha512-NSBR4kH5oVj1Uwvv970ruUkCV7O1mzgVFO4/rev2cLRda9Tm9HrL70ZPut4rOHgY0FNrUu9BCbXA2sdQ+x0chA==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakref": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.0.2.tgz",
+      "integrity": "sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakset": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.2.tgz",
+      "integrity": "sha512-t2yVvttHkQktwnNNmBQ98AhENLdPUTDTE21uPqAQ0ARwQfGeQKRVS0NNurH7bTf7RrvcVn1OOge45CnBeHCSmg==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.1.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/isarray": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
+      "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
+      "dev": true
+    },
+    "node_modules/isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=",
+      "dev": true
+    },
+    "node_modules/iterator.prototype": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/iterator.prototype/-/iterator.prototype-1.1.2.tgz",
+      "integrity": "sha512-DR33HMMr8EzwuRL8Y9D3u2BMj8+RqSE850jfGu59kS7tbmPLzGkZmVSfyCFSDxuZiEY6Rzt3T2NA/qU+NwVj1w==",
+      "dev": true,
+      "dependencies": {
+        "define-properties": "^1.2.1",
+        "get-intrinsic": "^1.2.1",
+        "has-symbols": "^1.0.3",
+        "reflect.getprototypeof": "^1.0.4",
+        "set-function-name": "^2.0.1"
+      }
+    },
+    "node_modules/jest-worker": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.5.1.tgz",
+      "integrity": "sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==",
+      "dev": true,
+      "dependencies": {
+        "@types/node": "*",
+        "merge-stream": "^2.0.0",
+        "supports-color": "^8.0.0"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      }
+    },
+    "node_modules/jest-worker/node_modules/supports-color": {
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
+      "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
+      "dev": true,
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/supports-color?sponsor=1"
+      }
+    },
+    "node_modules/js-tokens": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="
+    },
+    "node_modules/js-yaml": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
+      "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
+      "dev": true,
+      "dependencies": {
+        "argparse": "^2.0.1"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
+    "node_modules/jsesc": {
+      "version": "2.5.2",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz",
+      "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==",
+      "bin": {
+        "jsesc": "bin/jsesc"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/json-parse-even-better-errors": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
+      "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
+      "dev": true
+    },
+    "node_modules/json-schema-traverse": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+      "dev": true
+    },
+    "node_modules/json-stable-stringify-without-jsonify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
+      "integrity": "sha1-nbe1lJatPzz+8wp1FC0tkwrXJlE=",
+      "dev": true
+    },
+    "node_modules/json5": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
+      "bin": {
+        "json5": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/jsx-ast-utils": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.3.3.tgz",
+      "integrity": "sha512-fYQHZTZ8jSfmWZ0iyzfwiU4WDX4HpHbMCZ3gPlWYiCl3BoeOTsqKBqnTVfH2rYT7eP5c3sVbeSPHnnJOaTrWiw==",
+      "dev": true,
+      "dependencies": {
+        "array-includes": "^3.1.5",
+        "object.assign": "^4.1.3"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/jwt-decode": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/jwt-decode/-/jwt-decode-3.1.2.tgz",
+      "integrity": "sha512-UfpWE/VZn0iP50d8cz9NrZLM9lSWhcJ+0Gt/nm4by88UL+J1SiKN8/5dkjMmbEzwL2CAe+67GsegCbIKtbp75A=="
+    },
+    "node_modules/kind-of": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
+      "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/known-css-properties": {
+      "version": "0.25.0",
+      "resolved": "https://registry.npmjs.org/known-css-properties/-/known-css-properties-0.25.0.tgz",
+      "integrity": "sha512-b0/9J1O9Jcyik1GC6KC42hJ41jKwdO/Mq8Mdo5sYN+IuRTXs2YFHZC3kZSx6ueusqa95x3wLYe/ytKjbAfGixA==",
+      "dev": true
+    },
+    "node_modules/language-subtag-registry": {
+      "version": "0.3.21",
+      "resolved": "https://registry.npmjs.org/language-subtag-registry/-/language-subtag-registry-0.3.21.tgz",
+      "integrity": "sha512-L0IqwlIXjilBVVYKFT37X9Ih11Um5NEl9cbJIuU/SwP/zEEAbBPOnEeeuxVMf45ydWQRDQN3Nqc96OgbH1K+Pg==",
+      "dev": true
+    },
+    "node_modules/language-tags": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/language-tags/-/language-tags-1.0.5.tgz",
+      "integrity": "sha1-0yHbxNowuovzAk4ED6XBRmH5GTo=",
+      "dev": true,
+      "dependencies": {
+        "language-subtag-registry": "~0.3.2"
+      }
+    },
+    "node_modules/levn": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
+      "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
+      "dev": true,
+      "dependencies": {
+        "prelude-ls": "^1.2.1",
+        "type-check": "~0.4.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/lines-and-columns": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
+      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
+      "dev": true
+    },
+    "node_modules/loader-runner": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/loader-runner/-/loader-runner-4.3.0.tgz",
+      "integrity": "sha512-3R/1M+yS3j5ou80Me59j7F9IMs4PXs3VqRrm0TU3AbKPxlmpoY1TNscJV/oGJXo8qCatFGTfDbY6W6ipGOYXfg==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=6.11.5"
+      }
+    },
+    "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/lodash": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
+    },
+    "node_modules/lodash.debounce": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
+      "integrity": "sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow=="
+    },
+    "node_modules/lodash.merge": {
+      "version": "4.6.2",
+      "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
+      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
+      "dev": true
+    },
+    "node_modules/lodash.truncate": {
+      "version": "4.4.2",
+      "resolved": "https://registry.npmjs.org/lodash.truncate/-/lodash.truncate-4.4.2.tgz",
+      "integrity": "sha1-WjUNoLERO4N+z//VgSy+WNbq4ZM=",
+      "dev": true
+    },
+    "node_modules/loglevel": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/loglevel/-/loglevel-1.8.0.tgz",
+      "integrity": "sha512-G6A/nJLRgWOuuwdNuA6koovfEV1YpqqAG4pRUlFaz3jj2QNZ8M4vBqnVA+HBTmU/AMNUtlOsMmSpF6NyOjztbA==",
+      "engines": {
+        "node": ">= 0.6.0"
+      },
+      "funding": {
+        "type": "tidelift",
+        "url": "https://tidelift.com/funding/github/npm/loglevel"
+      }
+    },
+    "node_modules/loose-envify": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
+      "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+      "dependencies": {
+        "js-tokens": "^3.0.0 || ^4.0.0"
+      },
+      "bin": {
+        "loose-envify": "cli.js"
+      }
+    },
+    "node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dev": true,
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/make-dir": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-2.1.0.tgz",
+      "integrity": "sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==",
+      "dependencies": {
+        "pify": "^4.0.1",
+        "semver": "^5.6.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/make-dir/node_modules/semver": {
+      "version": "5.7.2",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
+      "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
+      "bin": {
+        "semver": "bin/semver"
+      }
+    },
+    "node_modules/map-obj": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-4.3.0.tgz",
+      "integrity": "sha512-hdN1wVrZbb29eBGiGjJbeP8JbKjq1urkHJ/LIP/NY48MZ1QVXUsQBV1G1zvYFHn1XE06cwjBsOI2K3Ulnj1YXQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/mathml-tag-names": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/mathml-tag-names/-/mathml-tag-names-2.1.3.tgz",
+      "integrity": "sha512-APMBEanjybaPzUrfqU0IMU5I0AswKMH7k8OTLs0vvV4KZpExkTkY87nR/zpbuTPj+gARop7aGUbl11pnDfW6xg==",
+      "dev": true,
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/matrix-events-sdk": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/matrix-events-sdk/-/matrix-events-sdk-0.0.1.tgz",
+      "integrity": "sha512-1QEOsXO+bhyCroIe2/A5OwaxHvBm7EsSQ46DEDn8RBIfQwN5HWBpFvyWWR4QY0KHPPnnJdI99wgRiAl7Ad5qaA=="
+    },
+    "node_modules/matrix-js-sdk": {
+      "version": "30.2.0",
+      "resolved": "https://registry.npmjs.org/matrix-js-sdk/-/matrix-js-sdk-30.2.0.tgz",
+      "integrity": "sha512-EUWL6JMbjvnvo/5MidHNZyrA6VfNavelMqLwlQ3v76Fui9ORTqDlgxO/zu9XB+dBInJNbyGmI3EjQOR7f1AQUA==",
+      "dependencies": {
+        "@babel/runtime": "^7.12.5",
+        "@matrix-org/matrix-sdk-crypto-wasm": "^3.1.0",
+        "another-json": "^0.2.0",
+        "bs58": "^5.0.0",
+        "content-type": "^1.0.4",
+        "jwt-decode": "^3.1.2",
+        "loglevel": "^1.7.1",
+        "matrix-events-sdk": "0.0.1",
+        "matrix-widget-api": "^1.6.0",
+        "oidc-client-ts": "^2.2.4",
+        "p-retry": "4",
+        "sdp-transform": "^2.14.1",
+        "unhomoglyph": "^1.0.6",
+        "uuid": "9"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/matrix-widget-api": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/matrix-widget-api/-/matrix-widget-api-1.6.0.tgz",
+      "integrity": "sha512-VXIJyAZ/WnBmT4C7ePqevgMYGneKMCP/0JuCOqntSsaNlCRHJvwvTxmqUU+ufOpzIF5gYNyIrAjbgrEbK3iqJQ==",
+      "dependencies": {
+        "@types/events": "^3.0.0",
+        "events": "^3.2.0"
+      }
+    },
+    "node_modules/meow": {
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/meow/-/meow-9.0.0.tgz",
+      "integrity": "sha512-+obSblOQmRhcyBt62furQqRAQpNyWXo8BuQ5bN7dG8wmwQ+vwHKp/rCFD4CrTP8CsDQD1sjoZ94K417XEUk8IQ==",
+      "dev": true,
+      "dependencies": {
+        "@types/minimist": "^1.2.0",
+        "camelcase-keys": "^6.2.2",
+        "decamelize": "^1.2.0",
+        "decamelize-keys": "^1.1.0",
+        "hard-rejection": "^2.1.0",
+        "minimist-options": "4.1.0",
+        "normalize-package-data": "^3.0.0",
+        "read-pkg-up": "^7.0.1",
+        "redent": "^3.0.0",
+        "trim-newlines": "^3.0.0",
+        "type-fest": "^0.18.0",
+        "yargs-parser": "^20.2.3"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/meow/node_modules/type-fest": {
+      "version": "0.18.1",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.18.1.tgz",
+      "integrity": "sha512-OIAYXk8+ISY+qTOwkHtKqzAuxchoMiD9Udx+FSGQDuiRR+PJKJHc2NJAXlbhkGwTt/4/nKZxELY1w3ReWOL8mw==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/merge-stream": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
+      "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==",
+      "dev": true
+    },
+    "node_modules/merge2": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/micromatch": {
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
+      "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
+      "dev": true,
+      "dependencies": {
+        "braces": "^3.0.2",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/mime-db": {
+      "version": "1.51.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.51.0.tgz",
+      "integrity": "sha512-5y8A56jg7XVQx2mbv1lu49NR4dokRnhZYTtL+KGfaa27uq4pSTXkwQkFJl4pkRMyNFz/EtYDSkiiEHx3F7UN6g==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "2.1.34",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.34.tgz",
+      "integrity": "sha512-6cP692WwGIs9XXdOO4++N+7qjqv0rqxxVvJ3VHPh/Sc9mVZcQP+ZGhkKiTvWMQRr2tbHkJP/Yn7Y0npb3ZBs4A==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "mime-db": "1.51.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/min-indent": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/min-indent/-/min-indent-1.0.1.tgz",
+      "integrity": "sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/minimist": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
+      "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/minimist-options": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/minimist-options/-/minimist-options-4.1.0.tgz",
+      "integrity": "sha512-Q4r8ghd80yhO/0j1O3B2BjweX3fiHg9cdOwjJd2J76Q135c+NDxGCqdYKQ1SKBuFfgWbAUzBfvYjPUEeNgqN1A==",
+      "dev": true,
+      "dependencies": {
+        "arrify": "^1.0.1",
+        "is-plain-obj": "^1.1.0",
+        "kind-of": "^6.0.3"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "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/nanoid": {
+      "version": "3.3.6",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz",
+      "integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/natural-compare": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
+      "integrity": "sha1-Sr6/7tdUHywnrPspvbvRXI1bpPc=",
+      "dev": true
+    },
+    "node_modules/natural-compare-lite": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/natural-compare-lite/-/natural-compare-lite-1.4.0.tgz",
+      "integrity": "sha512-Tj+HTDSJJKaZnfiuw+iaF9skdPpTo2GtEly5JHnWV/hfv2Qj/9RKsGISQtLh2ox3l5EAGw487hnBee0sIJ6v2g==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/neo-async": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz",
+      "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/next": {
+      "version": "14.0.4",
+      "resolved": "https://registry.npmjs.org/next/-/next-14.0.4.tgz",
+      "integrity": "sha512-qbwypnM7327SadwFtxXnQdGiKpkuhaRLE2uq62/nRul9cj9KhQ5LhHmlziTNqUidZotw/Q1I9OjirBROdUJNgA==",
+      "dependencies": {
+        "@next/env": "14.0.4",
+        "@swc/helpers": "0.5.2",
+        "busboy": "1.6.0",
+        "caniuse-lite": "^1.0.30001406",
+        "graceful-fs": "^4.2.11",
+        "postcss": "8.4.31",
+        "styled-jsx": "5.1.1",
+        "watchpack": "2.4.0"
+      },
+      "bin": {
+        "next": "dist/bin/next"
+      },
+      "engines": {
+        "node": ">=18.17.0"
+      },
+      "optionalDependencies": {
+        "@next/swc-darwin-arm64": "14.0.4",
+        "@next/swc-darwin-x64": "14.0.4",
+        "@next/swc-linux-arm64-gnu": "14.0.4",
+        "@next/swc-linux-arm64-musl": "14.0.4",
+        "@next/swc-linux-x64-gnu": "14.0.4",
+        "@next/swc-linux-x64-musl": "14.0.4",
+        "@next/swc-win32-arm64-msvc": "14.0.4",
+        "@next/swc-win32-ia32-msvc": "14.0.4",
+        "@next/swc-win32-x64-msvc": "14.0.4"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.1.0",
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0",
+        "sass": "^1.3.0"
+      },
+      "peerDependenciesMeta": {
+        "@opentelemetry/api": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/node-releases": {
+      "version": "2.0.13",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.13.tgz",
+      "integrity": "sha512-uYr7J37ae/ORWdZeQ1xxMJe3NtdmqMC/JZK+geofDrkLUApKRHPd18/TxtBOJ4A0/+uUIliorNrfYV6s1b02eQ=="
+    },
+    "node_modules/normalize-package-data": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-3.0.3.tgz",
+      "integrity": "sha512-p2W1sgqij3zMMyRC067Dg16bfzVH+w7hyegmpIvZ4JNjqtGOVAIvLmjBx3yP7YTe9vKJgkoNOPjwQGogDoMXFA==",
+      "dev": true,
+      "dependencies": {
+        "hosted-git-info": "^4.0.1",
+        "is-core-module": "^2.5.0",
+        "semver": "^7.3.4",
+        "validate-npm-package-license": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/normalize-package-data/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/normalize-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+      "devOptional": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/normalize-selector": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/normalize-selector/-/normalize-selector-0.2.0.tgz",
+      "integrity": "sha1-0LFF62kRicY6eNIB3E/bEpPvDAM=",
+      "dev": true
+    },
+    "node_modules/normalize.css": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/normalize.css/-/normalize.css-8.0.1.tgz",
+      "integrity": "sha512-qizSNPO93t1YUuUhP22btGOo3chcvDFqFaj2TRybP0DMxkHOCTYwp3n34fel4a31ORXy4m1Xq0Gyqpb5m33qIg=="
+    },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-inspect": {
+      "version": "1.13.1",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.1.tgz",
+      "integrity": "sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object-is": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/object-is/-/object-is-1.1.5.tgz",
+      "integrity": "sha512-3cyDsyHgtmi7I7DfSSI2LDp6SK2lwvtbg0p0R1e0RvTqF5ceGx+K2dfSjm1bKDMVCFEDAQvy+o8c6a7VujOddw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object-keys": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
+      "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object.assign": {
+      "version": "4.1.4",
+      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.4.tgz",
+      "integrity": "sha512-1mxKf0e58bvyjSCtKYY4sRe9itRk3PJpquJOjeIkz885CczcI4IvJJDLPS72oowuSh+pBxUFROpX+TU++hxhZQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.4",
+        "has-symbols": "^1.0.3",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.entries": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/object.entries/-/object.entries-1.1.6.tgz",
+      "integrity": "sha512-leTPzo4Zvg3pmbQ3rDK69Rl8GQvIqMWubrkxONG9/ojtFE2rD9fjMKfSI5BxW3osRH1m6VdzmqK8oAY9aT4x5w==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.4",
+        "es-abstract": "^1.20.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object.fromentries": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.7.tgz",
+      "integrity": "sha512-UPbPHML6sL8PI/mOqPwsH4G6iyXcCGzLin8KvEPenOZN5lpCNBZZQ+V62vdjB1mQHrmqGQt5/OJzemUA+KJmEA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.groupby": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/object.groupby/-/object.groupby-1.0.1.tgz",
+      "integrity": "sha512-HqaQtqLnp/8Bn4GL16cj+CUYbnpe1bh0TtEaWvybszDG4tgxCJuRpV8VGuvNaI1fAnI4lUJzDG55MXcOH4JZcQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "get-intrinsic": "^1.2.1"
+      }
+    },
+    "node_modules/object.hasown": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/object.hasown/-/object.hasown-1.1.2.tgz",
+      "integrity": "sha512-B5UIT3J1W+WuWIU55h0mjlwaqxiE5vYENJXIXZ4VFe05pNYrkKuK0U/6aFcb0pKywYJh7IhfoqUfKVmrJJHZHw==",
+      "dev": true,
+      "dependencies": {
+        "define-properties": "^1.1.4",
+        "es-abstract": "^1.20.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.values": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.1.7.tgz",
+      "integrity": "sha512-aU6xnDFYT3x17e/f0IiiwlGPTy2jzMySGfUB4fq6z7CV8l85CWHDk5ErhyhpfDHhrOMwGFhSQkhMGHaIotA6Ng==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/oidc-client-ts": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/oidc-client-ts/-/oidc-client-ts-2.4.0.tgz",
+      "integrity": "sha512-WijhkTrlXK2VvgGoakWJiBdfIsVGz6CFzgjNNqZU1hPKV2kyeEaJgLs7RwuiSp2WhLfWBQuLvr2SxVlZnk3N1w==",
+      "dependencies": {
+        "crypto-js": "^4.2.0",
+        "jwt-decode": "^3.1.2"
+      },
+      "engines": {
+        "node": ">=12.13.0"
+      }
+    },
+    "node_modules/on-exit-leak-free": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/on-exit-leak-free/-/on-exit-leak-free-2.1.0.tgz",
+      "integrity": "sha512-VuCaZZAjReZ3vUwgOB8LxAosIurDiAW0s13rI1YwmaP++jvcxP77AWoQvenZebpCA2m8WC1/EosPYPMjnRAp/w=="
+    },
+    "node_modules/once": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+      "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=",
+      "dependencies": {
+        "wrappy": "1"
+      }
+    },
+    "node_modules/optionator": {
+      "version": "0.9.3",
+      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.3.tgz",
+      "integrity": "sha512-JjCoypp+jKn1ttEFExxhetCKeJt9zhAgAve5FXHixTvFDW/5aEktX9bufBKLRRMdU7bNtpLfcGu94B3cdEJgjg==",
+      "dev": true,
+      "dependencies": {
+        "@aashutoshrathi/word-wrap": "^1.2.3",
+        "deep-is": "^0.1.3",
+        "fast-levenshtein": "^2.0.6",
+        "levn": "^0.4.1",
+        "prelude-ls": "^1.2.1",
+        "type-check": "^0.4.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/p-limit": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+      "dev": true,
+      "dependencies": {
+        "yocto-queue": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "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/p-retry": {
+      "version": "4.6.1",
+      "resolved": "https://registry.npmjs.org/p-retry/-/p-retry-4.6.1.tgz",
+      "integrity": "sha512-e2xXGNhZOZ0lfgR9kL34iGlU8N/KO0xZnQxVEwdeOvpqNDQfdnxIYizvWtK8RglUa3bGqI8g0R/BdfzLMxRkiA==",
+      "dependencies": {
+        "@types/retry": "^0.12.0",
+        "retry": "^0.13.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/parent-module": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
+      "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
+      "dev": true,
+      "dependencies": {
+        "callsites": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/parse-json": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
+      "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/code-frame": "^7.0.0",
+        "error-ex": "^1.3.1",
+        "json-parse-even-better-errors": "^2.3.0",
+        "lines-and-columns": "^1.1.6"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/path-exists": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-is-absolute": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+      "integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18=",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/path-key": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-parse": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw=="
+    },
+    "node_modules/path-type": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
+      "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/picocolors": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
+      "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ=="
+    },
+    "node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "devOptional": true,
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/pify": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz",
+      "integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/pino": {
+      "version": "8.16.2",
+      "resolved": "https://registry.npmjs.org/pino/-/pino-8.16.2.tgz",
+      "integrity": "sha512-2advCDGVEvkKu9TTVSa/kWW7Z3htI/sBKEZpqiHk6ive0i/7f5b1rsU8jn0aimxqfnSz5bj/nOYkwhBUn5xxvg==",
+      "dependencies": {
+        "atomic-sleep": "^1.0.0",
+        "fast-redact": "^3.1.1",
+        "on-exit-leak-free": "^2.1.0",
+        "pino-abstract-transport": "v1.1.0",
+        "pino-std-serializers": "^6.0.0",
+        "process-warning": "^2.0.0",
+        "quick-format-unescaped": "^4.0.3",
+        "real-require": "^0.2.0",
+        "safe-stable-stringify": "^2.3.1",
+        "sonic-boom": "^3.7.0",
+        "thread-stream": "^2.0.0"
+      },
+      "bin": {
+        "pino": "bin.js"
+      }
+    },
+    "node_modules/pino-abstract-transport": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/pino-abstract-transport/-/pino-abstract-transport-1.1.0.tgz",
+      "integrity": "sha512-lsleG3/2a/JIWUtf9Q5gUNErBqwIu1tUKTT3dUzaf5DySw9ra1wcqKjJjLX1VTY64Wk1eEOYsVGSaGfCK85ekA==",
+      "dependencies": {
+        "readable-stream": "^4.0.0",
+        "split2": "^4.0.0"
+      }
+    },
+    "node_modules/pino-std-serializers": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/pino-std-serializers/-/pino-std-serializers-6.2.2.tgz",
+      "integrity": "sha512-cHjPPsE+vhj/tnhCy/wiMh3M3z3h/j15zHQX+S9GkTBgqJuTuJzYJ4gUyACLhDaJ7kk9ba9iRDmbH2tJU03OiA=="
+    },
+    "node_modules/pluralize": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/pluralize/-/pluralize-8.0.0.tgz",
+      "integrity": "sha512-Nc3IT5yHzflTfbjgqWcCPpo7DaKy4FnpB0l/zCAW0Tc7jxAiuqSxHasntB3D7887LSrA93kDJ9IXovxJYxyLCA==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.4.31",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
+      "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "nanoid": "^3.3.6",
+        "picocolors": "^1.0.0",
+        "source-map-js": "^1.0.2"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/postcss-media-query-parser": {
+      "version": "0.2.3",
+      "resolved": "https://registry.npmjs.org/postcss-media-query-parser/-/postcss-media-query-parser-0.2.3.tgz",
+      "integrity": "sha1-J7Ocb02U+Bsac7j3Y1HGCeXO8kQ=",
+      "dev": true
+    },
+    "node_modules/postcss-resolve-nested-selector": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/postcss-resolve-nested-selector/-/postcss-resolve-nested-selector-0.1.1.tgz",
+      "integrity": "sha1-Kcy8fDfe36wwTp//C/FZaz9qDk4=",
+      "dev": true
+    },
+    "node_modules/postcss-safe-parser": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-safe-parser/-/postcss-safe-parser-6.0.0.tgz",
+      "integrity": "sha512-FARHN8pwH+WiS2OPCxJI8FuRJpTVnn6ZNFiqAM2aeW2LwTHWWmWgIyKC6cUo0L8aeKiF/14MNvnpls6R2PBeMQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=12.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      },
+      "peerDependencies": {
+        "postcss": "^8.3.3"
+      }
+    },
+    "node_modules/postcss-selector-parser": {
+      "version": "6.0.10",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz",
+      "integrity": "sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==",
+      "dev": true,
+      "dependencies": {
+        "cssesc": "^3.0.0",
+        "util-deprecate": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/postcss-sorting": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-sorting/-/postcss-sorting-7.0.1.tgz",
+      "integrity": "sha512-iLBFYz6VRYyLJEJsBJ8M3TCqNcckVzz4wFounSc5Oez35ogE/X+aoC5fFu103Ot7NyvjU3/xqIXn93Gp3kJk4g==",
+      "dev": true,
+      "peerDependencies": {
+        "postcss": "^8.3.9"
+      }
+    },
+    "node_modules/postcss-syntax": {
+      "version": "0.36.2",
+      "resolved": "https://registry.npmjs.org/postcss-syntax/-/postcss-syntax-0.36.2.tgz",
+      "integrity": "sha512-nBRg/i7E3SOHWxF3PpF5WnJM/jQ1YpY9000OaVXlAQj6Zp/kIqJxEDWIZ67tAd7NLuk7zqN4yqe9nc0oNAOs1w==",
+      "dev": true,
+      "peer": true,
+      "peerDependencies": {
+        "postcss": ">=5.0.0"
+      }
+    },
+    "node_modules/postcss-value-parser": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
+      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ=="
+    },
+    "node_modules/prelude-ls": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
+      "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/process": {
+      "version": "0.11.10",
+      "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz",
+      "integrity": "sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==",
+      "engines": {
+        "node": ">= 0.6.0"
+      }
+    },
+    "node_modules/process-warning": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/process-warning/-/process-warning-2.2.0.tgz",
+      "integrity": "sha512-/1WZ8+VQjR6avWOgHeEPd7SDQmFQ1B5mC1eRXsCm5TarlNmx/wCsa5GEaxGm05BORRtyG/Ex/3xq3TuRvq57qg=="
+    },
+    "node_modules/prop-types": {
+      "version": "15.8.1",
+      "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
+      "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
+      "dev": true,
+      "dependencies": {
+        "loose-envify": "^1.4.0",
+        "object-assign": "^4.1.1",
+        "react-is": "^16.13.1"
+      }
+    },
+    "node_modules/prop-types/node_modules/react-is": {
+      "version": "16.13.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
+      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
+      "dev": true
+    },
+    "node_modules/punycode": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz",
+      "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/queue-microtask": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
+      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+      "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/quick-format-unescaped": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/quick-format-unescaped/-/quick-format-unescaped-4.0.4.tgz",
+      "integrity": "sha512-tYC1Q1hgyRuHgloV/YXs2w15unPVh8qfu/qCTfhTYamaw7fyhumKa2yGpdSo87vY32rIclj+4fWYQXUMs9EHvg=="
+    },
+    "node_modules/quick-lru": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/quick-lru/-/quick-lru-4.0.1.tgz",
+      "integrity": "sha512-ARhCpm70fzdcvNQfPoy49IaanKkTlRWF2JMzqhcJbhSFRZv7nPTvZJdcY7301IPmvW+/p0RgIWnQDLJxifsQ7g==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/randombytes": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
+      "integrity": "sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "safe-buffer": "^5.1.0"
+      }
+    },
+    "node_modules/react": {
+      "version": "18.2.0",
+      "resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz",
+      "integrity": "sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==",
+      "dependencies": {
+        "loose-envify": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-dom": {
+      "version": "18.2.0",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz",
+      "integrity": "sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==",
+      "dependencies": {
+        "loose-envify": "^1.1.0",
+        "scheduler": "^0.23.0"
+      },
+      "peerDependencies": {
+        "react": "^18.2.0"
+      }
+    },
+    "node_modules/react-i18next": {
+      "version": "13.5.0",
+      "resolved": "https://registry.npmjs.org/react-i18next/-/react-i18next-13.5.0.tgz",
+      "integrity": "sha512-CFJ5NDGJ2MUyBohEHxljOq/39NQ972rh1ajnadG9BjTk+UXbHLq4z5DKEbEQBDoIhUmmbuS/fIMJKo6VOax1HA==",
+      "dependencies": {
+        "@babel/runtime": "^7.22.5",
+        "html-parse-stringify": "^3.0.1"
+      },
+      "peerDependencies": {
+        "i18next": ">= 23.2.3",
+        "react": ">= 16.8.0"
+      },
+      "peerDependenciesMeta": {
+        "react-dom": {
+          "optional": true
+        },
+        "react-native": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/read-pkg": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-5.2.0.tgz",
+      "integrity": "sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg==",
+      "dev": true,
+      "dependencies": {
+        "@types/normalize-package-data": "^2.4.0",
+        "normalize-package-data": "^2.5.0",
+        "parse-json": "^5.0.0",
+        "type-fest": "^0.6.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/read-pkg-up": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-7.0.1.tgz",
+      "integrity": "sha512-zK0TB7Xd6JpCLmlLmufqykGE+/TlOePD6qKClNW7hHDKFh/J7/7gCWGR7joEQEW1bKq3a3yUZSObOoWLFQ4ohg==",
+      "dev": true,
+      "dependencies": {
+        "find-up": "^4.1.0",
+        "read-pkg": "^5.2.0",
+        "type-fest": "^0.8.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/read-pkg-up/node_modules/find-up": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
+      "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
+      "dev": true,
+      "dependencies": {
+        "locate-path": "^5.0.0",
+        "path-exists": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/read-pkg-up/node_modules/locate-path": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
+      "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
+      "dev": true,
+      "dependencies": {
+        "p-locate": "^4.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/read-pkg-up/node_modules/p-limit": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
+      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
+      "dev": true,
+      "dependencies": {
+        "p-try": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/read-pkg-up/node_modules/p-locate": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
+      "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
+      "dev": true,
+      "dependencies": {
+        "p-limit": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/read-pkg-up/node_modules/p-try": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
+      "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/read-pkg-up/node_modules/type-fest": {
+      "version": "0.8.1",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz",
+      "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/read-pkg/node_modules/hosted-git-info": {
+      "version": "2.8.9",
+      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.9.tgz",
+      "integrity": "sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==",
+      "dev": true
+    },
+    "node_modules/read-pkg/node_modules/normalize-package-data": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.5.0.tgz",
+      "integrity": "sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==",
+      "dev": true,
+      "dependencies": {
+        "hosted-git-info": "^2.1.4",
+        "resolve": "^1.10.0",
+        "semver": "2 || 3 || 4 || 5",
+        "validate-npm-package-license": "^3.0.1"
+      }
+    },
+    "node_modules/read-pkg/node_modules/semver": {
+      "version": "5.7.2",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
+      "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
+      "dev": true,
+      "bin": {
+        "semver": "bin/semver"
+      }
+    },
+    "node_modules/read-pkg/node_modules/type-fest": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.6.0.tgz",
+      "integrity": "sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/readable-stream": {
+      "version": "4.4.2",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-4.4.2.tgz",
+      "integrity": "sha512-Lk/fICSyIhodxy1IDK2HazkeGjSmezAWX2egdtJnYhtzKEsBPJowlI6F6LPb5tqIQILrMbx22S5o3GuJavPusA==",
+      "dependencies": {
+        "abort-controller": "^3.0.0",
+        "buffer": "^6.0.3",
+        "events": "^3.3.0",
+        "process": "^0.11.10",
+        "string_decoder": "^1.3.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      }
+    },
+    "node_modules/readdirp": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+      "optional": true,
+      "dependencies": {
+        "picomatch": "^2.2.1"
+      },
+      "engines": {
+        "node": ">=8.10.0"
+      }
+    },
+    "node_modules/real-require": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/real-require/-/real-require-0.2.0.tgz",
+      "integrity": "sha512-57frrGM/OCTLqLOAh0mhVA9VBMHd+9U7Zb2THMGdBUoZVOtGbJzjxsYGDJ3A9AYYCP4hn6y1TVbaOfzWtm5GFg==",
+      "engines": {
+        "node": ">= 12.13.0"
+      }
+    },
+    "node_modules/redent": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/redent/-/redent-3.0.0.tgz",
+      "integrity": "sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==",
+      "dev": true,
+      "dependencies": {
+        "indent-string": "^4.0.0",
+        "strip-indent": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/reflect.getprototypeof": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.4.tgz",
+      "integrity": "sha512-ECkTw8TmJwW60lOTR+ZkODISW6RQ8+2CL3COqtiJKLd6MmB45hN51HprHFziKLGkAuTGQhBb91V8cy+KHlaCjw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "get-intrinsic": "^1.2.1",
+        "globalthis": "^1.0.3",
+        "which-builtin-type": "^1.1.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/regenerate": {
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.4.2.tgz",
+      "integrity": "sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A=="
+    },
+    "node_modules/regenerate-unicode-properties": {
+      "version": "10.1.1",
+      "resolved": "https://registry.npmjs.org/regenerate-unicode-properties/-/regenerate-unicode-properties-10.1.1.tgz",
+      "integrity": "sha512-X007RyZLsCJVVrjgEFVpLUTZwyOZk3oiL75ZcuYjlIWd6rNJtOjkBwQc5AsRrpbKVkxN6sklw/k/9m2jJYOf8Q==",
+      "dependencies": {
+        "regenerate": "^1.4.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "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/regenerator-transform": {
+      "version": "0.15.2",
+      "resolved": "https://registry.npmjs.org/regenerator-transform/-/regenerator-transform-0.15.2.tgz",
+      "integrity": "sha512-hfMp2BoF0qOk3uc5V20ALGDS2ddjQaLrdl7xrGXvAIow7qeWRM2VA2HuCHkUKk9slq3VwEwLNK3DFBqDfPGYtg==",
+      "dependencies": {
+        "@babel/runtime": "^7.8.4"
+      }
+    },
+    "node_modules/regexp-tree": {
+      "version": "0.1.27",
+      "resolved": "https://registry.npmjs.org/regexp-tree/-/regexp-tree-0.1.27.tgz",
+      "integrity": "sha512-iETxpjK6YoRWJG5o6hXLwvjYAoW+FEZn9os0PD/b6AP6xQwsa/Y7lCVgIixBbUPMfhu+i2LtdeAqVTgGlQarfA==",
+      "dev": true,
+      "peer": true,
+      "bin": {
+        "regexp-tree": "bin/regexp-tree"
+      }
+    },
+    "node_modules/regexp.prototype.flags": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.1.tgz",
+      "integrity": "sha512-sy6TXMN+hnP/wMy+ISxg3krXx7BAtWVO4UouuCN/ziM9UEne0euamVNafDfvC83bRNr95y0V5iijeDQFUNpvrg==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "set-function-name": "^2.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/regexpu-core": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-5.3.2.tgz",
+      "integrity": "sha512-RAM5FlZz+Lhmo7db9L298p2vHP5ZywrVXmVXpmAD9GuL5MPH6t9ROw1iA/wfHkQ76Qe7AaPF0nGuim96/IrQMQ==",
+      "dependencies": {
+        "@babel/regjsgen": "^0.8.0",
+        "regenerate": "^1.4.2",
+        "regenerate-unicode-properties": "^10.1.0",
+        "regjsparser": "^0.9.1",
+        "unicode-match-property-ecmascript": "^2.0.0",
+        "unicode-match-property-value-ecmascript": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/regjsparser": {
+      "version": "0.9.1",
+      "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.9.1.tgz",
+      "integrity": "sha512-dQUtn90WanSNl+7mQKcXAgZxvUe7Z0SqXlgzv0za4LwiUhyzBC58yQO3liFoUgu8GiJVInAhJjkj1N0EtQ5nkQ==",
+      "dependencies": {
+        "jsesc": "~0.5.0"
+      },
+      "bin": {
+        "regjsparser": "bin/parser"
+      }
+    },
+    "node_modules/regjsparser/node_modules/jsesc": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-0.5.0.tgz",
+      "integrity": "sha512-uZz5UnB7u4T9LvwmFqXii7pZSouaRPorGs5who1Ip7VO0wxanFvBL7GkM6dTHlgX+jhBApRetaWpnDabOeTcnA==",
+      "bin": {
+        "jsesc": "bin/jsesc"
+      }
+    },
+    "node_modules/require-from-string": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
+      "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/resolve": {
+      "version": "1.22.8",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz",
+      "integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==",
+      "dependencies": {
+        "is-core-module": "^2.13.0",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/resolve-from": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/resolve-pkg-maps": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz",
+      "integrity": "sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/privatenumber/resolve-pkg-maps?sponsor=1"
+      }
+    },
+    "node_modules/retry": {
+      "version": "0.13.1",
+      "resolved": "https://registry.npmjs.org/retry/-/retry-0.13.1.tgz",
+      "integrity": "sha512-XQBQ3I8W1Cge0Seh+6gjj03LbmRFWuoszgK9ooCpwYIrhhoO80pfq4cUkU5DkknwfOfFteRwlZ56PYOGYyFWdg==",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/reusify": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
+      "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
+      "dev": true,
+      "engines": {
+        "iojs": ">=1.0.0",
+        "node": ">=0.10.0"
+      }
+    },
+    "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/run-parallel": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
+      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+      "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": {
+        "queue-microtask": "^1.2.2"
+      }
+    },
+    "node_modules/safe-array-concat": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.0.1.tgz",
+      "integrity": "sha512-6XbUAseYE2KtOuGueyeobCySj9L4+66Tn6KQMOPQJrAJEowYKW/YR/MGJZl7FdydUdaFu4LYyDZjxf4/Nmo23Q==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.2.1",
+        "has-symbols": "^1.0.3",
+        "isarray": "^2.0.5"
+      },
+      "engines": {
+        "node": ">=0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "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/safe-regex": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/safe-regex/-/safe-regex-2.1.1.tgz",
+      "integrity": "sha512-rx+x8AMzKb5Q5lQ95Zoi6ZbJqwCLkqi3XuJXp5P3rT8OEc6sZCJG5AE5dU3lsgRr/F4Bs31jSlVN+j5KrsGu9A==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "regexp-tree": "~0.1.1"
+      }
+    },
+    "node_modules/safe-regex-test": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.0.0.tgz",
+      "integrity": "sha512-JBUUzyOgEwXQY1NuPtvcj/qcBDbDmEvWufhlnXZIm75DEHp+afM1r1ujJpJsV/gSM4t59tpDyPi1sd6ZaPFfsA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.1.3",
+        "is-regex": "^1.1.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/safe-stable-stringify": {
+      "version": "2.4.3",
+      "resolved": "https://registry.npmjs.org/safe-stable-stringify/-/safe-stable-stringify-2.4.3.tgz",
+      "integrity": "sha512-e2bDA2WJT0wxseVd4lsDP4+3ONX6HpMXQa1ZhFQ7SU+GjvORCmShbCMltrtIDfkYhVHrOcPtj+KhmDBdPdZD1g==",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/scheduler": {
+      "version": "0.23.0",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.0.tgz",
+      "integrity": "sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==",
+      "dependencies": {
+        "loose-envify": "^1.1.0"
+      }
+    },
+    "node_modules/schema-utils": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.0.0.tgz",
+      "integrity": "sha512-1edyXKgh6XnJsJSQ8mKWXnN/BVaIbFMLpouRUrXgVq7WYne5kw3MW7UPhO44uRXQSIpTSXoJbmrR2X0w9kUTyg==",
+      "dev": true,
+      "dependencies": {
+        "@types/json-schema": "^7.0.9",
+        "ajv": "^8.8.0",
+        "ajv-formats": "^2.1.1",
+        "ajv-keywords": "^5.0.0"
+      },
+      "engines": {
+        "node": ">= 12.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
+    "node_modules/schema-utils/node_modules/ajv": {
+      "version": "8.11.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.11.0.tgz",
+      "integrity": "sha512-wGgprdCvMalC0BztXvitD2hC04YffAvtsUn93JbGXYLAtCUO4xd17mCCZQxUOItiBwZvJScWo8NIvQMQ71rdpg==",
+      "dev": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/schema-utils/node_modules/ajv-keywords": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-5.1.0.tgz",
+      "integrity": "sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==",
+      "dev": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3"
+      },
+      "peerDependencies": {
+        "ajv": "^8.8.2"
+      }
+    },
+    "node_modules/schema-utils/node_modules/json-schema-traverse": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+      "dev": true
+    },
+    "node_modules/sdp-transform": {
+      "version": "2.14.1",
+      "resolved": "https://registry.npmjs.org/sdp-transform/-/sdp-transform-2.14.1.tgz",
+      "integrity": "sha512-RjZyX3nVwJyCuTo5tGPx+PZWkDMCg7oOLpSlhjDdZfwUoNqG1mM8nyj31IGHyaPWXhjbP7cdK3qZ2bmkJ1GzRw==",
+      "bin": {
+        "sdp-verify": "checker.js"
+      }
+    },
+    "node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/serialize-javascript": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.1.tgz",
+      "integrity": "sha512-owoXEFjWRllis8/M1Q+Cw5k8ZH40e3zhp/ovX+Xr/vi1qj6QesbyXXViFbpNvWvPNAD62SutwEXavefrLJWj7w==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "randombytes": "^2.1.0"
+      }
+    },
+    "node_modules/set-function-length": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.1.1.tgz",
+      "integrity": "sha512-VoaqjbBJKiWtg4yRcKBQ7g7wnGnLV3M8oLvVWwOk2PdYY6PEFegR1vezXR0tw6fZGF9csVakIRjrJiy2veSBFQ==",
+      "dev": true,
+      "dependencies": {
+        "define-data-property": "^1.1.1",
+        "get-intrinsic": "^1.2.1",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/set-function-name": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/set-function-name/-/set-function-name-2.0.1.tgz",
+      "integrity": "sha512-tMNCiqYVkXIZgc2Hnoy2IvC/f8ezc5koaRFkCjrpWzGpCd3qbZXPzVy9MAZzK1ch/X0jvSkojys3oqJN0qCmdA==",
+      "dev": true,
+      "dependencies": {
+        "define-data-property": "^1.0.1",
+        "functions-have-names": "^1.2.3",
+        "has-property-descriptors": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/shallowequal": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/shallowequal/-/shallowequal-1.1.0.tgz",
+      "integrity": "sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ=="
+    },
+    "node_modules/shebang-command": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+      "dev": true,
+      "dependencies": {
+        "shebang-regex": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/shebang-regex": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/side-channel": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz",
+      "integrity": "sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.0",
+        "get-intrinsic": "^1.0.2",
+        "object-inspect": "^1.9.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/signal-exit": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
+      "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
+      "dev": true
+    },
+    "node_modules/slash": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
+      "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/slice-ansi": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-4.0.0.tgz",
+      "integrity": "sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==",
+      "dev": true,
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "astral-regex": "^2.0.0",
+        "is-fullwidth-code-point": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/slice-ansi?sponsor=1"
+      }
+    },
+    "node_modules/slice-ansi/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/slice-ansi/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/slice-ansi/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/sonic-boom": {
+      "version": "3.7.0",
+      "resolved": "https://registry.npmjs.org/sonic-boom/-/sonic-boom-3.7.0.tgz",
+      "integrity": "sha512-IudtNvSqA/ObjN97tfgNmOKyDOs4dNcg4cUUsHDebqsgb8wGBBwb31LIgShNO8fye0dFI52X1+tFoKKI6Rq1Gg==",
+      "dependencies": {
+        "atomic-sleep": "^1.0.0"
+      }
+    },
+    "node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
+      "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/source-map-support": {
+      "version": "0.5.21",
+      "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz",
+      "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "buffer-from": "^1.0.0",
+        "source-map": "^0.6.0"
+      }
+    },
+    "node_modules/spdx-correct": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.1.1.tgz",
+      "integrity": "sha512-cOYcUWwhCuHCXi49RhFRCyJEK3iPj1Ziz9DpViV3tbZOwXD49QzIN3MpOLJNxh2qwq2lJJZaKMVw9qNi4jTC0w==",
+      "dev": true,
+      "dependencies": {
+        "spdx-expression-parse": "^3.0.0",
+        "spdx-license-ids": "^3.0.0"
+      }
+    },
+    "node_modules/spdx-exceptions": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.3.0.tgz",
+      "integrity": "sha512-/tTrYOC7PPI1nUAgx34hUpqXuyJG+DTHJTnIULG4rDygi4xu/tfgmq1e1cIRwRzwZgo4NLySi+ricLkZkw4i5A==",
+      "dev": true
+    },
+    "node_modules/spdx-expression-parse": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.1.tgz",
+      "integrity": "sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==",
+      "dev": true,
+      "dependencies": {
+        "spdx-exceptions": "^2.1.0",
+        "spdx-license-ids": "^3.0.0"
+      }
+    },
+    "node_modules/spdx-license-ids": {
+      "version": "3.0.11",
+      "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.11.tgz",
+      "integrity": "sha512-Ctl2BrFiM0X3MANYgj3CkygxhRmr9mi6xhejbdO960nF6EDJApTYpn0BQnDKlnNBULKiCN1n3w9EBkHK8ZWg+g==",
+      "dev": true
+    },
+    "node_modules/specificity": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/specificity/-/specificity-0.4.1.tgz",
+      "integrity": "sha512-1klA3Gi5PD1Wv9Q0wUoOQN1IWAuPu0D1U03ThXTr0cJ20+/iq2tHSDnK7Kk/0LXJ1ztUB2/1Os0wKmfyNgUQfg==",
+      "dev": true,
+      "bin": {
+        "specificity": "bin/specificity"
+      }
+    },
+    "node_modules/split2": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/split2/-/split2-4.2.0.tgz",
+      "integrity": "sha512-UcjcJOWknrNkF6PLX83qcHM6KHgVKNkV62Y8a5uYDVv9ydGQVwAHMKqHdJje1VTWpljG0WYpCDhrCdAOYH4TWg==",
+      "engines": {
+        "node": ">= 10.x"
+      }
+    },
+    "node_modules/stop-iteration-iterator": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/stop-iteration-iterator/-/stop-iteration-iterator-1.0.0.tgz",
+      "integrity": "sha512-iCGQj+0l0HOdZ2AEeBADlsRC+vsnDsZsbdSiH1yNSjcfKM7fdpCMfqAL/dwF5BLiw/XhRft/Wax6zQbhq2BcjQ==",
+      "dev": true,
+      "dependencies": {
+        "internal-slot": "^1.0.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/streamsearch": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/streamsearch/-/streamsearch-1.1.0.tgz",
+      "integrity": "sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==",
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/string_decoder": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
+      "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
+      "dependencies": {
+        "safe-buffer": "~5.2.0"
+      }
+    },
+    "node_modules/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-width/node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "dev": true
+    },
+    "node_modules/string.prototype.matchall": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.8.tgz",
+      "integrity": "sha512-6zOCOcJ+RJAQshcTvXPHoxoQGONa3e/Lqx90wUA+wEzX78sg5Bo+1tQo4N0pohS0erG9qtCqJDjNCQBjeWVxyg==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.4",
+        "es-abstract": "^1.20.4",
+        "get-intrinsic": "^1.1.3",
+        "has-symbols": "^1.0.3",
+        "internal-slot": "^1.0.3",
+        "regexp.prototype.flags": "^1.4.3",
+        "side-channel": "^1.0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.trim": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.8.tgz",
+      "integrity": "sha512-lfjY4HcixfQXOfaqCvcBuOIapyaroTXhbkfJN3gcB1OtyupngWK4sEET9Knd0cXd28kTUqu/kHoV4HKSJdnjiQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.trimend": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.7.tgz",
+      "integrity": "sha512-Ni79DqeB72ZFq1uH/L6zJ+DKZTkOtPIHovb3YZHQViE+HDouuU4mBrLOLDn5Dde3RF8qw5qVETEjhu9locMLvA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.trimstart": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.7.tgz",
+      "integrity": "sha512-NGhtDFu3jCEm7B4Fy0DpLewdJQOZcQ0rGbwQ/+stjnrp2i+rlKeCvos9hOIeCmqwratM47OBxY7uFZzjxHXmrg==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/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",
+      "integrity": "sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/strip-indent": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-3.0.0.tgz",
+      "integrity": "sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==",
+      "dev": true,
+      "dependencies": {
+        "min-indent": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-json-comments": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
+      "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/style-search": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/style-search/-/style-search-0.1.0.tgz",
+      "integrity": "sha1-eVjHk+R+MuB9K1yv5cC/jhLneQI=",
+      "dev": true
+    },
+    "node_modules/styled-components": {
+      "version": "6.0.8",
+      "resolved": "https://registry.npmjs.org/styled-components/-/styled-components-6.0.8.tgz",
+      "integrity": "sha512-AwI02MTWZwqjzfXgR5QcbmcSn5xVjY4N2TLjSuYnmuBGF3y7GicHz3ysbpUq2EMJP5M8/Nc22vcmF3V3WNZDFA==",
+      "dependencies": {
+        "@babel/cli": "^7.21.0",
+        "@babel/core": "^7.21.0",
+        "@babel/helper-module-imports": "^7.18.6",
+        "@babel/plugin-external-helpers": "^7.18.6",
+        "@babel/plugin-proposal-class-properties": "^7.18.6",
+        "@babel/plugin-proposal-object-rest-spread": "^7.20.7",
+        "@babel/preset-env": "^7.20.2",
+        "@babel/preset-react": "^7.18.6",
+        "@babel/preset-typescript": "^7.21.0",
+        "@babel/traverse": "^7.21.2",
+        "@emotion/is-prop-valid": "^1.2.1",
+        "@emotion/unitless": "^0.8.0",
+        "@types/stylis": "^4.0.2",
+        "css-to-react-native": "^3.2.0",
+        "csstype": "^3.1.2",
+        "postcss": "^8.4.23",
+        "shallowequal": "^1.1.0",
+        "stylis": "^4.3.0",
+        "tslib": "^2.5.0"
+      },
+      "engines": {
+        "node": ">= 16"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/styled-components"
+      },
+      "peerDependencies": {
+        "babel-plugin-styled-components": ">= 2",
+        "react": ">= 16.8.0",
+        "react-dom": ">= 16.8.0"
+      },
+      "peerDependenciesMeta": {
+        "babel-plugin-styled-components": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/styled-jsx": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.1.1.tgz",
+      "integrity": "sha512-pW7uC1l4mBZ8ugbiZrcIsiIvVx1UmTfw7UkC3Um2tmfUq9Bhk8IiyEIPl6F8agHgjzku6j0xQEZbfA5uSgSaCw==",
+      "dependencies": {
+        "client-only": "0.0.1"
+      },
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "peerDependencies": {
+        "react": ">= 16.8.0 || 17.x.x || ^18.0.0-0"
+      },
+      "peerDependenciesMeta": {
+        "@babel/core": {
+          "optional": true
+        },
+        "babel-plugin-macros": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/stylelint": {
+      "version": "14.8.2",
+      "resolved": "https://registry.npmjs.org/stylelint/-/stylelint-14.8.2.tgz",
+      "integrity": "sha512-tjDfexCYfoPdl/xcDJ9Fv+Ko9cvzbDnmdiaqEn3ovXHXasi/hbkt5tSjsiReQ+ENqnz0eltaX/AOO+AlzVdcNA==",
+      "dev": true,
+      "dependencies": {
+        "balanced-match": "^2.0.0",
+        "colord": "^2.9.2",
+        "cosmiconfig": "^7.0.1",
+        "css-functions-list": "^3.0.1",
+        "debug": "^4.3.4",
+        "execall": "^2.0.0",
+        "fast-glob": "^3.2.11",
+        "fastest-levenshtein": "^1.0.12",
+        "file-entry-cache": "^6.0.1",
+        "get-stdin": "^8.0.0",
+        "global-modules": "^2.0.0",
+        "globby": "^11.1.0",
+        "globjoin": "^0.1.4",
+        "html-tags": "^3.2.0",
+        "ignore": "^5.2.0",
+        "import-lazy": "^4.0.0",
+        "imurmurhash": "^0.1.4",
+        "is-plain-object": "^5.0.0",
+        "known-css-properties": "^0.25.0",
+        "mathml-tag-names": "^2.1.3",
+        "meow": "^9.0.0",
+        "micromatch": "^4.0.5",
+        "normalize-path": "^3.0.0",
+        "normalize-selector": "^0.2.0",
+        "picocolors": "^1.0.0",
+        "postcss": "^8.4.13",
+        "postcss-media-query-parser": "^0.2.3",
+        "postcss-resolve-nested-selector": "^0.1.1",
+        "postcss-safe-parser": "^6.0.0",
+        "postcss-selector-parser": "^6.0.10",
+        "postcss-value-parser": "^4.2.0",
+        "resolve-from": "^5.0.0",
+        "specificity": "^0.4.1",
+        "string-width": "^4.2.3",
+        "strip-ansi": "^6.0.1",
+        "style-search": "^0.1.0",
+        "supports-hyperlinks": "^2.2.0",
+        "svg-tags": "^1.0.0",
+        "table": "^6.8.0",
+        "v8-compile-cache": "^2.3.0",
+        "write-file-atomic": "^4.0.1"
+      },
+      "bin": {
+        "stylelint": "bin/stylelint.js"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/stylelint"
+      }
+    },
+    "node_modules/stylelint-config-recess-order": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/stylelint-config-recess-order/-/stylelint-config-recess-order-3.0.0.tgz",
+      "integrity": "sha512-uNXrlDz570Q7HJlrq8mNjgfO/xlKIh2hKVKEFMTG1/ih/6tDLcTbuvO1Zoo2dnQay990OAkWLDpTDOorB+hmBw==",
+      "dev": true,
+      "dependencies": {
+        "stylelint-order": "5.x"
+      },
+      "peerDependencies": {
+        "stylelint": ">=14"
+      }
+    },
+    "node_modules/stylelint-config-recommended": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/stylelint-config-recommended/-/stylelint-config-recommended-7.0.0.tgz",
+      "integrity": "sha512-yGn84Bf/q41J4luis1AZ95gj0EQwRX8lWmGmBwkwBNSkpGSpl66XcPTulxGa/Z91aPoNGuIGBmFkcM1MejMo9Q==",
+      "dev": true,
+      "peerDependencies": {
+        "stylelint": "^14.4.0"
+      }
+    },
+    "node_modules/stylelint-config-standard": {
+      "version": "25.0.0",
+      "resolved": "https://registry.npmjs.org/stylelint-config-standard/-/stylelint-config-standard-25.0.0.tgz",
+      "integrity": "sha512-21HnP3VSpaT1wFjFvv9VjvOGDtAviv47uTp3uFmzcN+3Lt+RYRv6oAplLaV51Kf792JSxJ6svCJh/G18E9VnCA==",
+      "dev": true,
+      "dependencies": {
+        "stylelint-config-recommended": "^7.0.0"
+      },
+      "peerDependencies": {
+        "stylelint": "^14.4.0"
+      }
+    },
+    "node_modules/stylelint-config-styled-components": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/stylelint-config-styled-components/-/stylelint-config-styled-components-0.1.1.tgz",
+      "integrity": "sha512-z5Xz/9GmvxO6e/DLzBMwkB85zHxEEjN6K7Cj80Bi+o/9vR9eS3GX3E9VuMnX9WLFYulqbqLtTapGGY28JBiy9Q==",
+      "dev": true
+    },
+    "node_modules/stylelint-order": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/stylelint-order/-/stylelint-order-5.0.0.tgz",
+      "integrity": "sha512-OWQ7pmicXufDw5BlRqzdz3fkGKJPgLyDwD1rFY3AIEfIH/LQY38Vu/85v8/up0I+VPiuGRwbc2Hg3zLAsJaiyw==",
+      "dev": true,
+      "dependencies": {
+        "postcss": "^8.3.11",
+        "postcss-sorting": "^7.0.1"
+      },
+      "peerDependencies": {
+        "stylelint": "^14.0.0"
+      }
+    },
+    "node_modules/stylelint-webpack-plugin": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/stylelint-webpack-plugin/-/stylelint-webpack-plugin-3.2.0.tgz",
+      "integrity": "sha512-KY4P+0wrs5G680LzNLt8UZDiX3j+UNNDt1BBEdlhZUiUUYAI0j9Lumf5QH9eRHx/uMZcpKbboiYWba0F+jMWTg==",
+      "dev": true,
+      "dependencies": {
+        "globby": "^11.1.0",
+        "jest-worker": "^27.5.1",
+        "micromatch": "^4.0.4",
+        "normalize-path": "^3.0.0",
+        "schema-utils": "^4.0.0"
+      },
+      "engines": {
+        "node": ">= 12.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "stylelint": "^13.0.0 || ^14.0.0",
+        "webpack": "^5.0.0"
+      }
+    },
+    "node_modules/stylelint/node_modules/balanced-match": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-2.0.0.tgz",
+      "integrity": "sha512-1ugUSr8BHXRnK23KfuYS+gVMC3LB8QGH9W1iGtDPsNWoQbgtXSExkBu2aDR4epiGWZOjZsj6lDl/N/AqqTC3UA==",
+      "dev": true
+    },
+    "node_modules/stylelint/node_modules/resolve-from": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
+      "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/stylis": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.3.0.tgz",
+      "integrity": "sha512-E87pIogpwUsUwXw7dNyU4QDjdgVMy52m+XEOPEKUn161cCzWjjhPSQhByfd1CcNvrOLnXQ6OnnZDwnJrz/Z4YQ=="
+    },
+    "node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/supports-hyperlinks": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/supports-hyperlinks/-/supports-hyperlinks-2.2.0.tgz",
+      "integrity": "sha512-6sXEzV5+I5j8Bmq9/vUphGRM/RJNT9SCURJLjwfOg51heRtguGWDzcaBlgAzKhQa0EVNpPEKzQuBwZ8S8WaCeQ==",
+      "dev": true,
+      "dependencies": {
+        "has-flag": "^4.0.0",
+        "supports-color": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/supports-preserve-symlinks-flag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/svg-tags": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/svg-tags/-/svg-tags-1.0.0.tgz",
+      "integrity": "sha1-WPcc7jvVGbWdSyqEO2x95krAR2Q=",
+      "dev": true
+    },
+    "node_modules/table": {
+      "version": "6.8.0",
+      "resolved": "https://registry.npmjs.org/table/-/table-6.8.0.tgz",
+      "integrity": "sha512-s/fitrbVeEyHKFa7mFdkuQMWlH1Wgw/yEXMt5xACT4ZpzWFluehAxRtUUQKPuWhaLAWhFcVx6w3oC8VKaUfPGA==",
+      "dev": true,
+      "dependencies": {
+        "ajv": "^8.0.1",
+        "lodash.truncate": "^4.4.2",
+        "slice-ansi": "^4.0.0",
+        "string-width": "^4.2.3",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/table/node_modules/ajv": {
+      "version": "8.11.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.11.0.tgz",
+      "integrity": "sha512-wGgprdCvMalC0BztXvitD2hC04YffAvtsUn93JbGXYLAtCUO4xd17mCCZQxUOItiBwZvJScWo8NIvQMQ71rdpg==",
+      "dev": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/table/node_modules/json-schema-traverse": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+      "dev": true
+    },
+    "node_modules/tapable": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz",
+      "integrity": "sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/terser": {
+      "version": "5.17.1",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-5.17.1.tgz",
+      "integrity": "sha512-hVl35zClmpisy6oaoKALOpS0rDYLxRFLHhRuDlEGTKey9qHjS1w9GMORjuwIMt70Wan4lwsLYyWDVnWgF+KUEw==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@jridgewell/source-map": "^0.3.2",
+        "acorn": "^8.5.0",
+        "commander": "^2.20.0",
+        "source-map-support": "~0.5.20"
+      },
+      "bin": {
+        "terser": "bin/terser"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/terser-webpack-plugin": {
+      "version": "5.3.7",
+      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.7.tgz",
+      "integrity": "sha512-AfKwIktyP7Cu50xNjXF/6Qb5lBNzYaWpU6YfoX3uZicTx0zTy0stDDCsvjDapKsSDvOeWo5MEq4TmdBy2cNoHw==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@jridgewell/trace-mapping": "^0.3.17",
+        "jest-worker": "^27.4.5",
+        "schema-utils": "^3.1.1",
+        "serialize-javascript": "^6.0.1",
+        "terser": "^5.16.5"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "webpack": "^5.1.0"
+      },
+      "peerDependenciesMeta": {
+        "@swc/core": {
+          "optional": true
+        },
+        "esbuild": {
+          "optional": true
+        },
+        "uglify-js": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/terser-webpack-plugin/node_modules/schema-utils": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.1.2.tgz",
+      "integrity": "sha512-pvjEHOgWc9OWA/f/DE3ohBWTD6EleVLf7iFUkoSwAxttdBhB9QUebQgxER2kWueOvRJXPHNnyrvvh9eZINB8Eg==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@types/json-schema": "^7.0.8",
+        "ajv": "^6.12.5",
+        "ajv-keywords": "^3.5.2"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
+    "node_modules/text-table": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
+      "integrity": "sha1-f17oI66AUgfACvLfSoTsP8+lcLQ=",
+      "dev": true
+    },
+    "node_modules/thread-stream": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/thread-stream/-/thread-stream-2.3.0.tgz",
+      "integrity": "sha512-kaDqm1DET9pp3NXwR8382WHbnpXnRkN9xGN9dQt3B2+dmXiW8X1SOwmFOxAErEQ47ObhZ96J6yhZNXuyCOL7KA==",
+      "dependencies": {
+        "real-require": "^0.2.0"
+      }
+    },
+    "node_modules/to-fast-properties": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz",
+      "integrity": "sha1-3F5pjL0HkmW8c+A3doGk5Og/YW4=",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "devOptional": true,
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/trim-newlines": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-3.0.1.tgz",
+      "integrity": "sha512-c1PTsA3tYrIsLGkJkzHF+w9F2EyxfXGo4UyJc4pFL++FMjnq0HJS69T3M7d//gKrFKwy429bouPescbjecU+Zw==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ts-api-utils": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.0.1.tgz",
+      "integrity": "sha512-lC/RGlPmwdrIBFTX59wwNzqh7aR2otPNPR/5brHZm/XKFYKsfqxihXUe9pU3JI+3vGkl+vyCoNNnPhJn3aLK1A==",
+      "dev": true,
+      "engines": {
+        "node": ">=16.13.0"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.2.0"
+      }
+    },
+    "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/tsconfig-paths/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/tslib": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
+      "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
+    },
+    "node_modules/type-check": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
+      "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
+      "dev": true,
+      "dependencies": {
+        "prelude-ls": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/type-fest": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
+      "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/typed-array-buffer": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.0.tgz",
+      "integrity": "sha512-Y8KTSIglk9OZEr8zywiIHG/kmQ7KWyjseXs1CbSo8vC42w7hg2HgYTxSWwP0+is7bWDc1H+Fo026CpHFwm8tkw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.2.1",
+        "is-typed-array": "^1.1.10"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/typed-array-byte-length": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.0.tgz",
+      "integrity": "sha512-Or/+kvLxNpeQ9DtSydonMxCx+9ZXOswtwJn17SNLvhptaXYDJvkFFP5zbfU/uLmvnBJlI4yrnXRxpdWH/M5tNA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "for-each": "^0.3.3",
+        "has-proto": "^1.0.1",
+        "is-typed-array": "^1.1.10"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typed-array-byte-offset": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.0.tgz",
+      "integrity": "sha512-RD97prjEt9EL8YgAgpOkf3O4IF9lhJFr9g0htQkm0rchFp/Vx7LW5Q8fSXXub7BXAODyUQohRMyOc3faCPd0hg==",
+      "dev": true,
+      "dependencies": {
+        "available-typed-arrays": "^1.0.5",
+        "call-bind": "^1.0.2",
+        "for-each": "^0.3.3",
+        "has-proto": "^1.0.1",
+        "is-typed-array": "^1.1.10"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typed-array-length": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.4.tgz",
+      "integrity": "sha512-KjZypGq+I/H7HI5HlOoGHkWUUGq+Q0TPhQurLbyrVrvnKTBgzLhIJ7j6J/XTQOi0d1RjyZ0wdas8bKs2p0x3Ng==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "for-each": "^0.3.3",
+        "is-typed-array": "^1.1.9"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typescript": {
+      "version": "5.1.6",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.1.6.tgz",
+      "integrity": "sha512-zaWCozRZ6DLEWAWFrVDz1H6FVXzUSfTy5FUMWsQlU8Ym5JP9eO4xkTIROFCQvhQf61z6O/G6ugw3SgAnvvm+HA==",
+      "dev": true,
+      "peer": true,
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "node_modules/unbox-primitive": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz",
+      "integrity": "sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "has-bigints": "^1.0.2",
+        "has-symbols": "^1.0.3",
+        "which-boxed-primitive": "^1.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/unhomoglyph": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/unhomoglyph/-/unhomoglyph-1.0.6.tgz",
+      "integrity": "sha512-7uvcWI3hWshSADBu4JpnyYbTVc7YlhF5GDW/oPD5AxIxl34k4wXR3WDkPnzLxkN32LiTCTKMQLtKVZiwki3zGg=="
+    },
+    "node_modules/unicode-canonical-property-names-ecmascript": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.0.tgz",
+      "integrity": "sha512-yY5PpDlfVIU5+y/BSCxAJRBIS1Zc2dDG3Ujq+sR0U+JjUevW2JhocOF+soROYDSaAezOzOKuyyixhD6mBknSmQ==",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/unicode-match-property-ecmascript": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/unicode-match-property-ecmascript/-/unicode-match-property-ecmascript-2.0.0.tgz",
+      "integrity": "sha512-5kaZCrbp5mmbz5ulBkDkbY0SsPOjKqVS35VpL9ulMPfSl0J0Xsm+9Evphv9CoIZFwre7aJoa94AY6seMKGVN5Q==",
+      "dependencies": {
+        "unicode-canonical-property-names-ecmascript": "^2.0.0",
+        "unicode-property-aliases-ecmascript": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/unicode-match-property-value-ecmascript": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-2.1.0.tgz",
+      "integrity": "sha512-qxkjQt6qjg/mYscYMC0XKRn3Rh0wFPlfxB0xkt9CfyTvpX1Ra0+rAmdX2QyAobptSEvuy4RtpPRui6XkV+8wjA==",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/unicode-property-aliases-ecmascript": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-2.1.0.tgz",
+      "integrity": "sha512-6t3foTQI9qne+OZoVQB/8x8rk2k1eVy1gRXhV3oFQ5T6R1dqQ1xtin3XqSlx3+ATBkliTaR/hHyJBm+LVPNM8w==",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/update-browserslist-db": {
+      "version": "1.0.13",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz",
+      "integrity": "sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "escalade": "^3.1.1",
+        "picocolors": "^1.0.0"
+      },
+      "bin": {
+        "update-browserslist-db": "cli.js"
+      },
+      "peerDependencies": {
+        "browserslist": ">= 4.21.0"
+      }
+    },
+    "node_modules/uri-js": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
+      "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
+      "dev": true,
+      "dependencies": {
+        "punycode": "^2.1.0"
+      }
+    },
+    "node_modules/use-immer": {
+      "version": "0.9.0",
+      "resolved": "https://registry.npmjs.org/use-immer/-/use-immer-0.9.0.tgz",
+      "integrity": "sha512-/L+enLi0nvuZ6j4WlyK0US9/ECUtV5v9RUbtxnn5+WbtaXYUaOBoKHDNL9I5AETdurQ4rIFIj/s+Z5X80ATyKw==",
+      "peerDependencies": {
+        "immer": ">=2.0.0",
+        "react": "^16.8.0 || ^17.0.1 || ^18.0.0"
+      }
+    },
+    "node_modules/util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=",
+      "dev": true
+    },
+    "node_modules/uuid": {
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-9.0.0.tgz",
+      "integrity": "sha512-MXcSTerfPa4uqyzStbRoTgt5XIe3x5+42+q1sDuy3R5MDk66URdLMOZe5aPX/SQd+kuYAh0FdP/pO28IkQyTeg==",
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    },
+    "node_modules/v8-compile-cache": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz",
+      "integrity": "sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA==",
+      "dev": true
+    },
+    "node_modules/validate-npm-package-license": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz",
+      "integrity": "sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==",
+      "dev": true,
+      "dependencies": {
+        "spdx-correct": "^3.0.0",
+        "spdx-expression-parse": "^3.0.0"
+      }
+    },
+    "node_modules/void-elements": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/void-elements/-/void-elements-3.1.0.tgz",
+      "integrity": "sha1-YU9/v42AHwu18GYfWy9XhXUOTwk=",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/watchpack": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.0.tgz",
+      "integrity": "sha512-Lcvm7MGST/4fup+ifyKi2hjyIAwcdI4HRgtvTpIUxBRhB+RFtUh8XtDOxUfctVCnhVi+QQj49i91OyvzkJl6cg==",
+      "dependencies": {
+        "glob-to-regexp": "^0.4.1",
+        "graceful-fs": "^4.1.2"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/webpack": {
+      "version": "5.81.0",
+      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.81.0.tgz",
+      "integrity": "sha512-AAjaJ9S4hYCVODKLQTgG5p5e11hiMawBwV2v8MYLE0C/6UAGLuAF4n1qa9GOwdxnicaP+5k6M5HrLmD4+gIB8Q==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@types/eslint-scope": "^3.7.3",
+        "@types/estree": "^1.0.0",
+        "@webassemblyjs/ast": "^1.11.5",
+        "@webassemblyjs/wasm-edit": "^1.11.5",
+        "@webassemblyjs/wasm-parser": "^1.11.5",
+        "acorn": "^8.7.1",
+        "acorn-import-assertions": "^1.7.6",
+        "browserslist": "^4.14.5",
+        "chrome-trace-event": "^1.0.2",
+        "enhanced-resolve": "^5.13.0",
+        "es-module-lexer": "^1.2.1",
+        "eslint-scope": "5.1.1",
+        "events": "^3.2.0",
+        "glob-to-regexp": "^0.4.1",
+        "graceful-fs": "^4.2.9",
+        "json-parse-even-better-errors": "^2.3.1",
+        "loader-runner": "^4.2.0",
+        "mime-types": "^2.1.27",
+        "neo-async": "^2.6.2",
+        "schema-utils": "^3.1.2",
+        "tapable": "^2.1.1",
+        "terser-webpack-plugin": "^5.3.7",
+        "watchpack": "^2.4.0",
+        "webpack-sources": "^3.2.3"
+      },
+      "bin": {
+        "webpack": "bin/webpack.js"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependenciesMeta": {
+        "webpack-cli": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/webpack-sources": {
+      "version": "3.2.3",
+      "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.2.3.tgz",
+      "integrity": "sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/webpack/node_modules/schema-utils": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.1.2.tgz",
+      "integrity": "sha512-pvjEHOgWc9OWA/f/DE3ohBWTD6EleVLf7iFUkoSwAxttdBhB9QUebQgxER2kWueOvRJXPHNnyrvvh9eZINB8Eg==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@types/json-schema": "^7.0.8",
+        "ajv": "^6.12.5",
+        "ajv-keywords": "^3.5.2"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
+    "node_modules/which": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+      "dev": true,
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "node-which": "bin/node-which"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/which-boxed-primitive": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz",
+      "integrity": "sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==",
+      "dev": true,
+      "dependencies": {
+        "is-bigint": "^1.0.1",
+        "is-boolean-object": "^1.1.0",
+        "is-number-object": "^1.0.4",
+        "is-string": "^1.0.5",
+        "is-symbol": "^1.0.3"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-builtin-type": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/which-builtin-type/-/which-builtin-type-1.1.3.tgz",
+      "integrity": "sha512-YmjsSMDBYsM1CaFiayOVT06+KJeXf0o5M/CAd4o1lTadFAtacTUM49zoYxr/oroopFDfhvN6iEcBxUyc3gvKmw==",
+      "dev": true,
+      "dependencies": {
+        "function.prototype.name": "^1.1.5",
+        "has-tostringtag": "^1.0.0",
+        "is-async-function": "^2.0.0",
+        "is-date-object": "^1.0.5",
+        "is-finalizationregistry": "^1.0.2",
+        "is-generator-function": "^1.0.10",
+        "is-regex": "^1.1.4",
+        "is-weakref": "^1.0.2",
+        "isarray": "^2.0.5",
+        "which-boxed-primitive": "^1.0.2",
+        "which-collection": "^1.0.1",
+        "which-typed-array": "^1.1.9"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-collection": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/which-collection/-/which-collection-1.0.1.tgz",
+      "integrity": "sha512-W8xeTUwaln8i3K/cY1nGXzdnVZlidBcagyNFtBdD5kxnb4TvGKR7FfSIS3mYpwWS1QUCutfKz8IY8RjftB0+1A==",
+      "dev": true,
+      "dependencies": {
+        "is-map": "^2.0.1",
+        "is-set": "^2.0.1",
+        "is-weakmap": "^2.0.1",
+        "is-weakset": "^2.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-typed-array": {
+      "version": "1.1.13",
+      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.13.tgz",
+      "integrity": "sha512-P5Nra0qjSncduVPEAr7xhoF5guty49ArDTwzJ/yNuPIbZppyRxFQsRCWrocxIY+CnMVG+qfbU2FmDKyvSGClow==",
+      "dev": true,
+      "dependencies": {
+        "available-typed-arrays": "^1.0.5",
+        "call-bind": "^1.0.4",
+        "for-each": "^0.3.3",
+        "gopd": "^1.0.1",
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/wrappy": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+      "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8="
+    },
+    "node_modules/write-file-atomic": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-4.0.1.tgz",
+      "integrity": "sha512-nSKUxgAbyioruk6hU87QzVbY279oYT6uiwgDoujth2ju4mJ+TZau7SQBhtbTmUyuNYTuXnSyRn66FV0+eCgcrQ==",
+      "dev": true,
+      "dependencies": {
+        "imurmurhash": "^0.1.4",
+        "signal-exit": "^3.0.7"
+      },
+      "engines": {
+        "node": "^12.13.0 || ^14.15.0 || >=16"
+      }
+    },
+    "node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "dev": true
+    },
+    "node_modules/yaml": {
+      "version": "1.10.2",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
+      "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/yargs-parser": {
+      "version": "20.2.9",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-20.2.9.tgz",
+      "integrity": "sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/yocto-queue": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
+      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    }
+  }
+}

From 206ad7e144328b57a38891eca52652180d46382c Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 9 Jan 2024 19:14:38 +0100
Subject: [PATCH 340/714] update package-lock.json

---
 package-lock.json | 8763 ---------------------------------------------
 1 file changed, 8763 deletions(-)
 delete mode 100644 package-lock.json

diff --git a/package-lock.json b/package-lock.json
deleted file mode 100644
index b4471a2d..00000000
--- a/package-lock.json
+++ /dev/null
@@ -1,8763 +0,0 @@
-{
-  "name": "medienhaus-frontend",
-  "lockfileVersion": 3,
-  "requires": true,
-  "packages": {
-    "": {
-      "name": "medienhaus-frontend",
-      "dependencies": {
-        "i18next": "^23.7.7",
-        "i18next-browser-languagedetector": "^7.2.0",
-        "i18next-resources-to-backend": "^1.2.0",
-        "immer": "^10.0.3",
-        "lodash": "^4.17.21",
-        "matrix-js-sdk": "^30.2.0",
-        "next": "^14.0.4-canary.41",
-        "normalize.css": "^8.0.1",
-        "pino": "^8.16.2",
-        "react": "^18.2.0",
-        "react-dom": "^18.2.0",
-        "react-i18next": "^13.5.0",
-        "styled-components": "^6.0.8",
-        "use-immer": "^0.9.0"
-      },
-      "devDependencies": {
-        "@remixicons/react": "^1.0.0",
-        "@stylelint/postcss-css-in-js": "^0.38.0",
-        "eslint": "^8.55.0",
-        "eslint-config-next": "^14.0.3",
-        "eslint-plugin-import": "^2.25.4",
-        "eslint-plugin-matrix-org": "^0.8.0",
-        "stylelint": "^14.8.2",
-        "stylelint-config-recess-order": "^3.0.0",
-        "stylelint-config-standard": "^25.0.0",
-        "stylelint-config-styled-components": "^0.1.1",
-        "stylelint-webpack-plugin": "^3.2.0"
-      }
-    },
-    "node_modules/@aashutoshrathi/word-wrap": {
-      "version": "1.2.6",
-      "resolved": "https://registry.npmjs.org/@aashutoshrathi/word-wrap/-/word-wrap-1.2.6.tgz",
-      "integrity": "sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/@ampproject/remapping": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.1.tgz",
-      "integrity": "sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==",
-      "dependencies": {
-        "@jridgewell/gen-mapping": "^0.3.0",
-        "@jridgewell/trace-mapping": "^0.3.9"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/@babel/cli": {
-      "version": "7.23.0",
-      "resolved": "https://registry.npmjs.org/@babel/cli/-/cli-7.23.0.tgz",
-      "integrity": "sha512-17E1oSkGk2IwNILM4jtfAvgjt+ohmpfBky8aLerUfYZhiPNg7ca+CRCxZn8QDxwNhV/upsc2VHBCqGFIR+iBfA==",
-      "dependencies": {
-        "@jridgewell/trace-mapping": "^0.3.17",
-        "commander": "^4.0.1",
-        "convert-source-map": "^2.0.0",
-        "fs-readdir-recursive": "^1.1.0",
-        "glob": "^7.2.0",
-        "make-dir": "^2.1.0",
-        "slash": "^2.0.0"
-      },
-      "bin": {
-        "babel": "bin/babel.js",
-        "babel-external-helpers": "bin/babel-external-helpers.js"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "optionalDependencies": {
-        "@nicolo-ribaudo/chokidar-2": "2.1.8-no-fsevents.3",
-        "chokidar": "^3.4.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/cli/node_modules/commander": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
-      "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/@babel/cli/node_modules/slash": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/slash/-/slash-2.0.0.tgz",
-      "integrity": "sha512-ZYKh3Wh2z1PpEXWr0MpSBZ0V6mZHAQfYevttO11c51CaWjGTaadiKZ+wVt1PbMlDV5qhMFslpZCemhwOK7C89A==",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/@babel/code-frame": {
-      "version": "7.23.4",
-      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.23.4.tgz",
-      "integrity": "sha512-r1IONyb6Ia+jYR2vvIDhdWdlTGhqbBoFqLTQidzZ4kepUFH15ejXvFHxCVbtl7BOXIudsIubf4E81xeA3h3IXA==",
-      "dependencies": {
-        "@babel/highlight": "^7.23.4",
-        "chalk": "^2.4.2"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "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==",
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "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==",
-      "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/@babel/eslint-parser": {
-      "version": "7.22.15",
-      "resolved": "https://registry.npmjs.org/@babel/eslint-parser/-/eslint-parser-7.22.15.tgz",
-      "integrity": "sha512-yc8OOBIQk1EcRrpizuARSQS0TWAcOMpEJ1aafhNznaeYkeL+OhqnDObGFylB8ka8VFF/sZc+S4RzHyO+3LjQxg==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@nicolo-ribaudo/eslint-scope-5-internals": "5.1.1-v1",
-        "eslint-visitor-keys": "^2.1.0",
-        "semver": "^6.3.1"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || >=14.0.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.11.0",
-        "eslint": "^7.5.0 || ^8.0.0"
-      }
-    },
-    "node_modules/@babel/eslint-parser/node_modules/eslint-visitor-keys": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz",
-      "integrity": "sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==",
-      "dev": true,
-      "peer": true,
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/@babel/eslint-plugin": {
-      "version": "7.22.10",
-      "resolved": "https://registry.npmjs.org/@babel/eslint-plugin/-/eslint-plugin-7.22.10.tgz",
-      "integrity": "sha512-SRZcvo3fnO5h79B9DZSV6LG2vHH7OWsSNp1huFLHsXKyytRG413byQk9zxW1VcPOhnzfx2VIUz+8aGbiE7fOkA==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "eslint-rule-composer": "^0.3.0"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || >=14.0.0"
-      },
-      "peerDependencies": {
-        "@babel/eslint-parser": "^7.11.0",
-        "eslint": "^7.5.0 || ^8.0.0"
-      }
-    },
-    "node_modules/@babel/generator": {
-      "version": "7.23.4",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.23.4.tgz",
-      "integrity": "sha512-esuS49Cga3HcThFNebGhlgsrVLkvhqvYDTzgjfFFlHJcIfLe5jFmRRfCQ1KuBfc4Jrtn3ndLgKWAKjBE+IraYQ==",
-      "dependencies": {
-        "@babel/types": "^7.23.4",
-        "@jridgewell/gen-mapping": "^0.3.2",
-        "@jridgewell/trace-mapping": "^0.3.17",
-        "jsesc": "^2.5.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-annotate-as-pure": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.22.5.tgz",
-      "integrity": "sha512-LvBTxu8bQSQkcyKOU+a1btnNFQ1dMAd0R6PyW3arXes06F6QLWLIrd681bxRPIXlrMGR3XYnW9JyML7dP3qgxg==",
-      "dependencies": {
-        "@babel/types": "^7.22.5"
-      },
-      "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",
-      "integrity": "sha512-QkBXwGgaoC2GtGZRoma6kv7Szfv06khvhFav67ZExau2RaXzy8MpHSMO2PNoP2XtmQphJQRHFfg77Bq731Yizw==",
-      "dependencies": {
-        "@babel/types": "^7.22.15"
-      },
-      "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",
-      "integrity": "sha512-y6EEzULok0Qvz8yyLkCvVX+02ic+By2UdOhylwUOvOn9dvYc9mKICJuuU1n1XBI02YWsNsnrY1kc6DVbjcXbtw==",
-      "dependencies": {
-        "@babel/compat-data": "^7.22.9",
-        "@babel/helper-validator-option": "^7.22.15",
-        "browserslist": "^4.21.9",
-        "lru-cache": "^5.1.1",
-        "semver": "^6.3.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-compilation-targets/node_modules/lru-cache": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
-      "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
-      "dependencies": {
-        "yallist": "^3.0.2"
-      }
-    },
-    "node_modules/@babel/helper-compilation-targets/node_modules/yallist": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
-      "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==",
-      "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-optimise-call-expression": "^7.22.5",
-        "@babel/helper-replace-supers": "^7.22.9",
-        "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5",
-        "@babel/helper-split-export-declaration": "^7.22.6",
-        "semver": "^6.3.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
-      }
-    },
-    "node_modules/@babel/helper-create-regexp-features-plugin": {
-      "version": "7.22.15",
-      "resolved": "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.22.15.tgz",
-      "integrity": "sha512-29FkPLFjn4TPEa3RE7GpW+qbE8tlsu3jntNYNfcGsc49LphF1PQIiD+vMZ1z1xVOKt+93khA9tc2JBs3kBjA7w==",
-      "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.22.5",
-        "regexpu-core": "^5.3.1",
-        "semver": "^6.3.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-compilation-targets": "^7.22.6",
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "debug": "^4.1.1",
-        "lodash.debounce": "^4.0.8",
-        "resolve": "^1.14.2"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
-      }
-    },
-    "node_modules/@babel/helper-environment-visitor": {
-      "version": "7.22.20",
-      "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.20.tgz",
-      "integrity": "sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA==",
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-function-name": {
-      "version": "7.23.0",
-      "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.23.0.tgz",
-      "integrity": "sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw==",
-      "dependencies": {
-        "@babel/template": "^7.22.15",
-        "@babel/types": "^7.23.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",
-      "integrity": "sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==",
-      "dependencies": {
-        "@babel/types": "^7.22.5"
-      },
-      "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",
-      "integrity": "sha512-6gfrPwh7OuT6gZyJZvd6WbTfrqAo7vm4xCzAXOusKqq/vWdKXphTpj5klHKNmRUU6/QRGlBsyU9mAIPaWHlqJA==",
-      "dependencies": {
-        "@babel/types": "^7.23.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",
-      "integrity": "sha512-0pYVBnDKZO2fnSPCrgM/6WMc7eS20Fbok+0r88fp+YtWVLZrp4CkafFGIp+W0VKw4a22sgebPT99y+FDNMdP4w==",
-      "dependencies": {
-        "@babel/types": "^7.22.15"
-      },
-      "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==",
-      "dependencies": {
-        "@babel/helper-environment-visitor": "^7.22.20",
-        "@babel/helper-module-imports": "^7.22.15",
-        "@babel/helper-simple-access": "^7.22.5",
-        "@babel/helper-split-export-declaration": "^7.22.6",
-        "@babel/helper-validator-identifier": "^7.22.20"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
-      }
-    },
-    "node_modules/@babel/helper-optimise-call-expression": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.22.5.tgz",
-      "integrity": "sha512-HBwaojN0xFRx4yIvpwGqxiV2tUfl7401jlok564NgB9EHS1y6QT17FmKWm4ztqjeVdXLuC4fSvHc5ePpQjoTbw==",
-      "dependencies": {
-        "@babel/types": "^7.22.5"
-      },
-      "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",
-      "integrity": "sha512-uLls06UVKgFG9QD4OeFYLEGteMIAa5kpTPcFL28yuCIIzsf6ZyKZMllKVOCZFhiZ5ptnwX4mtKdWCBE/uT4amg==",
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-remap-async-to-generator": {
-      "version": "7.22.20",
-      "resolved": "https://registry.npmjs.org/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.22.20.tgz",
-      "integrity": "sha512-pBGyV4uBqOns+0UvhsTO8qgl8hO89PmiDYv+/COyp1aeMcmfrfruz+/nCMFiYyFF/Knn0yfrC85ZzNFjembFTw==",
-      "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.22.5",
-        "@babel/helper-environment-visitor": "^7.22.20",
-        "@babel/helper-wrap-function": "^7.22.20"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
-      }
-    },
-    "node_modules/@babel/helper-replace-supers": {
-      "version": "7.22.20",
-      "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.22.20.tgz",
-      "integrity": "sha512-qsW0In3dbwQUbK8kejJ4R7IHVGwHJlV6lpG6UA7a9hSa2YEiAib+N1T2kr6PEeUT+Fl7najmSOS6SmAwCHK6Tw==",
-      "dependencies": {
-        "@babel/helper-environment-visitor": "^7.22.20",
-        "@babel/helper-member-expression-to-functions": "^7.22.15",
-        "@babel/helper-optimise-call-expression": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
-      }
-    },
-    "node_modules/@babel/helper-simple-access": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.22.5.tgz",
-      "integrity": "sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==",
-      "dependencies": {
-        "@babel/types": "^7.22.5"
-      },
-      "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",
-      "integrity": "sha512-tK14r66JZKiC43p8Ki33yLBVJKlQDFoA8GYN67lWCDCqoL6EMMSuM9b+Iff2jHaM/RRFYl7K+iiru7hbRqNx8Q==",
-      "dependencies": {
-        "@babel/types": "^7.22.5"
-      },
-      "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",
-      "integrity": "sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==",
-      "dependencies": {
-        "@babel/types": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-string-parser": {
-      "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"
-      }
-    },
-    "node_modules/@babel/helper-validator-identifier": {
-      "version": "7.22.20",
-      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz",
-      "integrity": "sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==",
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "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==",
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-wrap-function": {
-      "version": "7.22.20",
-      "resolved": "https://registry.npmjs.org/@babel/helper-wrap-function/-/helper-wrap-function-7.22.20.tgz",
-      "integrity": "sha512-pms/UwkOpnQe/PDAEdV/d7dVCoBbB+R4FvYoHGZz+4VPcg7RtYy2KP7S2lbuWM6FCSgob5wshfGESbC/hzNXZw==",
-      "dependencies": {
-        "@babel/helper-function-name": "^7.22.5",
-        "@babel/template": "^7.22.15",
-        "@babel/types": "^7.22.19"
-      },
-      "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==",
-      "dependencies": {
-        "@babel/template": "^7.22.15",
-        "@babel/traverse": "^7.23.0",
-        "@babel/types": "^7.23.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/highlight": {
-      "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",
-        "js-tokens": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/parser": {
-      "version": "7.23.4",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.23.4.tgz",
-      "integrity": "sha512-vf3Xna6UEprW+7t6EtOmFpHNAuxw3xqPZghy+brsnusscJRW5BMUzzHZc5ICjULee81WeUV2jjakG09MDglJXQ==",
-      "bin": {
-        "parser": "bin/babel-parser.js"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
-      }
-    },
-    "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==",
-      "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"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.13.0"
-      }
-    },
-    "node_modules/@babel/plugin-external-helpers": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-external-helpers/-/plugin-external-helpers-7.22.5.tgz",
-      "integrity": "sha512-ngnNEWxmykPk82mH4ajZT0qTztr3Je6hrMuKAslZVM8G1YZTENJSYwrIGtt6KOtznug3exmAtF4so/nPqJuA4A==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-proposal-class-properties": {
-      "version": "7.18.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-class-properties/-/plugin-proposal-class-properties-7.18.6.tgz",
-      "integrity": "sha512-cumfXOF0+nzZrrN8Rf0t7M+tF6sZc7vhQwYQck9q1/5w2OExlD+b4v4RpMJFaV1Z7WcDRgO6FqvxqxGlwo+RHQ==",
-      "deprecated": "This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-class-properties instead.",
-      "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-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",
-      "integrity": "sha512-d2S98yCiLxDVmBmE8UjGcfPvNEUbA1U5q5WxaWFUGRzJSVAZqm5W6MbPct0jxnegUZ0niLeNX+IOzEs7wYg9Dg==",
-      "deprecated": "This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-object-rest-spread instead.",
-      "dependencies": {
-        "@babel/compat-data": "^7.20.5",
-        "@babel/helper-compilation-targets": "^7.20.7",
-        "@babel/helper-plugin-utils": "^7.20.2",
-        "@babel/plugin-syntax-object-rest-spread": "^7.8.3",
-        "@babel/plugin-transform-parameters": "^7.20.7"
-      },
-      "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",
-      "integrity": "sha512-SOSkfJDddaM7mak6cPEpswyTRnuRltl429hMraQEglW+OkovnCzsiszTmsrlY//qLFjCpQDFRvjdm2wA5pPm9w==",
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "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",
-      "integrity": "sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.8.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-class-properties": {
-      "version": "7.12.13",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-properties/-/plugin-syntax-class-properties-7.12.13.tgz",
-      "integrity": "sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.12.13"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-class-static-block": {
-      "version": "7.14.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-static-block/-/plugin-syntax-class-static-block-7.14.5.tgz",
-      "integrity": "sha512-b+YyPmr6ldyNnM6sqYeMWE+bgJcJpO6yS4QD7ymxgH34GBPNDM/THBh8iunyvKIZztiwLH4CJZ0RxTk9emgpjw==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.14.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-dynamic-import": {
-      "version": "7.8.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-dynamic-import/-/plugin-syntax-dynamic-import-7.8.3.tgz",
-      "integrity": "sha512-5gdGbFon+PszYzqs83S3E5mpi7/y/8M9eC90MRTZfduQOYW76ig6SOSPNe41IG5LoP3FGBn2N0RjVDSQiS94kQ==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.8.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-export-namespace-from": {
-      "version": "7.8.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-export-namespace-from/-/plugin-syntax-export-namespace-from-7.8.3.tgz",
-      "integrity": "sha512-MXf5laXo6c1IbEbegDmzGPwGNTsHZmEy6QGznu5Sh2UCWvueywb2ee+CCE4zQiZstxU9BMoQO9i6zUFSY0Kj0Q==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.8.3"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-import-meta": {
-      "version": "7.10.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-meta/-/plugin-syntax-import-meta-7.10.4.tgz",
-      "integrity": "sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.10.4"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-json-strings": {
-      "version": "7.8.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.8.3.tgz",
-      "integrity": "sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.8.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-jsx": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.22.5.tgz",
-      "integrity": "sha512-gvyP4hZrgrs/wWMaocvxZ44Hw0b3W8Pe+cMxc8V1ULQ07oh8VNbIRaoD1LRZVTvD+0nieDKjfgKg89sD7rrKrg==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-logical-assignment-operators": {
-      "version": "7.10.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.4.tgz",
-      "integrity": "sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.10.4"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-nullish-coalescing-operator": {
-      "version": "7.8.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-nullish-coalescing-operator/-/plugin-syntax-nullish-coalescing-operator-7.8.3.tgz",
-      "integrity": "sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.8.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-numeric-separator": {
-      "version": "7.10.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-numeric-separator/-/plugin-syntax-numeric-separator-7.10.4.tgz",
-      "integrity": "sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.10.4"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-object-rest-spread": {
-      "version": "7.8.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-object-rest-spread/-/plugin-syntax-object-rest-spread-7.8.3.tgz",
-      "integrity": "sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.8.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-optional-catch-binding": {
-      "version": "7.8.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-catch-binding/-/plugin-syntax-optional-catch-binding-7.8.3.tgz",
-      "integrity": "sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.8.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-optional-chaining": {
-      "version": "7.8.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-chaining/-/plugin-syntax-optional-chaining-7.8.3.tgz",
-      "integrity": "sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.8.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-private-property-in-object": {
-      "version": "7.14.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-private-property-in-object/-/plugin-syntax-private-property-in-object-7.14.5.tgz",
-      "integrity": "sha512-0wVnp9dxJ72ZUJDV27ZfbSj6iHLoytYZmh3rFcxNnvsJF3ktkzLDZPy/mA17HGsaQT3/DQsWYX1f1QGWkCoVUg==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.14.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-top-level-await": {
-      "version": "7.14.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.14.5.tgz",
-      "integrity": "sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.14.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-typescript": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.22.5.tgz",
-      "integrity": "sha512-1mS2o03i7t1c6VzH6fdQ3OA8tcEIxwG18zIPRp+UY1Ihv6W+XZzBCVxExF9upussPXJ0xE9XRHwMoNs1ep/nRQ==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-unicode-sets-regex": {
-      "version": "7.18.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-unicode-sets-regex/-/plugin-syntax-unicode-sets-regex-7.18.6.tgz",
-      "integrity": "sha512-727YkEAPwSIQTv5im8QHz3upqp92JTWhidIC81Tdx4VJYIte/VndKf1qKrfnnhPLiPghStWfvC/iFaMCQu7Nqg==",
-      "dependencies": {
-        "@babel/helper-create-regexp-features-plugin": "^7.18.6",
-        "@babel/helper-plugin-utils": "^7.18.6"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-environment-visitor": "^7.22.5",
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/helper-remap-async-to-generator": "^7.22.9",
-        "@babel/plugin-syntax-async-generators": "^7.8.4"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-module-imports": "^7.22.5",
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/helper-remap-async-to-generator": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-create-class-features-plugin": "^7.22.5",
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-create-class-features-plugin": "^7.22.11",
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/plugin-syntax-class-static-block": "^7.14.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.12.0"
-      }
-    },
-    "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==",
-      "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-optimise-call-expression": "^7.22.5",
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/helper-replace-supers": "^7.22.9",
-        "@babel/helper-split-export-declaration": "^7.22.6",
-        "globals": "^11.1.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/template": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-create-regexp-features-plugin": "^7.22.5",
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/plugin-syntax-dynamic-import": "^7.8.3"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-builder-binary-assignment-operator-visitor": "^7.22.5",
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/plugin-syntax-export-namespace-from": "^7.8.3"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-compilation-targets": "^7.22.5",
-        "@babel/helper-function-name": "^7.22.5",
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/plugin-syntax-json-strings": "^7.8.3"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@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-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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-module-transforms": "^7.23.0",
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-module-transforms": "^7.23.0",
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/helper-simple-access": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-hoist-variables": "^7.22.5",
-        "@babel/helper-module-transforms": "^7.23.0",
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/helper-validator-identifier": "^7.22.20"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-module-transforms": "^7.22.5",
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-named-capturing-groups-regex": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.22.5.tgz",
-      "integrity": "sha512-YgLLKmS3aUBhHaxp5hi1WJTgOUb/NCuDHzGT9z9WTt3YG+CPRhJs6nprbStx6DnWM4dh6gt7SU3sZodbZ08adQ==",
-      "dependencies": {
-        "@babel/helper-create-regexp-features-plugin": "^7.22.5",
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@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-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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/plugin-syntax-numeric-separator": "^7.10.4"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/compat-data": "^7.22.9",
-        "@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"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/helper-replace-supers": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@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-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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5",
-        "@babel/plugin-syntax-optional-chaining": "^7.8.3"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-create-class-features-plugin": "^7.22.5",
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.22.5",
-        "@babel/helper-create-class-features-plugin": "^7.22.11",
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/plugin-syntax-private-property-in-object": "^7.14.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-react-display-name": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.22.5.tgz",
-      "integrity": "sha512-PVk3WPYudRF5z4GKMEYUrLjPl38fJSKNaEOkFuoprioowGuWN6w2RKznuFNSlJx7pzzXXStPUnNSOEO0jL5EVw==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-react-jsx": {
-      "version": "7.22.15",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.22.15.tgz",
-      "integrity": "sha512-oKckg2eZFa8771O/5vi7XeTvmM6+O9cxZu+kanTU7tD4sin5nO/G8jGJhq8Hvt2Z0kUoEDRayuZLaUlYl8QuGA==",
-      "dependencies": {
-        "@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.22.5",
-        "@babel/types": "^7.22.15"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-react-jsx-development": {
-      "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==",
-      "dependencies": {
-        "@babel/plugin-transform-react-jsx": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-react-pure-annotations": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-pure-annotations/-/plugin-transform-react-pure-annotations-7.22.5.tgz",
-      "integrity": "sha512-gP4k85wx09q+brArVinTXhWiyzLl9UpmGva0+mWyKxk6JZequ05x3eUcIUE+FyttPKJFRRVtAvQaJ6YF9h1ZpA==",
-      "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.22.5",
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "regenerator-transform": "^0.15.2"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-typescript": {
-      "version": "7.22.15",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.22.15.tgz",
-      "integrity": "sha512-1uirS0TnijxvQLnlv5wQBwOX3E1wCFX7ITv+9pBV2wKEk4K+M5tqDaoNXnTH8tjEIYHLO98MwiTWO04Ggz4XuA==",
-      "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.22.5",
-        "@babel/helper-create-class-features-plugin": "^7.22.15",
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/plugin-syntax-typescript": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-create-regexp-features-plugin": "^7.22.5",
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-create-regexp-features-plugin": "^7.22.5",
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/helper-create-regexp-features-plugin": "^7.22.5",
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
-      }
-    },
-    "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==",
-      "dependencies": {
-        "@babel/compat-data": "^7.22.20",
-        "@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/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-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-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-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/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",
-        "core-js-compat": "^3.31.0",
-        "semver": "^6.3.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/preset-modules": {
-      "version": "0.1.6-no-external-plugins",
-      "resolved": "https://registry.npmjs.org/@babel/preset-modules/-/preset-modules-0.1.6-no-external-plugins.tgz",
-      "integrity": "sha512-HrcgcIESLm9aIR842yhJ5RWan/gebQUJ6E/E5+rf0y9o6oj7w0Br+sWuL6kEQ/o/AdfvR1Je9jG18/gnpwjEyA==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.0.0",
-        "@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/@babel/preset-react": {
-      "version": "7.22.15",
-      "resolved": "https://registry.npmjs.org/@babel/preset-react/-/preset-react-7.22.15.tgz",
-      "integrity": "sha512-Csy1IJ2uEh/PecCBXXoZGAZBeCATTuePzCSB7dLYWS0vOEj6CNpjxIhW4duWwZodBNueH7QO14WbGn8YyeuN9w==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/helper-validator-option": "^7.22.15",
-        "@babel/plugin-transform-react-display-name": "^7.22.5",
-        "@babel/plugin-transform-react-jsx": "^7.22.15",
-        "@babel/plugin-transform-react-jsx-development": "^7.22.5",
-        "@babel/plugin-transform-react-pure-annotations": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/preset-typescript": {
-      "version": "7.23.0",
-      "resolved": "https://registry.npmjs.org/@babel/preset-typescript/-/preset-typescript-7.23.0.tgz",
-      "integrity": "sha512-6P6VVa/NM/VlAYj5s2Aq/gdVg8FSENCg3wlZ6Qau9AcPaoF5LbN1nyGlR9DTRIw9PpxI94e+ReydsJHcjwAweg==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/helper-validator-option": "^7.22.15",
-        "@babel/plugin-syntax-jsx": "^7.22.5",
-        "@babel/plugin-transform-modules-commonjs": "^7.23.0",
-        "@babel/plugin-transform-typescript": "^7.22.15"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/regjsgen": {
-      "version": "0.8.0",
-      "resolved": "https://registry.npmjs.org/@babel/regjsgen/-/regjsgen-0.8.0.tgz",
-      "integrity": "sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA=="
-    },
-    "node_modules/@babel/runtime": {
-      "version": "7.23.6",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.6.tgz",
-      "integrity": "sha512-zHd0eUrf5GZoOWVCXp6koAKQTfZV07eit6bGPmJgnZdnSAvvZee6zniW2XMF7Cmc4ISOOnPy3QaSiIJGJkVEDQ==",
-      "dependencies": {
-        "regenerator-runtime": "^0.14.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/template": {
-      "version": "7.22.15",
-      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.22.15.tgz",
-      "integrity": "sha512-QPErUVm4uyJa60rkI73qneDacvdvzxshT3kksGqlGWYdOTIUOwJ7RDUL8sGqslY1uXWSL6xMFKEXDS3ox2uF0w==",
-      "dependencies": {
-        "@babel/code-frame": "^7.22.13",
-        "@babel/parser": "^7.22.15",
-        "@babel/types": "^7.22.15"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/traverse": {
-      "version": "7.23.4",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.23.4.tgz",
-      "integrity": "sha512-IYM8wSUwunWTB6tFC2dkKZhxbIjHoWemdK+3f8/wq8aKhbUscxD5MX72ubd90fxvFknaLPeGw5ycU84V1obHJg==",
-      "dependencies": {
-        "@babel/code-frame": "^7.23.4",
-        "@babel/generator": "^7.23.4",
-        "@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.4",
-        "@babel/types": "^7.23.4",
-        "debug": "^4.1.0",
-        "globals": "^11.1.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/types": {
-      "version": "7.23.4",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.4.tgz",
-      "integrity": "sha512-7uIFwVYpoplT5jp/kVv6EF93VaJ8H+Yn5IczYiaAi98ajzjfoZfslet/e0sLh+wVBjb2qqIut1b0S26VSafsSQ==",
-      "dependencies": {
-        "@babel/helper-string-parser": "^7.23.4",
-        "@babel/helper-validator-identifier": "^7.22.20",
-        "to-fast-properties": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@emotion/is-prop-valid": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.2.1.tgz",
-      "integrity": "sha512-61Mf7Ufx4aDxx1xlDeOm8aFFigGHE4z+0sKCa+IHCeZKiyP9RLD0Mmx7m8b9/Cf37f7NAvQOOJAbQQGVr5uERw==",
-      "dependencies": {
-        "@emotion/memoize": "^0.8.1"
-      }
-    },
-    "node_modules/@emotion/memoize": {
-      "version": "0.8.1",
-      "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz",
-      "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA=="
-    },
-    "node_modules/@emotion/unitless": {
-      "version": "0.8.1",
-      "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.8.1.tgz",
-      "integrity": "sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ=="
-    },
-    "node_modules/@eslint-community/eslint-utils": {
-      "version": "4.4.0",
-      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz",
-      "integrity": "sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==",
-      "dev": true,
-      "dependencies": {
-        "eslint-visitor-keys": "^3.3.0"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "peerDependencies": {
-        "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
-      }
-    },
-    "node_modules/@eslint-community/regexpp": {
-      "version": "4.10.0",
-      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.10.0.tgz",
-      "integrity": "sha512-Cu96Sd2By9mCNTx2iyKOmq10v22jUVQv0lQnlGNy16oE9589yE+QADPbrMGCkA51cKZSg3Pu/aTJVTGfL/qjUA==",
-      "dev": true,
-      "engines": {
-        "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
-      }
-    },
-    "node_modules/@eslint/eslintrc": {
-      "version": "2.1.4",
-      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.4.tgz",
-      "integrity": "sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==",
-      "dev": true,
-      "dependencies": {
-        "ajv": "^6.12.4",
-        "debug": "^4.3.2",
-        "espree": "^9.6.0",
-        "globals": "^13.19.0",
-        "ignore": "^5.2.0",
-        "import-fresh": "^3.2.1",
-        "js-yaml": "^4.1.0",
-        "minimatch": "^3.1.2",
-        "strip-json-comments": "^3.1.1"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/@eslint/eslintrc/node_modules/globals": {
-      "version": "13.24.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
-      "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
-      "dev": true,
-      "dependencies": {
-        "type-fest": "^0.20.2"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/@eslint/js": {
-      "version": "8.55.0",
-      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.55.0.tgz",
-      "integrity": "sha512-qQfo2mxH5yVom1kacMtZZJFVdW+E70mqHMJvVg6WTLo+VBuQJ4TojZlfWBjK0ve5BdEeNAVxOsl/nvNMpJOaJA==",
-      "dev": true,
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      }
-    },
-    "node_modules/@humanwhocodes/config-array": {
-      "version": "0.11.13",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.13.tgz",
-      "integrity": "sha512-JSBDMiDKSzQVngfRjOdFXgFfklaXI4K9nLF49Auh21lmBWRLIK3+xTErTWD4KU54pb6coM6ESE7Awz/FNU3zgQ==",
-      "dev": true,
-      "dependencies": {
-        "@humanwhocodes/object-schema": "^2.0.1",
-        "debug": "^4.1.1",
-        "minimatch": "^3.0.5"
-      },
-      "engines": {
-        "node": ">=10.10.0"
-      }
-    },
-    "node_modules/@humanwhocodes/module-importer": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
-      "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
-      "dev": true,
-      "engines": {
-        "node": ">=12.22"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/nzakas"
-      }
-    },
-    "node_modules/@humanwhocodes/object-schema": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.1.tgz",
-      "integrity": "sha512-dvuCeX5fC9dXgJn9t+X5atfmgQAzUOWqS1254Gh0m6i8wKd10ebXkfNKiRK+1GWi/yTvvLDHpoxLr0xxxeslWw==",
-      "dev": true
-    },
-    "node_modules/@jridgewell/gen-mapping": {
-      "version": "0.3.3",
-      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz",
-      "integrity": "sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==",
-      "dependencies": {
-        "@jridgewell/set-array": "^1.0.1",
-        "@jridgewell/sourcemap-codec": "^1.4.10",
-        "@jridgewell/trace-mapping": "^0.3.9"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/@jridgewell/resolve-uri": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz",
-      "integrity": "sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==",
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/@jridgewell/set-array": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz",
-      "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==",
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/@jridgewell/source-map": {
-      "version": "0.3.3",
-      "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.3.tgz",
-      "integrity": "sha512-b+fsZXeLYi9fEULmfBrhxn4IrPlINf8fiNarzTof004v3lFdntdwa9PF7vFJqm3mg7s+ScJMxXaE3Acp1irZcg==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@jridgewell/gen-mapping": "^0.3.0",
-        "@jridgewell/trace-mapping": "^0.3.9"
-      }
-    },
-    "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=="
-    },
-    "node_modules/@jridgewell/trace-mapping": {
-      "version": "0.3.18",
-      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.18.tgz",
-      "integrity": "sha512-w+niJYzMHdd7USdiH2U6869nqhD2nbfZXND5Yp93qIbEmnDNk7PD48o+YchRVpzMU7M6jVCbenTR7PA1FLQ9pA==",
-      "dependencies": {
-        "@jridgewell/resolve-uri": "3.1.0",
-        "@jridgewell/sourcemap-codec": "1.4.14"
-      }
-    },
-    "node_modules/@jridgewell/trace-mapping/node_modules/@jridgewell/sourcemap-codec": {
-      "version": "1.4.14",
-      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz",
-      "integrity": "sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw=="
-    },
-    "node_modules/@matrix-org/matrix-sdk-crypto-wasm": {
-      "version": "3.4.0",
-      "resolved": "https://registry.npmjs.org/@matrix-org/matrix-sdk-crypto-wasm/-/matrix-sdk-crypto-wasm-3.4.0.tgz",
-      "integrity": "sha512-noO6QnH+ypT//CxewoQdlK/z2iuyQo1Ecp1PDaYyr/NV5yXkWvGfGIIcShXqrQJfL5kuWxg/14edNplXsaXoDQ==",
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/env": {
-      "version": "14.0.4",
-      "resolved": "https://registry.npmjs.org/@next/env/-/env-14.0.4.tgz",
-      "integrity": "sha512-irQnbMLbUNQpP1wcE5NstJtbuA/69kRfzBrpAD7Gsn8zm/CY6YQYc3HQBz8QPxwISG26tIm5afvvVbu508oBeQ=="
-    },
-    "node_modules/@next/eslint-plugin-next": {
-      "version": "14.0.4",
-      "resolved": "https://registry.npmjs.org/@next/eslint-plugin-next/-/eslint-plugin-next-14.0.4.tgz",
-      "integrity": "sha512-U3qMNHmEZoVmHA0j/57nRfi3AscXNvkOnxDmle/69Jz/G0o/gWjXTDdlgILZdrxQ0Lw/jv2mPW8PGy0EGIHXhQ==",
-      "dev": true,
-      "dependencies": {
-        "glob": "7.1.7"
-      }
-    },
-    "node_modules/@next/eslint-plugin-next/node_modules/glob": {
-      "version": "7.1.7",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.7.tgz",
-      "integrity": "sha512-OvD9ENzPLbegENnYP5UUfJIirTg4+XwMWGaQfQTY0JenxNvvIKP3U3/tAQSPIu/lHxXYSZmpXlUHeqAIdKzBLQ==",
-      "dev": true,
-      "dependencies": {
-        "fs.realpath": "^1.0.0",
-        "inflight": "^1.0.4",
-        "inherits": "2",
-        "minimatch": "^3.0.4",
-        "once": "^1.3.0",
-        "path-is-absolute": "^1.0.0"
-      },
-      "engines": {
-        "node": "*"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/@next/swc-darwin-arm64": {
-      "version": "14.0.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-14.0.4.tgz",
-      "integrity": "sha512-mF05E/5uPthWzyYDyptcwHptucf/jj09i2SXBPwNzbgBNc+XnwzrL0U6BmPjQeOL+FiB+iG1gwBeq7mlDjSRPg==",
-      "cpu": [
-        "arm64"
-      ],
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@nicolo-ribaudo/chokidar-2": {
-      "version": "2.1.8-no-fsevents.3",
-      "resolved": "https://registry.npmjs.org/@nicolo-ribaudo/chokidar-2/-/chokidar-2-2.1.8-no-fsevents.3.tgz",
-      "integrity": "sha512-s88O1aVtXftvp5bCPB7WnmXc5IwOZZ7YPuwNPt+GtOOXpPvad1LfbmjYv+qII7zP6RU2QGnqve27dnLycEnyEQ==",
-      "optional": true
-    },
-    "node_modules/@nicolo-ribaudo/eslint-scope-5-internals": {
-      "version": "5.1.1-v1",
-      "resolved": "https://registry.npmjs.org/@nicolo-ribaudo/eslint-scope-5-internals/-/eslint-scope-5-internals-5.1.1-v1.tgz",
-      "integrity": "sha512-54/JRvkLIzzDWshCWfuhadfrfZVPiElY8Fcgmg1HroEly/EDSszzhBAsarCux+D/kOslTRquNzuyGSmUSTTHGg==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "eslint-scope": "5.1.1"
-      }
-    },
-    "node_modules/@nodelib/fs.scandir": {
-      "version": "2.1.5",
-      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
-      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
-      "dev": true,
-      "dependencies": {
-        "@nodelib/fs.stat": "2.0.5",
-        "run-parallel": "^1.1.9"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/@nodelib/fs.stat": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
-      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
-      "dev": true,
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/@nodelib/fs.walk": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
-      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
-      "dev": true,
-      "dependencies": {
-        "@nodelib/fs.scandir": "2.1.5",
-        "fastq": "^1.6.0"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/@remixicons/react": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/@remixicons/react/-/react-1.0.0.tgz",
-      "integrity": "sha512-2QvlgR5myO7wzQduGWD4MYMtxwoHsu/Fq86N3A6DLogXJOctaxb+bLTEH7yysRIPmwO+o6lkadVph/ixasadqQ==",
-      "dev": true,
-      "peerDependencies": {
-        "react": ">= 16"
-      }
-    },
-    "node_modules/@rushstack/eslint-patch": {
-      "version": "1.5.1",
-      "resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.5.1.tgz",
-      "integrity": "sha512-6i/8UoL0P5y4leBIGzvkZdS85RDMG9y1ihZzmTZQ5LdHUYmZ7pKFoj8X0236s3lusPs1Fa5HTQUpwI+UfTcmeA==",
-      "dev": true
-    },
-    "node_modules/@stylelint/postcss-css-in-js": {
-      "version": "0.38.0",
-      "resolved": "https://registry.npmjs.org/@stylelint/postcss-css-in-js/-/postcss-css-in-js-0.38.0.tgz",
-      "integrity": "sha512-XOz5CAe49kS95p5yRd+DAIWDojTjfmyAQ4bbDlXMdbZTQ5t0ThjSLvWI6JI2uiS7MFurVBkZ6zUqcimzcLTBoQ==",
-      "dev": true,
-      "dependencies": {
-        "@babel/core": "^7.17.9"
-      },
-      "peerDependencies": {
-        "postcss": ">=7.0.0",
-        "postcss-syntax": ">=0.36.2"
-      }
-    },
-    "node_modules/@swc/helpers": {
-      "version": "0.5.2",
-      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.2.tgz",
-      "integrity": "sha512-E4KcWTpoLHqwPHLxidpOqQbcrZVgi0rsmmZXUle1jXmJfuIf/UWpczUJ7MZZ5tlxytgJXyp0w4PGkkeLiuIdZw==",
-      "dependencies": {
-        "tslib": "^2.4.0"
-      }
-    },
-    "node_modules/@types/eslint": {
-      "version": "8.4.2",
-      "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-8.4.2.tgz",
-      "integrity": "sha512-Z1nseZON+GEnFjJc04sv4NSALGjhFwy6K0HXt7qsn5ArfAKtb63dXNJHf+1YW6IpOIYRBGUbu3GwJdj8DGnCjA==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@types/estree": "*",
-        "@types/json-schema": "*"
-      }
-    },
-    "node_modules/@types/eslint-scope": {
-      "version": "3.7.3",
-      "resolved": "https://registry.npmjs.org/@types/eslint-scope/-/eslint-scope-3.7.3.tgz",
-      "integrity": "sha512-PB3ldyrcnAicT35TWPs5IcwKD8S333HMaa2VVv4+wdvebJkjWuW/xESoB8IwRcog8HYVYamb1g/R31Qv5Bx03g==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@types/eslint": "*",
-        "@types/estree": "*"
-      }
-    },
-    "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==",
-      "dev": true,
-      "peer": true
-    },
-    "node_modules/@types/events": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/@types/events/-/events-3.0.1.tgz",
-      "integrity": "sha512-QfUFdKjGSc+iCf8OFZhqJKfDuqB6lP57kSMkPw8ba3yNDANicUwCdaPt5ytZ4nDXXVFxQkvT8v73I4stSVrCxA=="
-    },
-    "node_modules/@types/json-schema": {
-      "version": "7.0.12",
-      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.12.tgz",
-      "integrity": "sha512-Hr5Jfhc9eYOQNPYO5WLDq/n4jqijdHNlDXjuAQkkt+mWdQR+XJToOHrsD4cPaMXpn6KO7y2+wM8AZEs8VpBLVA==",
-      "dev": true
-    },
-    "node_modules/@types/json5": {
-      "version": "0.0.29",
-      "resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz",
-      "integrity": "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==",
-      "dev": true
-    },
-    "node_modules/@types/minimist": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/@types/minimist/-/minimist-1.2.2.tgz",
-      "integrity": "sha512-jhuKLIRrhvCPLqwPcx6INqmKeiA5EWrsCOPhrlFSrbrmU4ZMPjj5Ul/oLCMDO98XRUIwVm78xICz4EPCektzeQ==",
-      "dev": true
-    },
-    "node_modules/@types/node": {
-      "version": "17.0.31",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-17.0.31.tgz",
-      "integrity": "sha512-AR0x5HbXGqkEx9CadRH3EBYx/VkiUgZIhP4wvPn/+5KIsgpNoyFaRlVe0Zlx9gRtg8fA06a9tskE2MSN7TcG4Q==",
-      "dev": true
-    },
-    "node_modules/@types/normalize-package-data": {
-      "version": "2.4.1",
-      "resolved": "https://registry.npmjs.org/@types/normalize-package-data/-/normalize-package-data-2.4.1.tgz",
-      "integrity": "sha512-Gj7cI7z+98M282Tqmp2K5EIsoouUEzbBJhQQzDE3jSIRk6r9gsz0oUokqIUR4u1R3dMHo0pDHM7sNOHyhulypw==",
-      "dev": true
-    },
-    "node_modules/@types/parse-json": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.0.tgz",
-      "integrity": "sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==",
-      "dev": true
-    },
-    "node_modules/@types/retry": {
-      "version": "0.12.1",
-      "resolved": "https://registry.npmjs.org/@types/retry/-/retry-0.12.1.tgz",
-      "integrity": "sha512-xoDlM2S4ortawSWORYqsdU+2rxdh4LRW9ytc3zmT37RIKQh6IHyKwwtKhKis9ah8ol07DCkZxPt8BBvPjC6v4g=="
-    },
-    "node_modules/@types/semver": {
-      "version": "7.5.0",
-      "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.5.0.tgz",
-      "integrity": "sha512-G8hZ6XJiHnuhQKR7ZmysCeJWE08o8T0AXtk5darsCaTVsYZhhgUrq53jizaR2FvsoeCwJhlmwTjkXBY5Pn/ZHw==",
-      "dev": true,
-      "peer": true
-    },
-    "node_modules/@types/stylis": {
-      "version": "4.2.1",
-      "resolved": "https://registry.npmjs.org/@types/stylis/-/stylis-4.2.1.tgz",
-      "integrity": "sha512-OSaMrXUKxVigGlKRrET39V2xdhzlztQ9Aqumn1WbCBKHOi9ry7jKSd7rkyj0GzmWaU960Rd+LpOFpLfx5bMQAg=="
-    },
-    "node_modules/@typescript-eslint/eslint-plugin": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-6.1.0.tgz",
-      "integrity": "sha512-qg7Bm5TyP/I7iilGyp6DRqqkt8na00lI6HbjWZObgk3FFSzH5ypRwAHXJhJkwiRtTcfn+xYQIMOR5kJgpo6upw==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@eslint-community/regexpp": "^4.5.1",
-        "@typescript-eslint/scope-manager": "6.1.0",
-        "@typescript-eslint/type-utils": "6.1.0",
-        "@typescript-eslint/utils": "6.1.0",
-        "@typescript-eslint/visitor-keys": "6.1.0",
-        "debug": "^4.3.4",
-        "graphemer": "^1.4.0",
-        "ignore": "^5.2.4",
-        "natural-compare": "^1.4.0",
-        "natural-compare-lite": "^1.4.0",
-        "semver": "^7.5.4",
-        "ts-api-utils": "^1.0.1"
-      },
-      "engines": {
-        "node": "^16.0.0 || >=18.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "@typescript-eslint/parser": "^6.0.0 || ^6.0.0-alpha",
-        "eslint": "^7.0.0 || ^8.0.0"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@typescript-eslint/eslint-plugin/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,
-      "peer": true,
-      "dependencies": {
-        "lru-cache": "^6.0.0"
-      },
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/@typescript-eslint/parser": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-6.1.0.tgz",
-      "integrity": "sha512-hIzCPvX4vDs4qL07SYzyomamcs2/tQYXg5DtdAfj35AyJ5PIUqhsLf4YrEIFzZcND7R2E8tpQIZKayxg8/6Wbw==",
-      "dev": true,
-      "dependencies": {
-        "@typescript-eslint/scope-manager": "6.1.0",
-        "@typescript-eslint/types": "6.1.0",
-        "@typescript-eslint/typescript-estree": "6.1.0",
-        "@typescript-eslint/visitor-keys": "6.1.0",
-        "debug": "^4.3.4"
-      },
-      "engines": {
-        "node": "^16.0.0 || >=18.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "eslint": "^7.0.0 || ^8.0.0"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@typescript-eslint/scope-manager": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-6.1.0.tgz",
-      "integrity": "sha512-AxjgxDn27hgPpe2rQe19k0tXw84YCOsjDJ2r61cIebq1t+AIxbgiXKvD4999Wk49GVaAcdJ/d49FYel+Pp3jjw==",
-      "dev": true,
-      "dependencies": {
-        "@typescript-eslint/types": "6.1.0",
-        "@typescript-eslint/visitor-keys": "6.1.0"
-      },
-      "engines": {
-        "node": "^16.0.0 || >=18.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      }
-    },
-    "node_modules/@typescript-eslint/type-utils": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-6.1.0.tgz",
-      "integrity": "sha512-kFXBx6QWS1ZZ5Ni89TyT1X9Ag6RXVIVhqDs0vZE/jUeWlBv/ixq2diua6G7ece6+fXw3TvNRxP77/5mOMusx2w==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@typescript-eslint/typescript-estree": "6.1.0",
-        "@typescript-eslint/utils": "6.1.0",
-        "debug": "^4.3.4",
-        "ts-api-utils": "^1.0.1"
-      },
-      "engines": {
-        "node": "^16.0.0 || >=18.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "eslint": "^7.0.0 || ^8.0.0"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@typescript-eslint/types": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-6.1.0.tgz",
-      "integrity": "sha512-+Gfd5NHCpDoHDOaU/yIF3WWRI2PcBRKKpP91ZcVbL0t5tQpqYWBs3z/GGhvU+EV1D0262g9XCnyqQh19prU0JQ==",
-      "dev": true,
-      "engines": {
-        "node": "^16.0.0 || >=18.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      }
-    },
-    "node_modules/@typescript-eslint/typescript-estree": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-6.1.0.tgz",
-      "integrity": "sha512-nUKAPWOaP/tQjU1IQw9sOPCDavs/iU5iYLiY/6u7gxS7oKQoi4aUxXS1nrrVGTyBBaGesjkcwwHkbkiD5eBvcg==",
-      "dev": true,
-      "dependencies": {
-        "@typescript-eslint/types": "6.1.0",
-        "@typescript-eslint/visitor-keys": "6.1.0",
-        "debug": "^4.3.4",
-        "globby": "^11.1.0",
-        "is-glob": "^4.0.3",
-        "semver": "^7.5.4",
-        "ts-api-utils": "^1.0.1"
-      },
-      "engines": {
-        "node": "^16.0.0 || >=18.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@typescript-eslint/typescript-estree/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/@typescript-eslint/utils": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-6.1.0.tgz",
-      "integrity": "sha512-wp652EogZlKmQoMS5hAvWqRKplXvkuOnNzZSE0PVvsKjpexd/XznRVHAtrfHFYmqaJz0DFkjlDsGYC9OXw+OhQ==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@eslint-community/eslint-utils": "^4.4.0",
-        "@types/json-schema": "^7.0.12",
-        "@types/semver": "^7.5.0",
-        "@typescript-eslint/scope-manager": "6.1.0",
-        "@typescript-eslint/types": "6.1.0",
-        "@typescript-eslint/typescript-estree": "6.1.0",
-        "semver": "^7.5.4"
-      },
-      "engines": {
-        "node": "^16.0.0 || >=18.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "eslint": "^7.0.0 || ^8.0.0"
-      }
-    },
-    "node_modules/@typescript-eslint/utils/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,
-      "peer": true,
-      "dependencies": {
-        "lru-cache": "^6.0.0"
-      },
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/@typescript-eslint/visitor-keys": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-6.1.0.tgz",
-      "integrity": "sha512-yQeh+EXhquh119Eis4k0kYhj9vmFzNpbhM3LftWQVwqVjipCkwHBQOZutcYW+JVkjtTG9k8nrZU1UoNedPDd1A==",
-      "dev": true,
-      "dependencies": {
-        "@typescript-eslint/types": "6.1.0",
-        "eslint-visitor-keys": "^3.4.1"
-      },
-      "engines": {
-        "node": "^16.0.0 || >=18.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      }
-    },
-    "node_modules/@ungap/structured-clone": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.2.0.tgz",
-      "integrity": "sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==",
-      "dev": true
-    },
-    "node_modules/@webassemblyjs/ast": {
-      "version": "1.11.5",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.11.5.tgz",
-      "integrity": "sha512-LHY/GSAZZRpsNQH+/oHqhRQ5FT7eoULcBqgfyTB5nQHogFnK3/7QoN7dLnwSE/JkUAF0SrRuclT7ODqMFtWxxQ==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@webassemblyjs/helper-numbers": "1.11.5",
-        "@webassemblyjs/helper-wasm-bytecode": "1.11.5"
-      }
-    },
-    "node_modules/@webassemblyjs/floating-point-hex-parser": {
-      "version": "1.11.5",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.11.5.tgz",
-      "integrity": "sha512-1j1zTIC5EZOtCplMBG/IEwLtUojtwFVwdyVMbL/hwWqbzlQoJsWCOavrdnLkemwNoC/EOwtUFch3fuo+cbcXYQ==",
-      "dev": true,
-      "peer": true
-    },
-    "node_modules/@webassemblyjs/helper-api-error": {
-      "version": "1.11.5",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.11.5.tgz",
-      "integrity": "sha512-L65bDPmfpY0+yFrsgz8b6LhXmbbs38OnwDCf6NpnMUYqa+ENfE5Dq9E42ny0qz/PdR0LJyq/T5YijPnU8AXEpA==",
-      "dev": true,
-      "peer": true
-    },
-    "node_modules/@webassemblyjs/helper-buffer": {
-      "version": "1.11.5",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.11.5.tgz",
-      "integrity": "sha512-fDKo1gstwFFSfacIeH5KfwzjykIE6ldh1iH9Y/8YkAZrhmu4TctqYjSh7t0K2VyDSXOZJ1MLhht/k9IvYGcIxg==",
-      "dev": true,
-      "peer": true
-    },
-    "node_modules/@webassemblyjs/helper-numbers": {
-      "version": "1.11.5",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-numbers/-/helper-numbers-1.11.5.tgz",
-      "integrity": "sha512-DhykHXM0ZABqfIGYNv93A5KKDw/+ywBFnuWybZZWcuzWHfbp21wUfRkbtz7dMGwGgT4iXjWuhRMA2Mzod6W4WA==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@webassemblyjs/floating-point-hex-parser": "1.11.5",
-        "@webassemblyjs/helper-api-error": "1.11.5",
-        "@xtuc/long": "4.2.2"
-      }
-    },
-    "node_modules/@webassemblyjs/helper-wasm-bytecode": {
-      "version": "1.11.5",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.11.5.tgz",
-      "integrity": "sha512-oC4Qa0bNcqnjAowFn7MPCETQgDYytpsfvz4ujZz63Zu/a/v71HeCAAmZsgZ3YVKec3zSPYytG3/PrRCqbtcAvA==",
-      "dev": true,
-      "peer": true
-    },
-    "node_modules/@webassemblyjs/helper-wasm-section": {
-      "version": "1.11.5",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.11.5.tgz",
-      "integrity": "sha512-uEoThA1LN2NA+K3B9wDo3yKlBfVtC6rh0i4/6hvbz071E8gTNZD/pT0MsBf7MeD6KbApMSkaAK0XeKyOZC7CIA==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@webassemblyjs/ast": "1.11.5",
-        "@webassemblyjs/helper-buffer": "1.11.5",
-        "@webassemblyjs/helper-wasm-bytecode": "1.11.5",
-        "@webassemblyjs/wasm-gen": "1.11.5"
-      }
-    },
-    "node_modules/@webassemblyjs/ieee754": {
-      "version": "1.11.5",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.11.5.tgz",
-      "integrity": "sha512-37aGq6qVL8A8oPbPrSGMBcp38YZFXcHfiROflJn9jxSdSMMM5dS5P/9e2/TpaJuhE+wFrbukN2WI6Hw9MH5acg==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@xtuc/ieee754": "^1.2.0"
-      }
-    },
-    "node_modules/@webassemblyjs/leb128": {
-      "version": "1.11.5",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.11.5.tgz",
-      "integrity": "sha512-ajqrRSXaTJoPW+xmkfYN6l8VIeNnR4vBOTQO9HzR7IygoCcKWkICbKFbVTNMjMgMREqXEr0+2M6zukzM47ZUfQ==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@xtuc/long": "4.2.2"
-      }
-    },
-    "node_modules/@webassemblyjs/utf8": {
-      "version": "1.11.5",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.11.5.tgz",
-      "integrity": "sha512-WiOhulHKTZU5UPlRl53gHR8OxdGsSOxqfpqWeA2FmcwBMaoEdz6b2x2si3IwC9/fSPLfe8pBMRTHVMk5nlwnFQ==",
-      "dev": true,
-      "peer": true
-    },
-    "node_modules/@webassemblyjs/wasm-edit": {
-      "version": "1.11.5",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.11.5.tgz",
-      "integrity": "sha512-C0p9D2fAu3Twwqvygvf42iGCQ4av8MFBLiTb+08SZ4cEdwzWx9QeAHDo1E2k+9s/0w1DM40oflJOpkZ8jW4HCQ==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@webassemblyjs/ast": "1.11.5",
-        "@webassemblyjs/helper-buffer": "1.11.5",
-        "@webassemblyjs/helper-wasm-bytecode": "1.11.5",
-        "@webassemblyjs/helper-wasm-section": "1.11.5",
-        "@webassemblyjs/wasm-gen": "1.11.5",
-        "@webassemblyjs/wasm-opt": "1.11.5",
-        "@webassemblyjs/wasm-parser": "1.11.5",
-        "@webassemblyjs/wast-printer": "1.11.5"
-      }
-    },
-    "node_modules/@webassemblyjs/wasm-gen": {
-      "version": "1.11.5",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.11.5.tgz",
-      "integrity": "sha512-14vteRlRjxLK9eSyYFvw1K8Vv+iPdZU0Aebk3j6oB8TQiQYuO6hj9s4d7qf6f2HJr2khzvNldAFG13CgdkAIfA==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@webassemblyjs/ast": "1.11.5",
-        "@webassemblyjs/helper-wasm-bytecode": "1.11.5",
-        "@webassemblyjs/ieee754": "1.11.5",
-        "@webassemblyjs/leb128": "1.11.5",
-        "@webassemblyjs/utf8": "1.11.5"
-      }
-    },
-    "node_modules/@webassemblyjs/wasm-opt": {
-      "version": "1.11.5",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.11.5.tgz",
-      "integrity": "sha512-tcKwlIXstBQgbKy1MlbDMlXaxpucn42eb17H29rawYLxm5+MsEmgPzeCP8B1Cl69hCice8LeKgZpRUAPtqYPgw==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@webassemblyjs/ast": "1.11.5",
-        "@webassemblyjs/helper-buffer": "1.11.5",
-        "@webassemblyjs/wasm-gen": "1.11.5",
-        "@webassemblyjs/wasm-parser": "1.11.5"
-      }
-    },
-    "node_modules/@webassemblyjs/wasm-parser": {
-      "version": "1.11.5",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.11.5.tgz",
-      "integrity": "sha512-SVXUIwsLQlc8srSD7jejsfTU83g7pIGr2YYNb9oHdtldSxaOhvA5xwvIiWIfcX8PlSakgqMXsLpLfbbJ4cBYew==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@webassemblyjs/ast": "1.11.5",
-        "@webassemblyjs/helper-api-error": "1.11.5",
-        "@webassemblyjs/helper-wasm-bytecode": "1.11.5",
-        "@webassemblyjs/ieee754": "1.11.5",
-        "@webassemblyjs/leb128": "1.11.5",
-        "@webassemblyjs/utf8": "1.11.5"
-      }
-    },
-    "node_modules/@webassemblyjs/wast-printer": {
-      "version": "1.11.5",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.11.5.tgz",
-      "integrity": "sha512-f7Pq3wvg3GSPUPzR0F6bmI89Hdb+u9WXrSKc4v+N0aV0q6r42WoF92Jp2jEorBEBRoRNXgjp53nBniDXcqZYPA==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@webassemblyjs/ast": "1.11.5",
-        "@xtuc/long": "4.2.2"
-      }
-    },
-    "node_modules/@xtuc/ieee754": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz",
-      "integrity": "sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==",
-      "dev": true,
-      "peer": true
-    },
-    "node_modules/@xtuc/long": {
-      "version": "4.2.2",
-      "resolved": "https://registry.npmjs.org/@xtuc/long/-/long-4.2.2.tgz",
-      "integrity": "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==",
-      "dev": true,
-      "peer": true
-    },
-    "node_modules/abort-controller": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/abort-controller/-/abort-controller-3.0.0.tgz",
-      "integrity": "sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg==",
-      "dependencies": {
-        "event-target-shim": "^5.0.0"
-      },
-      "engines": {
-        "node": ">=6.5"
-      }
-    },
-    "node_modules/acorn": {
-      "version": "8.11.2",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.2.tgz",
-      "integrity": "sha512-nc0Axzp/0FILLEVsm4fNwLCwMttvhEI263QtVPQcbpfZZ3ts0hLsZGOpE6czNlid7CJ9MlyH8reXkpsf3YUY4w==",
-      "dev": true,
-      "bin": {
-        "acorn": "bin/acorn"
-      },
-      "engines": {
-        "node": ">=0.4.0"
-      }
-    },
-    "node_modules/acorn-import-assertions": {
-      "version": "1.8.0",
-      "resolved": "https://registry.npmjs.org/acorn-import-assertions/-/acorn-import-assertions-1.8.0.tgz",
-      "integrity": "sha512-m7VZ3jwz4eK6A4Vtt8Ew1/mNbP24u0FhdyfA7fSvnJR6LMdfOYnmuIrrJAgrYfYJ10F/otaHTtrtrtmHdMNzEw==",
-      "dev": true,
-      "peer": true,
-      "peerDependencies": {
-        "acorn": "^8"
-      }
-    },
-    "node_modules/acorn-jsx": {
-      "version": "5.3.2",
-      "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
-      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
-      "dev": true,
-      "peerDependencies": {
-        "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
-      }
-    },
-    "node_modules/ajv": {
-      "version": "6.12.6",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
-      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
-      "dev": true,
-      "dependencies": {
-        "fast-deep-equal": "^3.1.1",
-        "fast-json-stable-stringify": "^2.0.0",
-        "json-schema-traverse": "^0.4.1",
-        "uri-js": "^4.2.2"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/epoberezkin"
-      }
-    },
-    "node_modules/ajv-formats": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/ajv-formats/-/ajv-formats-2.1.1.tgz",
-      "integrity": "sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==",
-      "dev": true,
-      "dependencies": {
-        "ajv": "^8.0.0"
-      },
-      "peerDependencies": {
-        "ajv": "^8.0.0"
-      },
-      "peerDependenciesMeta": {
-        "ajv": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/ajv-formats/node_modules/ajv": {
-      "version": "8.11.0",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.11.0.tgz",
-      "integrity": "sha512-wGgprdCvMalC0BztXvitD2hC04YffAvtsUn93JbGXYLAtCUO4xd17mCCZQxUOItiBwZvJScWo8NIvQMQ71rdpg==",
-      "dev": true,
-      "dependencies": {
-        "fast-deep-equal": "^3.1.1",
-        "json-schema-traverse": "^1.0.0",
-        "require-from-string": "^2.0.2",
-        "uri-js": "^4.2.2"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/epoberezkin"
-      }
-    },
-    "node_modules/ajv-formats/node_modules/json-schema-traverse": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
-      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
-      "dev": true
-    },
-    "node_modules/ajv-keywords": {
-      "version": "3.5.2",
-      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
-      "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
-      "dev": true,
-      "peer": true,
-      "peerDependencies": {
-        "ajv": "^6.9.1"
-      }
-    },
-    "node_modules/another-json": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/another-json/-/another-json-0.2.0.tgz",
-      "integrity": "sha1-tfQBnJc7bdXGUGotk0acttMq7tw="
-    },
-    "node_modules/ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/ansi-styles": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
-      "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
-      "dependencies": {
-        "color-convert": "^1.9.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/anymatch": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
-      "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
-      "optional": true,
-      "dependencies": {
-        "normalize-path": "^3.0.0",
-        "picomatch": "^2.0.4"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/argparse": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
-      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
-      "dev": true
-    },
-    "node_modules/aria-query": {
-      "version": "5.1.3",
-      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.1.3.tgz",
-      "integrity": "sha512-R5iJ5lkuHybztUfuOAznmboyjWq8O6sqNqtK7CLOqdydi54VNbORp49mb14KbWgG1QD3JFO9hJdZ+y4KutfdOQ==",
-      "dev": true,
-      "dependencies": {
-        "deep-equal": "^2.0.5"
-      }
-    },
-    "node_modules/array-buffer-byte-length": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.0.tgz",
-      "integrity": "sha512-LPuwb2P+NrQw3XhxGc36+XSvuBPopovXYTR9Ew++Du9Yb/bx5AzBfrIsBoj0EZUifjQU+sHL21sseZ3jerWO/A==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "is-array-buffer": "^3.0.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/array-includes": {
-      "version": "3.1.7",
-      "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.7.tgz",
-      "integrity": "sha512-dlcsNBIiWhPkHdOEEKnehA+RNUWDc4UqFtnIXU4uuYDPtA4LDkr7qip2p0VvFAEXNDr0yWZ9PJyIRiGjRLQzwQ==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "get-intrinsic": "^1.2.1",
-        "is-string": "^1.0.7"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/array-union": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
-      "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/array.prototype.findlastindex": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.3.tgz",
-      "integrity": "sha512-LzLoiOMAxvy+Gd3BAq3B7VeIgPdo+Q8hthvKtXybMvRV0jrXfJM/t8mw7nNlpEcVlVUnCnM2KSX4XU5HmpodOA==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "es-shim-unscopables": "^1.0.0",
-        "get-intrinsic": "^1.2.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/array.prototype.flat": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.2.tgz",
-      "integrity": "sha512-djYB+Zx2vLewY8RWlNCUdHjDXs2XOgm602S9E7P/UpHgfeHL00cRiIF+IN/G/aUJ7kGPb6yO/ErDI5V2s8iycA==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "es-shim-unscopables": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/array.prototype.flatmap": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.2.tgz",
-      "integrity": "sha512-Ewyx0c9PmpcsByhSW4r+9zDU7sGjFc86qf/kKtuSCRdhfbk0SNLLkaT5qvcHnRGgc5NP/ly/y+qkXkqONX54CQ==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "es-shim-unscopables": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/array.prototype.tosorted": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/array.prototype.tosorted/-/array.prototype.tosorted-1.1.1.tgz",
-      "integrity": "sha512-pZYPXPRl2PqWcsUs6LOMn+1f1532nEoPTYowBtqLwAW+W8vSVhkIGnmOX1t/UQjD6YGI0vcD2B1U7ZFGQH9jnQ==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.1.4",
-        "es-abstract": "^1.20.4",
-        "es-shim-unscopables": "^1.0.0",
-        "get-intrinsic": "^1.1.3"
-      }
-    },
-    "node_modules/arraybuffer.prototype.slice": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.2.tgz",
-      "integrity": "sha512-yMBKppFur/fbHu9/6USUe03bZ4knMYiwFBcyiaXB8Go0qNehwX6inYPzK9U0NeQvGxKthcmHcaR8P5MStSRBAw==",
-      "dev": true,
-      "dependencies": {
-        "array-buffer-byte-length": "^1.0.0",
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "get-intrinsic": "^1.2.1",
-        "is-array-buffer": "^3.0.2",
-        "is-shared-array-buffer": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/arrify": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/arrify/-/arrify-1.0.1.tgz",
-      "integrity": "sha1-iYUI2iIm84DfkEcoRWhJwVAaSw0=",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/ast-types-flow": {
-      "version": "0.0.7",
-      "resolved": "https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.7.tgz",
-      "integrity": "sha1-9wtzXGvKGlycItmCw+Oef+ujva0=",
-      "dev": true
-    },
-    "node_modules/astral-regex": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/astral-regex/-/astral-regex-2.0.0.tgz",
-      "integrity": "sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/asynciterator.prototype": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/asynciterator.prototype/-/asynciterator.prototype-1.0.0.tgz",
-      "integrity": "sha512-wwHYEIS0Q80f5mosx3L/dfG5t5rjEa9Ft51GTaNt862EnpyGHpgz2RkZvLPp1oF5TnAiTohkEKVEu8pQPJI7Vg==",
-      "dev": true,
-      "dependencies": {
-        "has-symbols": "^1.0.3"
-      }
-    },
-    "node_modules/atomic-sleep": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/atomic-sleep/-/atomic-sleep-1.0.0.tgz",
-      "integrity": "sha512-kNOjDqAh7px0XWNI+4QbzoiR/nTkHAWNud2uvnJquD1/x5a7EQZMJT0AczqK0Qn67oY/TTQ1LbUKajZpp3I9tQ==",
-      "engines": {
-        "node": ">=8.0.0"
-      }
-    },
-    "node_modules/available-typed-arrays": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.5.tgz",
-      "integrity": "sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/axe-core": {
-      "version": "4.7.0",
-      "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.7.0.tgz",
-      "integrity": "sha512-M0JtH+hlOL5pLQwHOLNYZaXuhqmvS8oExsqB1SBYgA4Dk7u/xx+YdGHXaK5pyUfed5mYXdlYiphWq3G8cRi5JQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/axobject-query": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-3.1.1.tgz",
-      "integrity": "sha512-goKlv8DZrK9hUh975fnHzhNIO4jUnFCfv/dszV5VwUGDFjI6vQ2VwoyjYjYNEbBE8AH87TduWP5uyDR1D+Iteg==",
-      "dev": true,
-      "dependencies": {
-        "deep-equal": "^2.0.5"
-      }
-    },
-    "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-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==",
-      "dependencies": {
-        "@babel/helper-define-polyfill-provider": "^0.4.2",
-        "core-js-compat": "^3.32.2"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
-      }
-    },
-    "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-plugin-styled-components": {
-      "version": "2.1.4",
-      "resolved": "https://registry.npmjs.org/babel-plugin-styled-components/-/babel-plugin-styled-components-2.1.4.tgz",
-      "integrity": "sha512-Xgp9g+A/cG47sUyRwwYxGM4bR/jDRg5N6it/8+HxCnbT5XNKSKDT9xm4oag/osgqjC2It/vH0yXsomOG6k558g==",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.22.5",
-        "@babel/helper-module-imports": "^7.22.5",
-        "@babel/plugin-syntax-jsx": "^7.22.5",
-        "lodash": "^4.17.21",
-        "picomatch": "^2.3.1"
-      },
-      "peerDependencies": {
-        "styled-components": ">= 2"
-      }
-    },
-    "node_modules/balanced-match": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
-      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="
-    },
-    "node_modules/base-x": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/base-x/-/base-x-4.0.0.tgz",
-      "integrity": "sha512-FuwxlW4H5kh37X/oW59pwTzzTKRzfrrQwhmyspRM7swOEZcHtDZSCt45U6oKgtuFE+WYPblePMVIPR4RZrh/hw=="
-    },
-    "node_modules/base64-js": {
-      "version": "1.5.1",
-      "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
-      "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
-      "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/binary-extensions": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
-      "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==",
-      "optional": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/brace-expansion": {
-      "version": "1.1.11",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
-      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
-      "dependencies": {
-        "balanced-match": "^1.0.0",
-        "concat-map": "0.0.1"
-      }
-    },
-    "node_modules/braces": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
-      "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
-      "devOptional": true,
-      "dependencies": {
-        "fill-range": "^7.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/browserslist": {
-      "version": "4.22.1",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.22.1.tgz",
-      "integrity": "sha512-FEVc202+2iuClEhZhrWy6ZiAcRLvNMyYcxZ8raemul1DYVOVdFsbqckWLdsixQZCpJlwe77Z3UTalE7jsjnKfQ==",
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/browserslist"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/browserslist"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "dependencies": {
-        "caniuse-lite": "^1.0.30001541",
-        "electron-to-chromium": "^1.4.535",
-        "node-releases": "^2.0.13",
-        "update-browserslist-db": "^1.0.13"
-      },
-      "bin": {
-        "browserslist": "cli.js"
-      },
-      "engines": {
-        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
-      }
-    },
-    "node_modules/bs58": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/bs58/-/bs58-5.0.0.tgz",
-      "integrity": "sha512-r+ihvQJvahgYT50JD05dyJNKlmmSlMoOGwn1lCcEzanPglg7TxYjioQUYehQ9mAR/+hOSd2jRc/Z2y5UxBymvQ==",
-      "dependencies": {
-        "base-x": "^4.0.0"
-      }
-    },
-    "node_modules/buffer": {
-      "version": "6.0.3",
-      "resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz",
-      "integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==",
-      "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": {
-        "base64-js": "^1.3.1",
-        "ieee754": "^1.2.1"
-      }
-    },
-    "node_modules/buffer-from": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
-      "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
-      "dev": true,
-      "peer": true
-    },
-    "node_modules/builtin-modules": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/builtin-modules/-/builtin-modules-3.3.0.tgz",
-      "integrity": "sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==",
-      "dev": true,
-      "peer": true,
-      "engines": {
-        "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/busboy": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/busboy/-/busboy-1.6.0.tgz",
-      "integrity": "sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==",
-      "dependencies": {
-        "streamsearch": "^1.1.0"
-      },
-      "engines": {
-        "node": ">=10.16.0"
-      }
-    },
-    "node_modules/call-bind": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.5.tgz",
-      "integrity": "sha512-C3nQxfFZxFRVoJoGKKI8y3MOEo129NQ+FgQ08iye+Mk4zNZZGdjfs06bVTr+DBSlA66Q2VEcMki/cUCP4SercQ==",
-      "dev": true,
-      "dependencies": {
-        "function-bind": "^1.1.2",
-        "get-intrinsic": "^1.2.1",
-        "set-function-length": "^1.1.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/callsites": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
-      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/camelcase": {
-      "version": "5.3.1",
-      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
-      "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/camelcase-keys": {
-      "version": "6.2.2",
-      "resolved": "https://registry.npmjs.org/camelcase-keys/-/camelcase-keys-6.2.2.tgz",
-      "integrity": "sha512-YrwaA0vEKazPBkn0ipTiMpSajYDSe+KjQfrjhcBMxJt/znbvlHd8Pw/Vamaz5EB4Wfhs3SUR3Z9mwRu/P3s3Yg==",
-      "dev": true,
-      "dependencies": {
-        "camelcase": "^5.3.1",
-        "map-obj": "^4.0.0",
-        "quick-lru": "^4.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/camelize": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/camelize/-/camelize-1.0.1.tgz",
-      "integrity": "sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ==",
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/caniuse-lite": {
-      "version": "1.0.30001546",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001546.tgz",
-      "integrity": "sha512-zvtSJwuQFpewSyRrI3AsftF6rM0X80mZkChIt1spBGEvRglCrjTniXvinc8JKRoqTwXAgvqTImaN9igfSMtUBw==",
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/browserslist"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ]
-    },
-    "node_modules/chalk": {
-      "version": "2.4.2",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
-      "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
-      "dependencies": {
-        "ansi-styles": "^3.2.1",
-        "escape-string-regexp": "^1.0.5",
-        "supports-color": "^5.3.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/chalk/node_modules/has-flag": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
-      "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/chalk/node_modules/supports-color": {
-      "version": "5.5.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
-      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
-      "dependencies": {
-        "has-flag": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/chokidar": {
-      "version": "3.5.3",
-      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz",
-      "integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==",
-      "funding": [
-        {
-          "type": "individual",
-          "url": "https://paulmillr.com/funding/"
-        }
-      ],
-      "optional": true,
-      "dependencies": {
-        "anymatch": "~3.1.2",
-        "braces": "~3.0.2",
-        "glob-parent": "~5.1.2",
-        "is-binary-path": "~2.1.0",
-        "is-glob": "~4.0.1",
-        "normalize-path": "~3.0.0",
-        "readdirp": "~3.6.0"
-      },
-      "engines": {
-        "node": ">= 8.10.0"
-      },
-      "optionalDependencies": {
-        "fsevents": "~2.3.2"
-      }
-    },
-    "node_modules/chokidar/node_modules/glob-parent": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-      "optional": true,
-      "dependencies": {
-        "is-glob": "^4.0.1"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/chrome-trace-event": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/chrome-trace-event/-/chrome-trace-event-1.0.3.tgz",
-      "integrity": "sha512-p3KULyQg4S7NIHixdwbGX+nFHkoBiA4YQmyWtjb8XngSKV124nJmRysgAeujbUVb15vh+RvFUfCPqU7rXk+hZg==",
-      "dev": true,
-      "peer": true,
-      "engines": {
-        "node": ">=6.0"
-      }
-    },
-    "node_modules/ci-info": {
-      "version": "3.8.0",
-      "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-3.8.0.tgz",
-      "integrity": "sha512-eXTggHWSooYhq49F2opQhuHWgzucfF2YgODK4e1566GQs5BIfP30B0oenwBJHfWxAs2fyPB1s7Mg949zLf61Yw==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/sibiraj-s"
-        }
-      ],
-      "peer": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/clean-regexp": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/clean-regexp/-/clean-regexp-1.0.0.tgz",
-      "integrity": "sha512-GfisEZEJvzKrmGWkvfhgzcz/BllN1USeqD2V6tg14OAOgaCD2Z/PUEuxnAZ/nPvmaHRG7a8y77p1T/IRQ4D1Hw==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "escape-string-regexp": "^1.0.5"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/client-only": {
-      "version": "0.0.1",
-      "resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
-      "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA=="
-    },
-    "node_modules/clone-regexp": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/clone-regexp/-/clone-regexp-2.2.0.tgz",
-      "integrity": "sha512-beMpP7BOtTipFuW8hrJvREQ2DrRu3BE7by0ZpibtfBA+qfHYvMGTc2Yb1JMYPKg/JUw0CHYvpg796aNTSW9z7Q==",
-      "dev": true,
-      "dependencies": {
-        "is-regexp": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/color-convert": {
-      "version": "1.9.3",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
-      "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
-      "dependencies": {
-        "color-name": "1.1.3"
-      }
-    },
-    "node_modules/color-name": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
-      "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw=="
-    },
-    "node_modules/colord": {
-      "version": "2.9.2",
-      "resolved": "https://registry.npmjs.org/colord/-/colord-2.9.2.tgz",
-      "integrity": "sha512-Uqbg+J445nc1TKn4FoDPS6ZZqAvEDnwrH42yo8B40JSOgSLxMZ/gt3h4nmCtPLQeXhjJJkqBx7SCY35WnIixaQ==",
-      "dev": true
-    },
-    "node_modules/commander": {
-      "version": "2.20.3",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
-      "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
-      "dev": true,
-      "peer": true
-    },
-    "node_modules/concat-map": {
-      "version": "0.0.1",
-      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
-      "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s="
-    },
-    "node_modules/content-type": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.4.tgz",
-      "integrity": "sha512-hIP3EEPs8tB9AT1L+NUqtwOAps4mk2Zob89MWXMHjHWg9milF/j4osnnQLXBCBFBk/tvIG/tUc9mOUJiPBhPXA==",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "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/core-js-compat": {
-      "version": "3.33.0",
-      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.33.0.tgz",
-      "integrity": "sha512-0w4LcLXsVEuNkIqwjjf9rjCoPhK8uqA4tMRh4Ge26vfLtUutshn+aRJU21I9LCJlh2QQHfisNToLjw1XEJLTWw==",
-      "dependencies": {
-        "browserslist": "^4.22.1"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/core-js"
-      }
-    },
-    "node_modules/cosmiconfig": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.0.1.tgz",
-      "integrity": "sha512-a1YWNUV2HwGimB7dU2s1wUMurNKjpx60HxBB6xUM8Re+2s1g1IIfJvFR0/iCF+XHdE0GMTKTuLR32UQff4TEyQ==",
-      "dev": true,
-      "dependencies": {
-        "@types/parse-json": "^4.0.0",
-        "import-fresh": "^3.2.1",
-        "parse-json": "^5.0.0",
-        "path-type": "^4.0.0",
-        "yaml": "^1.10.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/cross-spawn": {
-      "version": "7.0.3",
-      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
-      "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
-      "dev": true,
-      "dependencies": {
-        "path-key": "^3.1.0",
-        "shebang-command": "^2.0.0",
-        "which": "^2.0.1"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/crypto-js": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/crypto-js/-/crypto-js-4.2.0.tgz",
-      "integrity": "sha512-KALDyEYgpY+Rlob/iriUtjV6d5Eq+Y191A5g4UqLAi8CyGP9N1+FdVbkc1SxKc2r4YAYqG8JzO2KGL+AizD70Q=="
-    },
-    "node_modules/css-color-keywords": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/css-color-keywords/-/css-color-keywords-1.0.0.tgz",
-      "integrity": "sha512-FyyrDHZKEjXDpNJYvVsV960FiqQyXc/LlYmsxl2BcdMb2WPx0OGRVgTg55rPSyLSNMqP52R9r8geSp7apN3Ofg==",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/css-functions-list": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/css-functions-list/-/css-functions-list-3.0.1.tgz",
-      "integrity": "sha512-PriDuifDt4u4rkDgnqRCLnjfMatufLmWNfQnGCq34xZwpY3oabwhB9SqRBmuvWUgndbemCFlKqg+nO7C2q0SBw==",
-      "dev": true,
-      "engines": {
-        "node": ">=12.22"
-      }
-    },
-    "node_modules/css-to-react-native": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/css-to-react-native/-/css-to-react-native-3.2.0.tgz",
-      "integrity": "sha512-e8RKaLXMOFii+02mOlqwjbD00KSEKqblnpO9e++1aXS1fPQOpS1YoqdVHBqPjHNoxeF2mimzVqawm2KCbEdtHQ==",
-      "dependencies": {
-        "camelize": "^1.0.0",
-        "css-color-keywords": "^1.0.0",
-        "postcss-value-parser": "^4.0.2"
-      }
-    },
-    "node_modules/cssesc": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
-      "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
-      "dev": true,
-      "bin": {
-        "cssesc": "bin/cssesc"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/csstype": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz",
-      "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ=="
-    },
-    "node_modules/damerau-levenshtein": {
-      "version": "1.0.8",
-      "resolved": "https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz",
-      "integrity": "sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==",
-      "dev": true
-    },
-    "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/decamelize": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz",
-      "integrity": "sha1-9lNNFRSCabIDUue+4m9QH5oZEpA=",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/decamelize-keys": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/decamelize-keys/-/decamelize-keys-1.1.0.tgz",
-      "integrity": "sha1-0XGoeTMlKAfrPLYdwcFEXQeN8tk=",
-      "dev": true,
-      "dependencies": {
-        "decamelize": "^1.1.0",
-        "map-obj": "^1.0.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/decamelize-keys/node_modules/map-obj": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-1.0.1.tgz",
-      "integrity": "sha1-2TPOuSBdgr3PSIb2dCvcK03qFG0=",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/deep-equal": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-2.2.1.tgz",
-      "integrity": "sha512-lKdkdV6EOGoVn65XaOsPdH4rMxTZOnmFyuIkMjM1i5HHCbfjC97dawgTAy0deYNfuqUqW+Q5VrVaQYtUpSd6yQ==",
-      "dev": true,
-      "dependencies": {
-        "array-buffer-byte-length": "^1.0.0",
-        "call-bind": "^1.0.2",
-        "es-get-iterator": "^1.1.3",
-        "get-intrinsic": "^1.2.0",
-        "is-arguments": "^1.1.1",
-        "is-array-buffer": "^3.0.2",
-        "is-date-object": "^1.0.5",
-        "is-regex": "^1.1.4",
-        "is-shared-array-buffer": "^1.0.2",
-        "isarray": "^2.0.5",
-        "object-is": "^1.1.5",
-        "object-keys": "^1.1.1",
-        "object.assign": "^4.1.4",
-        "regexp.prototype.flags": "^1.5.0",
-        "side-channel": "^1.0.4",
-        "which-boxed-primitive": "^1.0.2",
-        "which-collection": "^1.0.1",
-        "which-typed-array": "^1.1.9"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/deep-is": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
-      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
-      "dev": true
-    },
-    "node_modules/define-data-property": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.1.tgz",
-      "integrity": "sha512-E7uGkTzkk1d0ByLeSc6ZsFS79Axg+m1P/VsgYsxHgiuc3tFSj+MjMIwe90FC4lOAZzNBdY7kkO2P2wKdsQ1vgQ==",
-      "dev": true,
-      "dependencies": {
-        "get-intrinsic": "^1.2.1",
-        "gopd": "^1.0.1",
-        "has-property-descriptors": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/define-properties": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz",
-      "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
-      "dev": true,
-      "dependencies": {
-        "define-data-property": "^1.0.1",
-        "has-property-descriptors": "^1.0.0",
-        "object-keys": "^1.1.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/dir-glob": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
-      "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==",
-      "dev": true,
-      "dependencies": {
-        "path-type": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/doctrine": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
-      "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
-      "dev": true,
-      "dependencies": {
-        "esutils": "^2.0.2"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/electron-to-chromium": {
-      "version": "1.4.543",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.543.tgz",
-      "integrity": "sha512-t2ZP4AcGE0iKCCQCBx/K2426crYdxD3YU6l0uK2EO3FZH0pbC4pFz/sZm2ruZsND6hQBTcDWWlo/MLpiOdif5g=="
-    },
-    "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/enhanced-resolve": {
-      "version": "5.13.0",
-      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.13.0.tgz",
-      "integrity": "sha512-eyV8f0y1+bzyfh8xAwW/WTSZpLbjhqc4ne9eGSH4Zo2ejdyiNG9pU6mf9DG8a7+Auk6MFTlNOT4Y2y/9k8GKVg==",
-      "dev": true,
-      "dependencies": {
-        "graceful-fs": "^4.2.4",
-        "tapable": "^2.2.0"
-      },
-      "engines": {
-        "node": ">=10.13.0"
-      }
-    },
-    "node_modules/error-ex": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz",
-      "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==",
-      "dev": true,
-      "dependencies": {
-        "is-arrayish": "^0.2.1"
-      }
-    },
-    "node_modules/es-abstract": {
-      "version": "1.22.3",
-      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.22.3.tgz",
-      "integrity": "sha512-eiiY8HQeYfYH2Con2berK+To6GrK2RxbPawDkGq4UiCQQfZHb6wX9qQqkbpPqaxQFcl8d9QzZqo0tGE0VcrdwA==",
-      "dev": true,
-      "dependencies": {
-        "array-buffer-byte-length": "^1.0.0",
-        "arraybuffer.prototype.slice": "^1.0.2",
-        "available-typed-arrays": "^1.0.5",
-        "call-bind": "^1.0.5",
-        "es-set-tostringtag": "^2.0.1",
-        "es-to-primitive": "^1.2.1",
-        "function.prototype.name": "^1.1.6",
-        "get-intrinsic": "^1.2.2",
-        "get-symbol-description": "^1.0.0",
-        "globalthis": "^1.0.3",
-        "gopd": "^1.0.1",
-        "has-property-descriptors": "^1.0.0",
-        "has-proto": "^1.0.1",
-        "has-symbols": "^1.0.3",
-        "hasown": "^2.0.0",
-        "internal-slot": "^1.0.5",
-        "is-array-buffer": "^3.0.2",
-        "is-callable": "^1.2.7",
-        "is-negative-zero": "^2.0.2",
-        "is-regex": "^1.1.4",
-        "is-shared-array-buffer": "^1.0.2",
-        "is-string": "^1.0.7",
-        "is-typed-array": "^1.1.12",
-        "is-weakref": "^1.0.2",
-        "object-inspect": "^1.13.1",
-        "object-keys": "^1.1.1",
-        "object.assign": "^4.1.4",
-        "regexp.prototype.flags": "^1.5.1",
-        "safe-array-concat": "^1.0.1",
-        "safe-regex-test": "^1.0.0",
-        "string.prototype.trim": "^1.2.8",
-        "string.prototype.trimend": "^1.0.7",
-        "string.prototype.trimstart": "^1.0.7",
-        "typed-array-buffer": "^1.0.0",
-        "typed-array-byte-length": "^1.0.0",
-        "typed-array-byte-offset": "^1.0.0",
-        "typed-array-length": "^1.0.4",
-        "unbox-primitive": "^1.0.2",
-        "which-typed-array": "^1.1.13"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/es-get-iterator": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/es-get-iterator/-/es-get-iterator-1.1.3.tgz",
-      "integrity": "sha512-sPZmqHBe6JIiTfN5q2pEi//TwxmAFHwj/XEuYjTuse78i8KxaqMTTzxPoFKuzRpDpTJ+0NAbpfenkmH2rePtuw==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "get-intrinsic": "^1.1.3",
-        "has-symbols": "^1.0.3",
-        "is-arguments": "^1.1.1",
-        "is-map": "^2.0.2",
-        "is-set": "^2.0.2",
-        "is-string": "^1.0.7",
-        "isarray": "^2.0.5",
-        "stop-iteration-iterator": "^1.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/es-iterator-helpers": {
-      "version": "1.0.15",
-      "resolved": "https://registry.npmjs.org/es-iterator-helpers/-/es-iterator-helpers-1.0.15.tgz",
-      "integrity": "sha512-GhoY8uYqd6iwUl2kgjTm4CZAf6oo5mHK7BPqx3rKgx893YSsy0LGHV6gfqqQvZt/8xM8xeOnfXBCfqclMKkJ5g==",
-      "dev": true,
-      "dependencies": {
-        "asynciterator.prototype": "^1.0.0",
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.1",
-        "es-abstract": "^1.22.1",
-        "es-set-tostringtag": "^2.0.1",
-        "function-bind": "^1.1.1",
-        "get-intrinsic": "^1.2.1",
-        "globalthis": "^1.0.3",
-        "has-property-descriptors": "^1.0.0",
-        "has-proto": "^1.0.1",
-        "has-symbols": "^1.0.3",
-        "internal-slot": "^1.0.5",
-        "iterator.prototype": "^1.1.2",
-        "safe-array-concat": "^1.0.1"
-      }
-    },
-    "node_modules/es-module-lexer": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.2.1.tgz",
-      "integrity": "sha512-9978wrXM50Y4rTMmW5kXIC09ZdXQZqkE4mxhwkd8VbzsGkXGPgV4zWuqQJgCEzYngdo2dYDa0l8xhX4fkSwJSg==",
-      "dev": true,
-      "peer": true
-    },
-    "node_modules/es-set-tostringtag": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.0.1.tgz",
-      "integrity": "sha512-g3OMbtlwY3QewlqAiMLI47KywjWZoEytKr8pf6iTC8uJq5bIAH52Z9pnQ8pVL6whrCto53JZDuUIsifGeLorTg==",
-      "dev": true,
-      "dependencies": {
-        "get-intrinsic": "^1.1.3",
-        "has": "^1.0.3",
-        "has-tostringtag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/es-shim-unscopables": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.0.0.tgz",
-      "integrity": "sha512-Jm6GPcCdC30eMLbZ2x8z2WuRwAws3zTBBKuusffYVUrNj/GVSUAZ+xKMaUpfNDR5IbyNA5LJbaecoUVbmUcB1w==",
-      "dev": true,
-      "dependencies": {
-        "has": "^1.0.3"
-      }
-    },
-    "node_modules/es-to-primitive": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.2.1.tgz",
-      "integrity": "sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==",
-      "dev": true,
-      "dependencies": {
-        "is-callable": "^1.1.4",
-        "is-date-object": "^1.0.1",
-        "is-symbol": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/escalade": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
-      "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/escape-string-regexp": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
-      "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
-      "engines": {
-        "node": ">=0.8.0"
-      }
-    },
-    "node_modules/eslint": {
-      "version": "8.55.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.55.0.tgz",
-      "integrity": "sha512-iyUUAM0PCKj5QpwGfmCAG9XXbZCWsqP/eWAWrG/W0umvjuLRBECwSFdt+rCntju0xEH7teIABPwXpahftIaTdA==",
-      "dev": true,
-      "dependencies": {
-        "@eslint-community/eslint-utils": "^4.2.0",
-        "@eslint-community/regexpp": "^4.6.1",
-        "@eslint/eslintrc": "^2.1.4",
-        "@eslint/js": "8.55.0",
-        "@humanwhocodes/config-array": "^0.11.13",
-        "@humanwhocodes/module-importer": "^1.0.1",
-        "@nodelib/fs.walk": "^1.2.8",
-        "@ungap/structured-clone": "^1.2.0",
-        "ajv": "^6.12.4",
-        "chalk": "^4.0.0",
-        "cross-spawn": "^7.0.2",
-        "debug": "^4.3.2",
-        "doctrine": "^3.0.0",
-        "escape-string-regexp": "^4.0.0",
-        "eslint-scope": "^7.2.2",
-        "eslint-visitor-keys": "^3.4.3",
-        "espree": "^9.6.1",
-        "esquery": "^1.4.2",
-        "esutils": "^2.0.2",
-        "fast-deep-equal": "^3.1.3",
-        "file-entry-cache": "^6.0.1",
-        "find-up": "^5.0.0",
-        "glob-parent": "^6.0.2",
-        "globals": "^13.19.0",
-        "graphemer": "^1.4.0",
-        "ignore": "^5.2.0",
-        "imurmurhash": "^0.1.4",
-        "is-glob": "^4.0.0",
-        "is-path-inside": "^3.0.3",
-        "js-yaml": "^4.1.0",
-        "json-stable-stringify-without-jsonify": "^1.0.1",
-        "levn": "^0.4.1",
-        "lodash.merge": "^4.6.2",
-        "minimatch": "^3.1.2",
-        "natural-compare": "^1.4.0",
-        "optionator": "^0.9.3",
-        "strip-ansi": "^6.0.1",
-        "text-table": "^0.2.0"
-      },
-      "bin": {
-        "eslint": "bin/eslint.js"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/eslint-config-google": {
-      "version": "0.14.0",
-      "resolved": "https://registry.npmjs.org/eslint-config-google/-/eslint-config-google-0.14.0.tgz",
-      "integrity": "sha512-WsbX4WbjuMvTdeVL6+J3rK1RGhCTqjsFjX7UMSMgZiyxxaNLkoJENbrGExzERFeoTpGw3F3FypTiWAP9ZXzkEw==",
-      "dev": true,
-      "peer": true,
-      "engines": {
-        "node": ">=0.10.0"
-      },
-      "peerDependencies": {
-        "eslint": ">=5.16.0"
-      }
-    },
-    "node_modules/eslint-config-next": {
-      "version": "14.0.4",
-      "resolved": "https://registry.npmjs.org/eslint-config-next/-/eslint-config-next-14.0.4.tgz",
-      "integrity": "sha512-9/xbOHEQOmQtqvQ1UsTQZpnA7SlDMBtuKJ//S4JnoyK3oGLhILKXdBgu/UO7lQo/2xOykQULS1qQ6p2+EpHgAQ==",
-      "dev": true,
-      "dependencies": {
-        "@next/eslint-plugin-next": "14.0.4",
-        "@rushstack/eslint-patch": "^1.3.3",
-        "@typescript-eslint/parser": "^5.4.2 || ^6.0.0",
-        "eslint-import-resolver-node": "^0.3.6",
-        "eslint-import-resolver-typescript": "^3.5.2",
-        "eslint-plugin-import": "^2.28.1",
-        "eslint-plugin-jsx-a11y": "^6.7.1",
-        "eslint-plugin-react": "^7.33.2",
-        "eslint-plugin-react-hooks": "^4.5.0 || 5.0.0-canary-7118f5dd7-20230705"
-      },
-      "peerDependencies": {
-        "eslint": "^7.23.0 || ^8.0.0",
-        "typescript": ">=3.3.1"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/eslint-import-resolver-node": {
-      "version": "0.3.9",
-      "resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.9.tgz",
-      "integrity": "sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==",
-      "dev": true,
-      "dependencies": {
-        "debug": "^3.2.7",
-        "is-core-module": "^2.13.0",
-        "resolve": "^1.22.4"
-      }
-    },
-    "node_modules/eslint-import-resolver-node/node_modules/debug": {
-      "version": "3.2.7",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
-      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
-      "dev": true,
-      "dependencies": {
-        "ms": "^2.1.1"
-      }
-    },
-    "node_modules/eslint-import-resolver-typescript": {
-      "version": "3.6.1",
-      "resolved": "https://registry.npmjs.org/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-3.6.1.tgz",
-      "integrity": "sha512-xgdptdoi5W3niYeuQxKmzVDTATvLYqhpwmykwsh7f6HIOStGWEIL9iqZgQDF9u9OEzrRwR8no5q2VT+bjAujTg==",
-      "dev": true,
-      "dependencies": {
-        "debug": "^4.3.4",
-        "enhanced-resolve": "^5.12.0",
-        "eslint-module-utils": "^2.7.4",
-        "fast-glob": "^3.3.1",
-        "get-tsconfig": "^4.5.0",
-        "is-core-module": "^2.11.0",
-        "is-glob": "^4.0.3"
-      },
-      "engines": {
-        "node": "^14.18.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/unts/projects/eslint-import-resolver-ts"
-      },
-      "peerDependencies": {
-        "eslint": "*",
-        "eslint-plugin-import": "*"
-      }
-    },
-    "node_modules/eslint-module-utils": {
-      "version": "2.8.0",
-      "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.8.0.tgz",
-      "integrity": "sha512-aWajIYfsqCKRDgUfjEXNN/JlrzauMuSEy5sbd7WXbtW3EH6A6MpwEh42c7qD+MqQo9QMJ6fWLAeIJynx0g6OAw==",
-      "dev": true,
-      "dependencies": {
-        "debug": "^3.2.7"
-      },
-      "engines": {
-        "node": ">=4"
-      },
-      "peerDependenciesMeta": {
-        "eslint": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/eslint-module-utils/node_modules/debug": {
-      "version": "3.2.7",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
-      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
-      "dev": true,
-      "dependencies": {
-        "ms": "^2.1.1"
-      }
-    },
-    "node_modules/eslint-plugin-deprecate": {
-      "version": "0.7.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-deprecate/-/eslint-plugin-deprecate-0.7.0.tgz",
-      "integrity": "sha512-MylhCqoH/SJ2MwzVgX0we6oE+lKPVwhOu9hAJ98vMCmbz3FNwqJ8XipdI23bCF7NHxUbhd6mdxFjywKE52pt7A==",
-      "dev": true,
-      "peer": true,
-      "peerDependencies": {
-        "eslint": ">=2.x"
-      }
-    },
-    "node_modules/eslint-plugin-import": {
-      "version": "2.29.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.29.0.tgz",
-      "integrity": "sha512-QPOO5NO6Odv5lpoTkddtutccQjysJuFxoPS7fAHO+9m9udNHvTCPSAMW9zGAYj8lAIdr40I8yPCdUYrncXtrwg==",
-      "dev": true,
-      "dependencies": {
-        "array-includes": "^3.1.7",
-        "array.prototype.findlastindex": "^1.2.3",
-        "array.prototype.flat": "^1.3.2",
-        "array.prototype.flatmap": "^1.3.2",
-        "debug": "^3.2.7",
-        "doctrine": "^2.1.0",
-        "eslint-import-resolver-node": "^0.3.9",
-        "eslint-module-utils": "^2.8.0",
-        "hasown": "^2.0.0",
-        "is-core-module": "^2.13.1",
-        "is-glob": "^4.0.3",
-        "minimatch": "^3.1.2",
-        "object.fromentries": "^2.0.7",
-        "object.groupby": "^1.0.1",
-        "object.values": "^1.1.7",
-        "semver": "^6.3.1",
-        "tsconfig-paths": "^3.14.2"
-      },
-      "engines": {
-        "node": ">=4"
-      },
-      "peerDependencies": {
-        "eslint": "^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8"
-      }
-    },
-    "node_modules/eslint-plugin-import/node_modules/debug": {
-      "version": "3.2.7",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
-      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
-      "dev": true,
-      "dependencies": {
-        "ms": "^2.1.1"
-      }
-    },
-    "node_modules/eslint-plugin-import/node_modules/doctrine": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
-      "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
-      "dev": true,
-      "dependencies": {
-        "esutils": "^2.0.2"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/eslint-plugin-jsx-a11y": {
-      "version": "6.7.1",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.7.1.tgz",
-      "integrity": "sha512-63Bog4iIethyo8smBklORknVjB0T2dwB8Mr/hIC+fBS0uyHdYYpzM/Ed+YC8VxTjlXHEWFOdmgwcDn1U2L9VCA==",
-      "dev": true,
-      "dependencies": {
-        "@babel/runtime": "^7.20.7",
-        "aria-query": "^5.1.3",
-        "array-includes": "^3.1.6",
-        "array.prototype.flatmap": "^1.3.1",
-        "ast-types-flow": "^0.0.7",
-        "axe-core": "^4.6.2",
-        "axobject-query": "^3.1.1",
-        "damerau-levenshtein": "^1.0.8",
-        "emoji-regex": "^9.2.2",
-        "has": "^1.0.3",
-        "jsx-ast-utils": "^3.3.3",
-        "language-tags": "=1.0.5",
-        "minimatch": "^3.1.2",
-        "object.entries": "^1.1.6",
-        "object.fromentries": "^2.0.6",
-        "semver": "^6.3.0"
-      },
-      "engines": {
-        "node": ">=4.0"
-      },
-      "peerDependencies": {
-        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8"
-      }
-    },
-    "node_modules/eslint-plugin-matrix-org": {
-      "version": "0.8.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-matrix-org/-/eslint-plugin-matrix-org-0.8.0.tgz",
-      "integrity": "sha512-/Poz/F8lXYDsmQa29iPSt+kO+Jn7ArvRdq10g0CCk8wbRS0sb2zb6fvd9xL1BgR5UDQL771V0l8X32etvY5yKA==",
-      "dev": true,
-      "peerDependencies": {
-        "@babel/core": "*",
-        "@babel/eslint-parser": "*",
-        "@babel/eslint-plugin": "*",
-        "@typescript-eslint/eslint-plugin": "*",
-        "@typescript-eslint/parser": "*",
-        "eslint": "*",
-        "eslint-config-google": "*",
-        "eslint-plugin-deprecate": "*",
-        "eslint-plugin-import": "*",
-        "eslint-plugin-jsx-a11y": "*",
-        "eslint-plugin-react": "*",
-        "eslint-plugin-react-hooks": "*",
-        "eslint-plugin-unicorn": "*",
-        "typescript": "*"
-      }
-    },
-    "node_modules/eslint-plugin-react": {
-      "version": "7.33.2",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.33.2.tgz",
-      "integrity": "sha512-73QQMKALArI8/7xGLNI/3LylrEYrlKZSb5C9+q3OtOewTnMQi5cT+aE9E41sLCmli3I9PGGmD1yiZydyo4FEPw==",
-      "dev": true,
-      "dependencies": {
-        "array-includes": "^3.1.6",
-        "array.prototype.flatmap": "^1.3.1",
-        "array.prototype.tosorted": "^1.1.1",
-        "doctrine": "^2.1.0",
-        "es-iterator-helpers": "^1.0.12",
-        "estraverse": "^5.3.0",
-        "jsx-ast-utils": "^2.4.1 || ^3.0.0",
-        "minimatch": "^3.1.2",
-        "object.entries": "^1.1.6",
-        "object.fromentries": "^2.0.6",
-        "object.hasown": "^1.1.2",
-        "object.values": "^1.1.6",
-        "prop-types": "^15.8.1",
-        "resolve": "^2.0.0-next.4",
-        "semver": "^6.3.1",
-        "string.prototype.matchall": "^4.0.8"
-      },
-      "engines": {
-        "node": ">=4"
-      },
-      "peerDependencies": {
-        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8"
-      }
-    },
-    "node_modules/eslint-plugin-react-hooks": {
-      "version": "4.6.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.0.tgz",
-      "integrity": "sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "peerDependencies": {
-        "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0"
-      }
-    },
-    "node_modules/eslint-plugin-react/node_modules/doctrine": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
-      "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
-      "dev": true,
-      "dependencies": {
-        "esutils": "^2.0.2"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/eslint-plugin-react/node_modules/resolve": {
-      "version": "2.0.0-next.4",
-      "resolved": "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.4.tgz",
-      "integrity": "sha512-iMDbmAWtfU+MHpxt/I5iWI7cY6YVEZUQ3MBgPQ++XD1PELuJHIl82xBmObyP2KyQmkNB2dsqF7seoQQiAn5yDQ==",
-      "dev": true,
-      "dependencies": {
-        "is-core-module": "^2.9.0",
-        "path-parse": "^1.0.7",
-        "supports-preserve-symlinks-flag": "^1.0.0"
-      },
-      "bin": {
-        "resolve": "bin/resolve"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/eslint-plugin-unicorn": {
-      "version": "46.0.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-unicorn/-/eslint-plugin-unicorn-46.0.0.tgz",
-      "integrity": "sha512-j07WkC+PFZwk8J33LYp6JMoHa1lXc1u6R45pbSAipjpfpb7KIGr17VE2D685zCxR5VL4cjrl65kTJflziQWMDA==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@babel/helper-validator-identifier": "^7.19.1",
-        "@eslint-community/eslint-utils": "^4.1.2",
-        "ci-info": "^3.6.1",
-        "clean-regexp": "^1.0.0",
-        "esquery": "^1.4.0",
-        "indent-string": "^4.0.0",
-        "is-builtin-module": "^3.2.0",
-        "jsesc": "^3.0.2",
-        "lodash": "^4.17.21",
-        "pluralize": "^8.0.0",
-        "read-pkg-up": "^7.0.1",
-        "regexp-tree": "^0.1.24",
-        "regjsparser": "^0.9.1",
-        "safe-regex": "^2.1.1",
-        "semver": "^7.3.8",
-        "strip-indent": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=14.18"
-      },
-      "funding": {
-        "url": "https://github.com/sindresorhus/eslint-plugin-unicorn?sponsor=1"
-      },
-      "peerDependencies": {
-        "eslint": ">=8.28.0"
-      }
-    },
-    "node_modules/eslint-plugin-unicorn/node_modules/jsesc": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.0.2.tgz",
-      "integrity": "sha512-xKqzzWXDttJuOcawBt4KnKHHIf5oQ/Cxax+0PWFG+DFDgHNAdi+TXECADI+RYiFUMmx8792xsMbbgXj4CwnP4g==",
-      "dev": true,
-      "peer": true,
-      "bin": {
-        "jsesc": "bin/jsesc"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/eslint-plugin-unicorn/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,
-      "peer": true,
-      "dependencies": {
-        "lru-cache": "^6.0.0"
-      },
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/eslint-rule-composer": {
-      "version": "0.3.0",
-      "resolved": "https://registry.npmjs.org/eslint-rule-composer/-/eslint-rule-composer-0.3.0.tgz",
-      "integrity": "sha512-bt+Sh8CtDmn2OajxvNO+BX7Wn4CIWMpTRm3MaiKPCQcnnlm0CS2mhui6QaoeQugs+3Kj2ESKEEGJUdVafwhiCg==",
-      "dev": true,
-      "peer": true,
-      "engines": {
-        "node": ">=4.0.0"
-      }
-    },
-    "node_modules/eslint-scope": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
-      "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "esrecurse": "^4.3.0",
-        "estraverse": "^4.1.1"
-      },
-      "engines": {
-        "node": ">=8.0.0"
-      }
-    },
-    "node_modules/eslint-scope/node_modules/estraverse": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
-      "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
-      "dev": true,
-      "peer": true,
-      "engines": {
-        "node": ">=4.0"
-      }
-    },
-    "node_modules/eslint-visitor-keys": {
-      "version": "3.4.3",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
-      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
-      "dev": true,
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/eslint/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/eslint/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/eslint/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/eslint/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/eslint/node_modules/escape-string-regexp": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
-      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/eslint/node_modules/eslint-scope": {
-      "version": "7.2.2",
-      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz",
-      "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==",
-      "dev": true,
-      "dependencies": {
-        "esrecurse": "^4.3.0",
-        "estraverse": "^5.2.0"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/eslint/node_modules/globals": {
-      "version": "13.20.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-13.20.0.tgz",
-      "integrity": "sha512-Qg5QtVkCy/kv3FUSlu4ukeZDVf9ee0iXLAUYX13gbR17bnejFTzr4iS9bY7kwCf1NztRNm1t91fjOiyx4CSwPQ==",
-      "dev": true,
-      "dependencies": {
-        "type-fest": "^0.20.2"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/espree": {
-      "version": "9.6.1",
-      "resolved": "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz",
-      "integrity": "sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==",
-      "dev": true,
-      "dependencies": {
-        "acorn": "^8.9.0",
-        "acorn-jsx": "^5.3.2",
-        "eslint-visitor-keys": "^3.4.1"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/esquery": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.5.0.tgz",
-      "integrity": "sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==",
-      "dev": true,
-      "dependencies": {
-        "estraverse": "^5.1.0"
-      },
-      "engines": {
-        "node": ">=0.10"
-      }
-    },
-    "node_modules/esrecurse": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
-      "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
-      "dev": true,
-      "dependencies": {
-        "estraverse": "^5.2.0"
-      },
-      "engines": {
-        "node": ">=4.0"
-      }
-    },
-    "node_modules/estraverse": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
-      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
-      "dev": true,
-      "engines": {
-        "node": ">=4.0"
-      }
-    },
-    "node_modules/esutils": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
-      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/event-target-shim": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/event-target-shim/-/event-target-shim-5.0.1.tgz",
-      "integrity": "sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ==",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/events": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
-      "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==",
-      "engines": {
-        "node": ">=0.8.x"
-      }
-    },
-    "node_modules/execall": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/execall/-/execall-2.0.0.tgz",
-      "integrity": "sha512-0FU2hZ5Hh6iQnarpRtQurM/aAvp3RIbfvgLHrcqJYzhXyV2KFruhuChf9NC6waAhiUR7FFtlugkI4p7f2Fqlow==",
-      "dev": true,
-      "dependencies": {
-        "clone-regexp": "^2.1.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/fast-deep-equal": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
-      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
-      "dev": true
-    },
-    "node_modules/fast-glob": {
-      "version": "3.3.1",
-      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.1.tgz",
-      "integrity": "sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==",
-      "dev": true,
-      "dependencies": {
-        "@nodelib/fs.stat": "^2.0.2",
-        "@nodelib/fs.walk": "^1.2.3",
-        "glob-parent": "^5.1.2",
-        "merge2": "^1.3.0",
-        "micromatch": "^4.0.4"
-      },
-      "engines": {
-        "node": ">=8.6.0"
-      }
-    },
-    "node_modules/fast-glob/node_modules/glob-parent": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-      "dev": true,
-      "dependencies": {
-        "is-glob": "^4.0.1"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/fast-json-stable-stringify": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
-      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
-      "dev": true
-    },
-    "node_modules/fast-levenshtein": {
-      "version": "2.0.6",
-      "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
-      "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
-      "dev": true
-    },
-    "node_modules/fast-redact": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/fast-redact/-/fast-redact-3.2.0.tgz",
-      "integrity": "sha512-zaTadChr+NekyzallAMXATXLOR8MNx3zqpZ0MUF2aGf4EathnG0f32VLODNlY8IuGY3HoRO2L6/6fSzNsLaHIw==",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/fastest-levenshtein": {
-      "version": "1.0.12",
-      "resolved": "https://registry.npmjs.org/fastest-levenshtein/-/fastest-levenshtein-1.0.12.tgz",
-      "integrity": "sha512-On2N+BpYJ15xIC974QNVuYGMOlEVt4s0EOI3wwMqOmK1fdDY+FN/zltPV8vosq4ad4c/gJ1KHScUn/6AWIgiow==",
-      "dev": true
-    },
-    "node_modules/fastq": {
-      "version": "1.13.0",
-      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.13.0.tgz",
-      "integrity": "sha512-YpkpUnK8od0o1hmeSc7UUs/eB/vIPWJYjKck2QKIzAf71Vm1AAQ3EbuZB3g2JIy+pg+ERD0vqI79KyZiB2e2Nw==",
-      "dev": true,
-      "dependencies": {
-        "reusify": "^1.0.4"
-      }
-    },
-    "node_modules/file-entry-cache": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
-      "integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==",
-      "dev": true,
-      "dependencies": {
-        "flat-cache": "^3.0.4"
-      },
-      "engines": {
-        "node": "^10.12.0 || >=12.0.0"
-      }
-    },
-    "node_modules/fill-range": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
-      "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
-      "devOptional": true,
-      "dependencies": {
-        "to-regex-range": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "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/flat-cache": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.0.4.tgz",
-      "integrity": "sha512-dm9s5Pw7Jc0GvMYbshN6zchCA9RgQlzzEZX3vylR9IqFfS8XciblUXOKfW6SiuJ0e13eDYZoZV5wdrev7P3Nwg==",
-      "dev": true,
-      "dependencies": {
-        "flatted": "^3.1.0",
-        "rimraf": "^3.0.2"
-      },
-      "engines": {
-        "node": "^10.12.0 || >=12.0.0"
-      }
-    },
-    "node_modules/flatted": {
-      "version": "3.2.4",
-      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.2.4.tgz",
-      "integrity": "sha512-8/sOawo8tJ4QOBX8YlQBMxL8+RLZfxMQOif9o0KUKTNTjMYElWPE0r/m5VNFxTRd0NSw8qSy8dajrwX4RYI1Hw==",
-      "dev": true
-    },
-    "node_modules/for-each": {
-      "version": "0.3.3",
-      "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz",
-      "integrity": "sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==",
-      "dev": true,
-      "dependencies": {
-        "is-callable": "^1.1.3"
-      }
-    },
-    "node_modules/fs-readdir-recursive": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/fs-readdir-recursive/-/fs-readdir-recursive-1.1.0.tgz",
-      "integrity": "sha512-GNanXlVr2pf02+sPN40XN8HG+ePaNcvM0q5mZBd668Obwb0yD5GiUbZOFgwn8kGMY6I3mdyDJzieUy3PTYyTRA=="
-    },
-    "node_modules/fs.realpath": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
-      "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8="
-    },
-    "node_modules/fsevents": {
-      "version": "2.3.3",
-      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
-      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
-      "hasInstallScript": true,
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
-      }
-    },
-    "node_modules/function-bind": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
-      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/function.prototype.name": {
-      "version": "1.1.6",
-      "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.6.tgz",
-      "integrity": "sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "functions-have-names": "^1.2.3"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/functions-have-names": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
-      "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
-      "dev": true,
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/gensync": {
-      "version": "1.0.0-beta.2",
-      "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
-      "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/get-intrinsic": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.2.tgz",
-      "integrity": "sha512-0gSo4ml/0j98Y3lngkFEot/zhiCeWsbYIlZ+uZOVgzLyLaUw7wxUL+nCTP0XJvJg1AXulJRI3UJi8GsbDuxdGA==",
-      "dev": true,
-      "dependencies": {
-        "function-bind": "^1.1.2",
-        "has-proto": "^1.0.1",
-        "has-symbols": "^1.0.3",
-        "hasown": "^2.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/get-stdin": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-8.0.0.tgz",
-      "integrity": "sha512-sY22aA6xchAzprjyqmSEQv4UbAAzRN0L2dQB0NlN5acTTK9Don6nhoc3eAbUnpZiCANAMfd/+40kVdKfFygohg==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/get-symbol-description": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.0.0.tgz",
-      "integrity": "sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "get-intrinsic": "^1.1.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/get-tsconfig": {
-      "version": "4.7.2",
-      "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.7.2.tgz",
-      "integrity": "sha512-wuMsz4leaj5hbGgg4IvDU0bqJagpftG5l5cXIAvo8uZrqn0NJqwtfupTN00VnkQJPcIRrxYrm1Ue24btpCha2A==",
-      "dev": true,
-      "dependencies": {
-        "resolve-pkg-maps": "^1.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/privatenumber/get-tsconfig?sponsor=1"
-      }
-    },
-    "node_modules/glob": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.0.tgz",
-      "integrity": "sha512-lmLf6gtyrPq8tTjSmrO94wBeQbFR3HbLHbuyD69wuyQkImp2hWqMGB47OX65FBkPffO641IP9jWa1z4ivqG26Q==",
-      "dependencies": {
-        "fs.realpath": "^1.0.0",
-        "inflight": "^1.0.4",
-        "inherits": "2",
-        "minimatch": "^3.0.4",
-        "once": "^1.3.0",
-        "path-is-absolute": "^1.0.0"
-      },
-      "engines": {
-        "node": "*"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/glob-parent": {
-      "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
-      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
-      "dev": true,
-      "dependencies": {
-        "is-glob": "^4.0.3"
-      },
-      "engines": {
-        "node": ">=10.13.0"
-      }
-    },
-    "node_modules/glob-to-regexp": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz",
-      "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw=="
-    },
-    "node_modules/global-modules": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/global-modules/-/global-modules-2.0.0.tgz",
-      "integrity": "sha512-NGbfmJBp9x8IxyJSd1P+otYK8vonoJactOogrVfFRIAEY1ukil8RSKDz2Yo7wh1oihl51l/r6W4epkeKJHqL8A==",
-      "dev": true,
-      "dependencies": {
-        "global-prefix": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/global-prefix": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/global-prefix/-/global-prefix-3.0.0.tgz",
-      "integrity": "sha512-awConJSVCHVGND6x3tmMaKcQvwXLhjdkmomy2W+Goaui8YPgYgXJZewhg3fWC+DlfqqQuWg8AwqjGTD2nAPVWg==",
-      "dev": true,
-      "dependencies": {
-        "ini": "^1.3.5",
-        "kind-of": "^6.0.2",
-        "which": "^1.3.1"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/global-prefix/node_modules/which": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
-      "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
-      "dev": true,
-      "dependencies": {
-        "isexe": "^2.0.0"
-      },
-      "bin": {
-        "which": "bin/which"
-      }
-    },
-    "node_modules/globals": {
-      "version": "11.12.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz",
-      "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/globalthis": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.3.tgz",
-      "integrity": "sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==",
-      "dev": true,
-      "dependencies": {
-        "define-properties": "^1.1.3"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/globby": {
-      "version": "11.1.0",
-      "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
-      "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
-      "dev": true,
-      "dependencies": {
-        "array-union": "^2.1.0",
-        "dir-glob": "^3.0.1",
-        "fast-glob": "^3.2.9",
-        "ignore": "^5.2.0",
-        "merge2": "^1.4.1",
-        "slash": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/globjoin": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/globjoin/-/globjoin-0.1.4.tgz",
-      "integrity": "sha1-L0SUrIkZ43Z8XLtpHp9GMyQoXUM=",
-      "dev": true
-    },
-    "node_modules/gopd": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz",
-      "integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==",
-      "dev": true,
-      "dependencies": {
-        "get-intrinsic": "^1.1.3"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/graceful-fs": {
-      "version": "4.2.11",
-      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
-      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ=="
-    },
-    "node_modules/graphemer": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
-      "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
-      "dev": true
-    },
-    "node_modules/hard-rejection": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/hard-rejection/-/hard-rejection-2.1.0.tgz",
-      "integrity": "sha512-VIZB+ibDhx7ObhAe7OVtoEbuP4h/MuOTHJ+J8h/eBXotJYl0fBgR72xDFCKgIh22OJZIOVNxBMWuhAr10r8HdA==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/has": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
-      "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
-      "dev": true,
-      "dependencies": {
-        "function-bind": "^1.1.1"
-      },
-      "engines": {
-        "node": ">= 0.4.0"
-      }
-    },
-    "node_modules/has-bigints": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz",
-      "integrity": "sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==",
-      "dev": true,
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/has-flag": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/has-property-descriptors": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.0.tgz",
-      "integrity": "sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ==",
-      "dev": true,
-      "dependencies": {
-        "get-intrinsic": "^1.1.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/has-proto": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.1.tgz",
-      "integrity": "sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/has-symbols": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
-      "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/has-tostringtag": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.0.tgz",
-      "integrity": "sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==",
-      "dev": true,
-      "dependencies": {
-        "has-symbols": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/hasown": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.0.tgz",
-      "integrity": "sha512-vUptKVTpIJhcczKBbgnS+RtcuYMB8+oNzPK2/Hp3hanz8JmpATdmmgLgSaadVREkDm+e2giHwY3ZRkyjSIDDFA==",
-      "dependencies": {
-        "function-bind": "^1.1.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/hosted-git-info": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-4.1.0.tgz",
-      "integrity": "sha512-kyCuEOWjJqZuDbRHzL8V93NzQhwIB71oFWSyzVo+KPZI+pnQPPxucdkrOZvkLRnrf5URsQM+IJ09Dw29cRALIA==",
-      "dev": true,
-      "dependencies": {
-        "lru-cache": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/html-parse-stringify": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/html-parse-stringify/-/html-parse-stringify-3.0.1.tgz",
-      "integrity": "sha512-KknJ50kTInJ7qIScF3jeaFRpMpE8/lfiTdzf/twXyPBLAGrLRTmkz3AdTnKeh40X8k9L2fdYwEp/42WGXIRGcg==",
-      "dependencies": {
-        "void-elements": "3.1.0"
-      }
-    },
-    "node_modules/html-tags": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/html-tags/-/html-tags-3.2.0.tgz",
-      "integrity": "sha512-vy7ClnArOZwCnqZgvv+ddgHgJiAFXe3Ge9ML5/mBctVJoUoYPCdxVucOywjDARn6CVoh3dRSFdPHy2sX80L0Wg==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/i18next": {
-      "version": "23.7.8",
-      "resolved": "https://registry.npmjs.org/i18next/-/i18next-23.7.8.tgz",
-      "integrity": "sha512-yCe9964O+1abdIG01AOzk6P9mQi0HVJV1B57whYJQu6TjmrB9JHHDYonDI8amGt6M6b9bP3x3R0Zh7ROmvX7JQ==",
-      "funding": [
-        {
-          "type": "individual",
-          "url": "https://locize.com"
-        },
-        {
-          "type": "individual",
-          "url": "https://locize.com/i18next.html"
-        },
-        {
-          "type": "individual",
-          "url": "https://www.i18next.com/how-to/faq#i18next-is-awesome.-how-can-i-support-the-project"
-        }
-      ],
-      "dependencies": {
-        "@babel/runtime": "^7.23.2"
-      }
-    },
-    "node_modules/i18next-browser-languagedetector": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/i18next-browser-languagedetector/-/i18next-browser-languagedetector-7.2.0.tgz",
-      "integrity": "sha512-U00DbDtFIYD3wkWsr2aVGfXGAj2TgnELzOX9qv8bT0aJtvPV9CRO77h+vgmHFBMe7LAxdwvT/7VkCWGya6L3tA==",
-      "dependencies": {
-        "@babel/runtime": "^7.23.2"
-      }
-    },
-    "node_modules/i18next-resources-to-backend": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/i18next-resources-to-backend/-/i18next-resources-to-backend-1.2.0.tgz",
-      "integrity": "sha512-8f1l03s+QxDmCfpSXCh9V+AFcxAwIp0UaroWuyOx+hmmv8484GcELHs+lnu54FrNij8cDBEXvEwhzZoXsKcVpg==",
-      "dependencies": {
-        "@babel/runtime": "^7.23.2"
-      }
-    },
-    "node_modules/ieee754": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
-      "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==",
-      "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/ignore": {
-      "version": "5.2.4",
-      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.4.tgz",
-      "integrity": "sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==",
-      "dev": true,
-      "engines": {
-        "node": ">= 4"
-      }
-    },
-    "node_modules/immer": {
-      "version": "10.0.3",
-      "resolved": "https://registry.npmjs.org/immer/-/immer-10.0.3.tgz",
-      "integrity": "sha512-pwupu3eWfouuaowscykeckFmVTpqbzW+rXFCX8rQLkZzM9ftBmU/++Ra+o+L27mz03zJTlyV4UUr+fdKNffo4A==",
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/immer"
-      }
-    },
-    "node_modules/import-fresh": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
-      "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
-      "dev": true,
-      "dependencies": {
-        "parent-module": "^1.0.0",
-        "resolve-from": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/import-lazy": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/import-lazy/-/import-lazy-4.0.0.tgz",
-      "integrity": "sha512-rKtvo6a868b5Hu3heneU+L4yEQ4jYKLtjpnPeUdK7h0yzXGmyBTypknlkCvHFBqfX9YlorEiMM6Dnq/5atfHkw==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/imurmurhash": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
-      "integrity": "sha1-khi5srkoojixPcT7a21XbyMUU+o=",
-      "dev": true,
-      "engines": {
-        "node": ">=0.8.19"
-      }
-    },
-    "node_modules/indent-string": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz",
-      "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/inflight": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
-      "integrity": "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=",
-      "dependencies": {
-        "once": "^1.3.0",
-        "wrappy": "1"
-      }
-    },
-    "node_modules/inherits": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
-      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
-    },
-    "node_modules/ini": {
-      "version": "1.3.8",
-      "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
-      "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==",
-      "dev": true
-    },
-    "node_modules/internal-slot": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.5.tgz",
-      "integrity": "sha512-Y+R5hJrzs52QCG2laLn4udYVnxsfny9CpOhNhUvk/SSSVyF6T27FzRbF0sroPidSu3X8oEAkOn2K804mjpt6UQ==",
-      "dev": true,
-      "dependencies": {
-        "get-intrinsic": "^1.2.0",
-        "has": "^1.0.3",
-        "side-channel": "^1.0.4"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/is-arguments": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.1.1.tgz",
-      "integrity": "sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "has-tostringtag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-array-buffer": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.2.tgz",
-      "integrity": "sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgraytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "get-intrinsic": "^1.2.0",
-        "is-typed-array": "^1.1.10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-arrayish": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
-      "integrity": "sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0=",
-      "dev": true
-    },
-    "node_modules/is-async-function": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/is-async-function/-/is-async-function-2.0.0.tgz",
-      "integrity": "sha512-Y1JXKrfykRJGdlDwdKlLpLyMIiWqWvuSd17TvZk68PLAOGOoF4Xyav1z0Xhoi+gCYjZVeC5SI+hYFOfvXmGRCA==",
-      "dev": true,
-      "dependencies": {
-        "has-tostringtag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-bigint": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.4.tgz",
-      "integrity": "sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==",
-      "dev": true,
-      "dependencies": {
-        "has-bigints": "^1.0.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-binary-path": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
-      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
-      "optional": true,
-      "dependencies": {
-        "binary-extensions": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/is-boolean-object": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.1.2.tgz",
-      "integrity": "sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "has-tostringtag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-builtin-module": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/is-builtin-module/-/is-builtin-module-3.2.1.tgz",
-      "integrity": "sha512-BSLE3HnV2syZ0FK0iMA/yUGplUeMmNz4AW5fnTunbCIqZi4vG3WjJT9FHMy5D69xmAYBHXQhJdALdpwVxV501A==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "builtin-modules": "^3.3.0"
-      },
-      "engines": {
-        "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/is-callable": {
-      "version": "1.2.7",
-      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
-      "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-core-module": {
-      "version": "2.13.1",
-      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.13.1.tgz",
-      "integrity": "sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==",
-      "dependencies": {
-        "hasown": "^2.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-date-object": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.5.tgz",
-      "integrity": "sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==",
-      "dev": true,
-      "dependencies": {
-        "has-tostringtag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-extglob": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
-      "integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=",
-      "devOptional": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/is-finalizationregistry": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/is-finalizationregistry/-/is-finalizationregistry-1.0.2.tgz",
-      "integrity": "sha512-0by5vtUJs8iFQb5TYUHHPudOR+qXYIMKtiUzvLIZITZUjknFmziyBJuLhVRc+Ds0dREFlskDNJKYIdIzu/9pfw==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-fullwidth-code-point": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
-      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/is-generator-function": {
-      "version": "1.0.10",
-      "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.0.10.tgz",
-      "integrity": "sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==",
-      "dev": true,
-      "dependencies": {
-        "has-tostringtag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-glob": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
-      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
-      "devOptional": true,
-      "dependencies": {
-        "is-extglob": "^2.1.1"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/is-map": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.2.tgz",
-      "integrity": "sha512-cOZFQQozTha1f4MxLFzlgKYPTyj26picdZTx82hbc/Xf4K/tZOOXSCkMvU4pKioRXGDLJRn0GM7Upe7kR721yg==",
-      "dev": true,
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-negative-zero": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.2.tgz",
-      "integrity": "sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-number": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
-      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
-      "devOptional": true,
-      "engines": {
-        "node": ">=0.12.0"
-      }
-    },
-    "node_modules/is-number-object": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.0.7.tgz",
-      "integrity": "sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==",
-      "dev": true,
-      "dependencies": {
-        "has-tostringtag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-path-inside": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
-      "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/is-plain-obj": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-1.1.0.tgz",
-      "integrity": "sha1-caUMhCnfync8kqOQpKA7OfzVHT4=",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/is-plain-object": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-5.0.0.tgz",
-      "integrity": "sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/is-regex": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz",
-      "integrity": "sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "has-tostringtag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-regexp": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/is-regexp/-/is-regexp-2.1.0.tgz",
-      "integrity": "sha512-OZ4IlER3zmRIoB9AqNhEggVxqIH4ofDns5nRrPS6yQxXE1TPCUpFznBfRQmQa8uC+pXqjMnukiJBxCisIxiLGA==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/is-set": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.2.tgz",
-      "integrity": "sha512-+2cnTEZeY5z/iXGbLhPrOAaK/Mau5k5eXq9j14CpRTftq0pAJu2MwVRSZhyZWBzx3o6X795Lz6Bpb6R0GKf37g==",
-      "dev": true,
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-shared-array-buffer": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.2.tgz",
-      "integrity": "sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-string": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.0.7.tgz",
-      "integrity": "sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==",
-      "dev": true,
-      "dependencies": {
-        "has-tostringtag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-symbol": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.4.tgz",
-      "integrity": "sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==",
-      "dev": true,
-      "dependencies": {
-        "has-symbols": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-typed-array": {
-      "version": "1.1.12",
-      "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.12.tgz",
-      "integrity": "sha512-Z14TF2JNG8Lss5/HMqt0//T9JeHXttXy5pH/DBU4vi98ozO2btxzq9MwYDZYnKwU8nRsz/+GVFVRDq3DkVuSPg==",
-      "dev": true,
-      "dependencies": {
-        "which-typed-array": "^1.1.11"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-weakmap": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.1.tgz",
-      "integrity": "sha512-NSBR4kH5oVj1Uwvv970ruUkCV7O1mzgVFO4/rev2cLRda9Tm9HrL70ZPut4rOHgY0FNrUu9BCbXA2sdQ+x0chA==",
-      "dev": true,
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-weakref": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.0.2.tgz",
-      "integrity": "sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-weakset": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.2.tgz",
-      "integrity": "sha512-t2yVvttHkQktwnNNmBQ98AhENLdPUTDTE21uPqAQ0ARwQfGeQKRVS0NNurH7bTf7RrvcVn1OOge45CnBeHCSmg==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "get-intrinsic": "^1.1.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/isarray": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
-      "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
-      "dev": true
-    },
-    "node_modules/isexe": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
-      "integrity": "sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=",
-      "dev": true
-    },
-    "node_modules/iterator.prototype": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/iterator.prototype/-/iterator.prototype-1.1.2.tgz",
-      "integrity": "sha512-DR33HMMr8EzwuRL8Y9D3u2BMj8+RqSE850jfGu59kS7tbmPLzGkZmVSfyCFSDxuZiEY6Rzt3T2NA/qU+NwVj1w==",
-      "dev": true,
-      "dependencies": {
-        "define-properties": "^1.2.1",
-        "get-intrinsic": "^1.2.1",
-        "has-symbols": "^1.0.3",
-        "reflect.getprototypeof": "^1.0.4",
-        "set-function-name": "^2.0.1"
-      }
-    },
-    "node_modules/jest-worker": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.5.1.tgz",
-      "integrity": "sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==",
-      "dev": true,
-      "dependencies": {
-        "@types/node": "*",
-        "merge-stream": "^2.0.0",
-        "supports-color": "^8.0.0"
-      },
-      "engines": {
-        "node": ">= 10.13.0"
-      }
-    },
-    "node_modules/jest-worker/node_modules/supports-color": {
-      "version": "8.1.1",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
-      "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
-      "dev": true,
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/supports-color?sponsor=1"
-      }
-    },
-    "node_modules/js-tokens": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
-      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="
-    },
-    "node_modules/js-yaml": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
-      "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
-      "dev": true,
-      "dependencies": {
-        "argparse": "^2.0.1"
-      },
-      "bin": {
-        "js-yaml": "bin/js-yaml.js"
-      }
-    },
-    "node_modules/jsesc": {
-      "version": "2.5.2",
-      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz",
-      "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==",
-      "bin": {
-        "jsesc": "bin/jsesc"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/json-parse-even-better-errors": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
-      "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
-      "dev": true
-    },
-    "node_modules/json-schema-traverse": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
-      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
-      "dev": true
-    },
-    "node_modules/json-stable-stringify-without-jsonify": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
-      "integrity": "sha1-nbe1lJatPzz+8wp1FC0tkwrXJlE=",
-      "dev": true
-    },
-    "node_modules/json5": {
-      "version": "2.2.3",
-      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
-      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
-      "bin": {
-        "json5": "lib/cli.js"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/jsx-ast-utils": {
-      "version": "3.3.3",
-      "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.3.3.tgz",
-      "integrity": "sha512-fYQHZTZ8jSfmWZ0iyzfwiU4WDX4HpHbMCZ3gPlWYiCl3BoeOTsqKBqnTVfH2rYT7eP5c3sVbeSPHnnJOaTrWiw==",
-      "dev": true,
-      "dependencies": {
-        "array-includes": "^3.1.5",
-        "object.assign": "^4.1.3"
-      },
-      "engines": {
-        "node": ">=4.0"
-      }
-    },
-    "node_modules/jwt-decode": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/jwt-decode/-/jwt-decode-3.1.2.tgz",
-      "integrity": "sha512-UfpWE/VZn0iP50d8cz9NrZLM9lSWhcJ+0Gt/nm4by88UL+J1SiKN8/5dkjMmbEzwL2CAe+67GsegCbIKtbp75A=="
-    },
-    "node_modules/kind-of": {
-      "version": "6.0.3",
-      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
-      "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/known-css-properties": {
-      "version": "0.25.0",
-      "resolved": "https://registry.npmjs.org/known-css-properties/-/known-css-properties-0.25.0.tgz",
-      "integrity": "sha512-b0/9J1O9Jcyik1GC6KC42hJ41jKwdO/Mq8Mdo5sYN+IuRTXs2YFHZC3kZSx6ueusqa95x3wLYe/ytKjbAfGixA==",
-      "dev": true
-    },
-    "node_modules/language-subtag-registry": {
-      "version": "0.3.21",
-      "resolved": "https://registry.npmjs.org/language-subtag-registry/-/language-subtag-registry-0.3.21.tgz",
-      "integrity": "sha512-L0IqwlIXjilBVVYKFT37X9Ih11Um5NEl9cbJIuU/SwP/zEEAbBPOnEeeuxVMf45ydWQRDQN3Nqc96OgbH1K+Pg==",
-      "dev": true
-    },
-    "node_modules/language-tags": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/language-tags/-/language-tags-1.0.5.tgz",
-      "integrity": "sha1-0yHbxNowuovzAk4ED6XBRmH5GTo=",
-      "dev": true,
-      "dependencies": {
-        "language-subtag-registry": "~0.3.2"
-      }
-    },
-    "node_modules/levn": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
-      "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
-      "dev": true,
-      "dependencies": {
-        "prelude-ls": "^1.2.1",
-        "type-check": "~0.4.0"
-      },
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/lines-and-columns": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
-      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
-      "dev": true
-    },
-    "node_modules/loader-runner": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/loader-runner/-/loader-runner-4.3.0.tgz",
-      "integrity": "sha512-3R/1M+yS3j5ou80Me59j7F9IMs4PXs3VqRrm0TU3AbKPxlmpoY1TNscJV/oGJXo8qCatFGTfDbY6W6ipGOYXfg==",
-      "dev": true,
-      "peer": true,
-      "engines": {
-        "node": ">=6.11.5"
-      }
-    },
-    "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/lodash": {
-      "version": "4.17.21",
-      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
-      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
-    },
-    "node_modules/lodash.debounce": {
-      "version": "4.0.8",
-      "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
-      "integrity": "sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow=="
-    },
-    "node_modules/lodash.merge": {
-      "version": "4.6.2",
-      "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
-      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
-      "dev": true
-    },
-    "node_modules/lodash.truncate": {
-      "version": "4.4.2",
-      "resolved": "https://registry.npmjs.org/lodash.truncate/-/lodash.truncate-4.4.2.tgz",
-      "integrity": "sha1-WjUNoLERO4N+z//VgSy+WNbq4ZM=",
-      "dev": true
-    },
-    "node_modules/loglevel": {
-      "version": "1.8.0",
-      "resolved": "https://registry.npmjs.org/loglevel/-/loglevel-1.8.0.tgz",
-      "integrity": "sha512-G6A/nJLRgWOuuwdNuA6koovfEV1YpqqAG4pRUlFaz3jj2QNZ8M4vBqnVA+HBTmU/AMNUtlOsMmSpF6NyOjztbA==",
-      "engines": {
-        "node": ">= 0.6.0"
-      },
-      "funding": {
-        "type": "tidelift",
-        "url": "https://tidelift.com/funding/github/npm/loglevel"
-      }
-    },
-    "node_modules/loose-envify": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
-      "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
-      "dependencies": {
-        "js-tokens": "^3.0.0 || ^4.0.0"
-      },
-      "bin": {
-        "loose-envify": "cli.js"
-      }
-    },
-    "node_modules/lru-cache": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-      "dev": true,
-      "dependencies": {
-        "yallist": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/make-dir": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-2.1.0.tgz",
-      "integrity": "sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==",
-      "dependencies": {
-        "pify": "^4.0.1",
-        "semver": "^5.6.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/make-dir/node_modules/semver": {
-      "version": "5.7.2",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
-      "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
-      "bin": {
-        "semver": "bin/semver"
-      }
-    },
-    "node_modules/map-obj": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-4.3.0.tgz",
-      "integrity": "sha512-hdN1wVrZbb29eBGiGjJbeP8JbKjq1urkHJ/LIP/NY48MZ1QVXUsQBV1G1zvYFHn1XE06cwjBsOI2K3Ulnj1YXQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/mathml-tag-names": {
-      "version": "2.1.3",
-      "resolved": "https://registry.npmjs.org/mathml-tag-names/-/mathml-tag-names-2.1.3.tgz",
-      "integrity": "sha512-APMBEanjybaPzUrfqU0IMU5I0AswKMH7k8OTLs0vvV4KZpExkTkY87nR/zpbuTPj+gARop7aGUbl11pnDfW6xg==",
-      "dev": true,
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
-      }
-    },
-    "node_modules/matrix-events-sdk": {
-      "version": "0.0.1",
-      "resolved": "https://registry.npmjs.org/matrix-events-sdk/-/matrix-events-sdk-0.0.1.tgz",
-      "integrity": "sha512-1QEOsXO+bhyCroIe2/A5OwaxHvBm7EsSQ46DEDn8RBIfQwN5HWBpFvyWWR4QY0KHPPnnJdI99wgRiAl7Ad5qaA=="
-    },
-    "node_modules/matrix-js-sdk": {
-      "version": "30.2.0",
-      "resolved": "https://registry.npmjs.org/matrix-js-sdk/-/matrix-js-sdk-30.2.0.tgz",
-      "integrity": "sha512-EUWL6JMbjvnvo/5MidHNZyrA6VfNavelMqLwlQ3v76Fui9ORTqDlgxO/zu9XB+dBInJNbyGmI3EjQOR7f1AQUA==",
-      "dependencies": {
-        "@babel/runtime": "^7.12.5",
-        "@matrix-org/matrix-sdk-crypto-wasm": "^3.1.0",
-        "another-json": "^0.2.0",
-        "bs58": "^5.0.0",
-        "content-type": "^1.0.4",
-        "jwt-decode": "^3.1.2",
-        "loglevel": "^1.7.1",
-        "matrix-events-sdk": "0.0.1",
-        "matrix-widget-api": "^1.6.0",
-        "oidc-client-ts": "^2.2.4",
-        "p-retry": "4",
-        "sdp-transform": "^2.14.1",
-        "unhomoglyph": "^1.0.6",
-        "uuid": "9"
-      },
-      "engines": {
-        "node": ">=18.0.0"
-      }
-    },
-    "node_modules/matrix-widget-api": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/matrix-widget-api/-/matrix-widget-api-1.6.0.tgz",
-      "integrity": "sha512-VXIJyAZ/WnBmT4C7ePqevgMYGneKMCP/0JuCOqntSsaNlCRHJvwvTxmqUU+ufOpzIF5gYNyIrAjbgrEbK3iqJQ==",
-      "dependencies": {
-        "@types/events": "^3.0.0",
-        "events": "^3.2.0"
-      }
-    },
-    "node_modules/meow": {
-      "version": "9.0.0",
-      "resolved": "https://registry.npmjs.org/meow/-/meow-9.0.0.tgz",
-      "integrity": "sha512-+obSblOQmRhcyBt62furQqRAQpNyWXo8BuQ5bN7dG8wmwQ+vwHKp/rCFD4CrTP8CsDQD1sjoZ94K417XEUk8IQ==",
-      "dev": true,
-      "dependencies": {
-        "@types/minimist": "^1.2.0",
-        "camelcase-keys": "^6.2.2",
-        "decamelize": "^1.2.0",
-        "decamelize-keys": "^1.1.0",
-        "hard-rejection": "^2.1.0",
-        "minimist-options": "4.1.0",
-        "normalize-package-data": "^3.0.0",
-        "read-pkg-up": "^7.0.1",
-        "redent": "^3.0.0",
-        "trim-newlines": "^3.0.0",
-        "type-fest": "^0.18.0",
-        "yargs-parser": "^20.2.3"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/meow/node_modules/type-fest": {
-      "version": "0.18.1",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.18.1.tgz",
-      "integrity": "sha512-OIAYXk8+ISY+qTOwkHtKqzAuxchoMiD9Udx+FSGQDuiRR+PJKJHc2NJAXlbhkGwTt/4/nKZxELY1w3ReWOL8mw==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/merge-stream": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
-      "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==",
-      "dev": true
-    },
-    "node_modules/merge2": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
-      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
-      "dev": true,
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/micromatch": {
-      "version": "4.0.5",
-      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
-      "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
-      "dev": true,
-      "dependencies": {
-        "braces": "^3.0.2",
-        "picomatch": "^2.3.1"
-      },
-      "engines": {
-        "node": ">=8.6"
-      }
-    },
-    "node_modules/mime-db": {
-      "version": "1.51.0",
-      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.51.0.tgz",
-      "integrity": "sha512-5y8A56jg7XVQx2mbv1lu49NR4dokRnhZYTtL+KGfaa27uq4pSTXkwQkFJl4pkRMyNFz/EtYDSkiiEHx3F7UN6g==",
-      "dev": true,
-      "peer": true,
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/mime-types": {
-      "version": "2.1.34",
-      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.34.tgz",
-      "integrity": "sha512-6cP692WwGIs9XXdOO4++N+7qjqv0rqxxVvJ3VHPh/Sc9mVZcQP+ZGhkKiTvWMQRr2tbHkJP/Yn7Y0npb3ZBs4A==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "mime-db": "1.51.0"
-      },
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/min-indent": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/min-indent/-/min-indent-1.0.1.tgz",
-      "integrity": "sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==",
-      "dev": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/minimatch": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-      "dependencies": {
-        "brace-expansion": "^1.1.7"
-      },
-      "engines": {
-        "node": "*"
-      }
-    },
-    "node_modules/minimist": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
-      "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
-      "dev": true,
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/minimist-options": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/minimist-options/-/minimist-options-4.1.0.tgz",
-      "integrity": "sha512-Q4r8ghd80yhO/0j1O3B2BjweX3fiHg9cdOwjJd2J76Q135c+NDxGCqdYKQ1SKBuFfgWbAUzBfvYjPUEeNgqN1A==",
-      "dev": true,
-      "dependencies": {
-        "arrify": "^1.0.1",
-        "is-plain-obj": "^1.1.0",
-        "kind-of": "^6.0.3"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "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/nanoid": {
-      "version": "3.3.6",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz",
-      "integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "bin": {
-        "nanoid": "bin/nanoid.cjs"
-      },
-      "engines": {
-        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
-      }
-    },
-    "node_modules/natural-compare": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
-      "integrity": "sha1-Sr6/7tdUHywnrPspvbvRXI1bpPc=",
-      "dev": true
-    },
-    "node_modules/natural-compare-lite": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/natural-compare-lite/-/natural-compare-lite-1.4.0.tgz",
-      "integrity": "sha512-Tj+HTDSJJKaZnfiuw+iaF9skdPpTo2GtEly5JHnWV/hfv2Qj/9RKsGISQtLh2ox3l5EAGw487hnBee0sIJ6v2g==",
-      "dev": true,
-      "peer": true
-    },
-    "node_modules/neo-async": {
-      "version": "2.6.2",
-      "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz",
-      "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==",
-      "dev": true,
-      "peer": true
-    },
-    "node_modules/next": {
-      "version": "14.0.4",
-      "resolved": "https://registry.npmjs.org/next/-/next-14.0.4.tgz",
-      "integrity": "sha512-qbwypnM7327SadwFtxXnQdGiKpkuhaRLE2uq62/nRul9cj9KhQ5LhHmlziTNqUidZotw/Q1I9OjirBROdUJNgA==",
-      "dependencies": {
-        "@next/env": "14.0.4",
-        "@swc/helpers": "0.5.2",
-        "busboy": "1.6.0",
-        "caniuse-lite": "^1.0.30001406",
-        "graceful-fs": "^4.2.11",
-        "postcss": "8.4.31",
-        "styled-jsx": "5.1.1",
-        "watchpack": "2.4.0"
-      },
-      "bin": {
-        "next": "dist/bin/next"
-      },
-      "engines": {
-        "node": ">=18.17.0"
-      },
-      "optionalDependencies": {
-        "@next/swc-darwin-arm64": "14.0.4",
-        "@next/swc-darwin-x64": "14.0.4",
-        "@next/swc-linux-arm64-gnu": "14.0.4",
-        "@next/swc-linux-arm64-musl": "14.0.4",
-        "@next/swc-linux-x64-gnu": "14.0.4",
-        "@next/swc-linux-x64-musl": "14.0.4",
-        "@next/swc-win32-arm64-msvc": "14.0.4",
-        "@next/swc-win32-ia32-msvc": "14.0.4",
-        "@next/swc-win32-x64-msvc": "14.0.4"
-      },
-      "peerDependencies": {
-        "@opentelemetry/api": "^1.1.0",
-        "react": "^18.2.0",
-        "react-dom": "^18.2.0",
-        "sass": "^1.3.0"
-      },
-      "peerDependenciesMeta": {
-        "@opentelemetry/api": {
-          "optional": true
-        },
-        "sass": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/node-releases": {
-      "version": "2.0.13",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.13.tgz",
-      "integrity": "sha512-uYr7J37ae/ORWdZeQ1xxMJe3NtdmqMC/JZK+geofDrkLUApKRHPd18/TxtBOJ4A0/+uUIliorNrfYV6s1b02eQ=="
-    },
-    "node_modules/normalize-package-data": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-3.0.3.tgz",
-      "integrity": "sha512-p2W1sgqij3zMMyRC067Dg16bfzVH+w7hyegmpIvZ4JNjqtGOVAIvLmjBx3yP7YTe9vKJgkoNOPjwQGogDoMXFA==",
-      "dev": true,
-      "dependencies": {
-        "hosted-git-info": "^4.0.1",
-        "is-core-module": "^2.5.0",
-        "semver": "^7.3.4",
-        "validate-npm-package-license": "^3.0.1"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/normalize-package-data/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/normalize-path": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
-      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
-      "devOptional": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/normalize-selector": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/normalize-selector/-/normalize-selector-0.2.0.tgz",
-      "integrity": "sha1-0LFF62kRicY6eNIB3E/bEpPvDAM=",
-      "dev": true
-    },
-    "node_modules/normalize.css": {
-      "version": "8.0.1",
-      "resolved": "https://registry.npmjs.org/normalize.css/-/normalize.css-8.0.1.tgz",
-      "integrity": "sha512-qizSNPO93t1YUuUhP22btGOo3chcvDFqFaj2TRybP0DMxkHOCTYwp3n34fel4a31ORXy4m1Xq0Gyqpb5m33qIg=="
-    },
-    "node_modules/object-assign": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
-      "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/object-inspect": {
-      "version": "1.13.1",
-      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.1.tgz",
-      "integrity": "sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==",
-      "dev": true,
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/object-is": {
-      "version": "1.1.5",
-      "resolved": "https://registry.npmjs.org/object-is/-/object-is-1.1.5.tgz",
-      "integrity": "sha512-3cyDsyHgtmi7I7DfSSI2LDp6SK2lwvtbg0p0R1e0RvTqF5ceGx+K2dfSjm1bKDMVCFEDAQvy+o8c6a7VujOddw==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.1.3"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/object-keys": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
-      "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/object.assign": {
-      "version": "4.1.4",
-      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.4.tgz",
-      "integrity": "sha512-1mxKf0e58bvyjSCtKYY4sRe9itRk3PJpquJOjeIkz885CczcI4IvJJDLPS72oowuSh+pBxUFROpX+TU++hxhZQ==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.1.4",
-        "has-symbols": "^1.0.3",
-        "object-keys": "^1.1.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/object.entries": {
-      "version": "1.1.6",
-      "resolved": "https://registry.npmjs.org/object.entries/-/object.entries-1.1.6.tgz",
-      "integrity": "sha512-leTPzo4Zvg3pmbQ3rDK69Rl8GQvIqMWubrkxONG9/ojtFE2rD9fjMKfSI5BxW3osRH1m6VdzmqK8oAY9aT4x5w==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.1.4",
-        "es-abstract": "^1.20.4"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/object.fromentries": {
-      "version": "2.0.7",
-      "resolved": "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.7.tgz",
-      "integrity": "sha512-UPbPHML6sL8PI/mOqPwsH4G6iyXcCGzLin8KvEPenOZN5lpCNBZZQ+V62vdjB1mQHrmqGQt5/OJzemUA+KJmEA==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/object.groupby": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/object.groupby/-/object.groupby-1.0.1.tgz",
-      "integrity": "sha512-HqaQtqLnp/8Bn4GL16cj+CUYbnpe1bh0TtEaWvybszDG4tgxCJuRpV8VGuvNaI1fAnI4lUJzDG55MXcOH4JZcQ==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "get-intrinsic": "^1.2.1"
-      }
-    },
-    "node_modules/object.hasown": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/object.hasown/-/object.hasown-1.1.2.tgz",
-      "integrity": "sha512-B5UIT3J1W+WuWIU55h0mjlwaqxiE5vYENJXIXZ4VFe05pNYrkKuK0U/6aFcb0pKywYJh7IhfoqUfKVmrJJHZHw==",
-      "dev": true,
-      "dependencies": {
-        "define-properties": "^1.1.4",
-        "es-abstract": "^1.20.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/object.values": {
-      "version": "1.1.7",
-      "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.1.7.tgz",
-      "integrity": "sha512-aU6xnDFYT3x17e/f0IiiwlGPTy2jzMySGfUB4fq6z7CV8l85CWHDk5ErhyhpfDHhrOMwGFhSQkhMGHaIotA6Ng==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/oidc-client-ts": {
-      "version": "2.4.0",
-      "resolved": "https://registry.npmjs.org/oidc-client-ts/-/oidc-client-ts-2.4.0.tgz",
-      "integrity": "sha512-WijhkTrlXK2VvgGoakWJiBdfIsVGz6CFzgjNNqZU1hPKV2kyeEaJgLs7RwuiSp2WhLfWBQuLvr2SxVlZnk3N1w==",
-      "dependencies": {
-        "crypto-js": "^4.2.0",
-        "jwt-decode": "^3.1.2"
-      },
-      "engines": {
-        "node": ">=12.13.0"
-      }
-    },
-    "node_modules/on-exit-leak-free": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/on-exit-leak-free/-/on-exit-leak-free-2.1.0.tgz",
-      "integrity": "sha512-VuCaZZAjReZ3vUwgOB8LxAosIurDiAW0s13rI1YwmaP++jvcxP77AWoQvenZebpCA2m8WC1/EosPYPMjnRAp/w=="
-    },
-    "node_modules/once": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
-      "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=",
-      "dependencies": {
-        "wrappy": "1"
-      }
-    },
-    "node_modules/optionator": {
-      "version": "0.9.3",
-      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.3.tgz",
-      "integrity": "sha512-JjCoypp+jKn1ttEFExxhetCKeJt9zhAgAve5FXHixTvFDW/5aEktX9bufBKLRRMdU7bNtpLfcGu94B3cdEJgjg==",
-      "dev": true,
-      "dependencies": {
-        "@aashutoshrathi/word-wrap": "^1.2.3",
-        "deep-is": "^0.1.3",
-        "fast-levenshtein": "^2.0.6",
-        "levn": "^0.4.1",
-        "prelude-ls": "^1.2.1",
-        "type-check": "^0.4.0"
-      },
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/p-limit": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
-      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
-      "dev": true,
-      "dependencies": {
-        "yocto-queue": "^0.1.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "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/p-retry": {
-      "version": "4.6.1",
-      "resolved": "https://registry.npmjs.org/p-retry/-/p-retry-4.6.1.tgz",
-      "integrity": "sha512-e2xXGNhZOZ0lfgR9kL34iGlU8N/KO0xZnQxVEwdeOvpqNDQfdnxIYizvWtK8RglUa3bGqI8g0R/BdfzLMxRkiA==",
-      "dependencies": {
-        "@types/retry": "^0.12.0",
-        "retry": "^0.13.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/parent-module": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
-      "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
-      "dev": true,
-      "dependencies": {
-        "callsites": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/parse-json": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
-      "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==",
-      "dev": true,
-      "dependencies": {
-        "@babel/code-frame": "^7.0.0",
-        "error-ex": "^1.3.1",
-        "json-parse-even-better-errors": "^2.3.0",
-        "lines-and-columns": "^1.1.6"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/path-exists": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
-      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/path-is-absolute": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
-      "integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18=",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/path-key": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
-      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/path-parse": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
-      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw=="
-    },
-    "node_modules/path-type": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
-      "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/picocolors": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
-      "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ=="
-    },
-    "node_modules/picomatch": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
-      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
-      "devOptional": true,
-      "engines": {
-        "node": ">=8.6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/jonschlinkert"
-      }
-    },
-    "node_modules/pify": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz",
-      "integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/pino": {
-      "version": "8.16.2",
-      "resolved": "https://registry.npmjs.org/pino/-/pino-8.16.2.tgz",
-      "integrity": "sha512-2advCDGVEvkKu9TTVSa/kWW7Z3htI/sBKEZpqiHk6ive0i/7f5b1rsU8jn0aimxqfnSz5bj/nOYkwhBUn5xxvg==",
-      "dependencies": {
-        "atomic-sleep": "^1.0.0",
-        "fast-redact": "^3.1.1",
-        "on-exit-leak-free": "^2.1.0",
-        "pino-abstract-transport": "v1.1.0",
-        "pino-std-serializers": "^6.0.0",
-        "process-warning": "^2.0.0",
-        "quick-format-unescaped": "^4.0.3",
-        "real-require": "^0.2.0",
-        "safe-stable-stringify": "^2.3.1",
-        "sonic-boom": "^3.7.0",
-        "thread-stream": "^2.0.0"
-      },
-      "bin": {
-        "pino": "bin.js"
-      }
-    },
-    "node_modules/pino-abstract-transport": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/pino-abstract-transport/-/pino-abstract-transport-1.1.0.tgz",
-      "integrity": "sha512-lsleG3/2a/JIWUtf9Q5gUNErBqwIu1tUKTT3dUzaf5DySw9ra1wcqKjJjLX1VTY64Wk1eEOYsVGSaGfCK85ekA==",
-      "dependencies": {
-        "readable-stream": "^4.0.0",
-        "split2": "^4.0.0"
-      }
-    },
-    "node_modules/pino-std-serializers": {
-      "version": "6.2.2",
-      "resolved": "https://registry.npmjs.org/pino-std-serializers/-/pino-std-serializers-6.2.2.tgz",
-      "integrity": "sha512-cHjPPsE+vhj/tnhCy/wiMh3M3z3h/j15zHQX+S9GkTBgqJuTuJzYJ4gUyACLhDaJ7kk9ba9iRDmbH2tJU03OiA=="
-    },
-    "node_modules/pluralize": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/pluralize/-/pluralize-8.0.0.tgz",
-      "integrity": "sha512-Nc3IT5yHzflTfbjgqWcCPpo7DaKy4FnpB0l/zCAW0Tc7jxAiuqSxHasntB3D7887LSrA93kDJ9IXovxJYxyLCA==",
-      "dev": true,
-      "peer": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/postcss": {
-      "version": "8.4.31",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
-      "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/postcss/"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/postcss"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "dependencies": {
-        "nanoid": "^3.3.6",
-        "picocolors": "^1.0.0",
-        "source-map-js": "^1.0.2"
-      },
-      "engines": {
-        "node": "^10 || ^12 || >=14"
-      }
-    },
-    "node_modules/postcss-media-query-parser": {
-      "version": "0.2.3",
-      "resolved": "https://registry.npmjs.org/postcss-media-query-parser/-/postcss-media-query-parser-0.2.3.tgz",
-      "integrity": "sha1-J7Ocb02U+Bsac7j3Y1HGCeXO8kQ=",
-      "dev": true
-    },
-    "node_modules/postcss-resolve-nested-selector": {
-      "version": "0.1.1",
-      "resolved": "https://registry.npmjs.org/postcss-resolve-nested-selector/-/postcss-resolve-nested-selector-0.1.1.tgz",
-      "integrity": "sha1-Kcy8fDfe36wwTp//C/FZaz9qDk4=",
-      "dev": true
-    },
-    "node_modules/postcss-safe-parser": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-safe-parser/-/postcss-safe-parser-6.0.0.tgz",
-      "integrity": "sha512-FARHN8pwH+WiS2OPCxJI8FuRJpTVnn6ZNFiqAM2aeW2LwTHWWmWgIyKC6cUo0L8aeKiF/14MNvnpls6R2PBeMQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=12.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
-      },
-      "peerDependencies": {
-        "postcss": "^8.3.3"
-      }
-    },
-    "node_modules/postcss-selector-parser": {
-      "version": "6.0.10",
-      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz",
-      "integrity": "sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==",
-      "dev": true,
-      "dependencies": {
-        "cssesc": "^3.0.0",
-        "util-deprecate": "^1.0.2"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/postcss-sorting": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/postcss-sorting/-/postcss-sorting-7.0.1.tgz",
-      "integrity": "sha512-iLBFYz6VRYyLJEJsBJ8M3TCqNcckVzz4wFounSc5Oez35ogE/X+aoC5fFu103Ot7NyvjU3/xqIXn93Gp3kJk4g==",
-      "dev": true,
-      "peerDependencies": {
-        "postcss": "^8.3.9"
-      }
-    },
-    "node_modules/postcss-syntax": {
-      "version": "0.36.2",
-      "resolved": "https://registry.npmjs.org/postcss-syntax/-/postcss-syntax-0.36.2.tgz",
-      "integrity": "sha512-nBRg/i7E3SOHWxF3PpF5WnJM/jQ1YpY9000OaVXlAQj6Zp/kIqJxEDWIZ67tAd7NLuk7zqN4yqe9nc0oNAOs1w==",
-      "dev": true,
-      "peer": true,
-      "peerDependencies": {
-        "postcss": ">=5.0.0"
-      }
-    },
-    "node_modules/postcss-value-parser": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
-      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ=="
-    },
-    "node_modules/prelude-ls": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
-      "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/process": {
-      "version": "0.11.10",
-      "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz",
-      "integrity": "sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==",
-      "engines": {
-        "node": ">= 0.6.0"
-      }
-    },
-    "node_modules/process-warning": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/process-warning/-/process-warning-2.2.0.tgz",
-      "integrity": "sha512-/1WZ8+VQjR6avWOgHeEPd7SDQmFQ1B5mC1eRXsCm5TarlNmx/wCsa5GEaxGm05BORRtyG/Ex/3xq3TuRvq57qg=="
-    },
-    "node_modules/prop-types": {
-      "version": "15.8.1",
-      "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
-      "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
-      "dev": true,
-      "dependencies": {
-        "loose-envify": "^1.4.0",
-        "object-assign": "^4.1.1",
-        "react-is": "^16.13.1"
-      }
-    },
-    "node_modules/prop-types/node_modules/react-is": {
-      "version": "16.13.1",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
-      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
-      "dev": true
-    },
-    "node_modules/punycode": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz",
-      "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/queue-microtask": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
-      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
-      "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/quick-format-unescaped": {
-      "version": "4.0.4",
-      "resolved": "https://registry.npmjs.org/quick-format-unescaped/-/quick-format-unescaped-4.0.4.tgz",
-      "integrity": "sha512-tYC1Q1hgyRuHgloV/YXs2w15unPVh8qfu/qCTfhTYamaw7fyhumKa2yGpdSo87vY32rIclj+4fWYQXUMs9EHvg=="
-    },
-    "node_modules/quick-lru": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/quick-lru/-/quick-lru-4.0.1.tgz",
-      "integrity": "sha512-ARhCpm70fzdcvNQfPoy49IaanKkTlRWF2JMzqhcJbhSFRZv7nPTvZJdcY7301IPmvW+/p0RgIWnQDLJxifsQ7g==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/randombytes": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
-      "integrity": "sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "safe-buffer": "^5.1.0"
-      }
-    },
-    "node_modules/react": {
-      "version": "18.2.0",
-      "resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz",
-      "integrity": "sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==",
-      "dependencies": {
-        "loose-envify": "^1.1.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/react-dom": {
-      "version": "18.2.0",
-      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz",
-      "integrity": "sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==",
-      "dependencies": {
-        "loose-envify": "^1.1.0",
-        "scheduler": "^0.23.0"
-      },
-      "peerDependencies": {
-        "react": "^18.2.0"
-      }
-    },
-    "node_modules/react-i18next": {
-      "version": "13.5.0",
-      "resolved": "https://registry.npmjs.org/react-i18next/-/react-i18next-13.5.0.tgz",
-      "integrity": "sha512-CFJ5NDGJ2MUyBohEHxljOq/39NQ972rh1ajnadG9BjTk+UXbHLq4z5DKEbEQBDoIhUmmbuS/fIMJKo6VOax1HA==",
-      "dependencies": {
-        "@babel/runtime": "^7.22.5",
-        "html-parse-stringify": "^3.0.1"
-      },
-      "peerDependencies": {
-        "i18next": ">= 23.2.3",
-        "react": ">= 16.8.0"
-      },
-      "peerDependenciesMeta": {
-        "react-dom": {
-          "optional": true
-        },
-        "react-native": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/read-pkg": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-5.2.0.tgz",
-      "integrity": "sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg==",
-      "dev": true,
-      "dependencies": {
-        "@types/normalize-package-data": "^2.4.0",
-        "normalize-package-data": "^2.5.0",
-        "parse-json": "^5.0.0",
-        "type-fest": "^0.6.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/read-pkg-up": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-7.0.1.tgz",
-      "integrity": "sha512-zK0TB7Xd6JpCLmlLmufqykGE+/TlOePD6qKClNW7hHDKFh/J7/7gCWGR7joEQEW1bKq3a3yUZSObOoWLFQ4ohg==",
-      "dev": true,
-      "dependencies": {
-        "find-up": "^4.1.0",
-        "read-pkg": "^5.2.0",
-        "type-fest": "^0.8.1"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/read-pkg-up/node_modules/find-up": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
-      "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
-      "dev": true,
-      "dependencies": {
-        "locate-path": "^5.0.0",
-        "path-exists": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/read-pkg-up/node_modules/locate-path": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
-      "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
-      "dev": true,
-      "dependencies": {
-        "p-locate": "^4.1.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/read-pkg-up/node_modules/p-limit": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
-      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
-      "dev": true,
-      "dependencies": {
-        "p-try": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/read-pkg-up/node_modules/p-locate": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
-      "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
-      "dev": true,
-      "dependencies": {
-        "p-limit": "^2.2.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/read-pkg-up/node_modules/p-try": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
-      "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/read-pkg-up/node_modules/type-fest": {
-      "version": "0.8.1",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz",
-      "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/read-pkg/node_modules/hosted-git-info": {
-      "version": "2.8.9",
-      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.9.tgz",
-      "integrity": "sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==",
-      "dev": true
-    },
-    "node_modules/read-pkg/node_modules/normalize-package-data": {
-      "version": "2.5.0",
-      "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.5.0.tgz",
-      "integrity": "sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==",
-      "dev": true,
-      "dependencies": {
-        "hosted-git-info": "^2.1.4",
-        "resolve": "^1.10.0",
-        "semver": "2 || 3 || 4 || 5",
-        "validate-npm-package-license": "^3.0.1"
-      }
-    },
-    "node_modules/read-pkg/node_modules/semver": {
-      "version": "5.7.2",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
-      "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
-      "dev": true,
-      "bin": {
-        "semver": "bin/semver"
-      }
-    },
-    "node_modules/read-pkg/node_modules/type-fest": {
-      "version": "0.6.0",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.6.0.tgz",
-      "integrity": "sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/readable-stream": {
-      "version": "4.4.2",
-      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-4.4.2.tgz",
-      "integrity": "sha512-Lk/fICSyIhodxy1IDK2HazkeGjSmezAWX2egdtJnYhtzKEsBPJowlI6F6LPb5tqIQILrMbx22S5o3GuJavPusA==",
-      "dependencies": {
-        "abort-controller": "^3.0.0",
-        "buffer": "^6.0.3",
-        "events": "^3.3.0",
-        "process": "^0.11.10",
-        "string_decoder": "^1.3.0"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      }
-    },
-    "node_modules/readdirp": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
-      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
-      "optional": true,
-      "dependencies": {
-        "picomatch": "^2.2.1"
-      },
-      "engines": {
-        "node": ">=8.10.0"
-      }
-    },
-    "node_modules/real-require": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/real-require/-/real-require-0.2.0.tgz",
-      "integrity": "sha512-57frrGM/OCTLqLOAh0mhVA9VBMHd+9U7Zb2THMGdBUoZVOtGbJzjxsYGDJ3A9AYYCP4hn6y1TVbaOfzWtm5GFg==",
-      "engines": {
-        "node": ">= 12.13.0"
-      }
-    },
-    "node_modules/redent": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/redent/-/redent-3.0.0.tgz",
-      "integrity": "sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==",
-      "dev": true,
-      "dependencies": {
-        "indent-string": "^4.0.0",
-        "strip-indent": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/reflect.getprototypeof": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.4.tgz",
-      "integrity": "sha512-ECkTw8TmJwW60lOTR+ZkODISW6RQ8+2CL3COqtiJKLd6MmB45hN51HprHFziKLGkAuTGQhBb91V8cy+KHlaCjw==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "get-intrinsic": "^1.2.1",
-        "globalthis": "^1.0.3",
-        "which-builtin-type": "^1.1.3"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/regenerate": {
-      "version": "1.4.2",
-      "resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.4.2.tgz",
-      "integrity": "sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A=="
-    },
-    "node_modules/regenerate-unicode-properties": {
-      "version": "10.1.1",
-      "resolved": "https://registry.npmjs.org/regenerate-unicode-properties/-/regenerate-unicode-properties-10.1.1.tgz",
-      "integrity": "sha512-X007RyZLsCJVVrjgEFVpLUTZwyOZk3oiL75ZcuYjlIWd6rNJtOjkBwQc5AsRrpbKVkxN6sklw/k/9m2jJYOf8Q==",
-      "dependencies": {
-        "regenerate": "^1.4.2"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "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/regenerator-transform": {
-      "version": "0.15.2",
-      "resolved": "https://registry.npmjs.org/regenerator-transform/-/regenerator-transform-0.15.2.tgz",
-      "integrity": "sha512-hfMp2BoF0qOk3uc5V20ALGDS2ddjQaLrdl7xrGXvAIow7qeWRM2VA2HuCHkUKk9slq3VwEwLNK3DFBqDfPGYtg==",
-      "dependencies": {
-        "@babel/runtime": "^7.8.4"
-      }
-    },
-    "node_modules/regexp-tree": {
-      "version": "0.1.27",
-      "resolved": "https://registry.npmjs.org/regexp-tree/-/regexp-tree-0.1.27.tgz",
-      "integrity": "sha512-iETxpjK6YoRWJG5o6hXLwvjYAoW+FEZn9os0PD/b6AP6xQwsa/Y7lCVgIixBbUPMfhu+i2LtdeAqVTgGlQarfA==",
-      "dev": true,
-      "peer": true,
-      "bin": {
-        "regexp-tree": "bin/regexp-tree"
-      }
-    },
-    "node_modules/regexp.prototype.flags": {
-      "version": "1.5.1",
-      "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.1.tgz",
-      "integrity": "sha512-sy6TXMN+hnP/wMy+ISxg3krXx7BAtWVO4UouuCN/ziM9UEne0euamVNafDfvC83bRNr95y0V5iijeDQFUNpvrg==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "set-function-name": "^2.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/regexpu-core": {
-      "version": "5.3.2",
-      "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-5.3.2.tgz",
-      "integrity": "sha512-RAM5FlZz+Lhmo7db9L298p2vHP5ZywrVXmVXpmAD9GuL5MPH6t9ROw1iA/wfHkQ76Qe7AaPF0nGuim96/IrQMQ==",
-      "dependencies": {
-        "@babel/regjsgen": "^0.8.0",
-        "regenerate": "^1.4.2",
-        "regenerate-unicode-properties": "^10.1.0",
-        "regjsparser": "^0.9.1",
-        "unicode-match-property-ecmascript": "^2.0.0",
-        "unicode-match-property-value-ecmascript": "^2.1.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/regjsparser": {
-      "version": "0.9.1",
-      "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.9.1.tgz",
-      "integrity": "sha512-dQUtn90WanSNl+7mQKcXAgZxvUe7Z0SqXlgzv0za4LwiUhyzBC58yQO3liFoUgu8GiJVInAhJjkj1N0EtQ5nkQ==",
-      "dependencies": {
-        "jsesc": "~0.5.0"
-      },
-      "bin": {
-        "regjsparser": "bin/parser"
-      }
-    },
-    "node_modules/regjsparser/node_modules/jsesc": {
-      "version": "0.5.0",
-      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-0.5.0.tgz",
-      "integrity": "sha512-uZz5UnB7u4T9LvwmFqXii7pZSouaRPorGs5who1Ip7VO0wxanFvBL7GkM6dTHlgX+jhBApRetaWpnDabOeTcnA==",
-      "bin": {
-        "jsesc": "bin/jsesc"
-      }
-    },
-    "node_modules/require-from-string": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
-      "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/resolve": {
-      "version": "1.22.8",
-      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz",
-      "integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==",
-      "dependencies": {
-        "is-core-module": "^2.13.0",
-        "path-parse": "^1.0.7",
-        "supports-preserve-symlinks-flag": "^1.0.0"
-      },
-      "bin": {
-        "resolve": "bin/resolve"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/resolve-from": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
-      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
-      "dev": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/resolve-pkg-maps": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz",
-      "integrity": "sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==",
-      "dev": true,
-      "funding": {
-        "url": "https://github.com/privatenumber/resolve-pkg-maps?sponsor=1"
-      }
-    },
-    "node_modules/retry": {
-      "version": "0.13.1",
-      "resolved": "https://registry.npmjs.org/retry/-/retry-0.13.1.tgz",
-      "integrity": "sha512-XQBQ3I8W1Cge0Seh+6gjj03LbmRFWuoszgK9ooCpwYIrhhoO80pfq4cUkU5DkknwfOfFteRwlZ56PYOGYyFWdg==",
-      "engines": {
-        "node": ">= 4"
-      }
-    },
-    "node_modules/reusify": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
-      "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
-      "dev": true,
-      "engines": {
-        "iojs": ">=1.0.0",
-        "node": ">=0.10.0"
-      }
-    },
-    "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/run-parallel": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
-      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
-      "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": {
-        "queue-microtask": "^1.2.2"
-      }
-    },
-    "node_modules/safe-array-concat": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.0.1.tgz",
-      "integrity": "sha512-6XbUAseYE2KtOuGueyeobCySj9L4+66Tn6KQMOPQJrAJEowYKW/YR/MGJZl7FdydUdaFu4LYyDZjxf4/Nmo23Q==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "get-intrinsic": "^1.2.1",
-        "has-symbols": "^1.0.3",
-        "isarray": "^2.0.5"
-      },
-      "engines": {
-        "node": ">=0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/safe-buffer": {
-      "version": "5.2.1",
-      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
-      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
-      "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/safe-regex": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/safe-regex/-/safe-regex-2.1.1.tgz",
-      "integrity": "sha512-rx+x8AMzKb5Q5lQ95Zoi6ZbJqwCLkqi3XuJXp5P3rT8OEc6sZCJG5AE5dU3lsgRr/F4Bs31jSlVN+j5KrsGu9A==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "regexp-tree": "~0.1.1"
-      }
-    },
-    "node_modules/safe-regex-test": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.0.0.tgz",
-      "integrity": "sha512-JBUUzyOgEwXQY1NuPtvcj/qcBDbDmEvWufhlnXZIm75DEHp+afM1r1ujJpJsV/gSM4t59tpDyPi1sd6ZaPFfsA==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "get-intrinsic": "^1.1.3",
-        "is-regex": "^1.1.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/safe-stable-stringify": {
-      "version": "2.4.3",
-      "resolved": "https://registry.npmjs.org/safe-stable-stringify/-/safe-stable-stringify-2.4.3.tgz",
-      "integrity": "sha512-e2bDA2WJT0wxseVd4lsDP4+3ONX6HpMXQa1ZhFQ7SU+GjvORCmShbCMltrtIDfkYhVHrOcPtj+KhmDBdPdZD1g==",
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/scheduler": {
-      "version": "0.23.0",
-      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.0.tgz",
-      "integrity": "sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==",
-      "dependencies": {
-        "loose-envify": "^1.1.0"
-      }
-    },
-    "node_modules/schema-utils": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.0.0.tgz",
-      "integrity": "sha512-1edyXKgh6XnJsJSQ8mKWXnN/BVaIbFMLpouRUrXgVq7WYne5kw3MW7UPhO44uRXQSIpTSXoJbmrR2X0w9kUTyg==",
-      "dev": true,
-      "dependencies": {
-        "@types/json-schema": "^7.0.9",
-        "ajv": "^8.8.0",
-        "ajv-formats": "^2.1.1",
-        "ajv-keywords": "^5.0.0"
-      },
-      "engines": {
-        "node": ">= 12.13.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
-      }
-    },
-    "node_modules/schema-utils/node_modules/ajv": {
-      "version": "8.11.0",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.11.0.tgz",
-      "integrity": "sha512-wGgprdCvMalC0BztXvitD2hC04YffAvtsUn93JbGXYLAtCUO4xd17mCCZQxUOItiBwZvJScWo8NIvQMQ71rdpg==",
-      "dev": true,
-      "dependencies": {
-        "fast-deep-equal": "^3.1.1",
-        "json-schema-traverse": "^1.0.0",
-        "require-from-string": "^2.0.2",
-        "uri-js": "^4.2.2"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/epoberezkin"
-      }
-    },
-    "node_modules/schema-utils/node_modules/ajv-keywords": {
-      "version": "5.1.0",
-      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-5.1.0.tgz",
-      "integrity": "sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==",
-      "dev": true,
-      "dependencies": {
-        "fast-deep-equal": "^3.1.3"
-      },
-      "peerDependencies": {
-        "ajv": "^8.8.2"
-      }
-    },
-    "node_modules/schema-utils/node_modules/json-schema-traverse": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
-      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
-      "dev": true
-    },
-    "node_modules/sdp-transform": {
-      "version": "2.14.1",
-      "resolved": "https://registry.npmjs.org/sdp-transform/-/sdp-transform-2.14.1.tgz",
-      "integrity": "sha512-RjZyX3nVwJyCuTo5tGPx+PZWkDMCg7oOLpSlhjDdZfwUoNqG1mM8nyj31IGHyaPWXhjbP7cdK3qZ2bmkJ1GzRw==",
-      "bin": {
-        "sdp-verify": "checker.js"
-      }
-    },
-    "node_modules/semver": {
-      "version": "6.3.1",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
-      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
-      "bin": {
-        "semver": "bin/semver.js"
-      }
-    },
-    "node_modules/serialize-javascript": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.1.tgz",
-      "integrity": "sha512-owoXEFjWRllis8/M1Q+Cw5k8ZH40e3zhp/ovX+Xr/vi1qj6QesbyXXViFbpNvWvPNAD62SutwEXavefrLJWj7w==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "randombytes": "^2.1.0"
-      }
-    },
-    "node_modules/set-function-length": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.1.1.tgz",
-      "integrity": "sha512-VoaqjbBJKiWtg4yRcKBQ7g7wnGnLV3M8oLvVWwOk2PdYY6PEFegR1vezXR0tw6fZGF9csVakIRjrJiy2veSBFQ==",
-      "dev": true,
-      "dependencies": {
-        "define-data-property": "^1.1.1",
-        "get-intrinsic": "^1.2.1",
-        "gopd": "^1.0.1",
-        "has-property-descriptors": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/set-function-name": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/set-function-name/-/set-function-name-2.0.1.tgz",
-      "integrity": "sha512-tMNCiqYVkXIZgc2Hnoy2IvC/f8ezc5koaRFkCjrpWzGpCd3qbZXPzVy9MAZzK1ch/X0jvSkojys3oqJN0qCmdA==",
-      "dev": true,
-      "dependencies": {
-        "define-data-property": "^1.0.1",
-        "functions-have-names": "^1.2.3",
-        "has-property-descriptors": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/shallowequal": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/shallowequal/-/shallowequal-1.1.0.tgz",
-      "integrity": "sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ=="
-    },
-    "node_modules/shebang-command": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
-      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
-      "dev": true,
-      "dependencies": {
-        "shebang-regex": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/shebang-regex": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
-      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/side-channel": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz",
-      "integrity": "sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.0",
-        "get-intrinsic": "^1.0.2",
-        "object-inspect": "^1.9.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/signal-exit": {
-      "version": "3.0.7",
-      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
-      "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
-      "dev": true
-    },
-    "node_modules/slash": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
-      "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/slice-ansi": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-4.0.0.tgz",
-      "integrity": "sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==",
-      "dev": true,
-      "dependencies": {
-        "ansi-styles": "^4.0.0",
-        "astral-regex": "^2.0.0",
-        "is-fullwidth-code-point": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/slice-ansi?sponsor=1"
-      }
-    },
-    "node_modules/slice-ansi/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/slice-ansi/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/slice-ansi/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/sonic-boom": {
-      "version": "3.7.0",
-      "resolved": "https://registry.npmjs.org/sonic-boom/-/sonic-boom-3.7.0.tgz",
-      "integrity": "sha512-IudtNvSqA/ObjN97tfgNmOKyDOs4dNcg4cUUsHDebqsgb8wGBBwb31LIgShNO8fye0dFI52X1+tFoKKI6Rq1Gg==",
-      "dependencies": {
-        "atomic-sleep": "^1.0.0"
-      }
-    },
-    "node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "dev": true,
-      "peer": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/source-map-js": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
-      "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/source-map-support": {
-      "version": "0.5.21",
-      "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz",
-      "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "buffer-from": "^1.0.0",
-        "source-map": "^0.6.0"
-      }
-    },
-    "node_modules/spdx-correct": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.1.1.tgz",
-      "integrity": "sha512-cOYcUWwhCuHCXi49RhFRCyJEK3iPj1Ziz9DpViV3tbZOwXD49QzIN3MpOLJNxh2qwq2lJJZaKMVw9qNi4jTC0w==",
-      "dev": true,
-      "dependencies": {
-        "spdx-expression-parse": "^3.0.0",
-        "spdx-license-ids": "^3.0.0"
-      }
-    },
-    "node_modules/spdx-exceptions": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.3.0.tgz",
-      "integrity": "sha512-/tTrYOC7PPI1nUAgx34hUpqXuyJG+DTHJTnIULG4rDygi4xu/tfgmq1e1cIRwRzwZgo4NLySi+ricLkZkw4i5A==",
-      "dev": true
-    },
-    "node_modules/spdx-expression-parse": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.1.tgz",
-      "integrity": "sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==",
-      "dev": true,
-      "dependencies": {
-        "spdx-exceptions": "^2.1.0",
-        "spdx-license-ids": "^3.0.0"
-      }
-    },
-    "node_modules/spdx-license-ids": {
-      "version": "3.0.11",
-      "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.11.tgz",
-      "integrity": "sha512-Ctl2BrFiM0X3MANYgj3CkygxhRmr9mi6xhejbdO960nF6EDJApTYpn0BQnDKlnNBULKiCN1n3w9EBkHK8ZWg+g==",
-      "dev": true
-    },
-    "node_modules/specificity": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/specificity/-/specificity-0.4.1.tgz",
-      "integrity": "sha512-1klA3Gi5PD1Wv9Q0wUoOQN1IWAuPu0D1U03ThXTr0cJ20+/iq2tHSDnK7Kk/0LXJ1ztUB2/1Os0wKmfyNgUQfg==",
-      "dev": true,
-      "bin": {
-        "specificity": "bin/specificity"
-      }
-    },
-    "node_modules/split2": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/split2/-/split2-4.2.0.tgz",
-      "integrity": "sha512-UcjcJOWknrNkF6PLX83qcHM6KHgVKNkV62Y8a5uYDVv9ydGQVwAHMKqHdJje1VTWpljG0WYpCDhrCdAOYH4TWg==",
-      "engines": {
-        "node": ">= 10.x"
-      }
-    },
-    "node_modules/stop-iteration-iterator": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/stop-iteration-iterator/-/stop-iteration-iterator-1.0.0.tgz",
-      "integrity": "sha512-iCGQj+0l0HOdZ2AEeBADlsRC+vsnDsZsbdSiH1yNSjcfKM7fdpCMfqAL/dwF5BLiw/XhRft/Wax6zQbhq2BcjQ==",
-      "dev": true,
-      "dependencies": {
-        "internal-slot": "^1.0.4"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/streamsearch": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/streamsearch/-/streamsearch-1.1.0.tgz",
-      "integrity": "sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==",
-      "engines": {
-        "node": ">=10.0.0"
-      }
-    },
-    "node_modules/string_decoder": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
-      "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
-      "dependencies": {
-        "safe-buffer": "~5.2.0"
-      }
-    },
-    "node_modules/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-width/node_modules/emoji-regex": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-      "dev": true
-    },
-    "node_modules/string.prototype.matchall": {
-      "version": "4.0.8",
-      "resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.8.tgz",
-      "integrity": "sha512-6zOCOcJ+RJAQshcTvXPHoxoQGONa3e/Lqx90wUA+wEzX78sg5Bo+1tQo4N0pohS0erG9qtCqJDjNCQBjeWVxyg==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.1.4",
-        "es-abstract": "^1.20.4",
-        "get-intrinsic": "^1.1.3",
-        "has-symbols": "^1.0.3",
-        "internal-slot": "^1.0.3",
-        "regexp.prototype.flags": "^1.4.3",
-        "side-channel": "^1.0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/string.prototype.trim": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.8.tgz",
-      "integrity": "sha512-lfjY4HcixfQXOfaqCvcBuOIapyaroTXhbkfJN3gcB1OtyupngWK4sEET9Knd0cXd28kTUqu/kHoV4HKSJdnjiQ==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/string.prototype.trimend": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.7.tgz",
-      "integrity": "sha512-Ni79DqeB72ZFq1uH/L6zJ+DKZTkOtPIHovb3YZHQViE+HDouuU4mBrLOLDn5Dde3RF8qw5qVETEjhu9locMLvA==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/string.prototype.trimstart": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.7.tgz",
-      "integrity": "sha512-NGhtDFu3jCEm7B4Fy0DpLewdJQOZcQ0rGbwQ/+stjnrp2i+rlKeCvos9hOIeCmqwratM47OBxY7uFZzjxHXmrg==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/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",
-      "integrity": "sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==",
-      "dev": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/strip-indent": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-3.0.0.tgz",
-      "integrity": "sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==",
-      "dev": true,
-      "dependencies": {
-        "min-indent": "^1.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/strip-json-comments": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
-      "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/style-search": {
-      "version": "0.1.0",
-      "resolved": "https://registry.npmjs.org/style-search/-/style-search-0.1.0.tgz",
-      "integrity": "sha1-eVjHk+R+MuB9K1yv5cC/jhLneQI=",
-      "dev": true
-    },
-    "node_modules/styled-components": {
-      "version": "6.0.8",
-      "resolved": "https://registry.npmjs.org/styled-components/-/styled-components-6.0.8.tgz",
-      "integrity": "sha512-AwI02MTWZwqjzfXgR5QcbmcSn5xVjY4N2TLjSuYnmuBGF3y7GicHz3ysbpUq2EMJP5M8/Nc22vcmF3V3WNZDFA==",
-      "dependencies": {
-        "@babel/cli": "^7.21.0",
-        "@babel/core": "^7.21.0",
-        "@babel/helper-module-imports": "^7.18.6",
-        "@babel/plugin-external-helpers": "^7.18.6",
-        "@babel/plugin-proposal-class-properties": "^7.18.6",
-        "@babel/plugin-proposal-object-rest-spread": "^7.20.7",
-        "@babel/preset-env": "^7.20.2",
-        "@babel/preset-react": "^7.18.6",
-        "@babel/preset-typescript": "^7.21.0",
-        "@babel/traverse": "^7.21.2",
-        "@emotion/is-prop-valid": "^1.2.1",
-        "@emotion/unitless": "^0.8.0",
-        "@types/stylis": "^4.0.2",
-        "css-to-react-native": "^3.2.0",
-        "csstype": "^3.1.2",
-        "postcss": "^8.4.23",
-        "shallowequal": "^1.1.0",
-        "stylis": "^4.3.0",
-        "tslib": "^2.5.0"
-      },
-      "engines": {
-        "node": ">= 16"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/styled-components"
-      },
-      "peerDependencies": {
-        "babel-plugin-styled-components": ">= 2",
-        "react": ">= 16.8.0",
-        "react-dom": ">= 16.8.0"
-      },
-      "peerDependenciesMeta": {
-        "babel-plugin-styled-components": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/styled-jsx": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.1.1.tgz",
-      "integrity": "sha512-pW7uC1l4mBZ8ugbiZrcIsiIvVx1UmTfw7UkC3Um2tmfUq9Bhk8IiyEIPl6F8agHgjzku6j0xQEZbfA5uSgSaCw==",
-      "dependencies": {
-        "client-only": "0.0.1"
-      },
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "peerDependencies": {
-        "react": ">= 16.8.0 || 17.x.x || ^18.0.0-0"
-      },
-      "peerDependenciesMeta": {
-        "@babel/core": {
-          "optional": true
-        },
-        "babel-plugin-macros": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/stylelint": {
-      "version": "14.8.2",
-      "resolved": "https://registry.npmjs.org/stylelint/-/stylelint-14.8.2.tgz",
-      "integrity": "sha512-tjDfexCYfoPdl/xcDJ9Fv+Ko9cvzbDnmdiaqEn3ovXHXasi/hbkt5tSjsiReQ+ENqnz0eltaX/AOO+AlzVdcNA==",
-      "dev": true,
-      "dependencies": {
-        "balanced-match": "^2.0.0",
-        "colord": "^2.9.2",
-        "cosmiconfig": "^7.0.1",
-        "css-functions-list": "^3.0.1",
-        "debug": "^4.3.4",
-        "execall": "^2.0.0",
-        "fast-glob": "^3.2.11",
-        "fastest-levenshtein": "^1.0.12",
-        "file-entry-cache": "^6.0.1",
-        "get-stdin": "^8.0.0",
-        "global-modules": "^2.0.0",
-        "globby": "^11.1.0",
-        "globjoin": "^0.1.4",
-        "html-tags": "^3.2.0",
-        "ignore": "^5.2.0",
-        "import-lazy": "^4.0.0",
-        "imurmurhash": "^0.1.4",
-        "is-plain-object": "^5.0.0",
-        "known-css-properties": "^0.25.0",
-        "mathml-tag-names": "^2.1.3",
-        "meow": "^9.0.0",
-        "micromatch": "^4.0.5",
-        "normalize-path": "^3.0.0",
-        "normalize-selector": "^0.2.0",
-        "picocolors": "^1.0.0",
-        "postcss": "^8.4.13",
-        "postcss-media-query-parser": "^0.2.3",
-        "postcss-resolve-nested-selector": "^0.1.1",
-        "postcss-safe-parser": "^6.0.0",
-        "postcss-selector-parser": "^6.0.10",
-        "postcss-value-parser": "^4.2.0",
-        "resolve-from": "^5.0.0",
-        "specificity": "^0.4.1",
-        "string-width": "^4.2.3",
-        "strip-ansi": "^6.0.1",
-        "style-search": "^0.1.0",
-        "supports-hyperlinks": "^2.2.0",
-        "svg-tags": "^1.0.0",
-        "table": "^6.8.0",
-        "v8-compile-cache": "^2.3.0",
-        "write-file-atomic": "^4.0.1"
-      },
-      "bin": {
-        "stylelint": "bin/stylelint.js"
-      },
-      "engines": {
-        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/stylelint"
-      }
-    },
-    "node_modules/stylelint-config-recess-order": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/stylelint-config-recess-order/-/stylelint-config-recess-order-3.0.0.tgz",
-      "integrity": "sha512-uNXrlDz570Q7HJlrq8mNjgfO/xlKIh2hKVKEFMTG1/ih/6tDLcTbuvO1Zoo2dnQay990OAkWLDpTDOorB+hmBw==",
-      "dev": true,
-      "dependencies": {
-        "stylelint-order": "5.x"
-      },
-      "peerDependencies": {
-        "stylelint": ">=14"
-      }
-    },
-    "node_modules/stylelint-config-recommended": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/stylelint-config-recommended/-/stylelint-config-recommended-7.0.0.tgz",
-      "integrity": "sha512-yGn84Bf/q41J4luis1AZ95gj0EQwRX8lWmGmBwkwBNSkpGSpl66XcPTulxGa/Z91aPoNGuIGBmFkcM1MejMo9Q==",
-      "dev": true,
-      "peerDependencies": {
-        "stylelint": "^14.4.0"
-      }
-    },
-    "node_modules/stylelint-config-standard": {
-      "version": "25.0.0",
-      "resolved": "https://registry.npmjs.org/stylelint-config-standard/-/stylelint-config-standard-25.0.0.tgz",
-      "integrity": "sha512-21HnP3VSpaT1wFjFvv9VjvOGDtAviv47uTp3uFmzcN+3Lt+RYRv6oAplLaV51Kf792JSxJ6svCJh/G18E9VnCA==",
-      "dev": true,
-      "dependencies": {
-        "stylelint-config-recommended": "^7.0.0"
-      },
-      "peerDependencies": {
-        "stylelint": "^14.4.0"
-      }
-    },
-    "node_modules/stylelint-config-styled-components": {
-      "version": "0.1.1",
-      "resolved": "https://registry.npmjs.org/stylelint-config-styled-components/-/stylelint-config-styled-components-0.1.1.tgz",
-      "integrity": "sha512-z5Xz/9GmvxO6e/DLzBMwkB85zHxEEjN6K7Cj80Bi+o/9vR9eS3GX3E9VuMnX9WLFYulqbqLtTapGGY28JBiy9Q==",
-      "dev": true
-    },
-    "node_modules/stylelint-order": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/stylelint-order/-/stylelint-order-5.0.0.tgz",
-      "integrity": "sha512-OWQ7pmicXufDw5BlRqzdz3fkGKJPgLyDwD1rFY3AIEfIH/LQY38Vu/85v8/up0I+VPiuGRwbc2Hg3zLAsJaiyw==",
-      "dev": true,
-      "dependencies": {
-        "postcss": "^8.3.11",
-        "postcss-sorting": "^7.0.1"
-      },
-      "peerDependencies": {
-        "stylelint": "^14.0.0"
-      }
-    },
-    "node_modules/stylelint-webpack-plugin": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/stylelint-webpack-plugin/-/stylelint-webpack-plugin-3.2.0.tgz",
-      "integrity": "sha512-KY4P+0wrs5G680LzNLt8UZDiX3j+UNNDt1BBEdlhZUiUUYAI0j9Lumf5QH9eRHx/uMZcpKbboiYWba0F+jMWTg==",
-      "dev": true,
-      "dependencies": {
-        "globby": "^11.1.0",
-        "jest-worker": "^27.5.1",
-        "micromatch": "^4.0.4",
-        "normalize-path": "^3.0.0",
-        "schema-utils": "^4.0.0"
-      },
-      "engines": {
-        "node": ">= 12.13.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
-      },
-      "peerDependencies": {
-        "stylelint": "^13.0.0 || ^14.0.0",
-        "webpack": "^5.0.0"
-      }
-    },
-    "node_modules/stylelint/node_modules/balanced-match": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-2.0.0.tgz",
-      "integrity": "sha512-1ugUSr8BHXRnK23KfuYS+gVMC3LB8QGH9W1iGtDPsNWoQbgtXSExkBu2aDR4epiGWZOjZsj6lDl/N/AqqTC3UA==",
-      "dev": true
-    },
-    "node_modules/stylelint/node_modules/resolve-from": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
-      "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/stylis": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.3.0.tgz",
-      "integrity": "sha512-E87pIogpwUsUwXw7dNyU4QDjdgVMy52m+XEOPEKUn161cCzWjjhPSQhByfd1CcNvrOLnXQ6OnnZDwnJrz/Z4YQ=="
-    },
-    "node_modules/supports-color": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-      "dev": true,
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/supports-hyperlinks": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/supports-hyperlinks/-/supports-hyperlinks-2.2.0.tgz",
-      "integrity": "sha512-6sXEzV5+I5j8Bmq9/vUphGRM/RJNT9SCURJLjwfOg51heRtguGWDzcaBlgAzKhQa0EVNpPEKzQuBwZ8S8WaCeQ==",
-      "dev": true,
-      "dependencies": {
-        "has-flag": "^4.0.0",
-        "supports-color": "^7.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/supports-preserve-symlinks-flag": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
-      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/svg-tags": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/svg-tags/-/svg-tags-1.0.0.tgz",
-      "integrity": "sha1-WPcc7jvVGbWdSyqEO2x95krAR2Q=",
-      "dev": true
-    },
-    "node_modules/table": {
-      "version": "6.8.0",
-      "resolved": "https://registry.npmjs.org/table/-/table-6.8.0.tgz",
-      "integrity": "sha512-s/fitrbVeEyHKFa7mFdkuQMWlH1Wgw/yEXMt5xACT4ZpzWFluehAxRtUUQKPuWhaLAWhFcVx6w3oC8VKaUfPGA==",
-      "dev": true,
-      "dependencies": {
-        "ajv": "^8.0.1",
-        "lodash.truncate": "^4.4.2",
-        "slice-ansi": "^4.0.0",
-        "string-width": "^4.2.3",
-        "strip-ansi": "^6.0.1"
-      },
-      "engines": {
-        "node": ">=10.0.0"
-      }
-    },
-    "node_modules/table/node_modules/ajv": {
-      "version": "8.11.0",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.11.0.tgz",
-      "integrity": "sha512-wGgprdCvMalC0BztXvitD2hC04YffAvtsUn93JbGXYLAtCUO4xd17mCCZQxUOItiBwZvJScWo8NIvQMQ71rdpg==",
-      "dev": true,
-      "dependencies": {
-        "fast-deep-equal": "^3.1.1",
-        "json-schema-traverse": "^1.0.0",
-        "require-from-string": "^2.0.2",
-        "uri-js": "^4.2.2"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/epoberezkin"
-      }
-    },
-    "node_modules/table/node_modules/json-schema-traverse": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
-      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
-      "dev": true
-    },
-    "node_modules/tapable": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz",
-      "integrity": "sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/terser": {
-      "version": "5.17.1",
-      "resolved": "https://registry.npmjs.org/terser/-/terser-5.17.1.tgz",
-      "integrity": "sha512-hVl35zClmpisy6oaoKALOpS0rDYLxRFLHhRuDlEGTKey9qHjS1w9GMORjuwIMt70Wan4lwsLYyWDVnWgF+KUEw==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@jridgewell/source-map": "^0.3.2",
-        "acorn": "^8.5.0",
-        "commander": "^2.20.0",
-        "source-map-support": "~0.5.20"
-      },
-      "bin": {
-        "terser": "bin/terser"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/terser-webpack-plugin": {
-      "version": "5.3.7",
-      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.7.tgz",
-      "integrity": "sha512-AfKwIktyP7Cu50xNjXF/6Qb5lBNzYaWpU6YfoX3uZicTx0zTy0stDDCsvjDapKsSDvOeWo5MEq4TmdBy2cNoHw==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@jridgewell/trace-mapping": "^0.3.17",
-        "jest-worker": "^27.4.5",
-        "schema-utils": "^3.1.1",
-        "serialize-javascript": "^6.0.1",
-        "terser": "^5.16.5"
-      },
-      "engines": {
-        "node": ">= 10.13.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
-      },
-      "peerDependencies": {
-        "webpack": "^5.1.0"
-      },
-      "peerDependenciesMeta": {
-        "@swc/core": {
-          "optional": true
-        },
-        "esbuild": {
-          "optional": true
-        },
-        "uglify-js": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/terser-webpack-plugin/node_modules/schema-utils": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.1.2.tgz",
-      "integrity": "sha512-pvjEHOgWc9OWA/f/DE3ohBWTD6EleVLf7iFUkoSwAxttdBhB9QUebQgxER2kWueOvRJXPHNnyrvvh9eZINB8Eg==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@types/json-schema": "^7.0.8",
-        "ajv": "^6.12.5",
-        "ajv-keywords": "^3.5.2"
-      },
-      "engines": {
-        "node": ">= 10.13.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
-      }
-    },
-    "node_modules/text-table": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
-      "integrity": "sha1-f17oI66AUgfACvLfSoTsP8+lcLQ=",
-      "dev": true
-    },
-    "node_modules/thread-stream": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/thread-stream/-/thread-stream-2.3.0.tgz",
-      "integrity": "sha512-kaDqm1DET9pp3NXwR8382WHbnpXnRkN9xGN9dQt3B2+dmXiW8X1SOwmFOxAErEQ47ObhZ96J6yhZNXuyCOL7KA==",
-      "dependencies": {
-        "real-require": "^0.2.0"
-      }
-    },
-    "node_modules/to-fast-properties": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz",
-      "integrity": "sha1-3F5pjL0HkmW8c+A3doGk5Og/YW4=",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/to-regex-range": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
-      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
-      "devOptional": true,
-      "dependencies": {
-        "is-number": "^7.0.0"
-      },
-      "engines": {
-        "node": ">=8.0"
-      }
-    },
-    "node_modules/trim-newlines": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-3.0.1.tgz",
-      "integrity": "sha512-c1PTsA3tYrIsLGkJkzHF+w9F2EyxfXGo4UyJc4pFL++FMjnq0HJS69T3M7d//gKrFKwy429bouPescbjecU+Zw==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/ts-api-utils": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.0.1.tgz",
-      "integrity": "sha512-lC/RGlPmwdrIBFTX59wwNzqh7aR2otPNPR/5brHZm/XKFYKsfqxihXUe9pU3JI+3vGkl+vyCoNNnPhJn3aLK1A==",
-      "dev": true,
-      "engines": {
-        "node": ">=16.13.0"
-      },
-      "peerDependencies": {
-        "typescript": ">=4.2.0"
-      }
-    },
-    "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/tsconfig-paths/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/tslib": {
-      "version": "2.6.2",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
-      "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
-    },
-    "node_modules/type-check": {
-      "version": "0.4.0",
-      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
-      "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
-      "dev": true,
-      "dependencies": {
-        "prelude-ls": "^1.2.1"
-      },
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/type-fest": {
-      "version": "0.20.2",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
-      "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/typed-array-buffer": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.0.tgz",
-      "integrity": "sha512-Y8KTSIglk9OZEr8zywiIHG/kmQ7KWyjseXs1CbSo8vC42w7hg2HgYTxSWwP0+is7bWDc1H+Fo026CpHFwm8tkw==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "get-intrinsic": "^1.2.1",
-        "is-typed-array": "^1.1.10"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/typed-array-byte-length": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.0.tgz",
-      "integrity": "sha512-Or/+kvLxNpeQ9DtSydonMxCx+9ZXOswtwJn17SNLvhptaXYDJvkFFP5zbfU/uLmvnBJlI4yrnXRxpdWH/M5tNA==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "for-each": "^0.3.3",
-        "has-proto": "^1.0.1",
-        "is-typed-array": "^1.1.10"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/typed-array-byte-offset": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.0.tgz",
-      "integrity": "sha512-RD97prjEt9EL8YgAgpOkf3O4IF9lhJFr9g0htQkm0rchFp/Vx7LW5Q8fSXXub7BXAODyUQohRMyOc3faCPd0hg==",
-      "dev": true,
-      "dependencies": {
-        "available-typed-arrays": "^1.0.5",
-        "call-bind": "^1.0.2",
-        "for-each": "^0.3.3",
-        "has-proto": "^1.0.1",
-        "is-typed-array": "^1.1.10"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/typed-array-length": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.4.tgz",
-      "integrity": "sha512-KjZypGq+I/H7HI5HlOoGHkWUUGq+Q0TPhQurLbyrVrvnKTBgzLhIJ7j6J/XTQOi0d1RjyZ0wdas8bKs2p0x3Ng==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "for-each": "^0.3.3",
-        "is-typed-array": "^1.1.9"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/typescript": {
-      "version": "5.1.6",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.1.6.tgz",
-      "integrity": "sha512-zaWCozRZ6DLEWAWFrVDz1H6FVXzUSfTy5FUMWsQlU8Ym5JP9eO4xkTIROFCQvhQf61z6O/G6ugw3SgAnvvm+HA==",
-      "dev": true,
-      "peer": true,
-      "bin": {
-        "tsc": "bin/tsc",
-        "tsserver": "bin/tsserver"
-      },
-      "engines": {
-        "node": ">=14.17"
-      }
-    },
-    "node_modules/unbox-primitive": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz",
-      "integrity": "sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "has-bigints": "^1.0.2",
-        "has-symbols": "^1.0.3",
-        "which-boxed-primitive": "^1.0.2"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/unhomoglyph": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/unhomoglyph/-/unhomoglyph-1.0.6.tgz",
-      "integrity": "sha512-7uvcWI3hWshSADBu4JpnyYbTVc7YlhF5GDW/oPD5AxIxl34k4wXR3WDkPnzLxkN32LiTCTKMQLtKVZiwki3zGg=="
-    },
-    "node_modules/unicode-canonical-property-names-ecmascript": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.0.tgz",
-      "integrity": "sha512-yY5PpDlfVIU5+y/BSCxAJRBIS1Zc2dDG3Ujq+sR0U+JjUevW2JhocOF+soROYDSaAezOzOKuyyixhD6mBknSmQ==",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/unicode-match-property-ecmascript": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/unicode-match-property-ecmascript/-/unicode-match-property-ecmascript-2.0.0.tgz",
-      "integrity": "sha512-5kaZCrbp5mmbz5ulBkDkbY0SsPOjKqVS35VpL9ulMPfSl0J0Xsm+9Evphv9CoIZFwre7aJoa94AY6seMKGVN5Q==",
-      "dependencies": {
-        "unicode-canonical-property-names-ecmascript": "^2.0.0",
-        "unicode-property-aliases-ecmascript": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/unicode-match-property-value-ecmascript": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-2.1.0.tgz",
-      "integrity": "sha512-qxkjQt6qjg/mYscYMC0XKRn3Rh0wFPlfxB0xkt9CfyTvpX1Ra0+rAmdX2QyAobptSEvuy4RtpPRui6XkV+8wjA==",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/unicode-property-aliases-ecmascript": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-2.1.0.tgz",
-      "integrity": "sha512-6t3foTQI9qne+OZoVQB/8x8rk2k1eVy1gRXhV3oFQ5T6R1dqQ1xtin3XqSlx3+ATBkliTaR/hHyJBm+LVPNM8w==",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/update-browserslist-db": {
-      "version": "1.0.13",
-      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz",
-      "integrity": "sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==",
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/browserslist"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/browserslist"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "dependencies": {
-        "escalade": "^3.1.1",
-        "picocolors": "^1.0.0"
-      },
-      "bin": {
-        "update-browserslist-db": "cli.js"
-      },
-      "peerDependencies": {
-        "browserslist": ">= 4.21.0"
-      }
-    },
-    "node_modules/uri-js": {
-      "version": "4.4.1",
-      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
-      "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
-      "dev": true,
-      "dependencies": {
-        "punycode": "^2.1.0"
-      }
-    },
-    "node_modules/use-immer": {
-      "version": "0.9.0",
-      "resolved": "https://registry.npmjs.org/use-immer/-/use-immer-0.9.0.tgz",
-      "integrity": "sha512-/L+enLi0nvuZ6j4WlyK0US9/ECUtV5v9RUbtxnn5+WbtaXYUaOBoKHDNL9I5AETdurQ4rIFIj/s+Z5X80ATyKw==",
-      "peerDependencies": {
-        "immer": ">=2.0.0",
-        "react": "^16.8.0 || ^17.0.1 || ^18.0.0"
-      }
-    },
-    "node_modules/util-deprecate": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
-      "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=",
-      "dev": true
-    },
-    "node_modules/uuid": {
-      "version": "9.0.0",
-      "resolved": "https://registry.npmjs.org/uuid/-/uuid-9.0.0.tgz",
-      "integrity": "sha512-MXcSTerfPa4uqyzStbRoTgt5XIe3x5+42+q1sDuy3R5MDk66URdLMOZe5aPX/SQd+kuYAh0FdP/pO28IkQyTeg==",
-      "bin": {
-        "uuid": "dist/bin/uuid"
-      }
-    },
-    "node_modules/v8-compile-cache": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz",
-      "integrity": "sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA==",
-      "dev": true
-    },
-    "node_modules/validate-npm-package-license": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz",
-      "integrity": "sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==",
-      "dev": true,
-      "dependencies": {
-        "spdx-correct": "^3.0.0",
-        "spdx-expression-parse": "^3.0.0"
-      }
-    },
-    "node_modules/void-elements": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/void-elements/-/void-elements-3.1.0.tgz",
-      "integrity": "sha1-YU9/v42AHwu18GYfWy9XhXUOTwk=",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/watchpack": {
-      "version": "2.4.0",
-      "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.0.tgz",
-      "integrity": "sha512-Lcvm7MGST/4fup+ifyKi2hjyIAwcdI4HRgtvTpIUxBRhB+RFtUh8XtDOxUfctVCnhVi+QQj49i91OyvzkJl6cg==",
-      "dependencies": {
-        "glob-to-regexp": "^0.4.1",
-        "graceful-fs": "^4.1.2"
-      },
-      "engines": {
-        "node": ">=10.13.0"
-      }
-    },
-    "node_modules/webpack": {
-      "version": "5.81.0",
-      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.81.0.tgz",
-      "integrity": "sha512-AAjaJ9S4hYCVODKLQTgG5p5e11hiMawBwV2v8MYLE0C/6UAGLuAF4n1qa9GOwdxnicaP+5k6M5HrLmD4+gIB8Q==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@types/eslint-scope": "^3.7.3",
-        "@types/estree": "^1.0.0",
-        "@webassemblyjs/ast": "^1.11.5",
-        "@webassemblyjs/wasm-edit": "^1.11.5",
-        "@webassemblyjs/wasm-parser": "^1.11.5",
-        "acorn": "^8.7.1",
-        "acorn-import-assertions": "^1.7.6",
-        "browserslist": "^4.14.5",
-        "chrome-trace-event": "^1.0.2",
-        "enhanced-resolve": "^5.13.0",
-        "es-module-lexer": "^1.2.1",
-        "eslint-scope": "5.1.1",
-        "events": "^3.2.0",
-        "glob-to-regexp": "^0.4.1",
-        "graceful-fs": "^4.2.9",
-        "json-parse-even-better-errors": "^2.3.1",
-        "loader-runner": "^4.2.0",
-        "mime-types": "^2.1.27",
-        "neo-async": "^2.6.2",
-        "schema-utils": "^3.1.2",
-        "tapable": "^2.1.1",
-        "terser-webpack-plugin": "^5.3.7",
-        "watchpack": "^2.4.0",
-        "webpack-sources": "^3.2.3"
-      },
-      "bin": {
-        "webpack": "bin/webpack.js"
-      },
-      "engines": {
-        "node": ">=10.13.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
-      },
-      "peerDependenciesMeta": {
-        "webpack-cli": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/webpack-sources": {
-      "version": "3.2.3",
-      "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.2.3.tgz",
-      "integrity": "sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==",
-      "dev": true,
-      "peer": true,
-      "engines": {
-        "node": ">=10.13.0"
-      }
-    },
-    "node_modules/webpack/node_modules/schema-utils": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.1.2.tgz",
-      "integrity": "sha512-pvjEHOgWc9OWA/f/DE3ohBWTD6EleVLf7iFUkoSwAxttdBhB9QUebQgxER2kWueOvRJXPHNnyrvvh9eZINB8Eg==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@types/json-schema": "^7.0.8",
-        "ajv": "^6.12.5",
-        "ajv-keywords": "^3.5.2"
-      },
-      "engines": {
-        "node": ">= 10.13.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
-      }
-    },
-    "node_modules/which": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
-      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
-      "dev": true,
-      "dependencies": {
-        "isexe": "^2.0.0"
-      },
-      "bin": {
-        "node-which": "bin/node-which"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/which-boxed-primitive": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz",
-      "integrity": "sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==",
-      "dev": true,
-      "dependencies": {
-        "is-bigint": "^1.0.1",
-        "is-boolean-object": "^1.1.0",
-        "is-number-object": "^1.0.4",
-        "is-string": "^1.0.5",
-        "is-symbol": "^1.0.3"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/which-builtin-type": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/which-builtin-type/-/which-builtin-type-1.1.3.tgz",
-      "integrity": "sha512-YmjsSMDBYsM1CaFiayOVT06+KJeXf0o5M/CAd4o1lTadFAtacTUM49zoYxr/oroopFDfhvN6iEcBxUyc3gvKmw==",
-      "dev": true,
-      "dependencies": {
-        "function.prototype.name": "^1.1.5",
-        "has-tostringtag": "^1.0.0",
-        "is-async-function": "^2.0.0",
-        "is-date-object": "^1.0.5",
-        "is-finalizationregistry": "^1.0.2",
-        "is-generator-function": "^1.0.10",
-        "is-regex": "^1.1.4",
-        "is-weakref": "^1.0.2",
-        "isarray": "^2.0.5",
-        "which-boxed-primitive": "^1.0.2",
-        "which-collection": "^1.0.1",
-        "which-typed-array": "^1.1.9"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/which-collection": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/which-collection/-/which-collection-1.0.1.tgz",
-      "integrity": "sha512-W8xeTUwaln8i3K/cY1nGXzdnVZlidBcagyNFtBdD5kxnb4TvGKR7FfSIS3mYpwWS1QUCutfKz8IY8RjftB0+1A==",
-      "dev": true,
-      "dependencies": {
-        "is-map": "^2.0.1",
-        "is-set": "^2.0.1",
-        "is-weakmap": "^2.0.1",
-        "is-weakset": "^2.0.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/which-typed-array": {
-      "version": "1.1.13",
-      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.13.tgz",
-      "integrity": "sha512-P5Nra0qjSncduVPEAr7xhoF5guty49ArDTwzJ/yNuPIbZppyRxFQsRCWrocxIY+CnMVG+qfbU2FmDKyvSGClow==",
-      "dev": true,
-      "dependencies": {
-        "available-typed-arrays": "^1.0.5",
-        "call-bind": "^1.0.4",
-        "for-each": "^0.3.3",
-        "gopd": "^1.0.1",
-        "has-tostringtag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/wrappy": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
-      "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8="
-    },
-    "node_modules/write-file-atomic": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-4.0.1.tgz",
-      "integrity": "sha512-nSKUxgAbyioruk6hU87QzVbY279oYT6uiwgDoujth2ju4mJ+TZau7SQBhtbTmUyuNYTuXnSyRn66FV0+eCgcrQ==",
-      "dev": true,
-      "dependencies": {
-        "imurmurhash": "^0.1.4",
-        "signal-exit": "^3.0.7"
-      },
-      "engines": {
-        "node": "^12.13.0 || ^14.15.0 || >=16"
-      }
-    },
-    "node_modules/yallist": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "dev": true
-    },
-    "node_modules/yaml": {
-      "version": "1.10.2",
-      "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
-      "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==",
-      "dev": true,
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/yargs-parser": {
-      "version": "20.2.9",
-      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-20.2.9.tgz",
-      "integrity": "sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/yocto-queue": {
-      "version": "0.1.0",
-      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
-      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    }
-  }
-}

From 40a93fa2c72b67f2bafce075f363a9768060146c Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 9 Jan 2024 19:32:13 +0100
Subject: [PATCH 341/714] try updating package-lock with correct versions

---
 package-lock.json | 7453 +++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 7453 insertions(+)
 create mode 100644 package-lock.json

diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 00000000..00f52881
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,7453 @@
+{
+  "name": "medienhaus-frontend",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "medienhaus-frontend",
+      "dependencies": {
+        "i18next": "^23.7.7",
+        "i18next-browser-languagedetector": "^7.2.0",
+        "i18next-resources-to-backend": "^1.2.0",
+        "immer": "^10.0.3",
+        "lodash": "^4.17.21",
+        "matrix-js-sdk": "^30.2.0",
+        "next": "^14.0.4-canary.41",
+        "normalize.css": "^8.0.1",
+        "pino": "^8.16.2",
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0",
+        "react-i18next": "^13.5.0",
+        "styled-components": "^6.0.8",
+        "use-immer": "^0.9.0"
+      },
+      "devDependencies": {
+        "@remixicons/react": "^1.0.0",
+        "@stylelint/postcss-css-in-js": "^0.38.0",
+        "eslint": "^8.55.0",
+        "eslint-config-next": "^14.0.3",
+        "eslint-plugin-import": "^2.25.4",
+        "eslint-plugin-matrix-org": "^0.8.0",
+        "stylelint": "^14.8.2",
+        "stylelint-config-recess-order": "^3.0.0",
+        "stylelint-config-standard": "^25.0.0",
+        "stylelint-config-styled-components": "^0.1.1",
+        "stylelint-webpack-plugin": "^3.2.0"
+      }
+    },
+    "node_modules/@aashutoshrathi/word-wrap": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/@aashutoshrathi/word-wrap/-/word-wrap-1.2.6.tgz",
+      "integrity": "sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/@ampproject/remapping": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.1.tgz",
+      "integrity": "sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==",
+      "dev": true,
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.0",
+        "@jridgewell/trace-mapping": "^0.3.9"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/code-frame": {
+      "version": "7.23.5",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.23.5.tgz",
+      "integrity": "sha512-CgH3s1a96LipHCmSUmYFPwY7MNx8C3avkq7i4Wl3cfa662ldtUe4VM1TPXX70pfmrlWTb6jLqTYrZyT2ZTJBgA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/highlight": "^7.23.4",
+        "chalk": "^2.4.2"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/compat-data": {
+      "version": "7.23.5",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.23.5.tgz",
+      "integrity": "sha512-uU27kfDRlhfKl+w1U6vp16IuvSLtjAxdArVXPa9BvLkrr7CYIsxH5adpHObeAGY/41+syctUWOZ140a2Rvkgjw==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/core": {
+      "version": "7.23.7",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.23.7.tgz",
+      "integrity": "sha512-+UpDgowcmqe36d4NwqvKsyPMlOLNGMsfMmQ5WGCu+siCe3t3dfe9njrzGfdN4qq+bcNUt0+Vw6haRxBOycs4dw==",
+      "dev": true,
+      "dependencies": {
+        "@ampproject/remapping": "^2.2.0",
+        "@babel/code-frame": "^7.23.5",
+        "@babel/generator": "^7.23.6",
+        "@babel/helper-compilation-targets": "^7.23.6",
+        "@babel/helper-module-transforms": "^7.23.3",
+        "@babel/helpers": "^7.23.7",
+        "@babel/parser": "^7.23.6",
+        "@babel/template": "^7.22.15",
+        "@babel/traverse": "^7.23.7",
+        "@babel/types": "^7.23.6",
+        "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/@babel/eslint-parser": {
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/eslint-parser/-/eslint-parser-7.23.3.tgz",
+      "integrity": "sha512-9bTuNlyx7oSstodm1cR1bECj4fkiknsDa1YniISkJemMY3DGhJNYBECbe6QD/q54mp2J8VO66jW3/7uP//iFCw==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@nicolo-ribaudo/eslint-scope-5-internals": "5.1.1-v1",
+        "eslint-visitor-keys": "^2.1.0",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || >=14.0.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.11.0",
+        "eslint": "^7.5.0 || ^8.0.0"
+      }
+    },
+    "node_modules/@babel/eslint-plugin": {
+      "version": "7.23.5",
+      "resolved": "https://registry.npmjs.org/@babel/eslint-plugin/-/eslint-plugin-7.23.5.tgz",
+      "integrity": "sha512-03+E/58Hoo/ui69gR+beFdGpplpoVK0BSIdke2iw4/Bz7eGN0ssRenNlnU4nmbkowNQOPCStKSwFr8H6DiY49g==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "eslint-rule-composer": "^0.3.0"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || >=14.0.0"
+      },
+      "peerDependencies": {
+        "@babel/eslint-parser": "^7.11.0",
+        "eslint": "^7.5.0 || ^8.0.0"
+      }
+    },
+    "node_modules/@babel/generator": {
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.23.6.tgz",
+      "integrity": "sha512-qrSfCYxYQB5owCmGLbl8XRpX1ytXlpueOb0N0UmQwA073KZxejgQTzAmJezxvpwQD9uGtK2shHdi55QT+MbjIw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/types": "^7.23.6",
+        "@jridgewell/gen-mapping": "^0.3.2",
+        "@jridgewell/trace-mapping": "^0.3.17",
+        "jsesc": "^2.5.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-compilation-targets": {
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.23.6.tgz",
+      "integrity": "sha512-9JB548GZoQVmzrFgp8o7KxdgkTGm6xs9DW0o/Pim72UDjzr5ObUQ6ZzYPqA+g9OTS2bBQoctLJrky0RDCAWRgQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/compat-data": "^7.23.5",
+        "@babel/helper-validator-option": "^7.23.5",
+        "browserslist": "^4.22.2",
+        "lru-cache": "^5.1.1",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-environment-visitor": {
+      "version": "7.22.20",
+      "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.20.tgz",
+      "integrity": "sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-function-name": {
+      "version": "7.23.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.23.0.tgz",
+      "integrity": "sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/template": "^7.22.15",
+        "@babel/types": "^7.23.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",
+      "integrity": "sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/types": "^7.22.5"
+      },
+      "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",
+      "integrity": "sha512-0pYVBnDKZO2fnSPCrgM/6WMc7eS20Fbok+0r88fp+YtWVLZrp4CkafFGIp+W0VKw4a22sgebPT99y+FDNMdP4w==",
+      "dev": true,
+      "dependencies": {
+        "@babel/types": "^7.22.15"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-transforms": {
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.23.3.tgz",
+      "integrity": "sha512-7bBs4ED9OmswdfDzpz4MpWgSrV7FXlc3zIagvLFjS5H+Mk7Snr21vQ6QwrsoCGMfNC4e4LQPdoULEt4ykz0SRQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-environment-visitor": "^7.22.20",
+        "@babel/helper-module-imports": "^7.22.15",
+        "@babel/helper-simple-access": "^7.22.5",
+        "@babel/helper-split-export-declaration": "^7.22.6",
+        "@babel/helper-validator-identifier": "^7.22.20"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-simple-access": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.22.5.tgz",
+      "integrity": "sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==",
+      "dev": true,
+      "dependencies": {
+        "@babel/types": "^7.22.5"
+      },
+      "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",
+      "integrity": "sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==",
+      "dev": true,
+      "dependencies": {
+        "@babel/types": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-string-parser": {
+      "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==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.22.20",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz",
+      "integrity": "sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-option": {
+      "version": "7.23.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.23.5.tgz",
+      "integrity": "sha512-85ttAOMLsr53VgXkTbkx8oA6YTfT4q7/HzXSLEYmjcSTJPMPQtvq1BD79Byep5xMUYbGRzEpDsjUf3dyp54IKw==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helpers": {
+      "version": "7.23.8",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.23.8.tgz",
+      "integrity": "sha512-KDqYz4PiOWvDFrdHLPhKtCThtIcKVy6avWD2oG4GEvyQ+XDZwHD4YQd+H2vNMnq2rkdxsDkU82T+Vk8U/WXHRQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/template": "^7.22.15",
+        "@babel/traverse": "^7.23.7",
+        "@babel/types": "^7.23.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/highlight": {
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.23.4.tgz",
+      "integrity": "sha512-acGdbYSfp2WheJoJm/EBBBLh/ID8KDc64ISZ9DYtBmC8/Q204PZJLHyzeB5qMzJ5trcOkybd78M4x2KWsUq++A==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-validator-identifier": "^7.22.20",
+        "chalk": "^2.4.2",
+        "js-tokens": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.23.6.tgz",
+      "integrity": "sha512-Z2uID7YJ7oNvAI20O9X0bblw7Qqs8Q2hFy0R9tAfnfLkp5MW0UH9eUvnDSnFwKZ0AvgS1ucqR4KzvVHgnke1VQ==",
+      "dev": true,
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/runtime": {
+      "version": "7.23.8",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.8.tgz",
+      "integrity": "sha512-Y7KbAP984rn1VGMbGqKmBLio9V7y5Je9GvU4rQPCPinCyNfUcToxIXl06d59URp/F3LwinvODxab5N/G6qggkw==",
+      "dependencies": {
+        "regenerator-runtime": "^0.14.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/template": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.22.15.tgz",
+      "integrity": "sha512-QPErUVm4uyJa60rkI73qneDacvdvzxshT3kksGqlGWYdOTIUOwJ7RDUL8sGqslY1uXWSL6xMFKEXDS3ox2uF0w==",
+      "dev": true,
+      "dependencies": {
+        "@babel/code-frame": "^7.22.13",
+        "@babel/parser": "^7.22.15",
+        "@babel/types": "^7.22.15"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/traverse": {
+      "version": "7.23.7",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.23.7.tgz",
+      "integrity": "sha512-tY3mM8rH9jM0YHFGyfC0/xf+SB5eKUu7HPj7/k3fpi9dAlsMc5YbQvDi0Sh2QTPXqMhyaAtzAr807TIyfQrmyg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/code-frame": "^7.23.5",
+        "@babel/generator": "^7.23.6",
+        "@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.6",
+        "@babel/types": "^7.23.6",
+        "debug": "^4.3.1",
+        "globals": "^11.1.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/types": {
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.6.tgz",
+      "integrity": "sha512-+uarb83brBzPKN38NX1MkB6vb6+mwvR6amUulqAE7ccQw1pEl+bCia9TbdG1lsnFP7lZySvUn37CHyXQdfTwzg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.23.4",
+        "@babel/helper-validator-identifier": "^7.22.20",
+        "to-fast-properties": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@csstools/selector-specificity": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/@csstools/selector-specificity/-/selector-specificity-2.2.0.tgz",
+      "integrity": "sha512-+OJ9konv95ClSTOJCmMZqpd5+YGsB2S+x6w3E1oaM8UuR5j8nTNHYSz8c9BEPGDOCMQYIEEGlVPj/VY64iTbGw==",
+      "dev": true,
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/csstools"
+      },
+      "peerDependencies": {
+        "postcss-selector-parser": "^6.0.10"
+      }
+    },
+    "node_modules/@emotion/is-prop-valid": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.2.1.tgz",
+      "integrity": "sha512-61Mf7Ufx4aDxx1xlDeOm8aFFigGHE4z+0sKCa+IHCeZKiyP9RLD0Mmx7m8b9/Cf37f7NAvQOOJAbQQGVr5uERw==",
+      "dependencies": {
+        "@emotion/memoize": "^0.8.1"
+      }
+    },
+    "node_modules/@emotion/memoize": {
+      "version": "0.8.1",
+      "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz",
+      "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA=="
+    },
+    "node_modules/@emotion/unitless": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.8.0.tgz",
+      "integrity": "sha512-VINS5vEYAscRl2ZUDiT3uMPlrFQupiKgHz5AA4bCH1miKBg4qtwkim1qPmJj/4WG6TreYMY111rEFsjupcOKHw=="
+    },
+    "node_modules/@eslint-community/eslint-utils": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz",
+      "integrity": "sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==",
+      "dev": true,
+      "dependencies": {
+        "eslint-visitor-keys": "^3.3.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "peerDependencies": {
+        "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
+      }
+    },
+    "node_modules/@eslint-community/eslint-utils/node_modules/eslint-visitor-keys": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+      "dev": true,
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@eslint-community/regexpp": {
+      "version": "4.10.0",
+      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.10.0.tgz",
+      "integrity": "sha512-Cu96Sd2By9mCNTx2iyKOmq10v22jUVQv0lQnlGNy16oE9589yE+QADPbrMGCkA51cKZSg3Pu/aTJVTGfL/qjUA==",
+      "dev": true,
+      "engines": {
+        "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
+      }
+    },
+    "node_modules/@eslint/eslintrc": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.4.tgz",
+      "integrity": "sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==",
+      "dev": true,
+      "dependencies": {
+        "ajv": "^6.12.4",
+        "debug": "^4.3.2",
+        "espree": "^9.6.0",
+        "globals": "^13.19.0",
+        "ignore": "^5.2.0",
+        "import-fresh": "^3.2.1",
+        "js-yaml": "^4.1.0",
+        "minimatch": "^3.1.2",
+        "strip-json-comments": "^3.1.1"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@eslint/eslintrc/node_modules/brace-expansion": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "dev": true,
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/@eslint/eslintrc/node_modules/globals": {
+      "version": "13.24.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
+      "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
+      "dev": true,
+      "dependencies": {
+        "type-fest": "^0.20.2"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@eslint/eslintrc/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/@eslint/eslintrc/node_modules/type-fest": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
+      "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@eslint/js": {
+      "version": "8.56.0",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.56.0.tgz",
+      "integrity": "sha512-gMsVel9D7f2HLkBma9VbtzZRehRogVRfbr++f06nL2vnCGCNlzOD+/MUov/F4p8myyAHspEhVobgjpX64q5m6A==",
+      "dev": true,
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      }
+    },
+    "node_modules/@humanwhocodes/config-array": {
+      "version": "0.11.13",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.13.tgz",
+      "integrity": "sha512-JSBDMiDKSzQVngfRjOdFXgFfklaXI4K9nLF49Auh21lmBWRLIK3+xTErTWD4KU54pb6coM6ESE7Awz/FNU3zgQ==",
+      "dev": true,
+      "dependencies": {
+        "@humanwhocodes/object-schema": "^2.0.1",
+        "debug": "^4.1.1",
+        "minimatch": "^3.0.5"
+      },
+      "engines": {
+        "node": ">=10.10.0"
+      }
+    },
+    "node_modules/@humanwhocodes/config-array/node_modules/brace-expansion": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "dev": true,
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/@humanwhocodes/config-array/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/@humanwhocodes/module-importer": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
+      "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
+      "dev": true,
+      "engines": {
+        "node": ">=12.22"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/nzakas"
+      }
+    },
+    "node_modules/@humanwhocodes/object-schema": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.1.tgz",
+      "integrity": "sha512-dvuCeX5fC9dXgJn9t+X5atfmgQAzUOWqS1254Gh0m6i8wKd10ebXkfNKiRK+1GWi/yTvvLDHpoxLr0xxxeslWw==",
+      "dev": true
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.3",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz",
+      "integrity": "sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==",
+      "dev": true,
+      "dependencies": {
+        "@jridgewell/set-array": "^1.0.1",
+        "@jridgewell/sourcemap-codec": "^1.4.10",
+        "@jridgewell/trace-mapping": "^0.3.9"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.1.tgz",
+      "integrity": "sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/set-array": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz",
+      "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/source-map": {
+      "version": "0.3.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.5.tgz",
+      "integrity": "sha512-UTYAUj/wviwdsMfzoSJspJxbkH5o1snzwX0//0ENX1u/55kkZZkcTZP6u9bwKGkv+dkk9at4m1Cpt0uY80kcpQ==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.0",
+        "@jridgewell/trace-mapping": "^0.3.9"
+      }
+    },
+    "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/@jridgewell/trace-mapping": {
+      "version": "0.3.20",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.20.tgz",
+      "integrity": "sha512-R8LcPeWZol2zR8mmH3JeKQ6QRCFb7XgUhV9ZlGhHLGyg4wpPiPZNQOOWhFZhxKw8u//yTbNGI42Bx/3paXEQ+Q==",
+      "dev": true,
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@matrix-org/matrix-sdk-crypto-wasm": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/@matrix-org/matrix-sdk-crypto-wasm/-/matrix-sdk-crypto-wasm-3.6.0.tgz",
+      "integrity": "sha512-fvuYczcp/r/MOkOAUbK+tMaTerEe7/QHGQcRJz3W3JuEma0YN59d35zTBlts7EkN6Ichw1vLSyM+GkcbuosuyA==",
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/env": {
+      "version": "14.0.4",
+      "resolved": "https://registry.npmjs.org/@next/env/-/env-14.0.4.tgz",
+      "integrity": "sha512-irQnbMLbUNQpP1wcE5NstJtbuA/69kRfzBrpAD7Gsn8zm/CY6YQYc3HQBz8QPxwISG26tIm5afvvVbu508oBeQ=="
+    },
+    "node_modules/@next/eslint-plugin-next": {
+      "version": "14.0.4",
+      "resolved": "https://registry.npmjs.org/@next/eslint-plugin-next/-/eslint-plugin-next-14.0.4.tgz",
+      "integrity": "sha512-U3qMNHmEZoVmHA0j/57nRfi3AscXNvkOnxDmle/69Jz/G0o/gWjXTDdlgILZdrxQ0Lw/jv2mPW8PGy0EGIHXhQ==",
+      "dev": true,
+      "dependencies": {
+        "glob": "7.1.7"
+      }
+    },
+    "node_modules/@next/swc-darwin-arm64": {
+      "version": "14.0.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-14.0.4.tgz",
+      "integrity": "sha512-mF05E/5uPthWzyYDyptcwHptucf/jj09i2SXBPwNzbgBNc+XnwzrL0U6BmPjQeOL+FiB+iG1gwBeq7mlDjSRPg==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-darwin-x64": {
+      "version": "14.0.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-14.0.4.tgz",
+      "integrity": "sha512-IZQ3C7Bx0k2rYtrZZxKKiusMTM9WWcK5ajyhOZkYYTCc8xytmwSzR1skU7qLgVT/EY9xtXDG0WhY6fyujnI3rw==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-gnu": {
+      "version": "14.0.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-14.0.4.tgz",
+      "integrity": "sha512-VwwZKrBQo/MGb1VOrxJ6LrKvbpo7UbROuyMRvQKTFKhNaXjUmKTu7wxVkIuCARAfiI8JpaWAnKR+D6tzpCcM4w==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-musl": {
+      "version": "14.0.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-14.0.4.tgz",
+      "integrity": "sha512-8QftwPEW37XxXoAwsn+nXlodKWHfpMaSvt81W43Wh8dv0gkheD+30ezWMcFGHLI71KiWmHK5PSQbTQGUiidvLQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-x64-gnu": {
+      "version": "14.0.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-14.0.4.tgz",
+      "integrity": "sha512-/s/Pme3VKfZAfISlYVq2hzFS8AcAIOTnoKupc/j4WlvF6GQ0VouS2Q2KEgPuO1eMBwakWPB1aYFIA4VNVh667A==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-x64-musl": {
+      "version": "14.0.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-14.0.4.tgz",
+      "integrity": "sha512-m8z/6Fyal4L9Bnlxde5g2Mfa1Z7dasMQyhEhskDATpqr+Y0mjOBZcXQ7G5U+vgL22cI4T7MfvgtrM2jdopqWaw==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-arm64-msvc": {
+      "version": "14.0.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-14.0.4.tgz",
+      "integrity": "sha512-7Wv4PRiWIAWbm5XrGz3D8HUkCVDMMz9igffZG4NB1p4u1KoItwx9qjATHz88kwCEal/HXmbShucaslXCQXUM5w==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-ia32-msvc": {
+      "version": "14.0.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-14.0.4.tgz",
+      "integrity": "sha512-zLeNEAPULsl0phfGb4kdzF/cAVIfaC7hY+kt0/d+y9mzcZHsMS3hAS829WbJ31DkSlVKQeHEjZHIdhN+Pg7Gyg==",
+      "cpu": [
+        "ia32"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-x64-msvc": {
+      "version": "14.0.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-14.0.4.tgz",
+      "integrity": "sha512-yEh2+R8qDlDCjxVpzOTEpBLQTEFAcP2A8fUFLaWNap9GitYKkKv1//y2S6XY6zsR4rCOPRpU7plYDR+az2n30A==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@nicolo-ribaudo/eslint-scope-5-internals": {
+      "version": "5.1.1-v1",
+      "resolved": "https://registry.npmjs.org/@nicolo-ribaudo/eslint-scope-5-internals/-/eslint-scope-5-internals-5.1.1-v1.tgz",
+      "integrity": "sha512-54/JRvkLIzzDWshCWfuhadfrfZVPiElY8Fcgmg1HroEly/EDSszzhBAsarCux+D/kOslTRquNzuyGSmUSTTHGg==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "eslint-scope": "5.1.1"
+      }
+    },
+    "node_modules/@nodelib/fs.scandir": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+      "dev": true,
+      "dependencies": {
+        "@nodelib/fs.stat": "2.0.5",
+        "run-parallel": "^1.1.9"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.stat": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+      "dev": true,
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.walk": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+      "dev": true,
+      "dependencies": {
+        "@nodelib/fs.scandir": "2.1.5",
+        "fastq": "^1.6.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@remixicons/react": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@remixicons/react/-/react-1.0.0.tgz",
+      "integrity": "sha512-2QvlgR5myO7wzQduGWD4MYMtxwoHsu/Fq86N3A6DLogXJOctaxb+bLTEH7yysRIPmwO+o6lkadVph/ixasadqQ==",
+      "dev": true,
+      "peerDependencies": {
+        "react": ">= 16"
+      }
+    },
+    "node_modules/@rushstack/eslint-patch": {
+      "version": "1.6.1",
+      "resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.6.1.tgz",
+      "integrity": "sha512-UY+FGM/2jjMkzQLn8pxcHGMaVLh9aEitG3zY2CiY7XHdLiz3bZOwa6oDxNqEMv7zZkV+cj5DOdz0cQ1BP5Hjgw==",
+      "dev": true
+    },
+    "node_modules/@stylelint/postcss-css-in-js": {
+      "version": "0.38.0",
+      "resolved": "https://registry.npmjs.org/@stylelint/postcss-css-in-js/-/postcss-css-in-js-0.38.0.tgz",
+      "integrity": "sha512-XOz5CAe49kS95p5yRd+DAIWDojTjfmyAQ4bbDlXMdbZTQ5t0ThjSLvWI6JI2uiS7MFurVBkZ6zUqcimzcLTBoQ==",
+      "deprecated": "Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.",
+      "dev": true,
+      "dependencies": {
+        "@babel/core": "^7.17.9"
+      },
+      "peerDependencies": {
+        "postcss": ">=7.0.0",
+        "postcss-syntax": ">=0.36.2"
+      }
+    },
+    "node_modules/@swc/helpers": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.2.tgz",
+      "integrity": "sha512-E4KcWTpoLHqwPHLxidpOqQbcrZVgi0rsmmZXUle1jXmJfuIf/UWpczUJ7MZZ5tlxytgJXyp0w4PGkkeLiuIdZw==",
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@types/eslint": {
+      "version": "8.56.1",
+      "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-8.56.1.tgz",
+      "integrity": "sha512-18PLWRzhy9glDQp3+wOgfLYRWlhgX0azxgJ63rdpoUHyrC9z0f5CkFburjQx4uD7ZCruw85ZtMt6K+L+R8fLJQ==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@types/estree": "*",
+        "@types/json-schema": "*"
+      }
+    },
+    "node_modules/@types/eslint-scope": {
+      "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,
+      "peer": true,
+      "dependencies": {
+        "@types/eslint": "*",
+        "@types/estree": "*"
+      }
+    },
+    "node_modules/@types/estree": {
+      "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,
+      "peer": true
+    },
+    "node_modules/@types/events": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@types/events/-/events-3.0.3.tgz",
+      "integrity": "sha512-trOc4AAUThEz9hapPtSd7wf5tiQKvTtu5b371UxXdTuqzIh0ArcRspRP0i0Viu+LXstIQ1z96t1nsPxT9ol01g=="
+    },
+    "node_modules/@types/json-schema": {
+      "version": "7.0.15",
+      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
+      "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==",
+      "dev": true
+    },
+    "node_modules/@types/json5": {
+      "version": "0.0.29",
+      "resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz",
+      "integrity": "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==",
+      "dev": true
+    },
+    "node_modules/@types/minimist": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/@types/minimist/-/minimist-1.2.5.tgz",
+      "integrity": "sha512-hov8bUuiLiyFPGyFPE1lwWhmzYbirOXQNNo40+y3zow8aFVTeyn3VWL0VFFfdNddA8S4Vf0Tc062rzyNr7Paag==",
+      "dev": true
+    },
+    "node_modules/@types/node": {
+      "version": "20.10.8",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.10.8.tgz",
+      "integrity": "sha512-f8nQs3cLxbAFc00vEU59yf9UyGUftkPaLGfvbVOIDdx2i1b8epBqj2aNGyP19fiyXWvlmZ7qC1XLjAzw/OKIeA==",
+      "dev": true,
+      "dependencies": {
+        "undici-types": "~5.26.4"
+      }
+    },
+    "node_modules/@types/normalize-package-data": {
+      "version": "2.4.4",
+      "resolved": "https://registry.npmjs.org/@types/normalize-package-data/-/normalize-package-data-2.4.4.tgz",
+      "integrity": "sha512-37i+OaWTh9qeK4LSHPsyRC7NahnGotNuZvjLSgcPzblpHB3rrCJxAOgI5gCdKm7coonsaX1Of0ILiTcnZjbfxA==",
+      "dev": true
+    },
+    "node_modules/@types/parse-json": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.2.tgz",
+      "integrity": "sha512-dISoDXWWQwUquiKsyZ4Ng+HX2KsPL7LyHKHQwgGFEA3IaKac4Obd+h2a/a6waisAoepJlBcx9paWqjA8/HVjCw==",
+      "dev": true
+    },
+    "node_modules/@types/retry": {
+      "version": "0.12.0",
+      "resolved": "https://registry.npmjs.org/@types/retry/-/retry-0.12.0.tgz",
+      "integrity": "sha512-wWKOClTTiizcZhXnPY4wikVAwmdYHp8q6DmC+EJUzAMsycb7HB32Kh9RN4+0gExjmPmZSAQjgURXIGATPegAvA=="
+    },
+    "node_modules/@types/semver": {
+      "version": "7.5.6",
+      "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.5.6.tgz",
+      "integrity": "sha512-dn1l8LaMea/IjDoHNd9J52uBbInB796CDffS6VdIxvqYCPSG0V0DzHp76GpaWnlhg88uYyPbXCDIowa86ybd5A==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/@types/stylis": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/@types/stylis/-/stylis-4.2.0.tgz",
+      "integrity": "sha512-n4sx2bqL0mW1tvDf/loQ+aMX7GQD3lc3fkCMC55VFNDu/vBOabO+LTIeXKM14xK0ppk5TUGcWRjiSpIlUpghKw=="
+    },
+    "node_modules/@typescript-eslint/eslint-plugin": {
+      "version": "6.18.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-6.18.1.tgz",
+      "integrity": "sha512-nISDRYnnIpk7VCFrGcu1rnZfM1Dh9LRHnfgdkjcbi/l7g16VYRri3TjXi9Ir4lOZSw5N/gnV/3H7jIPQ8Q4daA==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@eslint-community/regexpp": "^4.5.1",
+        "@typescript-eslint/scope-manager": "6.18.1",
+        "@typescript-eslint/type-utils": "6.18.1",
+        "@typescript-eslint/utils": "6.18.1",
+        "@typescript-eslint/visitor-keys": "6.18.1",
+        "debug": "^4.3.4",
+        "graphemer": "^1.4.0",
+        "ignore": "^5.2.4",
+        "natural-compare": "^1.4.0",
+        "semver": "^7.5.4",
+        "ts-api-utils": "^1.0.1"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "@typescript-eslint/parser": "^6.0.0 || ^6.0.0-alpha",
+        "eslint": "^7.0.0 || ^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/eslint-plugin/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@typescript-eslint/eslint-plugin/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,
+      "peer": true,
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@typescript-eslint/eslint-plugin/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/@typescript-eslint/parser": {
+      "version": "6.18.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-6.18.1.tgz",
+      "integrity": "sha512-zct/MdJnVaRRNy9e84XnVtRv9Vf91/qqe+hZJtKanjojud4wAVy/7lXxJmMyX6X6J+xc6c//YEWvpeif8cAhWA==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/scope-manager": "6.18.1",
+        "@typescript-eslint/types": "6.18.1",
+        "@typescript-eslint/typescript-estree": "6.18.1",
+        "@typescript-eslint/visitor-keys": "6.18.1",
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^7.0.0 || ^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/scope-manager": {
+      "version": "6.18.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-6.18.1.tgz",
+      "integrity": "sha512-BgdBwXPFmZzaZUuw6wKiHKIovms97a7eTImjkXCZE04TGHysG+0hDQPmygyvgtkoB/aOQwSM/nWv3LzrOIQOBw==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/types": "6.18.1",
+        "@typescript-eslint/visitor-keys": "6.18.1"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/type-utils": {
+      "version": "6.18.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-6.18.1.tgz",
+      "integrity": "sha512-wyOSKhuzHeU/5pcRDP2G2Ndci+4g653V43gXTpt4nbyoIOAASkGDA9JIAgbQCdCkcr1MvpSYWzxTz0olCn8+/Q==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@typescript-eslint/typescript-estree": "6.18.1",
+        "@typescript-eslint/utils": "6.18.1",
+        "debug": "^4.3.4",
+        "ts-api-utils": "^1.0.1"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^7.0.0 || ^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/types": {
+      "version": "6.18.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-6.18.1.tgz",
+      "integrity": "sha512-4TuMAe+tc5oA7wwfqMtB0Y5OrREPF1GeJBAjqwgZh1lEMH5PJQgWgHGfYufVB51LtjD+peZylmeyxUXPfENLCw==",
+      "dev": true,
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree": {
+      "version": "6.18.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-6.18.1.tgz",
+      "integrity": "sha512-fv9B94UAhywPRhUeeV/v+3SBDvcPiLxRZJw/xZeeGgRLQZ6rLMG+8krrJUyIf6s1ecWTzlsbp0rlw7n9sjufHA==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/types": "6.18.1",
+        "@typescript-eslint/visitor-keys": "6.18.1",
+        "debug": "^4.3.4",
+        "globby": "^11.1.0",
+        "is-glob": "^4.0.3",
+        "minimatch": "9.0.3",
+        "semver": "^7.5.4",
+        "ts-api-utils": "^1.0.1"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dev": true,
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/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/@typescript-eslint/typescript-estree/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "dev": true
+    },
+    "node_modules/@typescript-eslint/utils": {
+      "version": "6.18.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-6.18.1.tgz",
+      "integrity": "sha512-zZmTuVZvD1wpoceHvoQpOiewmWu3uP9FuTWo8vqpy2ffsmfCE8mklRPi+vmnIYAIk9t/4kOThri2QCDgor+OpQ==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.4.0",
+        "@types/json-schema": "^7.0.12",
+        "@types/semver": "^7.5.0",
+        "@typescript-eslint/scope-manager": "6.18.1",
+        "@typescript-eslint/types": "6.18.1",
+        "@typescript-eslint/typescript-estree": "6.18.1",
+        "semver": "^7.5.4"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^7.0.0 || ^8.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/utils/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@typescript-eslint/utils/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,
+      "peer": true,
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@typescript-eslint/utils/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/@typescript-eslint/visitor-keys": {
+      "version": "6.18.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-6.18.1.tgz",
+      "integrity": "sha512-/kvt0C5lRqGoCfsbmm7/CwMqoSkY3zzHLIjdhHZQW3VFrnz7ATecOHR7nb7V+xn4286MBxfnQfQhAmCI0u+bJA==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/types": "6.18.1",
+        "eslint-visitor-keys": "^3.4.1"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/visitor-keys/node_modules/eslint-visitor-keys": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+      "dev": true,
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@ungap/structured-clone": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.2.0.tgz",
+      "integrity": "sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==",
+      "dev": true
+    },
+    "node_modules/@webassemblyjs/ast": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.11.6.tgz",
+      "integrity": "sha512-IN1xI7PwOvLPgjcf180gC1bqn3q/QaOCwYUahIOhbYUu8KA/3tw2RT/T0Gidi1l7Hhj5D/INhJxiICObqpMu4Q==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/helper-numbers": "1.11.6",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.6"
+      }
+    },
+    "node_modules/@webassemblyjs/floating-point-hex-parser": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.11.6.tgz",
+      "integrity": "sha512-ejAj9hfRJ2XMsNHk/v6Fu2dGS+i4UaXBXGemOfQ/JfQ6mdQg/WXtwleQRLLS4OvfDhv8rYnVwH27YJLMyYsxhw==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/@webassemblyjs/helper-api-error": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.11.6.tgz",
+      "integrity": "sha512-o0YkoP4pVu4rN8aTJgAyj9hC2Sv5UlkzCHhxqWj8butaLvnpdc2jOwh4ewE6CX0txSfLn/UYaV/pheS2Txg//Q==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/@webassemblyjs/helper-buffer": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.11.6.tgz",
+      "integrity": "sha512-z3nFzdcp1mb8nEOFFk8DrYLpHvhKC3grJD2ardfKOzmbmJvEf/tPIqCY+sNcwZIY8ZD7IkB2l7/pqhUhqm7hLA==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/@webassemblyjs/helper-numbers": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-numbers/-/helper-numbers-1.11.6.tgz",
+      "integrity": "sha512-vUIhZ8LZoIWHBohiEObxVm6hwP034jwmc9kuq5GdHZH0wiLVLIPcMCdpJzG4C11cHoQ25TFIQj9kaVADVX7N3g==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/floating-point-hex-parser": "1.11.6",
+        "@webassemblyjs/helper-api-error": "1.11.6",
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "node_modules/@webassemblyjs/helper-wasm-bytecode": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.11.6.tgz",
+      "integrity": "sha512-sFFHKwcmBprO9e7Icf0+gddyWYDViL8bpPjJJl0WHxCdETktXdmtWLGVzoHbqUcY4Be1LkNfwTmXOJUFZYSJdA==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/@webassemblyjs/helper-wasm-section": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.11.6.tgz",
+      "integrity": "sha512-LPpZbSOwTpEC2cgn4hTydySy1Ke+XEu+ETXuoyvuyezHO3Kjdu90KK95Sh9xTbmjrCsUwvWwCOQQNta37VrS9g==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.11.6",
+        "@webassemblyjs/helper-buffer": "1.11.6",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.6",
+        "@webassemblyjs/wasm-gen": "1.11.6"
+      }
+    },
+    "node_modules/@webassemblyjs/ieee754": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.11.6.tgz",
+      "integrity": "sha512-LM4p2csPNvbij6U1f19v6WR56QZ8JcHg3QIJTlSwzFcmx6WSORicYj6I63f9yU1kEUtrpG+kjkiIAkevHpDXrg==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@xtuc/ieee754": "^1.2.0"
+      }
+    },
+    "node_modules/@webassemblyjs/leb128": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.11.6.tgz",
+      "integrity": "sha512-m7a0FhE67DQXgouf1tbN5XQcdWoNgaAuoULHIfGFIEVKA6tu/edls6XnIlkmS6FrXAquJRPni3ZZKjw6FSPjPQ==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "node_modules/@webassemblyjs/utf8": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.11.6.tgz",
+      "integrity": "sha512-vtXf2wTQ3+up9Zsg8sa2yWiQpzSsMyXj0qViVP6xKGCUT8p8YJ6HqI7l5eCnWx1T/FYdsv07HQs2wTFbbof/RA==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/@webassemblyjs/wasm-edit": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.11.6.tgz",
+      "integrity": "sha512-Ybn2I6fnfIGuCR+Faaz7YcvtBKxvoLV3Lebn1tM4o/IAJzmi9AWYIPWpyBfU8cC+JxAO57bk4+zdsTjJR+VTOw==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.11.6",
+        "@webassemblyjs/helper-buffer": "1.11.6",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.6",
+        "@webassemblyjs/helper-wasm-section": "1.11.6",
+        "@webassemblyjs/wasm-gen": "1.11.6",
+        "@webassemblyjs/wasm-opt": "1.11.6",
+        "@webassemblyjs/wasm-parser": "1.11.6",
+        "@webassemblyjs/wast-printer": "1.11.6"
+      }
+    },
+    "node_modules/@webassemblyjs/wasm-gen": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.11.6.tgz",
+      "integrity": "sha512-3XOqkZP/y6B4F0PBAXvI1/bky7GryoogUtfwExeP/v7Nzwo1QLcq5oQmpKlftZLbT+ERUOAZVQjuNVak6UXjPA==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.11.6",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.6",
+        "@webassemblyjs/ieee754": "1.11.6",
+        "@webassemblyjs/leb128": "1.11.6",
+        "@webassemblyjs/utf8": "1.11.6"
+      }
+    },
+    "node_modules/@webassemblyjs/wasm-opt": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.11.6.tgz",
+      "integrity": "sha512-cOrKuLRE7PCe6AsOVl7WasYf3wbSo4CeOk6PkrjS7g57MFfVUF9u6ysQBBODX0LdgSvQqRiGz3CXvIDKcPNy4g==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.11.6",
+        "@webassemblyjs/helper-buffer": "1.11.6",
+        "@webassemblyjs/wasm-gen": "1.11.6",
+        "@webassemblyjs/wasm-parser": "1.11.6"
+      }
+    },
+    "node_modules/@webassemblyjs/wasm-parser": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.11.6.tgz",
+      "integrity": "sha512-6ZwPeGzMJM3Dqp3hCsLgESxBGtT/OeCvCZ4TA1JUPYgmhAx38tTPR9JaKy0S5H3evQpO/h2uWs2j6Yc/fjkpTQ==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.11.6",
+        "@webassemblyjs/helper-api-error": "1.11.6",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.6",
+        "@webassemblyjs/ieee754": "1.11.6",
+        "@webassemblyjs/leb128": "1.11.6",
+        "@webassemblyjs/utf8": "1.11.6"
+      }
+    },
+    "node_modules/@webassemblyjs/wast-printer": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.11.6.tgz",
+      "integrity": "sha512-JM7AhRcE+yW2GWYaKeHL5vt4xqee5N2WcezptmgyhNS+ScggqcT1OtXykhAb13Sn5Yas0j2uv9tHgrjwvzAP4A==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.11.6",
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "node_modules/@xtuc/ieee754": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz",
+      "integrity": "sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/@xtuc/long": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@xtuc/long/-/long-4.2.2.tgz",
+      "integrity": "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/abort-controller": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/abort-controller/-/abort-controller-3.0.0.tgz",
+      "integrity": "sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg==",
+      "dependencies": {
+        "event-target-shim": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=6.5"
+      }
+    },
+    "node_modules/acorn": {
+      "version": "8.11.3",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.3.tgz",
+      "integrity": "sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==",
+      "dev": true,
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/acorn-import-assertions": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/acorn-import-assertions/-/acorn-import-assertions-1.9.0.tgz",
+      "integrity": "sha512-cmMwop9x+8KFhxvKrKfPYmN6/pKTYYHBqLa0DfvVZcKMJWNyWLnaqND7dx/qn66R7ewM1UX5XMaDVP5wlVTaVA==",
+      "dev": true,
+      "peer": true,
+      "peerDependencies": {
+        "acorn": "^8"
+      }
+    },
+    "node_modules/acorn-jsx": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
+      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
+      "dev": true,
+      "peerDependencies": {
+        "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
+      }
+    },
+    "node_modules/ajv": {
+      "version": "6.12.6",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+      "dev": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "fast-json-stable-stringify": "^2.0.0",
+        "json-schema-traverse": "^0.4.1",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/ajv-formats": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/ajv-formats/-/ajv-formats-2.1.1.tgz",
+      "integrity": "sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==",
+      "dev": true,
+      "dependencies": {
+        "ajv": "^8.0.0"
+      },
+      "peerDependencies": {
+        "ajv": "^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "ajv": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/ajv-formats/node_modules/ajv": {
+      "version": "8.12.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz",
+      "integrity": "sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==",
+      "dev": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/ajv-formats/node_modules/json-schema-traverse": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+      "dev": true
+    },
+    "node_modules/ajv-keywords": {
+      "version": "3.5.2",
+      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
+      "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
+      "dev": true,
+      "peer": true,
+      "peerDependencies": {
+        "ajv": "^6.9.1"
+      }
+    },
+    "node_modules/another-json": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/another-json/-/another-json-0.2.0.tgz",
+      "integrity": "sha512-/Ndrl68UQLhnCdsAzEXLMFuOR546o2qbYRqCglaNHbjXrwG1ayTcdwr3zkSGOGtGXDyR5X9nCFfnyG2AFJIsqg=="
+    },
+    "node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ansi-styles": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+      "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+      "dev": true,
+      "dependencies": {
+        "color-convert": "^1.9.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/argparse": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "dev": true
+    },
+    "node_modules/aria-query": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.0.tgz",
+      "integrity": "sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==",
+      "dev": true,
+      "dependencies": {
+        "dequal": "^2.0.3"
+      }
+    },
+    "node_modules/array-buffer-byte-length": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.0.tgz",
+      "integrity": "sha512-LPuwb2P+NrQw3XhxGc36+XSvuBPopovXYTR9Ew++Du9Yb/bx5AzBfrIsBoj0EZUifjQU+sHL21sseZ3jerWO/A==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "is-array-buffer": "^3.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array-includes": {
+      "version": "3.1.7",
+      "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.7.tgz",
+      "integrity": "sha512-dlcsNBIiWhPkHdOEEKnehA+RNUWDc4UqFtnIXU4uuYDPtA4LDkr7qip2p0VvFAEXNDr0yWZ9PJyIRiGjRLQzwQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "get-intrinsic": "^1.2.1",
+        "is-string": "^1.0.7"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array-union": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
+      "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/array.prototype.findlastindex": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.3.tgz",
+      "integrity": "sha512-LzLoiOMAxvy+Gd3BAq3B7VeIgPdo+Q8hthvKtXybMvRV0jrXfJM/t8mw7nNlpEcVlVUnCnM2KSX4XU5HmpodOA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "es-shim-unscopables": "^1.0.0",
+        "get-intrinsic": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.flat": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.2.tgz",
+      "integrity": "sha512-djYB+Zx2vLewY8RWlNCUdHjDXs2XOgm602S9E7P/UpHgfeHL00cRiIF+IN/G/aUJ7kGPb6yO/ErDI5V2s8iycA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "es-shim-unscopables": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.flatmap": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.2.tgz",
+      "integrity": "sha512-Ewyx0c9PmpcsByhSW4r+9zDU7sGjFc86qf/kKtuSCRdhfbk0SNLLkaT5qvcHnRGgc5NP/ly/y+qkXkqONX54CQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "es-shim-unscopables": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.tosorted": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/array.prototype.tosorted/-/array.prototype.tosorted-1.1.2.tgz",
+      "integrity": "sha512-HuQCHOlk1Weat5jzStICBCd83NxiIMwqDg/dHEsoefabn/hJRj5pVdWcPUSpRrwhwxZOsQassMpgN/xRYFBMIg==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "es-shim-unscopables": "^1.0.0",
+        "get-intrinsic": "^1.2.1"
+      }
+    },
+    "node_modules/arraybuffer.prototype.slice": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.2.tgz",
+      "integrity": "sha512-yMBKppFur/fbHu9/6USUe03bZ4knMYiwFBcyiaXB8Go0qNehwX6inYPzK9U0NeQvGxKthcmHcaR8P5MStSRBAw==",
+      "dev": true,
+      "dependencies": {
+        "array-buffer-byte-length": "^1.0.0",
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "get-intrinsic": "^1.2.1",
+        "is-array-buffer": "^3.0.2",
+        "is-shared-array-buffer": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/arrify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/arrify/-/arrify-1.0.1.tgz",
+      "integrity": "sha512-3CYzex9M9FGQjCGMGyi6/31c8GJbgb0qGyrx5HWxPd0aCwh4cB2YjMb2Xf9UuoogrMrlO9cTqnB5rI5GHZTcUA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ast-types-flow": {
+      "version": "0.0.8",
+      "resolved": "https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.8.tgz",
+      "integrity": "sha512-OH/2E5Fg20h2aPrbe+QL8JZQFko0YZaF+j4mnQ7BGhfavO7OpSLa8a0y9sBwomHdSbkhTS8TQNayBfnW5DwbvQ==",
+      "dev": true
+    },
+    "node_modules/astral-regex": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/astral-regex/-/astral-regex-2.0.0.tgz",
+      "integrity": "sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/asynciterator.prototype": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/asynciterator.prototype/-/asynciterator.prototype-1.0.0.tgz",
+      "integrity": "sha512-wwHYEIS0Q80f5mosx3L/dfG5t5rjEa9Ft51GTaNt862EnpyGHpgz2RkZvLPp1oF5TnAiTohkEKVEu8pQPJI7Vg==",
+      "dev": true,
+      "dependencies": {
+        "has-symbols": "^1.0.3"
+      }
+    },
+    "node_modules/atomic-sleep": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/atomic-sleep/-/atomic-sleep-1.0.0.tgz",
+      "integrity": "sha512-kNOjDqAh7px0XWNI+4QbzoiR/nTkHAWNud2uvnJquD1/x5a7EQZMJT0AczqK0Qn67oY/TTQ1LbUKajZpp3I9tQ==",
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/available-typed-arrays": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.5.tgz",
+      "integrity": "sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/axe-core": {
+      "version": "4.7.0",
+      "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.7.0.tgz",
+      "integrity": "sha512-M0JtH+hlOL5pLQwHOLNYZaXuhqmvS8oExsqB1SBYgA4Dk7u/xx+YdGHXaK5pyUfed5mYXdlYiphWq3G8cRi5JQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/axobject-query": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-3.2.1.tgz",
+      "integrity": "sha512-jsyHu61e6N4Vbz/v18DHwWYKK0bSWLqn47eeDSKPB7m8tqMHF9YJ+mhIk2lVteyZrY8tnSj/jHOv4YiTCuCJgg==",
+      "dev": true,
+      "dependencies": {
+        "dequal": "^2.0.3"
+      }
+    },
+    "node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "dev": true
+    },
+    "node_modules/base-x": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/base-x/-/base-x-4.0.0.tgz",
+      "integrity": "sha512-FuwxlW4H5kh37X/oW59pwTzzTKRzfrrQwhmyspRM7swOEZcHtDZSCt45U6oKgtuFE+WYPblePMVIPR4RZrh/hw=="
+    },
+    "node_modules/base64-js": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
+      "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
+      "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/brace-expansion": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+      "dev": true,
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/braces": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
+      "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+      "dev": true,
+      "dependencies": {
+        "fill-range": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/browserslist": {
+      "version": "4.22.2",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.22.2.tgz",
+      "integrity": "sha512-0UgcrvQmBDvZHFGdYUehrCNIazki7/lUP3kkoi/r3YB2amZbFM9J43ZRkJTXBUZK4gmx56+Sqk9+Vs9mwZx9+A==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "caniuse-lite": "^1.0.30001565",
+        "electron-to-chromium": "^1.4.601",
+        "node-releases": "^2.0.14",
+        "update-browserslist-db": "^1.0.13"
+      },
+      "bin": {
+        "browserslist": "cli.js"
+      },
+      "engines": {
+        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+      }
+    },
+    "node_modules/bs58": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/bs58/-/bs58-5.0.0.tgz",
+      "integrity": "sha512-r+ihvQJvahgYT50JD05dyJNKlmmSlMoOGwn1lCcEzanPglg7TxYjioQUYehQ9mAR/+hOSd2jRc/Z2y5UxBymvQ==",
+      "dependencies": {
+        "base-x": "^4.0.0"
+      }
+    },
+    "node_modules/buffer": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz",
+      "integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==",
+      "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": {
+        "base64-js": "^1.3.1",
+        "ieee754": "^1.2.1"
+      }
+    },
+    "node_modules/buffer-from": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
+      "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/builtin-modules": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/builtin-modules/-/builtin-modules-3.3.0.tgz",
+      "integrity": "sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/busboy": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/busboy/-/busboy-1.6.0.tgz",
+      "integrity": "sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==",
+      "dependencies": {
+        "streamsearch": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=10.16.0"
+      }
+    },
+    "node_modules/call-bind": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.5.tgz",
+      "integrity": "sha512-C3nQxfFZxFRVoJoGKKI8y3MOEo129NQ+FgQ08iye+Mk4zNZZGdjfs06bVTr+DBSlA66Q2VEcMki/cUCP4SercQ==",
+      "dev": true,
+      "dependencies": {
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.1",
+        "set-function-length": "^1.1.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/callsites": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
+      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/camelcase": {
+      "version": "5.3.1",
+      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
+      "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/camelcase-keys": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/camelcase-keys/-/camelcase-keys-6.2.2.tgz",
+      "integrity": "sha512-YrwaA0vEKazPBkn0ipTiMpSajYDSe+KjQfrjhcBMxJt/znbvlHd8Pw/Vamaz5EB4Wfhs3SUR3Z9mwRu/P3s3Yg==",
+      "dev": true,
+      "dependencies": {
+        "camelcase": "^5.3.1",
+        "map-obj": "^4.0.0",
+        "quick-lru": "^4.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/camelize": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/camelize/-/camelize-1.0.1.tgz",
+      "integrity": "sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ==",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/caniuse-lite": {
+      "version": "1.0.30001576",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001576.tgz",
+      "integrity": "sha512-ff5BdakGe2P3SQsMsiqmt1Lc8221NR1VzHj5jXN5vBny9A6fpze94HiVV/n7XRosOlsShJcvMv5mdnpjOGCEgg==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ]
+    },
+    "node_modules/chalk": {
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+      "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+      "dev": true,
+      "dependencies": {
+        "ansi-styles": "^3.2.1",
+        "escape-string-regexp": "^1.0.5",
+        "supports-color": "^5.3.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/chrome-trace-event": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/chrome-trace-event/-/chrome-trace-event-1.0.3.tgz",
+      "integrity": "sha512-p3KULyQg4S7NIHixdwbGX+nFHkoBiA4YQmyWtjb8XngSKV124nJmRysgAeujbUVb15vh+RvFUfCPqU7rXk+hZg==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=6.0"
+      }
+    },
+    "node_modules/ci-info": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-4.0.0.tgz",
+      "integrity": "sha512-TdHqgGf9odd8SXNuxtUBVx8Nv+qZOejE6qyqiy5NtbYYQOeFa6zmHkxlPzmaLxWWHsU6nJmB7AETdVPi+2NBUg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/sibiraj-s"
+        }
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/clean-regexp": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/clean-regexp/-/clean-regexp-1.0.0.tgz",
+      "integrity": "sha512-GfisEZEJvzKrmGWkvfhgzcz/BllN1USeqD2V6tg14OAOgaCD2Z/PUEuxnAZ/nPvmaHRG7a8y77p1T/IRQ4D1Hw==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "escape-string-regexp": "^1.0.5"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/client-only": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
+      "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA=="
+    },
+    "node_modules/color-convert": {
+      "version": "1.9.3",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
+      "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
+      "dev": true,
+      "dependencies": {
+        "color-name": "1.1.3"
+      }
+    },
+    "node_modules/color-name": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
+      "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==",
+      "dev": true
+    },
+    "node_modules/colord": {
+      "version": "2.9.3",
+      "resolved": "https://registry.npmjs.org/colord/-/colord-2.9.3.tgz",
+      "integrity": "sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw==",
+      "dev": true
+    },
+    "node_modules/commander": {
+      "version": "2.20.3",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
+      "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+      "dev": true
+    },
+    "node_modules/content-type": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz",
+      "integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "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/core-js-compat": {
+      "version": "3.35.0",
+      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.35.0.tgz",
+      "integrity": "sha512-5blwFAddknKeNgsjBzilkdQ0+YK8L1PfqPYq40NOYMYFSS38qj+hpTcLLWwpIwA2A5bje/x5jmVn2tzUMg9IVw==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "browserslist": "^4.22.2"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/core-js"
+      }
+    },
+    "node_modules/cosmiconfig": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.1.0.tgz",
+      "integrity": "sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==",
+      "dev": true,
+      "dependencies": {
+        "@types/parse-json": "^4.0.0",
+        "import-fresh": "^3.2.1",
+        "parse-json": "^5.0.0",
+        "path-type": "^4.0.0",
+        "yaml": "^1.10.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/cross-spawn": {
+      "version": "7.0.3",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
+      "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
+      "dev": true,
+      "dependencies": {
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/crypto-js": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/crypto-js/-/crypto-js-4.2.0.tgz",
+      "integrity": "sha512-KALDyEYgpY+Rlob/iriUtjV6d5Eq+Y191A5g4UqLAi8CyGP9N1+FdVbkc1SxKc2r4YAYqG8JzO2KGL+AizD70Q=="
+    },
+    "node_modules/css-color-keywords": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/css-color-keywords/-/css-color-keywords-1.0.0.tgz",
+      "integrity": "sha512-FyyrDHZKEjXDpNJYvVsV960FiqQyXc/LlYmsxl2BcdMb2WPx0OGRVgTg55rPSyLSNMqP52R9r8geSp7apN3Ofg==",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/css-functions-list": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/css-functions-list/-/css-functions-list-3.2.1.tgz",
+      "integrity": "sha512-Nj5YcaGgBtuUmn1D7oHqPW0c9iui7xsTsj5lIX8ZgevdfhmjFfKB3r8moHJtNJnctnYXJyYX5I1pp90HM4TPgQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=12 || >=16"
+      }
+    },
+    "node_modules/css-to-react-native": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/css-to-react-native/-/css-to-react-native-3.2.0.tgz",
+      "integrity": "sha512-e8RKaLXMOFii+02mOlqwjbD00KSEKqblnpO9e++1aXS1fPQOpS1YoqdVHBqPjHNoxeF2mimzVqawm2KCbEdtHQ==",
+      "dependencies": {
+        "camelize": "^1.0.0",
+        "css-color-keywords": "^1.0.0",
+        "postcss-value-parser": "^4.0.2"
+      }
+    },
+    "node_modules/cssesc": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
+      "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
+      "dev": true,
+      "bin": {
+        "cssesc": "bin/cssesc"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/csstype": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz",
+      "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ=="
+    },
+    "node_modules/damerau-levenshtein": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz",
+      "integrity": "sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==",
+      "dev": true
+    },
+    "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/decamelize": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz",
+      "integrity": "sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/decamelize-keys": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/decamelize-keys/-/decamelize-keys-1.1.1.tgz",
+      "integrity": "sha512-WiPxgEirIV0/eIOMcnFBA3/IJZAZqKnwAwWyvvdi4lsr1WCN22nhdf/3db3DoZcUjTV2SqfzIwNyp6y2xs3nmg==",
+      "dev": true,
+      "dependencies": {
+        "decamelize": "^1.1.0",
+        "map-obj": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/decamelize-keys/node_modules/map-obj": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-1.0.1.tgz",
+      "integrity": "sha512-7N/q3lyZ+LVCp7PzuxrJr4KMbBE2hW7BT7YNia330OFxIf4d3r5zVpicP2650l7CPN6RM9zOJRl3NGpqSiw3Eg==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/deep-is": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
+      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
+      "dev": true
+    },
+    "node_modules/define-data-property": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.1.tgz",
+      "integrity": "sha512-E7uGkTzkk1d0ByLeSc6ZsFS79Axg+m1P/VsgYsxHgiuc3tFSj+MjMIwe90FC4lOAZzNBdY7kkO2P2wKdsQ1vgQ==",
+      "dev": true,
+      "dependencies": {
+        "get-intrinsic": "^1.2.1",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/define-properties": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz",
+      "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
+      "dev": true,
+      "dependencies": {
+        "define-data-property": "^1.0.1",
+        "has-property-descriptors": "^1.0.0",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/dequal": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
+      "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/dir-glob": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
+      "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==",
+      "dev": true,
+      "dependencies": {
+        "path-type": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/doctrine": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
+      "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
+      "dev": true,
+      "dependencies": {
+        "esutils": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/electron-to-chromium": {
+      "version": "1.4.625",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.625.tgz",
+      "integrity": "sha512-DENMhh3MFgaPDoXWrVIqSPInQoLImywfCwrSmVl3cf9QHzoZSiutHwGaB/Ql3VkqcQV30rzgdM+BjKqBAJxo5Q==",
+      "dev": true
+    },
+    "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/enhanced-resolve": {
+      "version": "5.15.0",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.15.0.tgz",
+      "integrity": "sha512-LXYT42KJ7lpIKECr2mAXIaMldcNCh/7E0KBKOu4KSfkHmP+mZmSs+8V5gBAqisWBy0OO4W5Oyys0GO1Y8KtdKg==",
+      "dev": true,
+      "dependencies": {
+        "graceful-fs": "^4.2.4",
+        "tapable": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/error-ex": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz",
+      "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==",
+      "dev": true,
+      "dependencies": {
+        "is-arrayish": "^0.2.1"
+      }
+    },
+    "node_modules/es-abstract": {
+      "version": "1.22.3",
+      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.22.3.tgz",
+      "integrity": "sha512-eiiY8HQeYfYH2Con2berK+To6GrK2RxbPawDkGq4UiCQQfZHb6wX9qQqkbpPqaxQFcl8d9QzZqo0tGE0VcrdwA==",
+      "dev": true,
+      "dependencies": {
+        "array-buffer-byte-length": "^1.0.0",
+        "arraybuffer.prototype.slice": "^1.0.2",
+        "available-typed-arrays": "^1.0.5",
+        "call-bind": "^1.0.5",
+        "es-set-tostringtag": "^2.0.1",
+        "es-to-primitive": "^1.2.1",
+        "function.prototype.name": "^1.1.6",
+        "get-intrinsic": "^1.2.2",
+        "get-symbol-description": "^1.0.0",
+        "globalthis": "^1.0.3",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.0",
+        "has-proto": "^1.0.1",
+        "has-symbols": "^1.0.3",
+        "hasown": "^2.0.0",
+        "internal-slot": "^1.0.5",
+        "is-array-buffer": "^3.0.2",
+        "is-callable": "^1.2.7",
+        "is-negative-zero": "^2.0.2",
+        "is-regex": "^1.1.4",
+        "is-shared-array-buffer": "^1.0.2",
+        "is-string": "^1.0.7",
+        "is-typed-array": "^1.1.12",
+        "is-weakref": "^1.0.2",
+        "object-inspect": "^1.13.1",
+        "object-keys": "^1.1.1",
+        "object.assign": "^4.1.4",
+        "regexp.prototype.flags": "^1.5.1",
+        "safe-array-concat": "^1.0.1",
+        "safe-regex-test": "^1.0.0",
+        "string.prototype.trim": "^1.2.8",
+        "string.prototype.trimend": "^1.0.7",
+        "string.prototype.trimstart": "^1.0.7",
+        "typed-array-buffer": "^1.0.0",
+        "typed-array-byte-length": "^1.0.0",
+        "typed-array-byte-offset": "^1.0.0",
+        "typed-array-length": "^1.0.4",
+        "unbox-primitive": "^1.0.2",
+        "which-typed-array": "^1.1.13"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/es-iterator-helpers": {
+      "version": "1.0.15",
+      "resolved": "https://registry.npmjs.org/es-iterator-helpers/-/es-iterator-helpers-1.0.15.tgz",
+      "integrity": "sha512-GhoY8uYqd6iwUl2kgjTm4CZAf6oo5mHK7BPqx3rKgx893YSsy0LGHV6gfqqQvZt/8xM8xeOnfXBCfqclMKkJ5g==",
+      "dev": true,
+      "dependencies": {
+        "asynciterator.prototype": "^1.0.0",
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.22.1",
+        "es-set-tostringtag": "^2.0.1",
+        "function-bind": "^1.1.1",
+        "get-intrinsic": "^1.2.1",
+        "globalthis": "^1.0.3",
+        "has-property-descriptors": "^1.0.0",
+        "has-proto": "^1.0.1",
+        "has-symbols": "^1.0.3",
+        "internal-slot": "^1.0.5",
+        "iterator.prototype": "^1.1.2",
+        "safe-array-concat": "^1.0.1"
+      }
+    },
+    "node_modules/es-module-lexer": {
+      "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,
+      "peer": true
+    },
+    "node_modules/es-set-tostringtag": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.0.2.tgz",
+      "integrity": "sha512-BuDyupZt65P9D2D2vA/zqcI3G5xRsklm5N3xCwuiy+/vKy8i0ifdsQP1sLgO4tZDSCaQUSnmC48khknGMV3D2Q==",
+      "dev": true,
+      "dependencies": {
+        "get-intrinsic": "^1.2.2",
+        "has-tostringtag": "^1.0.0",
+        "hasown": "^2.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-shim-unscopables": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.0.2.tgz",
+      "integrity": "sha512-J3yBRXCzDu4ULnQwxyToo/OjdMx6akgVC7K6few0a7F/0wLtmKKN7I73AH5T2836UuXRqN7Qg+IIUw/+YJksRw==",
+      "dev": true,
+      "dependencies": {
+        "hasown": "^2.0.0"
+      }
+    },
+    "node_modules/es-to-primitive": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.2.1.tgz",
+      "integrity": "sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==",
+      "dev": true,
+      "dependencies": {
+        "is-callable": "^1.1.4",
+        "is-date-object": "^1.0.1",
+        "is-symbol": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/escalade": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
+      "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/escape-string-regexp": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+      "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/eslint": {
+      "version": "8.56.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.56.0.tgz",
+      "integrity": "sha512-Go19xM6T9puCOWntie1/P997aXxFsOi37JIHRWI514Hc6ZnaHGKY9xFhrU65RT6CcBEzZoGG1e6Nq+DT04ZtZQ==",
+      "dev": true,
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.2.0",
+        "@eslint-community/regexpp": "^4.6.1",
+        "@eslint/eslintrc": "^2.1.4",
+        "@eslint/js": "8.56.0",
+        "@humanwhocodes/config-array": "^0.11.13",
+        "@humanwhocodes/module-importer": "^1.0.1",
+        "@nodelib/fs.walk": "^1.2.8",
+        "@ungap/structured-clone": "^1.2.0",
+        "ajv": "^6.12.4",
+        "chalk": "^4.0.0",
+        "cross-spawn": "^7.0.2",
+        "debug": "^4.3.2",
+        "doctrine": "^3.0.0",
+        "escape-string-regexp": "^4.0.0",
+        "eslint-scope": "^7.2.2",
+        "eslint-visitor-keys": "^3.4.3",
+        "espree": "^9.6.1",
+        "esquery": "^1.4.2",
+        "esutils": "^2.0.2",
+        "fast-deep-equal": "^3.1.3",
+        "file-entry-cache": "^6.0.1",
+        "find-up": "^5.0.0",
+        "glob-parent": "^6.0.2",
+        "globals": "^13.19.0",
+        "graphemer": "^1.4.0",
+        "ignore": "^5.2.0",
+        "imurmurhash": "^0.1.4",
+        "is-glob": "^4.0.0",
+        "is-path-inside": "^3.0.3",
+        "js-yaml": "^4.1.0",
+        "json-stable-stringify-without-jsonify": "^1.0.1",
+        "levn": "^0.4.1",
+        "lodash.merge": "^4.6.2",
+        "minimatch": "^3.1.2",
+        "natural-compare": "^1.4.0",
+        "optionator": "^0.9.3",
+        "strip-ansi": "^6.0.1",
+        "text-table": "^0.2.0"
+      },
+      "bin": {
+        "eslint": "bin/eslint.js"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint-config-google": {
+      "version": "0.14.0",
+      "resolved": "https://registry.npmjs.org/eslint-config-google/-/eslint-config-google-0.14.0.tgz",
+      "integrity": "sha512-WsbX4WbjuMvTdeVL6+J3rK1RGhCTqjsFjX7UMSMgZiyxxaNLkoJENbrGExzERFeoTpGw3F3FypTiWAP9ZXzkEw==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=0.10.0"
+      },
+      "peerDependencies": {
+        "eslint": ">=5.16.0"
+      }
+    },
+    "node_modules/eslint-config-next": {
+      "version": "14.0.4",
+      "resolved": "https://registry.npmjs.org/eslint-config-next/-/eslint-config-next-14.0.4.tgz",
+      "integrity": "sha512-9/xbOHEQOmQtqvQ1UsTQZpnA7SlDMBtuKJ//S4JnoyK3oGLhILKXdBgu/UO7lQo/2xOykQULS1qQ6p2+EpHgAQ==",
+      "dev": true,
+      "dependencies": {
+        "@next/eslint-plugin-next": "14.0.4",
+        "@rushstack/eslint-patch": "^1.3.3",
+        "@typescript-eslint/parser": "^5.4.2 || ^6.0.0",
+        "eslint-import-resolver-node": "^0.3.6",
+        "eslint-import-resolver-typescript": "^3.5.2",
+        "eslint-plugin-import": "^2.28.1",
+        "eslint-plugin-jsx-a11y": "^6.7.1",
+        "eslint-plugin-react": "^7.33.2",
+        "eslint-plugin-react-hooks": "^4.5.0 || 5.0.0-canary-7118f5dd7-20230705"
+      },
+      "peerDependencies": {
+        "eslint": "^7.23.0 || ^8.0.0",
+        "typescript": ">=3.3.1"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-import-resolver-node": {
+      "version": "0.3.9",
+      "resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.9.tgz",
+      "integrity": "sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==",
+      "dev": true,
+      "dependencies": {
+        "debug": "^3.2.7",
+        "is-core-module": "^2.13.0",
+        "resolve": "^1.22.4"
+      }
+    },
+    "node_modules/eslint-import-resolver-node/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dev": true,
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/eslint-import-resolver-typescript": {
+      "version": "3.6.1",
+      "resolved": "https://registry.npmjs.org/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-3.6.1.tgz",
+      "integrity": "sha512-xgdptdoi5W3niYeuQxKmzVDTATvLYqhpwmykwsh7f6HIOStGWEIL9iqZgQDF9u9OEzrRwR8no5q2VT+bjAujTg==",
+      "dev": true,
+      "dependencies": {
+        "debug": "^4.3.4",
+        "enhanced-resolve": "^5.12.0",
+        "eslint-module-utils": "^2.7.4",
+        "fast-glob": "^3.3.1",
+        "get-tsconfig": "^4.5.0",
+        "is-core-module": "^2.11.0",
+        "is-glob": "^4.0.3"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/unts/projects/eslint-import-resolver-ts"
+      },
+      "peerDependencies": {
+        "eslint": "*",
+        "eslint-plugin-import": "*"
+      }
+    },
+    "node_modules/eslint-module-utils": {
+      "version": "2.8.0",
+      "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.8.0.tgz",
+      "integrity": "sha512-aWajIYfsqCKRDgUfjEXNN/JlrzauMuSEy5sbd7WXbtW3EH6A6MpwEh42c7qD+MqQo9QMJ6fWLAeIJynx0g6OAw==",
+      "dev": true,
+      "dependencies": {
+        "debug": "^3.2.7"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependenciesMeta": {
+        "eslint": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-module-utils/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dev": true,
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/eslint-plugin-deprecate": {
+      "version": "0.8.4",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-deprecate/-/eslint-plugin-deprecate-0.8.4.tgz",
+      "integrity": "sha512-bzpQTyXNWXbMWRH77XiuzfAthOhQhizEZrTf7krRiMYrq6ENUsWfbCe8A3SeRNa4eW8T2QrHsg/lXmxLq9xXXA==",
+      "dev": true,
+      "peer": true,
+      "peerDependencies": {
+        "eslint": ">=2.x"
+      }
+    },
+    "node_modules/eslint-plugin-import": {
+      "version": "2.29.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.29.1.tgz",
+      "integrity": "sha512-BbPC0cuExzhiMo4Ff1BTVwHpjjv28C5R+btTOGaCRC7UEz801up0JadwkeSk5Ued6TG34uaczuVuH6qyy5YUxw==",
+      "dev": true,
+      "dependencies": {
+        "array-includes": "^3.1.7",
+        "array.prototype.findlastindex": "^1.2.3",
+        "array.prototype.flat": "^1.3.2",
+        "array.prototype.flatmap": "^1.3.2",
+        "debug": "^3.2.7",
+        "doctrine": "^2.1.0",
+        "eslint-import-resolver-node": "^0.3.9",
+        "eslint-module-utils": "^2.8.0",
+        "hasown": "^2.0.0",
+        "is-core-module": "^2.13.1",
+        "is-glob": "^4.0.3",
+        "minimatch": "^3.1.2",
+        "object.fromentries": "^2.0.7",
+        "object.groupby": "^1.0.1",
+        "object.values": "^1.1.7",
+        "semver": "^6.3.1",
+        "tsconfig-paths": "^3.15.0"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependencies": {
+        "eslint": "^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8"
+      }
+    },
+    "node_modules/eslint-plugin-import/node_modules/brace-expansion": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "dev": true,
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/eslint-plugin-import/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dev": true,
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/eslint-plugin-import/node_modules/doctrine": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
+      "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
+      "dev": true,
+      "dependencies": {
+        "esutils": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/eslint-plugin-import/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/eslint-plugin-jsx-a11y": {
+      "version": "6.8.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.8.0.tgz",
+      "integrity": "sha512-Hdh937BS3KdwwbBaKd5+PLCOmYY6U4f2h9Z2ktwtNKvIdIEu137rjYbcb9ApSbVJfWxANNuiKTD/9tOKjK9qOA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.23.2",
+        "aria-query": "^5.3.0",
+        "array-includes": "^3.1.7",
+        "array.prototype.flatmap": "^1.3.2",
+        "ast-types-flow": "^0.0.8",
+        "axe-core": "=4.7.0",
+        "axobject-query": "^3.2.1",
+        "damerau-levenshtein": "^1.0.8",
+        "emoji-regex": "^9.2.2",
+        "es-iterator-helpers": "^1.0.15",
+        "hasown": "^2.0.0",
+        "jsx-ast-utils": "^3.3.5",
+        "language-tags": "^1.0.9",
+        "minimatch": "^3.1.2",
+        "object.entries": "^1.1.7",
+        "object.fromentries": "^2.0.7"
+      },
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependencies": {
+        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8"
+      }
+    },
+    "node_modules/eslint-plugin-jsx-a11y/node_modules/brace-expansion": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "dev": true,
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/eslint-plugin-jsx-a11y/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/eslint-plugin-matrix-org": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-matrix-org/-/eslint-plugin-matrix-org-0.8.0.tgz",
+      "integrity": "sha512-/Poz/F8lXYDsmQa29iPSt+kO+Jn7ArvRdq10g0CCk8wbRS0sb2zb6fvd9xL1BgR5UDQL771V0l8X32etvY5yKA==",
+      "dev": true,
+      "peerDependencies": {
+        "@babel/core": "*",
+        "@babel/eslint-parser": "*",
+        "@babel/eslint-plugin": "*",
+        "@typescript-eslint/eslint-plugin": "*",
+        "@typescript-eslint/parser": "*",
+        "eslint": "*",
+        "eslint-config-google": "*",
+        "eslint-plugin-deprecate": "*",
+        "eslint-plugin-import": "*",
+        "eslint-plugin-jsx-a11y": "*",
+        "eslint-plugin-react": "*",
+        "eslint-plugin-react-hooks": "*",
+        "eslint-plugin-unicorn": "*",
+        "typescript": "*"
+      }
+    },
+    "node_modules/eslint-plugin-react": {
+      "version": "7.33.2",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.33.2.tgz",
+      "integrity": "sha512-73QQMKALArI8/7xGLNI/3LylrEYrlKZSb5C9+q3OtOewTnMQi5cT+aE9E41sLCmli3I9PGGmD1yiZydyo4FEPw==",
+      "dev": true,
+      "dependencies": {
+        "array-includes": "^3.1.6",
+        "array.prototype.flatmap": "^1.3.1",
+        "array.prototype.tosorted": "^1.1.1",
+        "doctrine": "^2.1.0",
+        "es-iterator-helpers": "^1.0.12",
+        "estraverse": "^5.3.0",
+        "jsx-ast-utils": "^2.4.1 || ^3.0.0",
+        "minimatch": "^3.1.2",
+        "object.entries": "^1.1.6",
+        "object.fromentries": "^2.0.6",
+        "object.hasown": "^1.1.2",
+        "object.values": "^1.1.6",
+        "prop-types": "^15.8.1",
+        "resolve": "^2.0.0-next.4",
+        "semver": "^6.3.1",
+        "string.prototype.matchall": "^4.0.8"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependencies": {
+        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8"
+      }
+    },
+    "node_modules/eslint-plugin-react-hooks": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.0.tgz",
+      "integrity": "sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0"
+      }
+    },
+    "node_modules/eslint-plugin-react/node_modules/brace-expansion": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "dev": true,
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/eslint-plugin-react/node_modules/doctrine": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
+      "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
+      "dev": true,
+      "dependencies": {
+        "esutils": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/eslint-plugin-react/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/eslint-plugin-react/node_modules/resolve": {
+      "version": "2.0.0-next.5",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.5.tgz",
+      "integrity": "sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA==",
+      "dev": true,
+      "dependencies": {
+        "is-core-module": "^2.13.0",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/eslint-plugin-unicorn": {
+      "version": "50.0.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-unicorn/-/eslint-plugin-unicorn-50.0.1.tgz",
+      "integrity": "sha512-KxenCZxqSYW0GWHH18okDlOQcpezcitm5aOSz6EnobyJ6BIByiPDviQRjJIUAjG/tMN11958MxaQ+qCoU6lfDA==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@babel/helper-validator-identifier": "^7.22.20",
+        "@eslint-community/eslint-utils": "^4.4.0",
+        "@eslint/eslintrc": "^2.1.4",
+        "ci-info": "^4.0.0",
+        "clean-regexp": "^1.0.0",
+        "core-js-compat": "^3.34.0",
+        "esquery": "^1.5.0",
+        "indent-string": "^4.0.0",
+        "is-builtin-module": "^3.2.1",
+        "jsesc": "^3.0.2",
+        "pluralize": "^8.0.0",
+        "read-pkg-up": "^7.0.1",
+        "regexp-tree": "^0.1.27",
+        "regjsparser": "^0.10.0",
+        "semver": "^7.5.4",
+        "strip-indent": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=16"
+      },
+      "funding": {
+        "url": "https://github.com/sindresorhus/eslint-plugin-unicorn?sponsor=1"
+      },
+      "peerDependencies": {
+        "eslint": ">=8.56.0"
+      }
+    },
+    "node_modules/eslint-plugin-unicorn/node_modules/jsesc": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.0.2.tgz",
+      "integrity": "sha512-xKqzzWXDttJuOcawBt4KnKHHIf5oQ/Cxax+0PWFG+DFDgHNAdi+TXECADI+RYiFUMmx8792xsMbbgXj4CwnP4g==",
+      "dev": true,
+      "peer": true,
+      "bin": {
+        "jsesc": "bin/jsesc"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/eslint-plugin-unicorn/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/eslint-plugin-unicorn/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,
+      "peer": true,
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/eslint-plugin-unicorn/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/eslint-rule-composer": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/eslint-rule-composer/-/eslint-rule-composer-0.3.0.tgz",
+      "integrity": "sha512-bt+Sh8CtDmn2OajxvNO+BX7Wn4CIWMpTRm3MaiKPCQcnnlm0CS2mhui6QaoeQugs+3Kj2ESKEEGJUdVafwhiCg==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/eslint-scope": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
+      "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^4.1.1"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/eslint-scope/node_modules/estraverse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
+      "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/eslint-visitor-keys": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz",
+      "integrity": "sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/eslint/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/eslint/node_modules/brace-expansion": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "dev": true,
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/eslint/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/eslint/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/eslint/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/eslint/node_modules/escape-string-regexp": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint/node_modules/eslint-scope": {
+      "version": "7.2.2",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz",
+      "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==",
+      "dev": true,
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint/node_modules/eslint-visitor-keys": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+      "dev": true,
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint/node_modules/globals": {
+      "version": "13.24.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
+      "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
+      "dev": true,
+      "dependencies": {
+        "type-fest": "^0.20.2"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint/node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/eslint/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/eslint/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/eslint/node_modules/type-fest": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
+      "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/espree": {
+      "version": "9.6.1",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz",
+      "integrity": "sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==",
+      "dev": true,
+      "dependencies": {
+        "acorn": "^8.9.0",
+        "acorn-jsx": "^5.3.2",
+        "eslint-visitor-keys": "^3.4.1"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/espree/node_modules/eslint-visitor-keys": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+      "dev": true,
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/esquery": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.5.0.tgz",
+      "integrity": "sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==",
+      "dev": true,
+      "dependencies": {
+        "estraverse": "^5.1.0"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/esrecurse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
+      "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
+      "dev": true,
+      "dependencies": {
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/estraverse": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+      "dev": true,
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/esutils": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
+      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/event-target-shim": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/event-target-shim/-/event-target-shim-5.0.1.tgz",
+      "integrity": "sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/events": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
+      "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==",
+      "engines": {
+        "node": ">=0.8.x"
+      }
+    },
+    "node_modules/fast-deep-equal": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+      "dev": true
+    },
+    "node_modules/fast-glob": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.2.tgz",
+      "integrity": "sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==",
+      "dev": true,
+      "dependencies": {
+        "@nodelib/fs.stat": "^2.0.2",
+        "@nodelib/fs.walk": "^1.2.3",
+        "glob-parent": "^5.1.2",
+        "merge2": "^1.3.0",
+        "micromatch": "^4.0.4"
+      },
+      "engines": {
+        "node": ">=8.6.0"
+      }
+    },
+    "node_modules/fast-glob/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/fast-json-stable-stringify": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
+      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
+      "dev": true
+    },
+    "node_modules/fast-levenshtein": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
+      "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
+      "dev": true
+    },
+    "node_modules/fast-redact": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/fast-redact/-/fast-redact-3.3.0.tgz",
+      "integrity": "sha512-6T5V1QK1u4oF+ATxs1lWUmlEk6P2T9HqJG3e2DnHOdVgZy2rFJBoEnrIedcTXlkAHU/zKC+7KETJ+KGGKwxgMQ==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/fastest-levenshtein": {
+      "version": "1.0.16",
+      "resolved": "https://registry.npmjs.org/fastest-levenshtein/-/fastest-levenshtein-1.0.16.tgz",
+      "integrity": "sha512-eRnCtTTtGZFpQCwhJiUOuxPQWRXVKYDn0b2PeHfXL6/Zi53SLAzAHfVhVWK2AryC/WH05kGfxhFIPvTF0SXQzg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 4.9.1"
+      }
+    },
+    "node_modules/fastq": {
+      "version": "1.16.0",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.16.0.tgz",
+      "integrity": "sha512-ifCoaXsDrsdkWTtiNJX5uzHDsrck5TzfKKDcuFFTIrrc/BS076qgEIfoIy1VeZqViznfKiysPYTh/QeHtnIsYA==",
+      "dev": true,
+      "dependencies": {
+        "reusify": "^1.0.4"
+      }
+    },
+    "node_modules/file-entry-cache": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
+      "integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==",
+      "dev": true,
+      "dependencies": {
+        "flat-cache": "^3.0.4"
+      },
+      "engines": {
+        "node": "^10.12.0 || >=12.0.0"
+      }
+    },
+    "node_modules/fill-range": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
+      "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
+      "dev": true,
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "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/flat-cache": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.2.0.tgz",
+      "integrity": "sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw==",
+      "dev": true,
+      "dependencies": {
+        "flatted": "^3.2.9",
+        "keyv": "^4.5.3",
+        "rimraf": "^3.0.2"
+      },
+      "engines": {
+        "node": "^10.12.0 || >=12.0.0"
+      }
+    },
+    "node_modules/flatted": {
+      "version": "3.2.9",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.2.9.tgz",
+      "integrity": "sha512-36yxDn5H7OFZQla0/jFJmbIKTdZAQHngCedGxiMmpNfEZM0sdEeT+WczLQrjK6D7o2aiyLYDnkw0R3JK0Qv1RQ==",
+      "dev": true
+    },
+    "node_modules/for-each": {
+      "version": "0.3.3",
+      "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz",
+      "integrity": "sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==",
+      "dev": true,
+      "dependencies": {
+        "is-callable": "^1.1.3"
+      }
+    },
+    "node_modules/fs.realpath": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
+      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
+      "dev": true
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/function.prototype.name": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.6.tgz",
+      "integrity": "sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "functions-have-names": "^1.2.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/functions-have-names": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
+      "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/gensync": {
+      "version": "1.0.0-beta.2",
+      "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
+      "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/get-intrinsic": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.2.tgz",
+      "integrity": "sha512-0gSo4ml/0j98Y3lngkFEot/zhiCeWsbYIlZ+uZOVgzLyLaUw7wxUL+nCTP0XJvJg1AXulJRI3UJi8GsbDuxdGA==",
+      "dev": true,
+      "dependencies": {
+        "function-bind": "^1.1.2",
+        "has-proto": "^1.0.1",
+        "has-symbols": "^1.0.3",
+        "hasown": "^2.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-symbol-description": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.0.0.tgz",
+      "integrity": "sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-tsconfig": {
+      "version": "4.7.2",
+      "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.7.2.tgz",
+      "integrity": "sha512-wuMsz4leaj5hbGgg4IvDU0bqJagpftG5l5cXIAvo8uZrqn0NJqwtfupTN00VnkQJPcIRrxYrm1Ue24btpCha2A==",
+      "dev": true,
+      "dependencies": {
+        "resolve-pkg-maps": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/privatenumber/get-tsconfig?sponsor=1"
+      }
+    },
+    "node_modules/glob": {
+      "version": "7.1.7",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.7.tgz",
+      "integrity": "sha512-OvD9ENzPLbegENnYP5UUfJIirTg4+XwMWGaQfQTY0JenxNvvIKP3U3/tAQSPIu/lHxXYSZmpXlUHeqAIdKzBLQ==",
+      "dev": true,
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.0.4",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      },
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/glob-parent": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "dev": true,
+      "dependencies": {
+        "is-glob": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/glob-to-regexp": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz",
+      "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw=="
+    },
+    "node_modules/glob/node_modules/brace-expansion": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "dev": true,
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/glob/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/global-modules": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/global-modules/-/global-modules-2.0.0.tgz",
+      "integrity": "sha512-NGbfmJBp9x8IxyJSd1P+otYK8vonoJactOogrVfFRIAEY1ukil8RSKDz2Yo7wh1oihl51l/r6W4epkeKJHqL8A==",
+      "dev": true,
+      "dependencies": {
+        "global-prefix": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/global-prefix": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/global-prefix/-/global-prefix-3.0.0.tgz",
+      "integrity": "sha512-awConJSVCHVGND6x3tmMaKcQvwXLhjdkmomy2W+Goaui8YPgYgXJZewhg3fWC+DlfqqQuWg8AwqjGTD2nAPVWg==",
+      "dev": true,
+      "dependencies": {
+        "ini": "^1.3.5",
+        "kind-of": "^6.0.2",
+        "which": "^1.3.1"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/global-prefix/node_modules/which": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
+      "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
+      "dev": true,
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "which": "bin/which"
+      }
+    },
+    "node_modules/globals": {
+      "version": "11.12.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz",
+      "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/globalthis": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.3.tgz",
+      "integrity": "sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==",
+      "dev": true,
+      "dependencies": {
+        "define-properties": "^1.1.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/globby": {
+      "version": "11.1.0",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
+      "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
+      "dev": true,
+      "dependencies": {
+        "array-union": "^2.1.0",
+        "dir-glob": "^3.0.1",
+        "fast-glob": "^3.2.9",
+        "ignore": "^5.2.0",
+        "merge2": "^1.4.1",
+        "slash": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/globjoin": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/globjoin/-/globjoin-0.1.4.tgz",
+      "integrity": "sha512-xYfnw62CKG8nLkZBfWbhWwDw02CHty86jfPcc2cr3ZfeuK9ysoVPPEUxf21bAD/rWAgk52SuBrLJlefNy8mvFg==",
+      "dev": true
+    },
+    "node_modules/gopd": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz",
+      "integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==",
+      "dev": true,
+      "dependencies": {
+        "get-intrinsic": "^1.1.3"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/graceful-fs": {
+      "version": "4.2.11",
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ=="
+    },
+    "node_modules/graphemer": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
+      "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
+      "dev": true
+    },
+    "node_modules/hard-rejection": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/hard-rejection/-/hard-rejection-2.1.0.tgz",
+      "integrity": "sha512-VIZB+ibDhx7ObhAe7OVtoEbuP4h/MuOTHJ+J8h/eBXotJYl0fBgR72xDFCKgIh22OJZIOVNxBMWuhAr10r8HdA==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/has-bigints": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz",
+      "integrity": "sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-flag": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
+      "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/has-property-descriptors": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.1.tgz",
+      "integrity": "sha512-VsX8eaIewvas0xnvinAe9bw4WfIeODpGYikiWYLH+dma0Jw6KHYqWiWfhQlgOVK8D6PvjubK5Uc4P0iIhIcNVg==",
+      "dev": true,
+      "dependencies": {
+        "get-intrinsic": "^1.2.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.1.tgz",
+      "integrity": "sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-symbols": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
+      "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-tostringtag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.0.tgz",
+      "integrity": "sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==",
+      "dev": true,
+      "dependencies": {
+        "has-symbols": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.0.tgz",
+      "integrity": "sha512-vUptKVTpIJhcczKBbgnS+RtcuYMB8+oNzPK2/Hp3hanz8JmpATdmmgLgSaadVREkDm+e2giHwY3ZRkyjSIDDFA==",
+      "dev": true,
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/hosted-git-info": {
+      "version": "2.8.9",
+      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.9.tgz",
+      "integrity": "sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==",
+      "dev": true
+    },
+    "node_modules/html-parse-stringify": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/html-parse-stringify/-/html-parse-stringify-3.0.1.tgz",
+      "integrity": "sha512-KknJ50kTInJ7qIScF3jeaFRpMpE8/lfiTdzf/twXyPBLAGrLRTmkz3AdTnKeh40X8k9L2fdYwEp/42WGXIRGcg==",
+      "dependencies": {
+        "void-elements": "3.1.0"
+      }
+    },
+    "node_modules/html-tags": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/html-tags/-/html-tags-3.3.1.tgz",
+      "integrity": "sha512-ztqyC3kLto0e9WbNp0aeP+M3kTt+nbaIveGmUxAtZa+8iFgKLUOD4YKM5j+f3QD89bra7UeumolZHKuOXnTmeQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/i18next": {
+      "version": "23.7.16",
+      "resolved": "https://registry.npmjs.org/i18next/-/i18next-23.7.16.tgz",
+      "integrity": "sha512-SrqFkMn9W6Wb43ZJ9qrO6U2U4S80RsFMA7VYFSqp7oc7RllQOYDCdRfsse6A7Cq/V8MnpxKvJCYgM8++27n4Fw==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://locize.com"
+        },
+        {
+          "type": "individual",
+          "url": "https://locize.com/i18next.html"
+        },
+        {
+          "type": "individual",
+          "url": "https://www.i18next.com/how-to/faq#i18next-is-awesome.-how-can-i-support-the-project"
+        }
+      ],
+      "dependencies": {
+        "@babel/runtime": "^7.23.2"
+      }
+    },
+    "node_modules/i18next-browser-languagedetector": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/i18next-browser-languagedetector/-/i18next-browser-languagedetector-7.2.0.tgz",
+      "integrity": "sha512-U00DbDtFIYD3wkWsr2aVGfXGAj2TgnELzOX9qv8bT0aJtvPV9CRO77h+vgmHFBMe7LAxdwvT/7VkCWGya6L3tA==",
+      "dependencies": {
+        "@babel/runtime": "^7.23.2"
+      }
+    },
+    "node_modules/i18next-resources-to-backend": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/i18next-resources-to-backend/-/i18next-resources-to-backend-1.2.0.tgz",
+      "integrity": "sha512-8f1l03s+QxDmCfpSXCh9V+AFcxAwIp0UaroWuyOx+hmmv8484GcELHs+lnu54FrNij8cDBEXvEwhzZoXsKcVpg==",
+      "dependencies": {
+        "@babel/runtime": "^7.23.2"
+      }
+    },
+    "node_modules/ieee754": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
+      "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==",
+      "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/ignore": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.0.tgz",
+      "integrity": "sha512-g7dmpshy+gD7mh88OC9NwSGTKoc3kyLAZQRU1mt53Aw/vnvfXnbC+F/7F7QoYVKbV+KNvJx8wArewKy1vXMtlg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/immer": {
+      "version": "10.0.3",
+      "resolved": "https://registry.npmjs.org/immer/-/immer-10.0.3.tgz",
+      "integrity": "sha512-pwupu3eWfouuaowscykeckFmVTpqbzW+rXFCX8rQLkZzM9ftBmU/++Ra+o+L27mz03zJTlyV4UUr+fdKNffo4A==",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/immer"
+      }
+    },
+    "node_modules/import-fresh": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
+      "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
+      "dev": true,
+      "dependencies": {
+        "parent-module": "^1.0.0",
+        "resolve-from": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/import-lazy": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/import-lazy/-/import-lazy-4.0.0.tgz",
+      "integrity": "sha512-rKtvo6a868b5Hu3heneU+L4yEQ4jYKLtjpnPeUdK7h0yzXGmyBTypknlkCvHFBqfX9YlorEiMM6Dnq/5atfHkw==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/imurmurhash": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
+      "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.8.19"
+      }
+    },
+    "node_modules/indent-string": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz",
+      "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/inflight": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
+      "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
+      "dev": true,
+      "dependencies": {
+        "once": "^1.3.0",
+        "wrappy": "1"
+      }
+    },
+    "node_modules/inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+      "dev": true
+    },
+    "node_modules/ini": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
+      "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==",
+      "dev": true
+    },
+    "node_modules/internal-slot": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.6.tgz",
+      "integrity": "sha512-Xj6dv+PsbtwyPpEflsejS+oIZxmMlV44zAhG479uYu89MsjcYOhCFnNyKrkJrihbsiasQyY0afoCl/9BLR65bg==",
+      "dev": true,
+      "dependencies": {
+        "get-intrinsic": "^1.2.2",
+        "hasown": "^2.0.0",
+        "side-channel": "^1.0.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/is-array-buffer": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.2.tgz",
+      "integrity": "sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgraytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.2.0",
+        "is-typed-array": "^1.1.10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-arrayish": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
+      "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==",
+      "dev": true
+    },
+    "node_modules/is-async-function": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/is-async-function/-/is-async-function-2.0.0.tgz",
+      "integrity": "sha512-Y1JXKrfykRJGdlDwdKlLpLyMIiWqWvuSd17TvZk68PLAOGOoF4Xyav1z0Xhoi+gCYjZVeC5SI+hYFOfvXmGRCA==",
+      "dev": true,
+      "dependencies": {
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-bigint": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.4.tgz",
+      "integrity": "sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==",
+      "dev": true,
+      "dependencies": {
+        "has-bigints": "^1.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-boolean-object": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.1.2.tgz",
+      "integrity": "sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-builtin-module": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/is-builtin-module/-/is-builtin-module-3.2.1.tgz",
+      "integrity": "sha512-BSLE3HnV2syZ0FK0iMA/yUGplUeMmNz4AW5fnTunbCIqZi4vG3WjJT9FHMy5D69xmAYBHXQhJdALdpwVxV501A==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "builtin-modules": "^3.3.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-callable": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
+      "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-core-module": {
+      "version": "2.13.1",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.13.1.tgz",
+      "integrity": "sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==",
+      "dev": true,
+      "dependencies": {
+        "hasown": "^2.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-date-object": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.5.tgz",
+      "integrity": "sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==",
+      "dev": true,
+      "dependencies": {
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-finalizationregistry": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-finalizationregistry/-/is-finalizationregistry-1.0.2.tgz",
+      "integrity": "sha512-0by5vtUJs8iFQb5TYUHHPudOR+qXYIMKtiUzvLIZITZUjknFmziyBJuLhVRc+Ds0dREFlskDNJKYIdIzu/9pfw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-generator-function": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.0.10.tgz",
+      "integrity": "sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==",
+      "dev": true,
+      "dependencies": {
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "dev": true,
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-map": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.2.tgz",
+      "integrity": "sha512-cOZFQQozTha1f4MxLFzlgKYPTyj26picdZTx82hbc/Xf4K/tZOOXSCkMvU4pKioRXGDLJRn0GM7Upe7kR721yg==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-negative-zero": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.2.tgz",
+      "integrity": "sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/is-number-object": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.0.7.tgz",
+      "integrity": "sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==",
+      "dev": true,
+      "dependencies": {
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-path-inside": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
+      "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-plain-obj": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-1.1.0.tgz",
+      "integrity": "sha512-yvkRyxmFKEOQ4pNXCmJG5AEQNlXJS5LaONXo5/cLdTZdWvsZ1ioJEonLGAosKlMWE8lwUy/bJzMjcw8az73+Fg==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-plain-object": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-5.0.0.tgz",
+      "integrity": "sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-regex": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz",
+      "integrity": "sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-set": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.2.tgz",
+      "integrity": "sha512-+2cnTEZeY5z/iXGbLhPrOAaK/Mau5k5eXq9j14CpRTftq0pAJu2MwVRSZhyZWBzx3o6X795Lz6Bpb6R0GKf37g==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-shared-array-buffer": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.2.tgz",
+      "integrity": "sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-string": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.0.7.tgz",
+      "integrity": "sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==",
+      "dev": true,
+      "dependencies": {
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-symbol": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.4.tgz",
+      "integrity": "sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==",
+      "dev": true,
+      "dependencies": {
+        "has-symbols": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-typed-array": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.12.tgz",
+      "integrity": "sha512-Z14TF2JNG8Lss5/HMqt0//T9JeHXttXy5pH/DBU4vi98ozO2btxzq9MwYDZYnKwU8nRsz/+GVFVRDq3DkVuSPg==",
+      "dev": true,
+      "dependencies": {
+        "which-typed-array": "^1.1.11"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakmap": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.1.tgz",
+      "integrity": "sha512-NSBR4kH5oVj1Uwvv970ruUkCV7O1mzgVFO4/rev2cLRda9Tm9HrL70ZPut4rOHgY0FNrUu9BCbXA2sdQ+x0chA==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakref": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.0.2.tgz",
+      "integrity": "sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakset": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.2.tgz",
+      "integrity": "sha512-t2yVvttHkQktwnNNmBQ98AhENLdPUTDTE21uPqAQ0ARwQfGeQKRVS0NNurH7bTf7RrvcVn1OOge45CnBeHCSmg==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.1.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/isarray": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
+      "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
+      "dev": true
+    },
+    "node_modules/isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+      "dev": true
+    },
+    "node_modules/iterator.prototype": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/iterator.prototype/-/iterator.prototype-1.1.2.tgz",
+      "integrity": "sha512-DR33HMMr8EzwuRL8Y9D3u2BMj8+RqSE850jfGu59kS7tbmPLzGkZmVSfyCFSDxuZiEY6Rzt3T2NA/qU+NwVj1w==",
+      "dev": true,
+      "dependencies": {
+        "define-properties": "^1.2.1",
+        "get-intrinsic": "^1.2.1",
+        "has-symbols": "^1.0.3",
+        "reflect.getprototypeof": "^1.0.4",
+        "set-function-name": "^2.0.1"
+      }
+    },
+    "node_modules/jest-worker": {
+      "version": "28.1.3",
+      "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-28.1.3.tgz",
+      "integrity": "sha512-CqRA220YV/6jCo8VWvAt1KKx6eek1VIHMPeLEbpcfSfkEeWyBNppynM/o6q+Wmw+sOhos2ml34wZbSX3G13//g==",
+      "dev": true,
+      "dependencies": {
+        "@types/node": "*",
+        "merge-stream": "^2.0.0",
+        "supports-color": "^8.0.0"
+      },
+      "engines": {
+        "node": "^12.13.0 || ^14.15.0 || ^16.10.0 || >=17.0.0"
+      }
+    },
+    "node_modules/jest-worker/node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/jest-worker/node_modules/supports-color": {
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
+      "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
+      "dev": true,
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/supports-color?sponsor=1"
+      }
+    },
+    "node_modules/js-tokens": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="
+    },
+    "node_modules/js-yaml": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
+      "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
+      "dev": true,
+      "dependencies": {
+        "argparse": "^2.0.1"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
+    "node_modules/jsesc": {
+      "version": "2.5.2",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz",
+      "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==",
+      "dev": true,
+      "bin": {
+        "jsesc": "bin/jsesc"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/json-buffer": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
+      "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
+      "dev": true
+    },
+    "node_modules/json-parse-even-better-errors": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
+      "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
+      "dev": true
+    },
+    "node_modules/json-schema-traverse": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+      "dev": true
+    },
+    "node_modules/json-stable-stringify-without-jsonify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
+      "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
+      "dev": true
+    },
+    "node_modules/json5": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
+      "dev": true,
+      "bin": {
+        "json5": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/jsx-ast-utils": {
+      "version": "3.3.5",
+      "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.3.5.tgz",
+      "integrity": "sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==",
+      "dev": true,
+      "dependencies": {
+        "array-includes": "^3.1.6",
+        "array.prototype.flat": "^1.3.1",
+        "object.assign": "^4.1.4",
+        "object.values": "^1.1.6"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/jwt-decode": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/jwt-decode/-/jwt-decode-3.1.2.tgz",
+      "integrity": "sha512-UfpWE/VZn0iP50d8cz9NrZLM9lSWhcJ+0Gt/nm4by88UL+J1SiKN8/5dkjMmbEzwL2CAe+67GsegCbIKtbp75A=="
+    },
+    "node_modules/keyv": {
+      "version": "4.5.4",
+      "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
+      "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
+      "dev": true,
+      "dependencies": {
+        "json-buffer": "3.0.1"
+      }
+    },
+    "node_modules/kind-of": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
+      "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/known-css-properties": {
+      "version": "0.26.0",
+      "resolved": "https://registry.npmjs.org/known-css-properties/-/known-css-properties-0.26.0.tgz",
+      "integrity": "sha512-5FZRzrZzNTBruuurWpvZnvP9pum+fe0HcK8z/ooo+U+Hmp4vtbyp1/QDsqmufirXy4egGzbaH/y2uCZf+6W5Kg==",
+      "dev": true
+    },
+    "node_modules/language-subtag-registry": {
+      "version": "0.3.22",
+      "resolved": "https://registry.npmjs.org/language-subtag-registry/-/language-subtag-registry-0.3.22.tgz",
+      "integrity": "sha512-tN0MCzyWnoz/4nHS6uxdlFWoUZT7ABptwKPQ52Ea7URk6vll88bWBVhodtnlfEuCcKWNGoc+uGbw1cwa9IKh/w==",
+      "dev": true
+    },
+    "node_modules/language-tags": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/language-tags/-/language-tags-1.0.9.tgz",
+      "integrity": "sha512-MbjN408fEndfiQXbFQ1vnd+1NoLDsnQW41410oQBXiyXDMYH5z505juWa4KUE1LqxRC7DgOgZDbKLxHIwm27hA==",
+      "dev": true,
+      "dependencies": {
+        "language-subtag-registry": "^0.3.20"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/levn": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
+      "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
+      "dev": true,
+      "dependencies": {
+        "prelude-ls": "^1.2.1",
+        "type-check": "~0.4.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/lines-and-columns": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
+      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
+      "dev": true
+    },
+    "node_modules/loader-runner": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/loader-runner/-/loader-runner-4.3.0.tgz",
+      "integrity": "sha512-3R/1M+yS3j5ou80Me59j7F9IMs4PXs3VqRrm0TU3AbKPxlmpoY1TNscJV/oGJXo8qCatFGTfDbY6W6ipGOYXfg==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=6.11.5"
+      }
+    },
+    "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/lodash": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
+    },
+    "node_modules/lodash.merge": {
+      "version": "4.6.2",
+      "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
+      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
+      "dev": true
+    },
+    "node_modules/lodash.truncate": {
+      "version": "4.4.2",
+      "resolved": "https://registry.npmjs.org/lodash.truncate/-/lodash.truncate-4.4.2.tgz",
+      "integrity": "sha512-jttmRe7bRse52OsWIMDLaXxWqRAmtIUccAQ3garviCqJjafXOfNMO0yMfNpdD6zbGaTU0P5Nz7e7gAT6cKmJRw==",
+      "dev": true
+    },
+    "node_modules/loglevel": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/loglevel/-/loglevel-1.8.1.tgz",
+      "integrity": "sha512-tCRIJM51SHjAayKwC+QAg8hT8vg6z7GSgLJKGvzuPb1Wc+hLzqtuVLxp6/HzSPOozuK+8ErAhy7U/sVzw8Dgfg==",
+      "engines": {
+        "node": ">= 0.6.0"
+      },
+      "funding": {
+        "type": "tidelift",
+        "url": "https://tidelift.com/funding/github/npm/loglevel"
+      }
+    },
+    "node_modules/loose-envify": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
+      "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+      "dependencies": {
+        "js-tokens": "^3.0.0 || ^4.0.0"
+      },
+      "bin": {
+        "loose-envify": "cli.js"
+      }
+    },
+    "node_modules/lru-cache": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+      "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+      "dev": true,
+      "dependencies": {
+        "yallist": "^3.0.2"
+      }
+    },
+    "node_modules/map-obj": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-4.3.0.tgz",
+      "integrity": "sha512-hdN1wVrZbb29eBGiGjJbeP8JbKjq1urkHJ/LIP/NY48MZ1QVXUsQBV1G1zvYFHn1XE06cwjBsOI2K3Ulnj1YXQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/mathml-tag-names": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/mathml-tag-names/-/mathml-tag-names-2.1.3.tgz",
+      "integrity": "sha512-APMBEanjybaPzUrfqU0IMU5I0AswKMH7k8OTLs0vvV4KZpExkTkY87nR/zpbuTPj+gARop7aGUbl11pnDfW6xg==",
+      "dev": true,
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/matrix-events-sdk": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/matrix-events-sdk/-/matrix-events-sdk-0.0.1.tgz",
+      "integrity": "sha512-1QEOsXO+bhyCroIe2/A5OwaxHvBm7EsSQ46DEDn8RBIfQwN5HWBpFvyWWR4QY0KHPPnnJdI99wgRiAl7Ad5qaA=="
+    },
+    "node_modules/matrix-js-sdk": {
+      "version": "30.3.0",
+      "resolved": "https://registry.npmjs.org/matrix-js-sdk/-/matrix-js-sdk-30.3.0.tgz",
+      "integrity": "sha512-yqAn1IhvrSxvqRP4UMToaWhtA/iC6FYTt4qj5K8H3BmAQDOqObw9qPLm43HmdbsBGk6VUwz9szgNblhVyq0sKg==",
+      "dependencies": {
+        "@babel/runtime": "^7.12.5",
+        "@matrix-org/matrix-sdk-crypto-wasm": "^3.4.0",
+        "another-json": "^0.2.0",
+        "bs58": "^5.0.0",
+        "content-type": "^1.0.4",
+        "jwt-decode": "^3.1.2",
+        "loglevel": "^1.7.1",
+        "matrix-events-sdk": "0.0.1",
+        "matrix-widget-api": "^1.6.0",
+        "oidc-client-ts": "^2.2.4",
+        "p-retry": "4",
+        "sdp-transform": "^2.14.1",
+        "unhomoglyph": "^1.0.6",
+        "uuid": "9"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/matrix-widget-api": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/matrix-widget-api/-/matrix-widget-api-1.6.0.tgz",
+      "integrity": "sha512-VXIJyAZ/WnBmT4C7ePqevgMYGneKMCP/0JuCOqntSsaNlCRHJvwvTxmqUU+ufOpzIF5gYNyIrAjbgrEbK3iqJQ==",
+      "dependencies": {
+        "@types/events": "^3.0.0",
+        "events": "^3.2.0"
+      }
+    },
+    "node_modules/meow": {
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/meow/-/meow-9.0.0.tgz",
+      "integrity": "sha512-+obSblOQmRhcyBt62furQqRAQpNyWXo8BuQ5bN7dG8wmwQ+vwHKp/rCFD4CrTP8CsDQD1sjoZ94K417XEUk8IQ==",
+      "dev": true,
+      "dependencies": {
+        "@types/minimist": "^1.2.0",
+        "camelcase-keys": "^6.2.2",
+        "decamelize": "^1.2.0",
+        "decamelize-keys": "^1.1.0",
+        "hard-rejection": "^2.1.0",
+        "minimist-options": "4.1.0",
+        "normalize-package-data": "^3.0.0",
+        "read-pkg-up": "^7.0.1",
+        "redent": "^3.0.0",
+        "trim-newlines": "^3.0.0",
+        "type-fest": "^0.18.0",
+        "yargs-parser": "^20.2.3"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/meow/node_modules/hosted-git-info": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-4.1.0.tgz",
+      "integrity": "sha512-kyCuEOWjJqZuDbRHzL8V93NzQhwIB71oFWSyzVo+KPZI+pnQPPxucdkrOZvkLRnrf5URsQM+IJ09Dw29cRALIA==",
+      "dev": true,
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/meow/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dev": true,
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/meow/node_modules/normalize-package-data": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-3.0.3.tgz",
+      "integrity": "sha512-p2W1sgqij3zMMyRC067Dg16bfzVH+w7hyegmpIvZ4JNjqtGOVAIvLmjBx3yP7YTe9vKJgkoNOPjwQGogDoMXFA==",
+      "dev": true,
+      "dependencies": {
+        "hosted-git-info": "^4.0.1",
+        "is-core-module": "^2.5.0",
+        "semver": "^7.3.4",
+        "validate-npm-package-license": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/meow/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/meow/node_modules/type-fest": {
+      "version": "0.18.1",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.18.1.tgz",
+      "integrity": "sha512-OIAYXk8+ISY+qTOwkHtKqzAuxchoMiD9Udx+FSGQDuiRR+PJKJHc2NJAXlbhkGwTt/4/nKZxELY1w3ReWOL8mw==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/meow/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "dev": true
+    },
+    "node_modules/merge-stream": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
+      "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==",
+      "dev": true
+    },
+    "node_modules/merge2": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/micromatch": {
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
+      "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
+      "dev": true,
+      "dependencies": {
+        "braces": "^3.0.2",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/min-indent": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/min-indent/-/min-indent-1.0.1.tgz",
+      "integrity": "sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/minimatch": {
+      "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": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/minimist": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
+      "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/minimist-options": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/minimist-options/-/minimist-options-4.1.0.tgz",
+      "integrity": "sha512-Q4r8ghd80yhO/0j1O3B2BjweX3fiHg9cdOwjJd2J76Q135c+NDxGCqdYKQ1SKBuFfgWbAUzBfvYjPUEeNgqN1A==",
+      "dev": true,
+      "dependencies": {
+        "arrify": "^1.0.1",
+        "is-plain-obj": "^1.1.0",
+        "kind-of": "^6.0.3"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "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/nanoid": {
+      "version": "3.3.7",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz",
+      "integrity": "sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/natural-compare": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
+      "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
+      "dev": true
+    },
+    "node_modules/neo-async": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz",
+      "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/next": {
+      "version": "14.0.4",
+      "resolved": "https://registry.npmjs.org/next/-/next-14.0.4.tgz",
+      "integrity": "sha512-qbwypnM7327SadwFtxXnQdGiKpkuhaRLE2uq62/nRul9cj9KhQ5LhHmlziTNqUidZotw/Q1I9OjirBROdUJNgA==",
+      "dependencies": {
+        "@next/env": "14.0.4",
+        "@swc/helpers": "0.5.2",
+        "busboy": "1.6.0",
+        "caniuse-lite": "^1.0.30001406",
+        "graceful-fs": "^4.2.11",
+        "postcss": "8.4.31",
+        "styled-jsx": "5.1.1",
+        "watchpack": "2.4.0"
+      },
+      "bin": {
+        "next": "dist/bin/next"
+      },
+      "engines": {
+        "node": ">=18.17.0"
+      },
+      "optionalDependencies": {
+        "@next/swc-darwin-arm64": "14.0.4",
+        "@next/swc-darwin-x64": "14.0.4",
+        "@next/swc-linux-arm64-gnu": "14.0.4",
+        "@next/swc-linux-arm64-musl": "14.0.4",
+        "@next/swc-linux-x64-gnu": "14.0.4",
+        "@next/swc-linux-x64-musl": "14.0.4",
+        "@next/swc-win32-arm64-msvc": "14.0.4",
+        "@next/swc-win32-ia32-msvc": "14.0.4",
+        "@next/swc-win32-x64-msvc": "14.0.4"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.1.0",
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0",
+        "sass": "^1.3.0"
+      },
+      "peerDependenciesMeta": {
+        "@opentelemetry/api": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/next/node_modules/postcss": {
+      "version": "8.4.31",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
+      "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "nanoid": "^3.3.6",
+        "picocolors": "^1.0.0",
+        "source-map-js": "^1.0.2"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/node-releases": {
+      "version": "2.0.14",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.14.tgz",
+      "integrity": "sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==",
+      "dev": true
+    },
+    "node_modules/normalize-package-data": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.5.0.tgz",
+      "integrity": "sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==",
+      "dev": true,
+      "dependencies": {
+        "hosted-git-info": "^2.1.4",
+        "resolve": "^1.10.0",
+        "semver": "2 || 3 || 4 || 5",
+        "validate-npm-package-license": "^3.0.1"
+      }
+    },
+    "node_modules/normalize-package-data/node_modules/semver": {
+      "version": "5.7.2",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
+      "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
+      "dev": true,
+      "bin": {
+        "semver": "bin/semver"
+      }
+    },
+    "node_modules/normalize-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/normalize.css": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/normalize.css/-/normalize.css-8.0.1.tgz",
+      "integrity": "sha512-qizSNPO93t1YUuUhP22btGOo3chcvDFqFaj2TRybP0DMxkHOCTYwp3n34fel4a31ORXy4m1Xq0Gyqpb5m33qIg=="
+    },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-inspect": {
+      "version": "1.13.1",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.1.tgz",
+      "integrity": "sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object-keys": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
+      "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object.assign": {
+      "version": "4.1.5",
+      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.5.tgz",
+      "integrity": "sha512-byy+U7gp+FVwmyzKPYhW2h5l3crpmGsxl7X2s8y43IgxvG4g3QZ6CffDtsNQy1WsmZpQbO+ybo0AlW7TY6DcBQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.5",
+        "define-properties": "^1.2.1",
+        "has-symbols": "^1.0.3",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.entries": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/object.entries/-/object.entries-1.1.7.tgz",
+      "integrity": "sha512-jCBs/0plmPsOnrKAfFQXRG2NFjlhZgjjcBLSmTnEhU8U6vVTsVe8ANeQJCHTl3gSsI4J+0emOoCgoKlmQPMgmA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object.fromentries": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.7.tgz",
+      "integrity": "sha512-UPbPHML6sL8PI/mOqPwsH4G6iyXcCGzLin8KvEPenOZN5lpCNBZZQ+V62vdjB1mQHrmqGQt5/OJzemUA+KJmEA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.groupby": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/object.groupby/-/object.groupby-1.0.1.tgz",
+      "integrity": "sha512-HqaQtqLnp/8Bn4GL16cj+CUYbnpe1bh0TtEaWvybszDG4tgxCJuRpV8VGuvNaI1fAnI4lUJzDG55MXcOH4JZcQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "get-intrinsic": "^1.2.1"
+      }
+    },
+    "node_modules/object.hasown": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/object.hasown/-/object.hasown-1.1.3.tgz",
+      "integrity": "sha512-fFI4VcYpRHvSLXxP7yiZOMAd331cPfd2p7PFDVbgUsYOfCT3tICVqXWngbjr4m49OvsBwUBQ6O2uQoJvy3RexA==",
+      "dev": true,
+      "dependencies": {
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.values": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.1.7.tgz",
+      "integrity": "sha512-aU6xnDFYT3x17e/f0IiiwlGPTy2jzMySGfUB4fq6z7CV8l85CWHDk5ErhyhpfDHhrOMwGFhSQkhMGHaIotA6Ng==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/oidc-client-ts": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/oidc-client-ts/-/oidc-client-ts-2.4.0.tgz",
+      "integrity": "sha512-WijhkTrlXK2VvgGoakWJiBdfIsVGz6CFzgjNNqZU1hPKV2kyeEaJgLs7RwuiSp2WhLfWBQuLvr2SxVlZnk3N1w==",
+      "dependencies": {
+        "crypto-js": "^4.2.0",
+        "jwt-decode": "^3.1.2"
+      },
+      "engines": {
+        "node": ">=12.13.0"
+      }
+    },
+    "node_modules/on-exit-leak-free": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/on-exit-leak-free/-/on-exit-leak-free-2.1.2.tgz",
+      "integrity": "sha512-0eJJY6hXLGf1udHwfNftBqH+g73EU4B504nZeKpz1sYRKafAghwxEJunB2O7rDZkL4PGfsMVnTXZ2EjibbqcsA==",
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/once": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+      "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
+      "dev": true,
+      "dependencies": {
+        "wrappy": "1"
+      }
+    },
+    "node_modules/optionator": {
+      "version": "0.9.3",
+      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.3.tgz",
+      "integrity": "sha512-JjCoypp+jKn1ttEFExxhetCKeJt9zhAgAve5FXHixTvFDW/5aEktX9bufBKLRRMdU7bNtpLfcGu94B3cdEJgjg==",
+      "dev": true,
+      "dependencies": {
+        "@aashutoshrathi/word-wrap": "^1.2.3",
+        "deep-is": "^0.1.3",
+        "fast-levenshtein": "^2.0.6",
+        "levn": "^0.4.1",
+        "prelude-ls": "^1.2.1",
+        "type-check": "^0.4.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/p-limit": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+      "dev": true,
+      "dependencies": {
+        "yocto-queue": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "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/p-retry": {
+      "version": "4.6.2",
+      "resolved": "https://registry.npmjs.org/p-retry/-/p-retry-4.6.2.tgz",
+      "integrity": "sha512-312Id396EbJdvRONlngUx0NydfrIQ5lsYu0znKVUzVvArzEIt08V1qhtyESbGVd1FGX7UKtiFp5uwKZdM8wIuQ==",
+      "dependencies": {
+        "@types/retry": "0.12.0",
+        "retry": "^0.13.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/p-try": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
+      "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/parent-module": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
+      "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
+      "dev": true,
+      "dependencies": {
+        "callsites": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/parse-json": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
+      "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/code-frame": "^7.0.0",
+        "error-ex": "^1.3.1",
+        "json-parse-even-better-errors": "^2.3.0",
+        "lines-and-columns": "^1.1.6"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/path-exists": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-is-absolute": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+      "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/path-key": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-parse": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+      "dev": true
+    },
+    "node_modules/path-type": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
+      "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/picocolors": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
+      "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ=="
+    },
+    "node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "dev": true,
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/pino": {
+      "version": "8.17.2",
+      "resolved": "https://registry.npmjs.org/pino/-/pino-8.17.2.tgz",
+      "integrity": "sha512-LA6qKgeDMLr2ux2y/YiUt47EfgQ+S9LznBWOJdN3q1dx2sv0ziDLUBeVpyVv17TEcGCBuWf0zNtg3M5m1NhhWQ==",
+      "dependencies": {
+        "atomic-sleep": "^1.0.0",
+        "fast-redact": "^3.1.1",
+        "on-exit-leak-free": "^2.1.0",
+        "pino-abstract-transport": "v1.1.0",
+        "pino-std-serializers": "^6.0.0",
+        "process-warning": "^3.0.0",
+        "quick-format-unescaped": "^4.0.3",
+        "real-require": "^0.2.0",
+        "safe-stable-stringify": "^2.3.1",
+        "sonic-boom": "^3.7.0",
+        "thread-stream": "^2.0.0"
+      },
+      "bin": {
+        "pino": "bin.js"
+      }
+    },
+    "node_modules/pino-abstract-transport": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/pino-abstract-transport/-/pino-abstract-transport-1.1.0.tgz",
+      "integrity": "sha512-lsleG3/2a/JIWUtf9Q5gUNErBqwIu1tUKTT3dUzaf5DySw9ra1wcqKjJjLX1VTY64Wk1eEOYsVGSaGfCK85ekA==",
+      "dependencies": {
+        "readable-stream": "^4.0.0",
+        "split2": "^4.0.0"
+      }
+    },
+    "node_modules/pino-std-serializers": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/pino-std-serializers/-/pino-std-serializers-6.2.2.tgz",
+      "integrity": "sha512-cHjPPsE+vhj/tnhCy/wiMh3M3z3h/j15zHQX+S9GkTBgqJuTuJzYJ4gUyACLhDaJ7kk9ba9iRDmbH2tJU03OiA=="
+    },
+    "node_modules/pluralize": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/pluralize/-/pluralize-8.0.0.tgz",
+      "integrity": "sha512-Nc3IT5yHzflTfbjgqWcCPpo7DaKy4FnpB0l/zCAW0Tc7jxAiuqSxHasntB3D7887LSrA93kDJ9IXovxJYxyLCA==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.4.33",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.33.tgz",
+      "integrity": "sha512-Kkpbhhdjw2qQs2O2DGX+8m5OVqEcbB9HRBvuYM9pgrjEFUg30A9LmXNlTAUj4S9kgtGyrMbTzVjH7E+s5Re2yg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "nanoid": "^3.3.7",
+        "picocolors": "^1.0.0",
+        "source-map-js": "^1.0.2"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/postcss-media-query-parser": {
+      "version": "0.2.3",
+      "resolved": "https://registry.npmjs.org/postcss-media-query-parser/-/postcss-media-query-parser-0.2.3.tgz",
+      "integrity": "sha512-3sOlxmbKcSHMjlUXQZKQ06jOswE7oVkXPxmZdoB1r5l0q6gTFTQSHxNxOrCccElbW7dxNytifNEo8qidX2Vsig==",
+      "dev": true
+    },
+    "node_modules/postcss-resolve-nested-selector": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/postcss-resolve-nested-selector/-/postcss-resolve-nested-selector-0.1.1.tgz",
+      "integrity": "sha512-HvExULSwLqHLgUy1rl3ANIqCsvMS0WHss2UOsXhXnQaZ9VCc2oBvIpXrl00IUFT5ZDITME0o6oiXeiHr2SAIfw==",
+      "dev": true
+    },
+    "node_modules/postcss-safe-parser": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-safe-parser/-/postcss-safe-parser-6.0.0.tgz",
+      "integrity": "sha512-FARHN8pwH+WiS2OPCxJI8FuRJpTVnn6ZNFiqAM2aeW2LwTHWWmWgIyKC6cUo0L8aeKiF/14MNvnpls6R2PBeMQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=12.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      },
+      "peerDependencies": {
+        "postcss": "^8.3.3"
+      }
+    },
+    "node_modules/postcss-selector-parser": {
+      "version": "6.0.15",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.15.tgz",
+      "integrity": "sha512-rEYkQOMUCEMhsKbK66tbEU9QVIxbhN18YiniAwA7XQYTVBqrBy+P2p5JcdqsHgKM2zWylp8d7J6eszocfds5Sw==",
+      "dev": true,
+      "dependencies": {
+        "cssesc": "^3.0.0",
+        "util-deprecate": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/postcss-sorting": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-sorting/-/postcss-sorting-7.0.1.tgz",
+      "integrity": "sha512-iLBFYz6VRYyLJEJsBJ8M3TCqNcckVzz4wFounSc5Oez35ogE/X+aoC5fFu103Ot7NyvjU3/xqIXn93Gp3kJk4g==",
+      "dev": true,
+      "peerDependencies": {
+        "postcss": "^8.3.9"
+      }
+    },
+    "node_modules/postcss-syntax": {
+      "version": "0.36.2",
+      "resolved": "https://registry.npmjs.org/postcss-syntax/-/postcss-syntax-0.36.2.tgz",
+      "integrity": "sha512-nBRg/i7E3SOHWxF3PpF5WnJM/jQ1YpY9000OaVXlAQj6Zp/kIqJxEDWIZ67tAd7NLuk7zqN4yqe9nc0oNAOs1w==",
+      "dev": true,
+      "peer": true,
+      "peerDependencies": {
+        "postcss": ">=5.0.0"
+      }
+    },
+    "node_modules/postcss-value-parser": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
+      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ=="
+    },
+    "node_modules/prelude-ls": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
+      "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/process": {
+      "version": "0.11.10",
+      "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz",
+      "integrity": "sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==",
+      "engines": {
+        "node": ">= 0.6.0"
+      }
+    },
+    "node_modules/process-warning": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/process-warning/-/process-warning-3.0.0.tgz",
+      "integrity": "sha512-mqn0kFRl0EoqhnL0GQ0veqFHyIN1yig9RHh/InzORTUiZHFRAur+aMtRkELNwGs9aNwKS6tg/An4NYBPGwvtzQ=="
+    },
+    "node_modules/prop-types": {
+      "version": "15.8.1",
+      "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
+      "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
+      "dev": true,
+      "dependencies": {
+        "loose-envify": "^1.4.0",
+        "object-assign": "^4.1.1",
+        "react-is": "^16.13.1"
+      }
+    },
+    "node_modules/punycode": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
+      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/queue-microtask": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
+      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+      "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/quick-format-unescaped": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/quick-format-unescaped/-/quick-format-unescaped-4.0.4.tgz",
+      "integrity": "sha512-tYC1Q1hgyRuHgloV/YXs2w15unPVh8qfu/qCTfhTYamaw7fyhumKa2yGpdSo87vY32rIclj+4fWYQXUMs9EHvg=="
+    },
+    "node_modules/quick-lru": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/quick-lru/-/quick-lru-4.0.1.tgz",
+      "integrity": "sha512-ARhCpm70fzdcvNQfPoy49IaanKkTlRWF2JMzqhcJbhSFRZv7nPTvZJdcY7301IPmvW+/p0RgIWnQDLJxifsQ7g==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/randombytes": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
+      "integrity": "sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "safe-buffer": "^5.1.0"
+      }
+    },
+    "node_modules/react": {
+      "version": "18.2.0",
+      "resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz",
+      "integrity": "sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==",
+      "dependencies": {
+        "loose-envify": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-dom": {
+      "version": "18.2.0",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz",
+      "integrity": "sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==",
+      "dependencies": {
+        "loose-envify": "^1.1.0",
+        "scheduler": "^0.23.0"
+      },
+      "peerDependencies": {
+        "react": "^18.2.0"
+      }
+    },
+    "node_modules/react-i18next": {
+      "version": "13.5.0",
+      "resolved": "https://registry.npmjs.org/react-i18next/-/react-i18next-13.5.0.tgz",
+      "integrity": "sha512-CFJ5NDGJ2MUyBohEHxljOq/39NQ972rh1ajnadG9BjTk+UXbHLq4z5DKEbEQBDoIhUmmbuS/fIMJKo6VOax1HA==",
+      "dependencies": {
+        "@babel/runtime": "^7.22.5",
+        "html-parse-stringify": "^3.0.1"
+      },
+      "peerDependencies": {
+        "i18next": ">= 23.2.3",
+        "react": ">= 16.8.0"
+      },
+      "peerDependenciesMeta": {
+        "react-dom": {
+          "optional": true
+        },
+        "react-native": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/react-is": {
+      "version": "16.13.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
+      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
+      "dev": true
+    },
+    "node_modules/read-pkg": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-5.2.0.tgz",
+      "integrity": "sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg==",
+      "dev": true,
+      "dependencies": {
+        "@types/normalize-package-data": "^2.4.0",
+        "normalize-package-data": "^2.5.0",
+        "parse-json": "^5.0.0",
+        "type-fest": "^0.6.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/read-pkg-up": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-7.0.1.tgz",
+      "integrity": "sha512-zK0TB7Xd6JpCLmlLmufqykGE+/TlOePD6qKClNW7hHDKFh/J7/7gCWGR7joEQEW1bKq3a3yUZSObOoWLFQ4ohg==",
+      "dev": true,
+      "dependencies": {
+        "find-up": "^4.1.0",
+        "read-pkg": "^5.2.0",
+        "type-fest": "^0.8.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/read-pkg-up/node_modules/find-up": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
+      "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
+      "dev": true,
+      "dependencies": {
+        "locate-path": "^5.0.0",
+        "path-exists": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/read-pkg-up/node_modules/locate-path": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
+      "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
+      "dev": true,
+      "dependencies": {
+        "p-locate": "^4.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/read-pkg-up/node_modules/p-limit": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
+      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
+      "dev": true,
+      "dependencies": {
+        "p-try": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/read-pkg-up/node_modules/p-locate": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
+      "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
+      "dev": true,
+      "dependencies": {
+        "p-limit": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/read-pkg/node_modules/type-fest": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.6.0.tgz",
+      "integrity": "sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/readable-stream": {
+      "version": "4.5.2",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-4.5.2.tgz",
+      "integrity": "sha512-yjavECdqeZ3GLXNgRXgeQEdz9fvDDkNKyHnbHRFtOr7/LcfgBcmct7t/ET+HaCTqfh06OzoAxrkN/IfjJBVe+g==",
+      "dependencies": {
+        "abort-controller": "^3.0.0",
+        "buffer": "^6.0.3",
+        "events": "^3.3.0",
+        "process": "^0.11.10",
+        "string_decoder": "^1.3.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      }
+    },
+    "node_modules/real-require": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/real-require/-/real-require-0.2.0.tgz",
+      "integrity": "sha512-57frrGM/OCTLqLOAh0mhVA9VBMHd+9U7Zb2THMGdBUoZVOtGbJzjxsYGDJ3A9AYYCP4hn6y1TVbaOfzWtm5GFg==",
+      "engines": {
+        "node": ">= 12.13.0"
+      }
+    },
+    "node_modules/redent": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/redent/-/redent-3.0.0.tgz",
+      "integrity": "sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==",
+      "dev": true,
+      "dependencies": {
+        "indent-string": "^4.0.0",
+        "strip-indent": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/reflect.getprototypeof": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.4.tgz",
+      "integrity": "sha512-ECkTw8TmJwW60lOTR+ZkODISW6RQ8+2CL3COqtiJKLd6MmB45hN51HprHFziKLGkAuTGQhBb91V8cy+KHlaCjw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "get-intrinsic": "^1.2.1",
+        "globalthis": "^1.0.3",
+        "which-builtin-type": "^1.1.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/regenerator-runtime": {
+      "version": "0.14.1",
+      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz",
+      "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw=="
+    },
+    "node_modules/regexp-tree": {
+      "version": "0.1.27",
+      "resolved": "https://registry.npmjs.org/regexp-tree/-/regexp-tree-0.1.27.tgz",
+      "integrity": "sha512-iETxpjK6YoRWJG5o6hXLwvjYAoW+FEZn9os0PD/b6AP6xQwsa/Y7lCVgIixBbUPMfhu+i2LtdeAqVTgGlQarfA==",
+      "dev": true,
+      "peer": true,
+      "bin": {
+        "regexp-tree": "bin/regexp-tree"
+      }
+    },
+    "node_modules/regexp.prototype.flags": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.1.tgz",
+      "integrity": "sha512-sy6TXMN+hnP/wMy+ISxg3krXx7BAtWVO4UouuCN/ziM9UEne0euamVNafDfvC83bRNr95y0V5iijeDQFUNpvrg==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "set-function-name": "^2.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/regjsparser": {
+      "version": "0.10.0",
+      "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.10.0.tgz",
+      "integrity": "sha512-qx+xQGZVsy55CH0a1hiVwHmqjLryfh7wQyF5HO07XJ9f7dQMY/gPQHhlyDkIzJKC+x2fUCpCcUODUUUFrm7SHA==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "jsesc": "~0.5.0"
+      },
+      "bin": {
+        "regjsparser": "bin/parser"
+      }
+    },
+    "node_modules/regjsparser/node_modules/jsesc": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-0.5.0.tgz",
+      "integrity": "sha512-uZz5UnB7u4T9LvwmFqXii7pZSouaRPorGs5who1Ip7VO0wxanFvBL7GkM6dTHlgX+jhBApRetaWpnDabOeTcnA==",
+      "dev": true,
+      "peer": true,
+      "bin": {
+        "jsesc": "bin/jsesc"
+      }
+    },
+    "node_modules/require-from-string": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
+      "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/resolve": {
+      "version": "1.22.8",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz",
+      "integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==",
+      "dev": true,
+      "dependencies": {
+        "is-core-module": "^2.13.0",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/resolve-from": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/resolve-pkg-maps": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz",
+      "integrity": "sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/privatenumber/resolve-pkg-maps?sponsor=1"
+      }
+    },
+    "node_modules/retry": {
+      "version": "0.13.1",
+      "resolved": "https://registry.npmjs.org/retry/-/retry-0.13.1.tgz",
+      "integrity": "sha512-XQBQ3I8W1Cge0Seh+6gjj03LbmRFWuoszgK9ooCpwYIrhhoO80pfq4cUkU5DkknwfOfFteRwlZ56PYOGYyFWdg==",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/reusify": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
+      "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
+      "dev": true,
+      "engines": {
+        "iojs": ">=1.0.0",
+        "node": ">=0.10.0"
+      }
+    },
+    "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/run-parallel": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
+      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+      "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": {
+        "queue-microtask": "^1.2.2"
+      }
+    },
+    "node_modules/safe-array-concat": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.0.1.tgz",
+      "integrity": "sha512-6XbUAseYE2KtOuGueyeobCySj9L4+66Tn6KQMOPQJrAJEowYKW/YR/MGJZl7FdydUdaFu4LYyDZjxf4/Nmo23Q==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.2.1",
+        "has-symbols": "^1.0.3",
+        "isarray": "^2.0.5"
+      },
+      "engines": {
+        "node": ">=0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "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/safe-regex-test": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.0.0.tgz",
+      "integrity": "sha512-JBUUzyOgEwXQY1NuPtvcj/qcBDbDmEvWufhlnXZIm75DEHp+afM1r1ujJpJsV/gSM4t59tpDyPi1sd6ZaPFfsA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.1.3",
+        "is-regex": "^1.1.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/safe-stable-stringify": {
+      "version": "2.4.3",
+      "resolved": "https://registry.npmjs.org/safe-stable-stringify/-/safe-stable-stringify-2.4.3.tgz",
+      "integrity": "sha512-e2bDA2WJT0wxseVd4lsDP4+3ONX6HpMXQa1ZhFQ7SU+GjvORCmShbCMltrtIDfkYhVHrOcPtj+KhmDBdPdZD1g==",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/scheduler": {
+      "version": "0.23.0",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.0.tgz",
+      "integrity": "sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==",
+      "dependencies": {
+        "loose-envify": "^1.1.0"
+      }
+    },
+    "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/schema-utils/node_modules/ajv": {
+      "version": "8.12.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz",
+      "integrity": "sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==",
+      "dev": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/schema-utils/node_modules/ajv-keywords": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-5.1.0.tgz",
+      "integrity": "sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==",
+      "dev": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3"
+      },
+      "peerDependencies": {
+        "ajv": "^8.8.2"
+      }
+    },
+    "node_modules/schema-utils/node_modules/json-schema-traverse": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+      "dev": true
+    },
+    "node_modules/sdp-transform": {
+      "version": "2.14.1",
+      "resolved": "https://registry.npmjs.org/sdp-transform/-/sdp-transform-2.14.1.tgz",
+      "integrity": "sha512-RjZyX3nVwJyCuTo5tGPx+PZWkDMCg7oOLpSlhjDdZfwUoNqG1mM8nyj31IGHyaPWXhjbP7cdK3qZ2bmkJ1GzRw==",
+      "bin": {
+        "sdp-verify": "checker.js"
+      }
+    },
+    "node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/serialize-javascript": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.2.tgz",
+      "integrity": "sha512-Saa1xPByTTq2gdeFZYLLo+RFE35NHZkAbqZeWNd3BpzppeVisAqpDjcp8dyf6uIvEqJRd46jemmyA4iFIeVk8g==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "randombytes": "^2.1.0"
+      }
+    },
+    "node_modules/set-function-length": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.1.1.tgz",
+      "integrity": "sha512-VoaqjbBJKiWtg4yRcKBQ7g7wnGnLV3M8oLvVWwOk2PdYY6PEFegR1vezXR0tw6fZGF9csVakIRjrJiy2veSBFQ==",
+      "dev": true,
+      "dependencies": {
+        "define-data-property": "^1.1.1",
+        "get-intrinsic": "^1.2.1",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/set-function-name": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/set-function-name/-/set-function-name-2.0.1.tgz",
+      "integrity": "sha512-tMNCiqYVkXIZgc2Hnoy2IvC/f8ezc5koaRFkCjrpWzGpCd3qbZXPzVy9MAZzK1ch/X0jvSkojys3oqJN0qCmdA==",
+      "dev": true,
+      "dependencies": {
+        "define-data-property": "^1.0.1",
+        "functions-have-names": "^1.2.3",
+        "has-property-descriptors": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/shallowequal": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/shallowequal/-/shallowequal-1.1.0.tgz",
+      "integrity": "sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ=="
+    },
+    "node_modules/shebang-command": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+      "dev": true,
+      "dependencies": {
+        "shebang-regex": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/shebang-regex": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/side-channel": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz",
+      "integrity": "sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.0",
+        "get-intrinsic": "^1.0.2",
+        "object-inspect": "^1.9.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/signal-exit": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
+      "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
+      "dev": true
+    },
+    "node_modules/slash": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
+      "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/slice-ansi": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-4.0.0.tgz",
+      "integrity": "sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==",
+      "dev": true,
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "astral-regex": "^2.0.0",
+        "is-fullwidth-code-point": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/slice-ansi?sponsor=1"
+      }
+    },
+    "node_modules/slice-ansi/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/slice-ansi/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/slice-ansi/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/sonic-boom": {
+      "version": "3.8.0",
+      "resolved": "https://registry.npmjs.org/sonic-boom/-/sonic-boom-3.8.0.tgz",
+      "integrity": "sha512-ybz6OYOUjoQQCQ/i4LU8kaToD8ACtYP+Cj5qd2AO36bwbdewxWJ3ArmJ2cr6AvxlL2o0PqnCcPGUgkILbfkaCA==",
+      "dependencies": {
+        "atomic-sleep": "^1.0.0"
+      }
+    },
+    "node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
+      "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/source-map-support": {
+      "version": "0.5.21",
+      "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz",
+      "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "buffer-from": "^1.0.0",
+        "source-map": "^0.6.0"
+      }
+    },
+    "node_modules/spdx-correct": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.2.0.tgz",
+      "integrity": "sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==",
+      "dev": true,
+      "dependencies": {
+        "spdx-expression-parse": "^3.0.0",
+        "spdx-license-ids": "^3.0.0"
+      }
+    },
+    "node_modules/spdx-exceptions": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.3.0.tgz",
+      "integrity": "sha512-/tTrYOC7PPI1nUAgx34hUpqXuyJG+DTHJTnIULG4rDygi4xu/tfgmq1e1cIRwRzwZgo4NLySi+ricLkZkw4i5A==",
+      "dev": true
+    },
+    "node_modules/spdx-expression-parse": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.1.tgz",
+      "integrity": "sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==",
+      "dev": true,
+      "dependencies": {
+        "spdx-exceptions": "^2.1.0",
+        "spdx-license-ids": "^3.0.0"
+      }
+    },
+    "node_modules/spdx-license-ids": {
+      "version": "3.0.16",
+      "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.16.tgz",
+      "integrity": "sha512-eWN+LnM3GR6gPu35WxNgbGl8rmY1AEmoMDvL/QD6zYmPWgywxWqJWNdLGT+ke8dKNWrcYgYjPpG5gbTfghP8rw==",
+      "dev": true
+    },
+    "node_modules/split2": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/split2/-/split2-4.2.0.tgz",
+      "integrity": "sha512-UcjcJOWknrNkF6PLX83qcHM6KHgVKNkV62Y8a5uYDVv9ydGQVwAHMKqHdJje1VTWpljG0WYpCDhrCdAOYH4TWg==",
+      "engines": {
+        "node": ">= 10.x"
+      }
+    },
+    "node_modules/streamsearch": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/streamsearch/-/streamsearch-1.1.0.tgz",
+      "integrity": "sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==",
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/string_decoder": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
+      "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
+      "dependencies": {
+        "safe-buffer": "~5.2.0"
+      }
+    },
+    "node_modules/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-width/node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "dev": true
+    },
+    "node_modules/string.prototype.matchall": {
+      "version": "4.0.10",
+      "resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.10.tgz",
+      "integrity": "sha512-rGXbGmOEosIQi6Qva94HUjgPs9vKW+dkG7Y8Q5O2OYkWL6wFaTRZO8zM4mhP94uX55wgyrXzfS2aGtGzUL7EJQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "get-intrinsic": "^1.2.1",
+        "has-symbols": "^1.0.3",
+        "internal-slot": "^1.0.5",
+        "regexp.prototype.flags": "^1.5.0",
+        "set-function-name": "^2.0.0",
+        "side-channel": "^1.0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.trim": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.8.tgz",
+      "integrity": "sha512-lfjY4HcixfQXOfaqCvcBuOIapyaroTXhbkfJN3gcB1OtyupngWK4sEET9Knd0cXd28kTUqu/kHoV4HKSJdnjiQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.trimend": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.7.tgz",
+      "integrity": "sha512-Ni79DqeB72ZFq1uH/L6zJ+DKZTkOtPIHovb3YZHQViE+HDouuU4mBrLOLDn5Dde3RF8qw5qVETEjhu9locMLvA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.trimstart": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.7.tgz",
+      "integrity": "sha512-NGhtDFu3jCEm7B4Fy0DpLewdJQOZcQ0rGbwQ/+stjnrp2i+rlKeCvos9hOIeCmqwratM47OBxY7uFZzjxHXmrg==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/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",
+      "integrity": "sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/strip-indent": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-3.0.0.tgz",
+      "integrity": "sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==",
+      "dev": true,
+      "dependencies": {
+        "min-indent": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-json-comments": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
+      "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/style-search": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/style-search/-/style-search-0.1.0.tgz",
+      "integrity": "sha512-Dj1Okke1C3uKKwQcetra4jSuk0DqbzbYtXipzFlFMZtowbF1x7BKJwB9AayVMyFARvU8EDrZdcax4At/452cAg==",
+      "dev": true
+    },
+    "node_modules/styled-components": {
+      "version": "6.1.8",
+      "resolved": "https://registry.npmjs.org/styled-components/-/styled-components-6.1.8.tgz",
+      "integrity": "sha512-PQ6Dn+QxlWyEGCKDS71NGsXoVLKfE1c3vApkvDYS5KAK+V8fNWGhbSUEo9Gg2iaID2tjLXegEW3bZDUGpofRWw==",
+      "dependencies": {
+        "@emotion/is-prop-valid": "1.2.1",
+        "@emotion/unitless": "0.8.0",
+        "@types/stylis": "4.2.0",
+        "css-to-react-native": "3.2.0",
+        "csstype": "3.1.2",
+        "postcss": "8.4.31",
+        "shallowequal": "1.1.0",
+        "stylis": "4.3.1",
+        "tslib": "2.5.0"
+      },
+      "engines": {
+        "node": ">= 16"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/styled-components"
+      },
+      "peerDependencies": {
+        "react": ">= 16.8.0",
+        "react-dom": ">= 16.8.0"
+      }
+    },
+    "node_modules/styled-components/node_modules/postcss": {
+      "version": "8.4.31",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
+      "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "nanoid": "^3.3.6",
+        "picocolors": "^1.0.0",
+        "source-map-js": "^1.0.2"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/styled-components/node_modules/tslib": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.0.tgz",
+      "integrity": "sha512-336iVw3rtn2BUK7ORdIAHTyxHGRIHVReokCR3XjbckJMK7ms8FysBfhLR8IXnAgy7T0PTPNBWKiH514FOW/WSg=="
+    },
+    "node_modules/styled-jsx": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.1.1.tgz",
+      "integrity": "sha512-pW7uC1l4mBZ8ugbiZrcIsiIvVx1UmTfw7UkC3Um2tmfUq9Bhk8IiyEIPl6F8agHgjzku6j0xQEZbfA5uSgSaCw==",
+      "dependencies": {
+        "client-only": "0.0.1"
+      },
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "peerDependencies": {
+        "react": ">= 16.8.0 || 17.x.x || ^18.0.0-0"
+      },
+      "peerDependenciesMeta": {
+        "@babel/core": {
+          "optional": true
+        },
+        "babel-plugin-macros": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/stylelint": {
+      "version": "14.16.1",
+      "resolved": "https://registry.npmjs.org/stylelint/-/stylelint-14.16.1.tgz",
+      "integrity": "sha512-ErlzR/T3hhbV+a925/gbfc3f3Fep9/bnspMiJPorfGEmcBbXdS+oo6LrVtoUZ/w9fqD6o6k7PtUlCOsCRdjX/A==",
+      "dev": true,
+      "dependencies": {
+        "@csstools/selector-specificity": "^2.0.2",
+        "balanced-match": "^2.0.0",
+        "colord": "^2.9.3",
+        "cosmiconfig": "^7.1.0",
+        "css-functions-list": "^3.1.0",
+        "debug": "^4.3.4",
+        "fast-glob": "^3.2.12",
+        "fastest-levenshtein": "^1.0.16",
+        "file-entry-cache": "^6.0.1",
+        "global-modules": "^2.0.0",
+        "globby": "^11.1.0",
+        "globjoin": "^0.1.4",
+        "html-tags": "^3.2.0",
+        "ignore": "^5.2.1",
+        "import-lazy": "^4.0.0",
+        "imurmurhash": "^0.1.4",
+        "is-plain-object": "^5.0.0",
+        "known-css-properties": "^0.26.0",
+        "mathml-tag-names": "^2.1.3",
+        "meow": "^9.0.0",
+        "micromatch": "^4.0.5",
+        "normalize-path": "^3.0.0",
+        "picocolors": "^1.0.0",
+        "postcss": "^8.4.19",
+        "postcss-media-query-parser": "^0.2.3",
+        "postcss-resolve-nested-selector": "^0.1.1",
+        "postcss-safe-parser": "^6.0.0",
+        "postcss-selector-parser": "^6.0.11",
+        "postcss-value-parser": "^4.2.0",
+        "resolve-from": "^5.0.0",
+        "string-width": "^4.2.3",
+        "strip-ansi": "^6.0.1",
+        "style-search": "^0.1.0",
+        "supports-hyperlinks": "^2.3.0",
+        "svg-tags": "^1.0.0",
+        "table": "^6.8.1",
+        "v8-compile-cache": "^2.3.0",
+        "write-file-atomic": "^4.0.2"
+      },
+      "bin": {
+        "stylelint": "bin/stylelint.js"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/stylelint"
+      }
+    },
+    "node_modules/stylelint-config-recess-order": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/stylelint-config-recess-order/-/stylelint-config-recess-order-3.1.0.tgz",
+      "integrity": "sha512-LXR6zD5O9cS1a9gbLbuKvWLs7qmHj4xm5MQ5KhhwZPMhtQP9da3F6Jsp/NAUdsAwDQEnT1ShU16YVdgN6p4a/w==",
+      "dev": true,
+      "dependencies": {
+        "stylelint-order": "5.x"
+      },
+      "peerDependencies": {
+        "stylelint": ">=14"
+      }
+    },
+    "node_modules/stylelint-config-recommended": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/stylelint-config-recommended/-/stylelint-config-recommended-7.0.0.tgz",
+      "integrity": "sha512-yGn84Bf/q41J4luis1AZ95gj0EQwRX8lWmGmBwkwBNSkpGSpl66XcPTulxGa/Z91aPoNGuIGBmFkcM1MejMo9Q==",
+      "dev": true,
+      "peerDependencies": {
+        "stylelint": "^14.4.0"
+      }
+    },
+    "node_modules/stylelint-config-standard": {
+      "version": "25.0.0",
+      "resolved": "https://registry.npmjs.org/stylelint-config-standard/-/stylelint-config-standard-25.0.0.tgz",
+      "integrity": "sha512-21HnP3VSpaT1wFjFvv9VjvOGDtAviv47uTp3uFmzcN+3Lt+RYRv6oAplLaV51Kf792JSxJ6svCJh/G18E9VnCA==",
+      "dev": true,
+      "dependencies": {
+        "stylelint-config-recommended": "^7.0.0"
+      },
+      "peerDependencies": {
+        "stylelint": "^14.4.0"
+      }
+    },
+    "node_modules/stylelint-config-styled-components": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/stylelint-config-styled-components/-/stylelint-config-styled-components-0.1.1.tgz",
+      "integrity": "sha512-z5Xz/9GmvxO6e/DLzBMwkB85zHxEEjN6K7Cj80Bi+o/9vR9eS3GX3E9VuMnX9WLFYulqbqLtTapGGY28JBiy9Q==",
+      "dev": true
+    },
+    "node_modules/stylelint-order": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/stylelint-order/-/stylelint-order-5.0.0.tgz",
+      "integrity": "sha512-OWQ7pmicXufDw5BlRqzdz3fkGKJPgLyDwD1rFY3AIEfIH/LQY38Vu/85v8/up0I+VPiuGRwbc2Hg3zLAsJaiyw==",
+      "dev": true,
+      "dependencies": {
+        "postcss": "^8.3.11",
+        "postcss-sorting": "^7.0.1"
+      },
+      "peerDependencies": {
+        "stylelint": "^14.0.0"
+      }
+    },
+    "node_modules/stylelint-webpack-plugin": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/stylelint-webpack-plugin/-/stylelint-webpack-plugin-3.3.0.tgz",
+      "integrity": "sha512-F53bapIZ9zI16ero8IWm6TrUE6SSibZBphJE9b5rR2FxtvmGmm1YmS+a5xjQzn63+cv71GVSCu4byX66fBLpEw==",
+      "dev": true,
+      "dependencies": {
+        "globby": "^11.1.0",
+        "jest-worker": "^28.1.0",
+        "micromatch": "^4.0.5",
+        "normalize-path": "^3.0.0",
+        "schema-utils": "^4.0.0"
+      },
+      "engines": {
+        "node": ">= 12.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "stylelint": "^13.0.0 || ^14.0.0",
+        "webpack": "^5.0.0"
+      }
+    },
+    "node_modules/stylelint/node_modules/balanced-match": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-2.0.0.tgz",
+      "integrity": "sha512-1ugUSr8BHXRnK23KfuYS+gVMC3LB8QGH9W1iGtDPsNWoQbgtXSExkBu2aDR4epiGWZOjZsj6lDl/N/AqqTC3UA==",
+      "dev": true
+    },
+    "node_modules/stylelint/node_modules/resolve-from": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
+      "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/stylis": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.3.1.tgz",
+      "integrity": "sha512-EQepAV+wMsIaGVGX1RECzgrcqRRU/0sYOHkeLsZ3fzHaHXZy4DaOOX0vOlGQdlsjkh3mFHAIlVimpwAs4dslyQ=="
+    },
+    "node_modules/supports-color": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+      "dev": true,
+      "dependencies": {
+        "has-flag": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/supports-hyperlinks": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/supports-hyperlinks/-/supports-hyperlinks-2.3.0.tgz",
+      "integrity": "sha512-RpsAZlpWcDwOPQA22aCH4J0t7L8JmAvsCxfOSEwm7cQs3LshN36QaTkwd70DnBOXDWGssw2eUoc8CaRWT0XunA==",
+      "dev": true,
+      "dependencies": {
+        "has-flag": "^4.0.0",
+        "supports-color": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/supports-hyperlinks/node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/supports-hyperlinks/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/supports-preserve-symlinks-flag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/svg-tags": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/svg-tags/-/svg-tags-1.0.0.tgz",
+      "integrity": "sha512-ovssysQTa+luh7A5Weu3Rta6FJlFBBbInjOh722LIt6klpU2/HtdUbszju/G4devcvk8PGt7FCLv5wftu3THUA==",
+      "dev": true
+    },
+    "node_modules/table": {
+      "version": "6.8.1",
+      "resolved": "https://registry.npmjs.org/table/-/table-6.8.1.tgz",
+      "integrity": "sha512-Y4X9zqrCftUhMeH2EptSSERdVKt/nEdijTOacGD/97EKjhQ/Qs8RTlEGABSJNNN8lac9kheH+af7yAkEWlgneA==",
+      "dev": true,
+      "dependencies": {
+        "ajv": "^8.0.1",
+        "lodash.truncate": "^4.4.2",
+        "slice-ansi": "^4.0.0",
+        "string-width": "^4.2.3",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/table/node_modules/ajv": {
+      "version": "8.12.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz",
+      "integrity": "sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==",
+      "dev": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/table/node_modules/json-schema-traverse": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+      "dev": true
+    },
+    "node_modules/tapable": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz",
+      "integrity": "sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/terser": {
+      "version": "5.26.0",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-5.26.0.tgz",
+      "integrity": "sha512-dytTGoE2oHgbNV9nTzgBEPaqAWvcJNl66VZ0BkJqlvp71IjO8CxdBx/ykCNb47cLnCmCvRZ6ZR0tLkqvZCdVBQ==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@jridgewell/source-map": "^0.3.3",
+        "acorn": "^8.8.2",
+        "commander": "^2.20.0",
+        "source-map-support": "~0.5.20"
+      },
+      "bin": {
+        "terser": "bin/terser"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/terser-webpack-plugin": {
+      "version": "5.3.10",
+      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.10.tgz",
+      "integrity": "sha512-BKFPWlPDndPs+NGGCr1U59t0XScL5317Y0UReNrHaw9/FwhPENlq6bfgs+4yPfyP51vqC1bQ4rp1EfXW5ZSH9w==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@jridgewell/trace-mapping": "^0.3.20",
+        "jest-worker": "^27.4.5",
+        "schema-utils": "^3.1.1",
+        "serialize-javascript": "^6.0.1",
+        "terser": "^5.26.0"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "webpack": "^5.1.0"
+      },
+      "peerDependenciesMeta": {
+        "@swc/core": {
+          "optional": true
+        },
+        "esbuild": {
+          "optional": true
+        },
+        "uglify-js": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/terser-webpack-plugin/node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/terser-webpack-plugin/node_modules/jest-worker": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.5.1.tgz",
+      "integrity": "sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@types/node": "*",
+        "merge-stream": "^2.0.0",
+        "supports-color": "^8.0.0"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      }
+    },
+    "node_modules/terser-webpack-plugin/node_modules/schema-utils": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.3.0.tgz",
+      "integrity": "sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@types/json-schema": "^7.0.8",
+        "ajv": "^6.12.5",
+        "ajv-keywords": "^3.5.2"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
+    "node_modules/terser-webpack-plugin/node_modules/supports-color": {
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
+      "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/supports-color?sponsor=1"
+      }
+    },
+    "node_modules/text-table": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
+      "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==",
+      "dev": true
+    },
+    "node_modules/thread-stream": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/thread-stream/-/thread-stream-2.4.1.tgz",
+      "integrity": "sha512-d/Ex2iWd1whipbT681JmTINKw0ZwOUBZm7+Gjs64DHuX34mmw8vJL2bFAaNacaW72zYiTJxSHi5abUuOi5nsfg==",
+      "dependencies": {
+        "real-require": "^0.2.0"
+      }
+    },
+    "node_modules/to-fast-properties": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz",
+      "integrity": "sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dev": true,
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/trim-newlines": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-3.0.1.tgz",
+      "integrity": "sha512-c1PTsA3tYrIsLGkJkzHF+w9F2EyxfXGo4UyJc4pFL++FMjnq0HJS69T3M7d//gKrFKwy429bouPescbjecU+Zw==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ts-api-utils": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.0.3.tgz",
+      "integrity": "sha512-wNMeqtMz5NtwpT/UZGY5alT+VoKdSsOOP/kqHFcUW1P/VRhH2wJ48+DN2WwUliNbQ976ETwDL0Ifd2VVvgonvg==",
+      "dev": true,
+      "engines": {
+        "node": ">=16.13.0"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.2.0"
+      }
+    },
+    "node_modules/tsconfig-paths": {
+      "version": "3.15.0",
+      "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.15.0.tgz",
+      "integrity": "sha512-2Ac2RgzDe/cn48GvOe3M+o82pEFewD3UPbyoUHHdKasHwJKjds4fLXWf/Ux5kATBKN20oaFGu+jbElp1pos0mg==",
+      "dev": true,
+      "dependencies": {
+        "@types/json5": "^0.0.29",
+        "json5": "^1.0.2",
+        "minimist": "^1.2.6",
+        "strip-bom": "^3.0.0"
+      }
+    },
+    "node_modules/tsconfig-paths/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/tslib": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
+      "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
+    },
+    "node_modules/type-check": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
+      "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
+      "dev": true,
+      "dependencies": {
+        "prelude-ls": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/type-fest": {
+      "version": "0.8.1",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz",
+      "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/typed-array-buffer": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.0.tgz",
+      "integrity": "sha512-Y8KTSIglk9OZEr8zywiIHG/kmQ7KWyjseXs1CbSo8vC42w7hg2HgYTxSWwP0+is7bWDc1H+Fo026CpHFwm8tkw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.2.1",
+        "is-typed-array": "^1.1.10"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/typed-array-byte-length": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.0.tgz",
+      "integrity": "sha512-Or/+kvLxNpeQ9DtSydonMxCx+9ZXOswtwJn17SNLvhptaXYDJvkFFP5zbfU/uLmvnBJlI4yrnXRxpdWH/M5tNA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "for-each": "^0.3.3",
+        "has-proto": "^1.0.1",
+        "is-typed-array": "^1.1.10"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typed-array-byte-offset": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.0.tgz",
+      "integrity": "sha512-RD97prjEt9EL8YgAgpOkf3O4IF9lhJFr9g0htQkm0rchFp/Vx7LW5Q8fSXXub7BXAODyUQohRMyOc3faCPd0hg==",
+      "dev": true,
+      "dependencies": {
+        "available-typed-arrays": "^1.0.5",
+        "call-bind": "^1.0.2",
+        "for-each": "^0.3.3",
+        "has-proto": "^1.0.1",
+        "is-typed-array": "^1.1.10"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typed-array-length": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.4.tgz",
+      "integrity": "sha512-KjZypGq+I/H7HI5HlOoGHkWUUGq+Q0TPhQurLbyrVrvnKTBgzLhIJ7j6J/XTQOi0d1RjyZ0wdas8bKs2p0x3Ng==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "for-each": "^0.3.3",
+        "is-typed-array": "^1.1.9"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typescript": {
+      "version": "5.3.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.3.3.tgz",
+      "integrity": "sha512-pXWcraxM0uxAS+tN0AG/BF2TyqmHO014Z070UsJ+pFvYuRSq8KH8DmWpnbXe0pEPDHXZV3FcAbJkijJ5oNEnWw==",
+      "dev": true,
+      "peer": true,
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "node_modules/unbox-primitive": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz",
+      "integrity": "sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "has-bigints": "^1.0.2",
+        "has-symbols": "^1.0.3",
+        "which-boxed-primitive": "^1.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "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/unhomoglyph": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/unhomoglyph/-/unhomoglyph-1.0.6.tgz",
+      "integrity": "sha512-7uvcWI3hWshSADBu4JpnyYbTVc7YlhF5GDW/oPD5AxIxl34k4wXR3WDkPnzLxkN32LiTCTKMQLtKVZiwki3zGg=="
+    },
+    "node_modules/update-browserslist-db": {
+      "version": "1.0.13",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz",
+      "integrity": "sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "escalade": "^3.1.1",
+        "picocolors": "^1.0.0"
+      },
+      "bin": {
+        "update-browserslist-db": "cli.js"
+      },
+      "peerDependencies": {
+        "browserslist": ">= 4.21.0"
+      }
+    },
+    "node_modules/uri-js": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
+      "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
+      "dev": true,
+      "dependencies": {
+        "punycode": "^2.1.0"
+      }
+    },
+    "node_modules/use-immer": {
+      "version": "0.9.0",
+      "resolved": "https://registry.npmjs.org/use-immer/-/use-immer-0.9.0.tgz",
+      "integrity": "sha512-/L+enLi0nvuZ6j4WlyK0US9/ECUtV5v9RUbtxnn5+WbtaXYUaOBoKHDNL9I5AETdurQ4rIFIj/s+Z5X80ATyKw==",
+      "peerDependencies": {
+        "immer": ">=2.0.0",
+        "react": "^16.8.0 || ^17.0.1 || ^18.0.0"
+      }
+    },
+    "node_modules/util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+      "dev": true
+    },
+    "node_modules/uuid": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-9.0.1.tgz",
+      "integrity": "sha512-b+1eJOlsR9K8HJpow9Ok3fiWOWSIcIzXodvv0rQjVoOVNpWMpxf1wZNpt4y9h10odCNrqnYp1OBzRktckBe3sA==",
+      "funding": [
+        "https://github.com/sponsors/broofa",
+        "https://github.com/sponsors/ctavan"
+      ],
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    },
+    "node_modules/v8-compile-cache": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/v8-compile-cache/-/v8-compile-cache-2.4.0.tgz",
+      "integrity": "sha512-ocyWc3bAHBB/guyqJQVI5o4BZkPhznPYUG2ea80Gond/BgNWpap8TOmLSeeQG7bnh2KMISxskdADG59j7zruhw==",
+      "dev": true
+    },
+    "node_modules/validate-npm-package-license": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz",
+      "integrity": "sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==",
+      "dev": true,
+      "dependencies": {
+        "spdx-correct": "^3.0.0",
+        "spdx-expression-parse": "^3.0.0"
+      }
+    },
+    "node_modules/void-elements": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/void-elements/-/void-elements-3.1.0.tgz",
+      "integrity": "sha512-Dhxzh5HZuiHQhbvTW9AMetFfBHDMYpo23Uo9btPXgdYP+3T5S+p+jgNy7spra+veYhBP2dCSgxR/i2Y02h5/6w==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/watchpack": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.0.tgz",
+      "integrity": "sha512-Lcvm7MGST/4fup+ifyKi2hjyIAwcdI4HRgtvTpIUxBRhB+RFtUh8XtDOxUfctVCnhVi+QQj49i91OyvzkJl6cg==",
+      "dependencies": {
+        "glob-to-regexp": "^0.4.1",
+        "graceful-fs": "^4.1.2"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/webpack": {
+      "version": "5.89.0",
+      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.89.0.tgz",
+      "integrity": "sha512-qyfIC10pOr70V+jkmud8tMfajraGCZMBWJtrmuBymQKCrLTRejBI8STDp1MCyZu/QTdZSeacCQYpYNQVOzX5kw==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@types/eslint-scope": "^3.7.3",
+        "@types/estree": "^1.0.0",
+        "@webassemblyjs/ast": "^1.11.5",
+        "@webassemblyjs/wasm-edit": "^1.11.5",
+        "@webassemblyjs/wasm-parser": "^1.11.5",
+        "acorn": "^8.7.1",
+        "acorn-import-assertions": "^1.9.0",
+        "browserslist": "^4.14.5",
+        "chrome-trace-event": "^1.0.2",
+        "enhanced-resolve": "^5.15.0",
+        "es-module-lexer": "^1.2.1",
+        "eslint-scope": "5.1.1",
+        "events": "^3.2.0",
+        "glob-to-regexp": "^0.4.1",
+        "graceful-fs": "^4.2.9",
+        "json-parse-even-better-errors": "^2.3.1",
+        "loader-runner": "^4.2.0",
+        "mime-types": "^2.1.27",
+        "neo-async": "^2.6.2",
+        "schema-utils": "^3.2.0",
+        "tapable": "^2.1.1",
+        "terser-webpack-plugin": "^5.3.7",
+        "watchpack": "^2.4.0",
+        "webpack-sources": "^3.2.3"
+      },
+      "bin": {
+        "webpack": "bin/webpack.js"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependenciesMeta": {
+        "webpack-cli": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/webpack-sources": {
+      "version": "3.2.3",
+      "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.2.3.tgz",
+      "integrity": "sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/webpack/node_modules/schema-utils": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.3.0.tgz",
+      "integrity": "sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@types/json-schema": "^7.0.8",
+        "ajv": "^6.12.5",
+        "ajv-keywords": "^3.5.2"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
+    "node_modules/which": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+      "dev": true,
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "node-which": "bin/node-which"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/which-boxed-primitive": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz",
+      "integrity": "sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==",
+      "dev": true,
+      "dependencies": {
+        "is-bigint": "^1.0.1",
+        "is-boolean-object": "^1.1.0",
+        "is-number-object": "^1.0.4",
+        "is-string": "^1.0.5",
+        "is-symbol": "^1.0.3"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-builtin-type": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/which-builtin-type/-/which-builtin-type-1.1.3.tgz",
+      "integrity": "sha512-YmjsSMDBYsM1CaFiayOVT06+KJeXf0o5M/CAd4o1lTadFAtacTUM49zoYxr/oroopFDfhvN6iEcBxUyc3gvKmw==",
+      "dev": true,
+      "dependencies": {
+        "function.prototype.name": "^1.1.5",
+        "has-tostringtag": "^1.0.0",
+        "is-async-function": "^2.0.0",
+        "is-date-object": "^1.0.5",
+        "is-finalizationregistry": "^1.0.2",
+        "is-generator-function": "^1.0.10",
+        "is-regex": "^1.1.4",
+        "is-weakref": "^1.0.2",
+        "isarray": "^2.0.5",
+        "which-boxed-primitive": "^1.0.2",
+        "which-collection": "^1.0.1",
+        "which-typed-array": "^1.1.9"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-collection": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/which-collection/-/which-collection-1.0.1.tgz",
+      "integrity": "sha512-W8xeTUwaln8i3K/cY1nGXzdnVZlidBcagyNFtBdD5kxnb4TvGKR7FfSIS3mYpwWS1QUCutfKz8IY8RjftB0+1A==",
+      "dev": true,
+      "dependencies": {
+        "is-map": "^2.0.1",
+        "is-set": "^2.0.1",
+        "is-weakmap": "^2.0.1",
+        "is-weakset": "^2.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-typed-array": {
+      "version": "1.1.13",
+      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.13.tgz",
+      "integrity": "sha512-P5Nra0qjSncduVPEAr7xhoF5guty49ArDTwzJ/yNuPIbZppyRxFQsRCWrocxIY+CnMVG+qfbU2FmDKyvSGClow==",
+      "dev": true,
+      "dependencies": {
+        "available-typed-arrays": "^1.0.5",
+        "call-bind": "^1.0.4",
+        "for-each": "^0.3.3",
+        "gopd": "^1.0.1",
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/wrappy": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
+      "dev": true
+    },
+    "node_modules/write-file-atomic": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-4.0.2.tgz",
+      "integrity": "sha512-7KxauUdBmSdWnmpaGFg+ppNjKF8uNLry8LyzjauQDOVONfFLNKrKvQOxZ/VuTIcS/gge/YNahf5RIIQWTSarlg==",
+      "dev": true,
+      "dependencies": {
+        "imurmurhash": "^0.1.4",
+        "signal-exit": "^3.0.7"
+      },
+      "engines": {
+        "node": "^12.13.0 || ^14.15.0 || >=16.0.0"
+      }
+    },
+    "node_modules/yallist": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+      "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+      "dev": true
+    },
+    "node_modules/yaml": {
+      "version": "1.10.2",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
+      "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/yargs-parser": {
+      "version": "20.2.9",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-20.2.9.tgz",
+      "integrity": "sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/yocto-queue": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
+      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    }
+  }
+}

From ef3fa94a19bc7b835983c51f7a9a78b0aad7d0bd Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 10 Jan 2024 11:54:00 +0100
Subject: [PATCH 342/714] update package-lock.json after merge

---
 package-lock.json | 7456 +++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 7456 insertions(+)
 create mode 100644 package-lock.json

diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 00000000..8cb5576d
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,7456 @@
+{
+  "name": "medienhaus-frontend",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "medienhaus-frontend",
+      "dependencies": {
+        "i18next": "^23.7.7",
+        "i18next-browser-languagedetector": "^7.2.0",
+        "i18next-resources-to-backend": "^1.2.0",
+        "immer": "^10.0.3",
+        "lodash": "^4.17.21",
+        "matrix-js-sdk": "^30.2.0",
+        "next": "^14.0.4-canary.41",
+        "normalize.css": "^8.0.1",
+        "pino": "^8.16.2",
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0",
+        "react-i18next": "^13.5.0",
+        "styled-components": "^6.0.8",
+        "use-immer": "^0.9.0"
+      },
+      "devDependencies": {
+        "@remixicons/react": "^1.0.0",
+        "@stylelint/postcss-css-in-js": "^0.38.0",
+        "eslint": "^8.55.0",
+        "eslint-config-next": "^14.0.3",
+        "eslint-plugin-import": "^2.25.4",
+        "eslint-plugin-matrix-org": "^0.8.0",
+        "stylelint": "^14.8.2",
+        "stylelint-config-recess-order": "^3.0.0",
+        "stylelint-config-standard": "^25.0.0",
+        "stylelint-config-styled-components": "^0.1.1",
+        "stylelint-webpack-plugin": "^3.2.0"
+      }
+    },
+    "node_modules/@aashutoshrathi/word-wrap": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/@aashutoshrathi/word-wrap/-/word-wrap-1.2.6.tgz",
+      "integrity": "sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/@ampproject/remapping": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.1.tgz",
+      "integrity": "sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==",
+      "dev": true,
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.0",
+        "@jridgewell/trace-mapping": "^0.3.9"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/code-frame": {
+      "version": "7.23.5",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.23.5.tgz",
+      "integrity": "sha512-CgH3s1a96LipHCmSUmYFPwY7MNx8C3avkq7i4Wl3cfa662ldtUe4VM1TPXX70pfmrlWTb6jLqTYrZyT2ZTJBgA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/highlight": "^7.23.4",
+        "chalk": "^2.4.2"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/compat-data": {
+      "version": "7.23.5",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.23.5.tgz",
+      "integrity": "sha512-uU27kfDRlhfKl+w1U6vp16IuvSLtjAxdArVXPa9BvLkrr7CYIsxH5adpHObeAGY/41+syctUWOZ140a2Rvkgjw==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/core": {
+      "version": "7.23.7",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.23.7.tgz",
+      "integrity": "sha512-+UpDgowcmqe36d4NwqvKsyPMlOLNGMsfMmQ5WGCu+siCe3t3dfe9njrzGfdN4qq+bcNUt0+Vw6haRxBOycs4dw==",
+      "dev": true,
+      "dependencies": {
+        "@ampproject/remapping": "^2.2.0",
+        "@babel/code-frame": "^7.23.5",
+        "@babel/generator": "^7.23.6",
+        "@babel/helper-compilation-targets": "^7.23.6",
+        "@babel/helper-module-transforms": "^7.23.3",
+        "@babel/helpers": "^7.23.7",
+        "@babel/parser": "^7.23.6",
+        "@babel/template": "^7.22.15",
+        "@babel/traverse": "^7.23.7",
+        "@babel/types": "^7.23.6",
+        "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/@babel/eslint-parser": {
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/eslint-parser/-/eslint-parser-7.23.3.tgz",
+      "integrity": "sha512-9bTuNlyx7oSstodm1cR1bECj4fkiknsDa1YniISkJemMY3DGhJNYBECbe6QD/q54mp2J8VO66jW3/7uP//iFCw==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@nicolo-ribaudo/eslint-scope-5-internals": "5.1.1-v1",
+        "eslint-visitor-keys": "^2.1.0",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || >=14.0.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.11.0",
+        "eslint": "^7.5.0 || ^8.0.0"
+      }
+    },
+    "node_modules/@babel/eslint-plugin": {
+      "version": "7.23.5",
+      "resolved": "https://registry.npmjs.org/@babel/eslint-plugin/-/eslint-plugin-7.23.5.tgz",
+      "integrity": "sha512-03+E/58Hoo/ui69gR+beFdGpplpoVK0BSIdke2iw4/Bz7eGN0ssRenNlnU4nmbkowNQOPCStKSwFr8H6DiY49g==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "eslint-rule-composer": "^0.3.0"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || >=14.0.0"
+      },
+      "peerDependencies": {
+        "@babel/eslint-parser": "^7.11.0",
+        "eslint": "^7.5.0 || ^8.0.0"
+      }
+    },
+    "node_modules/@babel/generator": {
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.23.6.tgz",
+      "integrity": "sha512-qrSfCYxYQB5owCmGLbl8XRpX1ytXlpueOb0N0UmQwA073KZxejgQTzAmJezxvpwQD9uGtK2shHdi55QT+MbjIw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/types": "^7.23.6",
+        "@jridgewell/gen-mapping": "^0.3.2",
+        "@jridgewell/trace-mapping": "^0.3.17",
+        "jsesc": "^2.5.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-compilation-targets": {
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.23.6.tgz",
+      "integrity": "sha512-9JB548GZoQVmzrFgp8o7KxdgkTGm6xs9DW0o/Pim72UDjzr5ObUQ6ZzYPqA+g9OTS2bBQoctLJrky0RDCAWRgQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/compat-data": "^7.23.5",
+        "@babel/helper-validator-option": "^7.23.5",
+        "browserslist": "^4.22.2",
+        "lru-cache": "^5.1.1",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-environment-visitor": {
+      "version": "7.22.20",
+      "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.20.tgz",
+      "integrity": "sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-function-name": {
+      "version": "7.23.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.23.0.tgz",
+      "integrity": "sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/template": "^7.22.15",
+        "@babel/types": "^7.23.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",
+      "integrity": "sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/types": "^7.22.5"
+      },
+      "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",
+      "integrity": "sha512-0pYVBnDKZO2fnSPCrgM/6WMc7eS20Fbok+0r88fp+YtWVLZrp4CkafFGIp+W0VKw4a22sgebPT99y+FDNMdP4w==",
+      "dev": true,
+      "dependencies": {
+        "@babel/types": "^7.22.15"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-transforms": {
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.23.3.tgz",
+      "integrity": "sha512-7bBs4ED9OmswdfDzpz4MpWgSrV7FXlc3zIagvLFjS5H+Mk7Snr21vQ6QwrsoCGMfNC4e4LQPdoULEt4ykz0SRQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-environment-visitor": "^7.22.20",
+        "@babel/helper-module-imports": "^7.22.15",
+        "@babel/helper-simple-access": "^7.22.5",
+        "@babel/helper-split-export-declaration": "^7.22.6",
+        "@babel/helper-validator-identifier": "^7.22.20"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-simple-access": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.22.5.tgz",
+      "integrity": "sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==",
+      "dev": true,
+      "dependencies": {
+        "@babel/types": "^7.22.5"
+      },
+      "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",
+      "integrity": "sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==",
+      "dev": true,
+      "dependencies": {
+        "@babel/types": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-string-parser": {
+      "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==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.22.20",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz",
+      "integrity": "sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-option": {
+      "version": "7.23.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.23.5.tgz",
+      "integrity": "sha512-85ttAOMLsr53VgXkTbkx8oA6YTfT4q7/HzXSLEYmjcSTJPMPQtvq1BD79Byep5xMUYbGRzEpDsjUf3dyp54IKw==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helpers": {
+      "version": "7.23.8",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.23.8.tgz",
+      "integrity": "sha512-KDqYz4PiOWvDFrdHLPhKtCThtIcKVy6avWD2oG4GEvyQ+XDZwHD4YQd+H2vNMnq2rkdxsDkU82T+Vk8U/WXHRQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/template": "^7.22.15",
+        "@babel/traverse": "^7.23.7",
+        "@babel/types": "^7.23.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/highlight": {
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.23.4.tgz",
+      "integrity": "sha512-acGdbYSfp2WheJoJm/EBBBLh/ID8KDc64ISZ9DYtBmC8/Q204PZJLHyzeB5qMzJ5trcOkybd78M4x2KWsUq++A==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-validator-identifier": "^7.22.20",
+        "chalk": "^2.4.2",
+        "js-tokens": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.23.6.tgz",
+      "integrity": "sha512-Z2uID7YJ7oNvAI20O9X0bblw7Qqs8Q2hFy0R9tAfnfLkp5MW0UH9eUvnDSnFwKZ0AvgS1ucqR4KzvVHgnke1VQ==",
+      "dev": true,
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/runtime": {
+      "version": "7.23.8",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.8.tgz",
+      "integrity": "sha512-Y7KbAP984rn1VGMbGqKmBLio9V7y5Je9GvU4rQPCPinCyNfUcToxIXl06d59URp/F3LwinvODxab5N/G6qggkw==",
+      "dependencies": {
+        "regenerator-runtime": "^0.14.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/template": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.22.15.tgz",
+      "integrity": "sha512-QPErUVm4uyJa60rkI73qneDacvdvzxshT3kksGqlGWYdOTIUOwJ7RDUL8sGqslY1uXWSL6xMFKEXDS3ox2uF0w==",
+      "dev": true,
+      "dependencies": {
+        "@babel/code-frame": "^7.22.13",
+        "@babel/parser": "^7.22.15",
+        "@babel/types": "^7.22.15"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/traverse": {
+      "version": "7.23.7",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.23.7.tgz",
+      "integrity": "sha512-tY3mM8rH9jM0YHFGyfC0/xf+SB5eKUu7HPj7/k3fpi9dAlsMc5YbQvDi0Sh2QTPXqMhyaAtzAr807TIyfQrmyg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/code-frame": "^7.23.5",
+        "@babel/generator": "^7.23.6",
+        "@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.6",
+        "@babel/types": "^7.23.6",
+        "debug": "^4.3.1",
+        "globals": "^11.1.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/types": {
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.6.tgz",
+      "integrity": "sha512-+uarb83brBzPKN38NX1MkB6vb6+mwvR6amUulqAE7ccQw1pEl+bCia9TbdG1lsnFP7lZySvUn37CHyXQdfTwzg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.23.4",
+        "@babel/helper-validator-identifier": "^7.22.20",
+        "to-fast-properties": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@csstools/selector-specificity": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/@csstools/selector-specificity/-/selector-specificity-2.2.0.tgz",
+      "integrity": "sha512-+OJ9konv95ClSTOJCmMZqpd5+YGsB2S+x6w3E1oaM8UuR5j8nTNHYSz8c9BEPGDOCMQYIEEGlVPj/VY64iTbGw==",
+      "dev": true,
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/csstools"
+      },
+      "peerDependencies": {
+        "postcss-selector-parser": "^6.0.10"
+      }
+    },
+    "node_modules/@emotion/is-prop-valid": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.2.1.tgz",
+      "integrity": "sha512-61Mf7Ufx4aDxx1xlDeOm8aFFigGHE4z+0sKCa+IHCeZKiyP9RLD0Mmx7m8b9/Cf37f7NAvQOOJAbQQGVr5uERw==",
+      "dependencies": {
+        "@emotion/memoize": "^0.8.1"
+      }
+    },
+    "node_modules/@emotion/memoize": {
+      "version": "0.8.1",
+      "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz",
+      "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA=="
+    },
+    "node_modules/@emotion/unitless": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.8.0.tgz",
+      "integrity": "sha512-VINS5vEYAscRl2ZUDiT3uMPlrFQupiKgHz5AA4bCH1miKBg4qtwkim1qPmJj/4WG6TreYMY111rEFsjupcOKHw=="
+    },
+    "node_modules/@eslint-community/eslint-utils": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz",
+      "integrity": "sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==",
+      "dev": true,
+      "dependencies": {
+        "eslint-visitor-keys": "^3.3.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "peerDependencies": {
+        "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
+      }
+    },
+    "node_modules/@eslint-community/eslint-utils/node_modules/eslint-visitor-keys": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+      "dev": true,
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@eslint-community/regexpp": {
+      "version": "4.10.0",
+      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.10.0.tgz",
+      "integrity": "sha512-Cu96Sd2By9mCNTx2iyKOmq10v22jUVQv0lQnlGNy16oE9589yE+QADPbrMGCkA51cKZSg3Pu/aTJVTGfL/qjUA==",
+      "dev": true,
+      "engines": {
+        "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
+      }
+    },
+    "node_modules/@eslint/eslintrc": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.4.tgz",
+      "integrity": "sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==",
+      "dev": true,
+      "dependencies": {
+        "ajv": "^6.12.4",
+        "debug": "^4.3.2",
+        "espree": "^9.6.0",
+        "globals": "^13.19.0",
+        "ignore": "^5.2.0",
+        "import-fresh": "^3.2.1",
+        "js-yaml": "^4.1.0",
+        "minimatch": "^3.1.2",
+        "strip-json-comments": "^3.1.1"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@eslint/eslintrc/node_modules/brace-expansion": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "dev": true,
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/@eslint/eslintrc/node_modules/globals": {
+      "version": "13.24.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
+      "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
+      "dev": true,
+      "dependencies": {
+        "type-fest": "^0.20.2"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@eslint/eslintrc/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/@eslint/eslintrc/node_modules/type-fest": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
+      "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@eslint/js": {
+      "version": "8.56.0",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.56.0.tgz",
+      "integrity": "sha512-gMsVel9D7f2HLkBma9VbtzZRehRogVRfbr++f06nL2vnCGCNlzOD+/MUov/F4p8myyAHspEhVobgjpX64q5m6A==",
+      "dev": true,
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      }
+    },
+    "node_modules/@humanwhocodes/config-array": {
+      "version": "0.11.13",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.13.tgz",
+      "integrity": "sha512-JSBDMiDKSzQVngfRjOdFXgFfklaXI4K9nLF49Auh21lmBWRLIK3+xTErTWD4KU54pb6coM6ESE7Awz/FNU3zgQ==",
+      "dev": true,
+      "dependencies": {
+        "@humanwhocodes/object-schema": "^2.0.1",
+        "debug": "^4.1.1",
+        "minimatch": "^3.0.5"
+      },
+      "engines": {
+        "node": ">=10.10.0"
+      }
+    },
+    "node_modules/@humanwhocodes/config-array/node_modules/brace-expansion": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "dev": true,
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/@humanwhocodes/config-array/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/@humanwhocodes/module-importer": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
+      "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
+      "dev": true,
+      "engines": {
+        "node": ">=12.22"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/nzakas"
+      }
+    },
+    "node_modules/@humanwhocodes/object-schema": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.1.tgz",
+      "integrity": "sha512-dvuCeX5fC9dXgJn9t+X5atfmgQAzUOWqS1254Gh0m6i8wKd10ebXkfNKiRK+1GWi/yTvvLDHpoxLr0xxxeslWw==",
+      "dev": true
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.3",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz",
+      "integrity": "sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==",
+      "dev": true,
+      "dependencies": {
+        "@jridgewell/set-array": "^1.0.1",
+        "@jridgewell/sourcemap-codec": "^1.4.10",
+        "@jridgewell/trace-mapping": "^0.3.9"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.1.tgz",
+      "integrity": "sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/set-array": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz",
+      "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/source-map": {
+      "version": "0.3.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.5.tgz",
+      "integrity": "sha512-UTYAUj/wviwdsMfzoSJspJxbkH5o1snzwX0//0ENX1u/55kkZZkcTZP6u9bwKGkv+dkk9at4m1Cpt0uY80kcpQ==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.0",
+        "@jridgewell/trace-mapping": "^0.3.9"
+      }
+    },
+    "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/@jridgewell/trace-mapping": {
+      "version": "0.3.20",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.20.tgz",
+      "integrity": "sha512-R8LcPeWZol2zR8mmH3JeKQ6QRCFb7XgUhV9ZlGhHLGyg4wpPiPZNQOOWhFZhxKw8u//yTbNGI42Bx/3paXEQ+Q==",
+      "dev": true,
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@matrix-org/matrix-sdk-crypto-wasm": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/@matrix-org/matrix-sdk-crypto-wasm/-/matrix-sdk-crypto-wasm-3.6.0.tgz",
+      "integrity": "sha512-fvuYczcp/r/MOkOAUbK+tMaTerEe7/QHGQcRJz3W3JuEma0YN59d35zTBlts7EkN6Ichw1vLSyM+GkcbuosuyA==",
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/env": {
+      "version": "14.0.4",
+      "resolved": "https://registry.npmjs.org/@next/env/-/env-14.0.4.tgz",
+      "integrity": "sha512-irQnbMLbUNQpP1wcE5NstJtbuA/69kRfzBrpAD7Gsn8zm/CY6YQYc3HQBz8QPxwISG26tIm5afvvVbu508oBeQ=="
+    },
+    "node_modules/@next/eslint-plugin-next": {
+      "version": "14.0.4",
+      "resolved": "https://registry.npmjs.org/@next/eslint-plugin-next/-/eslint-plugin-next-14.0.4.tgz",
+      "integrity": "sha512-U3qMNHmEZoVmHA0j/57nRfi3AscXNvkOnxDmle/69Jz/G0o/gWjXTDdlgILZdrxQ0Lw/jv2mPW8PGy0EGIHXhQ==",
+      "dev": true,
+      "dependencies": {
+        "glob": "7.1.7"
+      }
+    },
+    "node_modules/@next/swc-darwin-arm64": {
+      "version": "14.0.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-14.0.4.tgz",
+      "integrity": "sha512-mF05E/5uPthWzyYDyptcwHptucf/jj09i2SXBPwNzbgBNc+XnwzrL0U6BmPjQeOL+FiB+iG1gwBeq7mlDjSRPg==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-darwin-x64": {
+      "version": "14.0.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-14.0.4.tgz",
+      "integrity": "sha512-IZQ3C7Bx0k2rYtrZZxKKiusMTM9WWcK5ajyhOZkYYTCc8xytmwSzR1skU7qLgVT/EY9xtXDG0WhY6fyujnI3rw==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-gnu": {
+      "version": "14.0.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-14.0.4.tgz",
+      "integrity": "sha512-VwwZKrBQo/MGb1VOrxJ6LrKvbpo7UbROuyMRvQKTFKhNaXjUmKTu7wxVkIuCARAfiI8JpaWAnKR+D6tzpCcM4w==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-musl": {
+      "version": "14.0.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-14.0.4.tgz",
+      "integrity": "sha512-8QftwPEW37XxXoAwsn+nXlodKWHfpMaSvt81W43Wh8dv0gkheD+30ezWMcFGHLI71KiWmHK5PSQbTQGUiidvLQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-x64-gnu": {
+      "version": "14.0.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-14.0.4.tgz",
+      "integrity": "sha512-/s/Pme3VKfZAfISlYVq2hzFS8AcAIOTnoKupc/j4WlvF6GQ0VouS2Q2KEgPuO1eMBwakWPB1aYFIA4VNVh667A==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-x64-musl": {
+      "version": "14.0.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-14.0.4.tgz",
+      "integrity": "sha512-m8z/6Fyal4L9Bnlxde5g2Mfa1Z7dasMQyhEhskDATpqr+Y0mjOBZcXQ7G5U+vgL22cI4T7MfvgtrM2jdopqWaw==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-arm64-msvc": {
+      "version": "14.0.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-14.0.4.tgz",
+      "integrity": "sha512-7Wv4PRiWIAWbm5XrGz3D8HUkCVDMMz9igffZG4NB1p4u1KoItwx9qjATHz88kwCEal/HXmbShucaslXCQXUM5w==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-ia32-msvc": {
+      "version": "14.0.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-14.0.4.tgz",
+      "integrity": "sha512-zLeNEAPULsl0phfGb4kdzF/cAVIfaC7hY+kt0/d+y9mzcZHsMS3hAS829WbJ31DkSlVKQeHEjZHIdhN+Pg7Gyg==",
+      "cpu": [
+        "ia32"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-x64-msvc": {
+      "version": "14.0.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-14.0.4.tgz",
+      "integrity": "sha512-yEh2+R8qDlDCjxVpzOTEpBLQTEFAcP2A8fUFLaWNap9GitYKkKv1//y2S6XY6zsR4rCOPRpU7plYDR+az2n30A==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@nicolo-ribaudo/eslint-scope-5-internals": {
+      "version": "5.1.1-v1",
+      "resolved": "https://registry.npmjs.org/@nicolo-ribaudo/eslint-scope-5-internals/-/eslint-scope-5-internals-5.1.1-v1.tgz",
+      "integrity": "sha512-54/JRvkLIzzDWshCWfuhadfrfZVPiElY8Fcgmg1HroEly/EDSszzhBAsarCux+D/kOslTRquNzuyGSmUSTTHGg==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "eslint-scope": "5.1.1"
+      }
+    },
+    "node_modules/@nodelib/fs.scandir": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+      "dev": true,
+      "dependencies": {
+        "@nodelib/fs.stat": "2.0.5",
+        "run-parallel": "^1.1.9"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.stat": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+      "dev": true,
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.walk": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+      "dev": true,
+      "dependencies": {
+        "@nodelib/fs.scandir": "2.1.5",
+        "fastq": "^1.6.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@remixicons/react": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@remixicons/react/-/react-1.0.0.tgz",
+      "integrity": "sha512-2QvlgR5myO7wzQduGWD4MYMtxwoHsu/Fq86N3A6DLogXJOctaxb+bLTEH7yysRIPmwO+o6lkadVph/ixasadqQ==",
+      "dev": true,
+      "peerDependencies": {
+        "react": ">= 16"
+      }
+    },
+    "node_modules/@rushstack/eslint-patch": {
+      "version": "1.6.1",
+      "resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.6.1.tgz",
+      "integrity": "sha512-UY+FGM/2jjMkzQLn8pxcHGMaVLh9aEitG3zY2CiY7XHdLiz3bZOwa6oDxNqEMv7zZkV+cj5DOdz0cQ1BP5Hjgw==",
+      "dev": true
+    },
+    "node_modules/@stylelint/postcss-css-in-js": {
+      "version": "0.38.0",
+      "resolved": "https://registry.npmjs.org/@stylelint/postcss-css-in-js/-/postcss-css-in-js-0.38.0.tgz",
+      "integrity": "sha512-XOz5CAe49kS95p5yRd+DAIWDojTjfmyAQ4bbDlXMdbZTQ5t0ThjSLvWI6JI2uiS7MFurVBkZ6zUqcimzcLTBoQ==",
+      "deprecated": "Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.",
+      "dev": true,
+      "dependencies": {
+        "@babel/core": "^7.17.9"
+      },
+      "peerDependencies": {
+        "postcss": ">=7.0.0",
+        "postcss-syntax": ">=0.36.2"
+      }
+    },
+    "node_modules/@swc/helpers": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.2.tgz",
+      "integrity": "sha512-E4KcWTpoLHqwPHLxidpOqQbcrZVgi0rsmmZXUle1jXmJfuIf/UWpczUJ7MZZ5tlxytgJXyp0w4PGkkeLiuIdZw==",
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@types/eslint": {
+      "version": "8.56.1",
+      "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-8.56.1.tgz",
+      "integrity": "sha512-18PLWRzhy9glDQp3+wOgfLYRWlhgX0azxgJ63rdpoUHyrC9z0f5CkFburjQx4uD7ZCruw85ZtMt6K+L+R8fLJQ==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@types/estree": "*",
+        "@types/json-schema": "*"
+      }
+    },
+    "node_modules/@types/eslint-scope": {
+      "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,
+      "peer": true,
+      "dependencies": {
+        "@types/eslint": "*",
+        "@types/estree": "*"
+      }
+    },
+    "node_modules/@types/estree": {
+      "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,
+      "peer": true
+    },
+    "node_modules/@types/events": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@types/events/-/events-3.0.3.tgz",
+      "integrity": "sha512-trOc4AAUThEz9hapPtSd7wf5tiQKvTtu5b371UxXdTuqzIh0ArcRspRP0i0Viu+LXstIQ1z96t1nsPxT9ol01g=="
+    },
+    "node_modules/@types/json-schema": {
+      "version": "7.0.15",
+      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
+      "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==",
+      "dev": true
+    },
+    "node_modules/@types/json5": {
+      "version": "0.0.29",
+      "resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz",
+      "integrity": "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==",
+      "dev": true
+    },
+    "node_modules/@types/minimist": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/@types/minimist/-/minimist-1.2.5.tgz",
+      "integrity": "sha512-hov8bUuiLiyFPGyFPE1lwWhmzYbirOXQNNo40+y3zow8aFVTeyn3VWL0VFFfdNddA8S4Vf0Tc062rzyNr7Paag==",
+      "dev": true
+    },
+    "node_modules/@types/node": {
+      "version": "20.10.8",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.10.8.tgz",
+      "integrity": "sha512-f8nQs3cLxbAFc00vEU59yf9UyGUftkPaLGfvbVOIDdx2i1b8epBqj2aNGyP19fiyXWvlmZ7qC1XLjAzw/OKIeA==",
+      "dev": true,
+      "dependencies": {
+        "undici-types": "~5.26.4"
+      }
+    },
+    "node_modules/@types/normalize-package-data": {
+      "version": "2.4.4",
+      "resolved": "https://registry.npmjs.org/@types/normalize-package-data/-/normalize-package-data-2.4.4.tgz",
+      "integrity": "sha512-37i+OaWTh9qeK4LSHPsyRC7NahnGotNuZvjLSgcPzblpHB3rrCJxAOgI5gCdKm7coonsaX1Of0ILiTcnZjbfxA==",
+      "dev": true
+    },
+    "node_modules/@types/parse-json": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.2.tgz",
+      "integrity": "sha512-dISoDXWWQwUquiKsyZ4Ng+HX2KsPL7LyHKHQwgGFEA3IaKac4Obd+h2a/a6waisAoepJlBcx9paWqjA8/HVjCw==",
+      "dev": true
+    },
+    "node_modules/@types/retry": {
+      "version": "0.12.0",
+      "resolved": "https://registry.npmjs.org/@types/retry/-/retry-0.12.0.tgz",
+      "integrity": "sha512-wWKOClTTiizcZhXnPY4wikVAwmdYHp8q6DmC+EJUzAMsycb7HB32Kh9RN4+0gExjmPmZSAQjgURXIGATPegAvA=="
+    },
+    "node_modules/@types/semver": {
+      "version": "7.5.6",
+      "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.5.6.tgz",
+      "integrity": "sha512-dn1l8LaMea/IjDoHNd9J52uBbInB796CDffS6VdIxvqYCPSG0V0DzHp76GpaWnlhg88uYyPbXCDIowa86ybd5A==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/@types/stylis": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/@types/stylis/-/stylis-4.2.0.tgz",
+      "integrity": "sha512-n4sx2bqL0mW1tvDf/loQ+aMX7GQD3lc3fkCMC55VFNDu/vBOabO+LTIeXKM14xK0ppk5TUGcWRjiSpIlUpghKw=="
+    },
+    "node_modules/@typescript-eslint/eslint-plugin": {
+      "version": "6.18.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-6.18.1.tgz",
+      "integrity": "sha512-nISDRYnnIpk7VCFrGcu1rnZfM1Dh9LRHnfgdkjcbi/l7g16VYRri3TjXi9Ir4lOZSw5N/gnV/3H7jIPQ8Q4daA==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@eslint-community/regexpp": "^4.5.1",
+        "@typescript-eslint/scope-manager": "6.18.1",
+        "@typescript-eslint/type-utils": "6.18.1",
+        "@typescript-eslint/utils": "6.18.1",
+        "@typescript-eslint/visitor-keys": "6.18.1",
+        "debug": "^4.3.4",
+        "graphemer": "^1.4.0",
+        "ignore": "^5.2.4",
+        "natural-compare": "^1.4.0",
+        "semver": "^7.5.4",
+        "ts-api-utils": "^1.0.1"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "@typescript-eslint/parser": "^6.0.0 || ^6.0.0-alpha",
+        "eslint": "^7.0.0 || ^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/eslint-plugin/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@typescript-eslint/eslint-plugin/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,
+      "peer": true,
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@typescript-eslint/eslint-plugin/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/@typescript-eslint/parser": {
+      "version": "6.18.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-6.18.1.tgz",
+      "integrity": "sha512-zct/MdJnVaRRNy9e84XnVtRv9Vf91/qqe+hZJtKanjojud4wAVy/7lXxJmMyX6X6J+xc6c//YEWvpeif8cAhWA==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/scope-manager": "6.18.1",
+        "@typescript-eslint/types": "6.18.1",
+        "@typescript-eslint/typescript-estree": "6.18.1",
+        "@typescript-eslint/visitor-keys": "6.18.1",
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^7.0.0 || ^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/scope-manager": {
+      "version": "6.18.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-6.18.1.tgz",
+      "integrity": "sha512-BgdBwXPFmZzaZUuw6wKiHKIovms97a7eTImjkXCZE04TGHysG+0hDQPmygyvgtkoB/aOQwSM/nWv3LzrOIQOBw==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/types": "6.18.1",
+        "@typescript-eslint/visitor-keys": "6.18.1"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/type-utils": {
+      "version": "6.18.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-6.18.1.tgz",
+      "integrity": "sha512-wyOSKhuzHeU/5pcRDP2G2Ndci+4g653V43gXTpt4nbyoIOAASkGDA9JIAgbQCdCkcr1MvpSYWzxTz0olCn8+/Q==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@typescript-eslint/typescript-estree": "6.18.1",
+        "@typescript-eslint/utils": "6.18.1",
+        "debug": "^4.3.4",
+        "ts-api-utils": "^1.0.1"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^7.0.0 || ^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/types": {
+      "version": "6.18.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-6.18.1.tgz",
+      "integrity": "sha512-4TuMAe+tc5oA7wwfqMtB0Y5OrREPF1GeJBAjqwgZh1lEMH5PJQgWgHGfYufVB51LtjD+peZylmeyxUXPfENLCw==",
+      "dev": true,
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree": {
+      "version": "6.18.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-6.18.1.tgz",
+      "integrity": "sha512-fv9B94UAhywPRhUeeV/v+3SBDvcPiLxRZJw/xZeeGgRLQZ6rLMG+8krrJUyIf6s1ecWTzlsbp0rlw7n9sjufHA==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/types": "6.18.1",
+        "@typescript-eslint/visitor-keys": "6.18.1",
+        "debug": "^4.3.4",
+        "globby": "^11.1.0",
+        "is-glob": "^4.0.3",
+        "minimatch": "9.0.3",
+        "semver": "^7.5.4",
+        "ts-api-utils": "^1.0.1"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dev": true,
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/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/@typescript-eslint/typescript-estree/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "dev": true
+    },
+    "node_modules/@typescript-eslint/utils": {
+      "version": "6.18.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-6.18.1.tgz",
+      "integrity": "sha512-zZmTuVZvD1wpoceHvoQpOiewmWu3uP9FuTWo8vqpy2ffsmfCE8mklRPi+vmnIYAIk9t/4kOThri2QCDgor+OpQ==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.4.0",
+        "@types/json-schema": "^7.0.12",
+        "@types/semver": "^7.5.0",
+        "@typescript-eslint/scope-manager": "6.18.1",
+        "@typescript-eslint/types": "6.18.1",
+        "@typescript-eslint/typescript-estree": "6.18.1",
+        "semver": "^7.5.4"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^7.0.0 || ^8.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/utils/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@typescript-eslint/utils/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,
+      "peer": true,
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@typescript-eslint/utils/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/@typescript-eslint/visitor-keys": {
+      "version": "6.18.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-6.18.1.tgz",
+      "integrity": "sha512-/kvt0C5lRqGoCfsbmm7/CwMqoSkY3zzHLIjdhHZQW3VFrnz7ATecOHR7nb7V+xn4286MBxfnQfQhAmCI0u+bJA==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/types": "6.18.1",
+        "eslint-visitor-keys": "^3.4.1"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/visitor-keys/node_modules/eslint-visitor-keys": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+      "dev": true,
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@ungap/structured-clone": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.2.0.tgz",
+      "integrity": "sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==",
+      "dev": true
+    },
+    "node_modules/@webassemblyjs/ast": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.11.6.tgz",
+      "integrity": "sha512-IN1xI7PwOvLPgjcf180gC1bqn3q/QaOCwYUahIOhbYUu8KA/3tw2RT/T0Gidi1l7Hhj5D/INhJxiICObqpMu4Q==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/helper-numbers": "1.11.6",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.6"
+      }
+    },
+    "node_modules/@webassemblyjs/floating-point-hex-parser": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.11.6.tgz",
+      "integrity": "sha512-ejAj9hfRJ2XMsNHk/v6Fu2dGS+i4UaXBXGemOfQ/JfQ6mdQg/WXtwleQRLLS4OvfDhv8rYnVwH27YJLMyYsxhw==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/@webassemblyjs/helper-api-error": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.11.6.tgz",
+      "integrity": "sha512-o0YkoP4pVu4rN8aTJgAyj9hC2Sv5UlkzCHhxqWj8butaLvnpdc2jOwh4ewE6CX0txSfLn/UYaV/pheS2Txg//Q==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/@webassemblyjs/helper-buffer": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.11.6.tgz",
+      "integrity": "sha512-z3nFzdcp1mb8nEOFFk8DrYLpHvhKC3grJD2ardfKOzmbmJvEf/tPIqCY+sNcwZIY8ZD7IkB2l7/pqhUhqm7hLA==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/@webassemblyjs/helper-numbers": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-numbers/-/helper-numbers-1.11.6.tgz",
+      "integrity": "sha512-vUIhZ8LZoIWHBohiEObxVm6hwP034jwmc9kuq5GdHZH0wiLVLIPcMCdpJzG4C11cHoQ25TFIQj9kaVADVX7N3g==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/floating-point-hex-parser": "1.11.6",
+        "@webassemblyjs/helper-api-error": "1.11.6",
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "node_modules/@webassemblyjs/helper-wasm-bytecode": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.11.6.tgz",
+      "integrity": "sha512-sFFHKwcmBprO9e7Icf0+gddyWYDViL8bpPjJJl0WHxCdETktXdmtWLGVzoHbqUcY4Be1LkNfwTmXOJUFZYSJdA==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/@webassemblyjs/helper-wasm-section": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.11.6.tgz",
+      "integrity": "sha512-LPpZbSOwTpEC2cgn4hTydySy1Ke+XEu+ETXuoyvuyezHO3Kjdu90KK95Sh9xTbmjrCsUwvWwCOQQNta37VrS9g==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.11.6",
+        "@webassemblyjs/helper-buffer": "1.11.6",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.6",
+        "@webassemblyjs/wasm-gen": "1.11.6"
+      }
+    },
+    "node_modules/@webassemblyjs/ieee754": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.11.6.tgz",
+      "integrity": "sha512-LM4p2csPNvbij6U1f19v6WR56QZ8JcHg3QIJTlSwzFcmx6WSORicYj6I63f9yU1kEUtrpG+kjkiIAkevHpDXrg==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@xtuc/ieee754": "^1.2.0"
+      }
+    },
+    "node_modules/@webassemblyjs/leb128": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.11.6.tgz",
+      "integrity": "sha512-m7a0FhE67DQXgouf1tbN5XQcdWoNgaAuoULHIfGFIEVKA6tu/edls6XnIlkmS6FrXAquJRPni3ZZKjw6FSPjPQ==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "node_modules/@webassemblyjs/utf8": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.11.6.tgz",
+      "integrity": "sha512-vtXf2wTQ3+up9Zsg8sa2yWiQpzSsMyXj0qViVP6xKGCUT8p8YJ6HqI7l5eCnWx1T/FYdsv07HQs2wTFbbof/RA==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/@webassemblyjs/wasm-edit": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.11.6.tgz",
+      "integrity": "sha512-Ybn2I6fnfIGuCR+Faaz7YcvtBKxvoLV3Lebn1tM4o/IAJzmi9AWYIPWpyBfU8cC+JxAO57bk4+zdsTjJR+VTOw==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.11.6",
+        "@webassemblyjs/helper-buffer": "1.11.6",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.6",
+        "@webassemblyjs/helper-wasm-section": "1.11.6",
+        "@webassemblyjs/wasm-gen": "1.11.6",
+        "@webassemblyjs/wasm-opt": "1.11.6",
+        "@webassemblyjs/wasm-parser": "1.11.6",
+        "@webassemblyjs/wast-printer": "1.11.6"
+      }
+    },
+    "node_modules/@webassemblyjs/wasm-gen": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.11.6.tgz",
+      "integrity": "sha512-3XOqkZP/y6B4F0PBAXvI1/bky7GryoogUtfwExeP/v7Nzwo1QLcq5oQmpKlftZLbT+ERUOAZVQjuNVak6UXjPA==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.11.6",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.6",
+        "@webassemblyjs/ieee754": "1.11.6",
+        "@webassemblyjs/leb128": "1.11.6",
+        "@webassemblyjs/utf8": "1.11.6"
+      }
+    },
+    "node_modules/@webassemblyjs/wasm-opt": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.11.6.tgz",
+      "integrity": "sha512-cOrKuLRE7PCe6AsOVl7WasYf3wbSo4CeOk6PkrjS7g57MFfVUF9u6ysQBBODX0LdgSvQqRiGz3CXvIDKcPNy4g==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.11.6",
+        "@webassemblyjs/helper-buffer": "1.11.6",
+        "@webassemblyjs/wasm-gen": "1.11.6",
+        "@webassemblyjs/wasm-parser": "1.11.6"
+      }
+    },
+    "node_modules/@webassemblyjs/wasm-parser": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.11.6.tgz",
+      "integrity": "sha512-6ZwPeGzMJM3Dqp3hCsLgESxBGtT/OeCvCZ4TA1JUPYgmhAx38tTPR9JaKy0S5H3evQpO/h2uWs2j6Yc/fjkpTQ==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.11.6",
+        "@webassemblyjs/helper-api-error": "1.11.6",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.6",
+        "@webassemblyjs/ieee754": "1.11.6",
+        "@webassemblyjs/leb128": "1.11.6",
+        "@webassemblyjs/utf8": "1.11.6"
+      }
+    },
+    "node_modules/@webassemblyjs/wast-printer": {
+      "version": "1.11.6",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.11.6.tgz",
+      "integrity": "sha512-JM7AhRcE+yW2GWYaKeHL5vt4xqee5N2WcezptmgyhNS+ScggqcT1OtXykhAb13Sn5Yas0j2uv9tHgrjwvzAP4A==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.11.6",
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "node_modules/@xtuc/ieee754": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz",
+      "integrity": "sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/@xtuc/long": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@xtuc/long/-/long-4.2.2.tgz",
+      "integrity": "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/abort-controller": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/abort-controller/-/abort-controller-3.0.0.tgz",
+      "integrity": "sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg==",
+      "dependencies": {
+        "event-target-shim": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=6.5"
+      }
+    },
+    "node_modules/acorn": {
+      "version": "8.11.3",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.3.tgz",
+      "integrity": "sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==",
+      "dev": true,
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/acorn-import-assertions": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/acorn-import-assertions/-/acorn-import-assertions-1.9.0.tgz",
+      "integrity": "sha512-cmMwop9x+8KFhxvKrKfPYmN6/pKTYYHBqLa0DfvVZcKMJWNyWLnaqND7dx/qn66R7ewM1UX5XMaDVP5wlVTaVA==",
+      "dev": true,
+      "peer": true,
+      "peerDependencies": {
+        "acorn": "^8"
+      }
+    },
+    "node_modules/acorn-jsx": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
+      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
+      "dev": true,
+      "peerDependencies": {
+        "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
+      }
+    },
+    "node_modules/ajv": {
+      "version": "6.12.6",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+      "dev": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "fast-json-stable-stringify": "^2.0.0",
+        "json-schema-traverse": "^0.4.1",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/ajv-formats": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/ajv-formats/-/ajv-formats-2.1.1.tgz",
+      "integrity": "sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==",
+      "dev": true,
+      "dependencies": {
+        "ajv": "^8.0.0"
+      },
+      "peerDependencies": {
+        "ajv": "^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "ajv": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/ajv-formats/node_modules/ajv": {
+      "version": "8.12.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz",
+      "integrity": "sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==",
+      "dev": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/ajv-formats/node_modules/json-schema-traverse": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+      "dev": true
+    },
+    "node_modules/ajv-keywords": {
+      "version": "3.5.2",
+      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
+      "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
+      "dev": true,
+      "peer": true,
+      "peerDependencies": {
+        "ajv": "^6.9.1"
+      }
+    },
+    "node_modules/another-json": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/another-json/-/another-json-0.2.0.tgz",
+      "integrity": "sha512-/Ndrl68UQLhnCdsAzEXLMFuOR546o2qbYRqCglaNHbjXrwG1ayTcdwr3zkSGOGtGXDyR5X9nCFfnyG2AFJIsqg=="
+    },
+    "node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ansi-styles": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+      "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+      "dev": true,
+      "dependencies": {
+        "color-convert": "^1.9.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/argparse": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "dev": true
+    },
+    "node_modules/aria-query": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.0.tgz",
+      "integrity": "sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==",
+      "dev": true,
+      "dependencies": {
+        "dequal": "^2.0.3"
+      }
+    },
+    "node_modules/array-buffer-byte-length": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.0.tgz",
+      "integrity": "sha512-LPuwb2P+NrQw3XhxGc36+XSvuBPopovXYTR9Ew++Du9Yb/bx5AzBfrIsBoj0EZUifjQU+sHL21sseZ3jerWO/A==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "is-array-buffer": "^3.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array-includes": {
+      "version": "3.1.7",
+      "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.7.tgz",
+      "integrity": "sha512-dlcsNBIiWhPkHdOEEKnehA+RNUWDc4UqFtnIXU4uuYDPtA4LDkr7qip2p0VvFAEXNDr0yWZ9PJyIRiGjRLQzwQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "get-intrinsic": "^1.2.1",
+        "is-string": "^1.0.7"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array-union": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
+      "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/array.prototype.findlastindex": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.3.tgz",
+      "integrity": "sha512-LzLoiOMAxvy+Gd3BAq3B7VeIgPdo+Q8hthvKtXybMvRV0jrXfJM/t8mw7nNlpEcVlVUnCnM2KSX4XU5HmpodOA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "es-shim-unscopables": "^1.0.0",
+        "get-intrinsic": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.flat": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.2.tgz",
+      "integrity": "sha512-djYB+Zx2vLewY8RWlNCUdHjDXs2XOgm602S9E7P/UpHgfeHL00cRiIF+IN/G/aUJ7kGPb6yO/ErDI5V2s8iycA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "es-shim-unscopables": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.flatmap": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.2.tgz",
+      "integrity": "sha512-Ewyx0c9PmpcsByhSW4r+9zDU7sGjFc86qf/kKtuSCRdhfbk0SNLLkaT5qvcHnRGgc5NP/ly/y+qkXkqONX54CQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "es-shim-unscopables": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.tosorted": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/array.prototype.tosorted/-/array.prototype.tosorted-1.1.2.tgz",
+      "integrity": "sha512-HuQCHOlk1Weat5jzStICBCd83NxiIMwqDg/dHEsoefabn/hJRj5pVdWcPUSpRrwhwxZOsQassMpgN/xRYFBMIg==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "es-shim-unscopables": "^1.0.0",
+        "get-intrinsic": "^1.2.1"
+      }
+    },
+    "node_modules/arraybuffer.prototype.slice": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.2.tgz",
+      "integrity": "sha512-yMBKppFur/fbHu9/6USUe03bZ4knMYiwFBcyiaXB8Go0qNehwX6inYPzK9U0NeQvGxKthcmHcaR8P5MStSRBAw==",
+      "dev": true,
+      "dependencies": {
+        "array-buffer-byte-length": "^1.0.0",
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "get-intrinsic": "^1.2.1",
+        "is-array-buffer": "^3.0.2",
+        "is-shared-array-buffer": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/arrify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/arrify/-/arrify-1.0.1.tgz",
+      "integrity": "sha512-3CYzex9M9FGQjCGMGyi6/31c8GJbgb0qGyrx5HWxPd0aCwh4cB2YjMb2Xf9UuoogrMrlO9cTqnB5rI5GHZTcUA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ast-types-flow": {
+      "version": "0.0.8",
+      "resolved": "https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.8.tgz",
+      "integrity": "sha512-OH/2E5Fg20h2aPrbe+QL8JZQFko0YZaF+j4mnQ7BGhfavO7OpSLa8a0y9sBwomHdSbkhTS8TQNayBfnW5DwbvQ==",
+      "dev": true
+    },
+    "node_modules/astral-regex": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/astral-regex/-/astral-regex-2.0.0.tgz",
+      "integrity": "sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/asynciterator.prototype": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/asynciterator.prototype/-/asynciterator.prototype-1.0.0.tgz",
+      "integrity": "sha512-wwHYEIS0Q80f5mosx3L/dfG5t5rjEa9Ft51GTaNt862EnpyGHpgz2RkZvLPp1oF5TnAiTohkEKVEu8pQPJI7Vg==",
+      "dev": true,
+      "dependencies": {
+        "has-symbols": "^1.0.3"
+      }
+    },
+    "node_modules/atomic-sleep": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/atomic-sleep/-/atomic-sleep-1.0.0.tgz",
+      "integrity": "sha512-kNOjDqAh7px0XWNI+4QbzoiR/nTkHAWNud2uvnJquD1/x5a7EQZMJT0AczqK0Qn67oY/TTQ1LbUKajZpp3I9tQ==",
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/available-typed-arrays": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.5.tgz",
+      "integrity": "sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/axe-core": {
+      "version": "4.7.0",
+      "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.7.0.tgz",
+      "integrity": "sha512-M0JtH+hlOL5pLQwHOLNYZaXuhqmvS8oExsqB1SBYgA4Dk7u/xx+YdGHXaK5pyUfed5mYXdlYiphWq3G8cRi5JQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/axobject-query": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-3.2.1.tgz",
+      "integrity": "sha512-jsyHu61e6N4Vbz/v18DHwWYKK0bSWLqn47eeDSKPB7m8tqMHF9YJ+mhIk2lVteyZrY8tnSj/jHOv4YiTCuCJgg==",
+      "dev": true,
+      "dependencies": {
+        "dequal": "^2.0.3"
+      }
+    },
+    "node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "dev": true
+    },
+    "node_modules/base-x": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/base-x/-/base-x-4.0.0.tgz",
+      "integrity": "sha512-FuwxlW4H5kh37X/oW59pwTzzTKRzfrrQwhmyspRM7swOEZcHtDZSCt45U6oKgtuFE+WYPblePMVIPR4RZrh/hw=="
+    },
+    "node_modules/base64-js": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
+      "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
+      "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/brace-expansion": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+      "dev": true,
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/braces": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
+      "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+      "dev": true,
+      "dependencies": {
+        "fill-range": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/browserslist": {
+      "version": "4.22.2",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.22.2.tgz",
+      "integrity": "sha512-0UgcrvQmBDvZHFGdYUehrCNIazki7/lUP3kkoi/r3YB2amZbFM9J43ZRkJTXBUZK4gmx56+Sqk9+Vs9mwZx9+A==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "caniuse-lite": "^1.0.30001565",
+        "electron-to-chromium": "^1.4.601",
+        "node-releases": "^2.0.14",
+        "update-browserslist-db": "^1.0.13"
+      },
+      "bin": {
+        "browserslist": "cli.js"
+      },
+      "engines": {
+        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+      }
+    },
+    "node_modules/bs58": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/bs58/-/bs58-5.0.0.tgz",
+      "integrity": "sha512-r+ihvQJvahgYT50JD05dyJNKlmmSlMoOGwn1lCcEzanPglg7TxYjioQUYehQ9mAR/+hOSd2jRc/Z2y5UxBymvQ==",
+      "dependencies": {
+        "base-x": "^4.0.0"
+      }
+    },
+    "node_modules/buffer": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz",
+      "integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==",
+      "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": {
+        "base64-js": "^1.3.1",
+        "ieee754": "^1.2.1"
+      }
+    },
+    "node_modules/buffer-from": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
+      "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/builtin-modules": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/builtin-modules/-/builtin-modules-3.3.0.tgz",
+      "integrity": "sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/busboy": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/busboy/-/busboy-1.6.0.tgz",
+      "integrity": "sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==",
+      "dependencies": {
+        "streamsearch": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=10.16.0"
+      }
+    },
+    "node_modules/call-bind": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.5.tgz",
+      "integrity": "sha512-C3nQxfFZxFRVoJoGKKI8y3MOEo129NQ+FgQ08iye+Mk4zNZZGdjfs06bVTr+DBSlA66Q2VEcMki/cUCP4SercQ==",
+      "dev": true,
+      "dependencies": {
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.1",
+        "set-function-length": "^1.1.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/callsites": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
+      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/camelcase": {
+      "version": "5.3.1",
+      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
+      "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/camelcase-keys": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/camelcase-keys/-/camelcase-keys-6.2.2.tgz",
+      "integrity": "sha512-YrwaA0vEKazPBkn0ipTiMpSajYDSe+KjQfrjhcBMxJt/znbvlHd8Pw/Vamaz5EB4Wfhs3SUR3Z9mwRu/P3s3Yg==",
+      "dev": true,
+      "dependencies": {
+        "camelcase": "^5.3.1",
+        "map-obj": "^4.0.0",
+        "quick-lru": "^4.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/camelize": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/camelize/-/camelize-1.0.1.tgz",
+      "integrity": "sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ==",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/caniuse-lite": {
+      "version": "1.0.30001576",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001576.tgz",
+      "integrity": "sha512-ff5BdakGe2P3SQsMsiqmt1Lc8221NR1VzHj5jXN5vBny9A6fpze94HiVV/n7XRosOlsShJcvMv5mdnpjOGCEgg==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ]
+    },
+    "node_modules/chalk": {
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+      "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+      "dev": true,
+      "dependencies": {
+        "ansi-styles": "^3.2.1",
+        "escape-string-regexp": "^1.0.5",
+        "supports-color": "^5.3.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/chrome-trace-event": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/chrome-trace-event/-/chrome-trace-event-1.0.3.tgz",
+      "integrity": "sha512-p3KULyQg4S7NIHixdwbGX+nFHkoBiA4YQmyWtjb8XngSKV124nJmRysgAeujbUVb15vh+RvFUfCPqU7rXk+hZg==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=6.0"
+      }
+    },
+    "node_modules/ci-info": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-4.0.0.tgz",
+      "integrity": "sha512-TdHqgGf9odd8SXNuxtUBVx8Nv+qZOejE6qyqiy5NtbYYQOeFa6zmHkxlPzmaLxWWHsU6nJmB7AETdVPi+2NBUg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/sibiraj-s"
+        }
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/clean-regexp": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/clean-regexp/-/clean-regexp-1.0.0.tgz",
+      "integrity": "sha512-GfisEZEJvzKrmGWkvfhgzcz/BllN1USeqD2V6tg14OAOgaCD2Z/PUEuxnAZ/nPvmaHRG7a8y77p1T/IRQ4D1Hw==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "escape-string-regexp": "^1.0.5"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/client-only": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
+      "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA=="
+    },
+    "node_modules/color-convert": {
+      "version": "1.9.3",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
+      "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
+      "dev": true,
+      "dependencies": {
+        "color-name": "1.1.3"
+      }
+    },
+    "node_modules/color-name": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
+      "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==",
+      "dev": true
+    },
+    "node_modules/colord": {
+      "version": "2.9.3",
+      "resolved": "https://registry.npmjs.org/colord/-/colord-2.9.3.tgz",
+      "integrity": "sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw==",
+      "dev": true
+    },
+    "node_modules/commander": {
+      "version": "2.20.3",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
+      "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+      "dev": true
+    },
+    "node_modules/content-type": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz",
+      "integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "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/core-js-compat": {
+      "version": "3.35.0",
+      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.35.0.tgz",
+      "integrity": "sha512-5blwFAddknKeNgsjBzilkdQ0+YK8L1PfqPYq40NOYMYFSS38qj+hpTcLLWwpIwA2A5bje/x5jmVn2tzUMg9IVw==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "browserslist": "^4.22.2"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/core-js"
+      }
+    },
+    "node_modules/cosmiconfig": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.1.0.tgz",
+      "integrity": "sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==",
+      "dev": true,
+      "dependencies": {
+        "@types/parse-json": "^4.0.0",
+        "import-fresh": "^3.2.1",
+        "parse-json": "^5.0.0",
+        "path-type": "^4.0.0",
+        "yaml": "^1.10.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/cross-spawn": {
+      "version": "7.0.3",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
+      "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
+      "dev": true,
+      "dependencies": {
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/crypto-js": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/crypto-js/-/crypto-js-4.2.0.tgz",
+      "integrity": "sha512-KALDyEYgpY+Rlob/iriUtjV6d5Eq+Y191A5g4UqLAi8CyGP9N1+FdVbkc1SxKc2r4YAYqG8JzO2KGL+AizD70Q=="
+    },
+    "node_modules/css-color-keywords": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/css-color-keywords/-/css-color-keywords-1.0.0.tgz",
+      "integrity": "sha512-FyyrDHZKEjXDpNJYvVsV960FiqQyXc/LlYmsxl2BcdMb2WPx0OGRVgTg55rPSyLSNMqP52R9r8geSp7apN3Ofg==",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/css-functions-list": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/css-functions-list/-/css-functions-list-3.2.1.tgz",
+      "integrity": "sha512-Nj5YcaGgBtuUmn1D7oHqPW0c9iui7xsTsj5lIX8ZgevdfhmjFfKB3r8moHJtNJnctnYXJyYX5I1pp90HM4TPgQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=12 || >=16"
+      }
+    },
+    "node_modules/css-to-react-native": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/css-to-react-native/-/css-to-react-native-3.2.0.tgz",
+      "integrity": "sha512-e8RKaLXMOFii+02mOlqwjbD00KSEKqblnpO9e++1aXS1fPQOpS1YoqdVHBqPjHNoxeF2mimzVqawm2KCbEdtHQ==",
+      "dependencies": {
+        "camelize": "^1.0.0",
+        "css-color-keywords": "^1.0.0",
+        "postcss-value-parser": "^4.0.2"
+      }
+    },
+    "node_modules/cssesc": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
+      "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
+      "dev": true,
+      "bin": {
+        "cssesc": "bin/cssesc"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/csstype": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz",
+      "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ=="
+    },
+    "node_modules/damerau-levenshtein": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz",
+      "integrity": "sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==",
+      "dev": true
+    },
+    "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/decamelize": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz",
+      "integrity": "sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/decamelize-keys": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/decamelize-keys/-/decamelize-keys-1.1.1.tgz",
+      "integrity": "sha512-WiPxgEirIV0/eIOMcnFBA3/IJZAZqKnwAwWyvvdi4lsr1WCN22nhdf/3db3DoZcUjTV2SqfzIwNyp6y2xs3nmg==",
+      "dev": true,
+      "dependencies": {
+        "decamelize": "^1.1.0",
+        "map-obj": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/decamelize-keys/node_modules/map-obj": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-1.0.1.tgz",
+      "integrity": "sha512-7N/q3lyZ+LVCp7PzuxrJr4KMbBE2hW7BT7YNia330OFxIf4d3r5zVpicP2650l7CPN6RM9zOJRl3NGpqSiw3Eg==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/deep-is": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
+      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
+      "dev": true
+    },
+    "node_modules/define-data-property": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.1.tgz",
+      "integrity": "sha512-E7uGkTzkk1d0ByLeSc6ZsFS79Axg+m1P/VsgYsxHgiuc3tFSj+MjMIwe90FC4lOAZzNBdY7kkO2P2wKdsQ1vgQ==",
+      "dev": true,
+      "dependencies": {
+        "get-intrinsic": "^1.2.1",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/define-properties": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz",
+      "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
+      "dev": true,
+      "dependencies": {
+        "define-data-property": "^1.0.1",
+        "has-property-descriptors": "^1.0.0",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/dequal": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
+      "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/dir-glob": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
+      "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==",
+      "dev": true,
+      "dependencies": {
+        "path-type": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/doctrine": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
+      "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
+      "dev": true,
+      "dependencies": {
+        "esutils": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/electron-to-chromium": {
+      "version": "1.4.626",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.626.tgz",
+      "integrity": "sha512-f7/be56VjRRQk+Ric6PmIrEtPcIqsn3tElyAu9Sh6egha2VLJ82qwkcOdcnT06W+Pb6RUulV1ckzrGbKzVcTHg==",
+      "dev": true
+    },
+    "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/enhanced-resolve": {
+      "version": "5.15.0",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.15.0.tgz",
+      "integrity": "sha512-LXYT42KJ7lpIKECr2mAXIaMldcNCh/7E0KBKOu4KSfkHmP+mZmSs+8V5gBAqisWBy0OO4W5Oyys0GO1Y8KtdKg==",
+      "dev": true,
+      "dependencies": {
+        "graceful-fs": "^4.2.4",
+        "tapable": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/error-ex": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz",
+      "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==",
+      "dev": true,
+      "dependencies": {
+        "is-arrayish": "^0.2.1"
+      }
+    },
+    "node_modules/es-abstract": {
+      "version": "1.22.3",
+      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.22.3.tgz",
+      "integrity": "sha512-eiiY8HQeYfYH2Con2berK+To6GrK2RxbPawDkGq4UiCQQfZHb6wX9qQqkbpPqaxQFcl8d9QzZqo0tGE0VcrdwA==",
+      "dev": true,
+      "dependencies": {
+        "array-buffer-byte-length": "^1.0.0",
+        "arraybuffer.prototype.slice": "^1.0.2",
+        "available-typed-arrays": "^1.0.5",
+        "call-bind": "^1.0.5",
+        "es-set-tostringtag": "^2.0.1",
+        "es-to-primitive": "^1.2.1",
+        "function.prototype.name": "^1.1.6",
+        "get-intrinsic": "^1.2.2",
+        "get-symbol-description": "^1.0.0",
+        "globalthis": "^1.0.3",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.0",
+        "has-proto": "^1.0.1",
+        "has-symbols": "^1.0.3",
+        "hasown": "^2.0.0",
+        "internal-slot": "^1.0.5",
+        "is-array-buffer": "^3.0.2",
+        "is-callable": "^1.2.7",
+        "is-negative-zero": "^2.0.2",
+        "is-regex": "^1.1.4",
+        "is-shared-array-buffer": "^1.0.2",
+        "is-string": "^1.0.7",
+        "is-typed-array": "^1.1.12",
+        "is-weakref": "^1.0.2",
+        "object-inspect": "^1.13.1",
+        "object-keys": "^1.1.1",
+        "object.assign": "^4.1.4",
+        "regexp.prototype.flags": "^1.5.1",
+        "safe-array-concat": "^1.0.1",
+        "safe-regex-test": "^1.0.0",
+        "string.prototype.trim": "^1.2.8",
+        "string.prototype.trimend": "^1.0.7",
+        "string.prototype.trimstart": "^1.0.7",
+        "typed-array-buffer": "^1.0.0",
+        "typed-array-byte-length": "^1.0.0",
+        "typed-array-byte-offset": "^1.0.0",
+        "typed-array-length": "^1.0.4",
+        "unbox-primitive": "^1.0.2",
+        "which-typed-array": "^1.1.13"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/es-iterator-helpers": {
+      "version": "1.0.15",
+      "resolved": "https://registry.npmjs.org/es-iterator-helpers/-/es-iterator-helpers-1.0.15.tgz",
+      "integrity": "sha512-GhoY8uYqd6iwUl2kgjTm4CZAf6oo5mHK7BPqx3rKgx893YSsy0LGHV6gfqqQvZt/8xM8xeOnfXBCfqclMKkJ5g==",
+      "dev": true,
+      "dependencies": {
+        "asynciterator.prototype": "^1.0.0",
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.22.1",
+        "es-set-tostringtag": "^2.0.1",
+        "function-bind": "^1.1.1",
+        "get-intrinsic": "^1.2.1",
+        "globalthis": "^1.0.3",
+        "has-property-descriptors": "^1.0.0",
+        "has-proto": "^1.0.1",
+        "has-symbols": "^1.0.3",
+        "internal-slot": "^1.0.5",
+        "iterator.prototype": "^1.1.2",
+        "safe-array-concat": "^1.0.1"
+      }
+    },
+    "node_modules/es-module-lexer": {
+      "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,
+      "peer": true
+    },
+    "node_modules/es-set-tostringtag": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.0.2.tgz",
+      "integrity": "sha512-BuDyupZt65P9D2D2vA/zqcI3G5xRsklm5N3xCwuiy+/vKy8i0ifdsQP1sLgO4tZDSCaQUSnmC48khknGMV3D2Q==",
+      "dev": true,
+      "dependencies": {
+        "get-intrinsic": "^1.2.2",
+        "has-tostringtag": "^1.0.0",
+        "hasown": "^2.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-shim-unscopables": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.0.2.tgz",
+      "integrity": "sha512-J3yBRXCzDu4ULnQwxyToo/OjdMx6akgVC7K6few0a7F/0wLtmKKN7I73AH5T2836UuXRqN7Qg+IIUw/+YJksRw==",
+      "dev": true,
+      "dependencies": {
+        "hasown": "^2.0.0"
+      }
+    },
+    "node_modules/es-to-primitive": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.2.1.tgz",
+      "integrity": "sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==",
+      "dev": true,
+      "dependencies": {
+        "is-callable": "^1.1.4",
+        "is-date-object": "^1.0.1",
+        "is-symbol": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/escalade": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
+      "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/escape-string-regexp": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+      "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/eslint": {
+      "version": "8.56.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.56.0.tgz",
+      "integrity": "sha512-Go19xM6T9puCOWntie1/P997aXxFsOi37JIHRWI514Hc6ZnaHGKY9xFhrU65RT6CcBEzZoGG1e6Nq+DT04ZtZQ==",
+      "dev": true,
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.2.0",
+        "@eslint-community/regexpp": "^4.6.1",
+        "@eslint/eslintrc": "^2.1.4",
+        "@eslint/js": "8.56.0",
+        "@humanwhocodes/config-array": "^0.11.13",
+        "@humanwhocodes/module-importer": "^1.0.1",
+        "@nodelib/fs.walk": "^1.2.8",
+        "@ungap/structured-clone": "^1.2.0",
+        "ajv": "^6.12.4",
+        "chalk": "^4.0.0",
+        "cross-spawn": "^7.0.2",
+        "debug": "^4.3.2",
+        "doctrine": "^3.0.0",
+        "escape-string-regexp": "^4.0.0",
+        "eslint-scope": "^7.2.2",
+        "eslint-visitor-keys": "^3.4.3",
+        "espree": "^9.6.1",
+        "esquery": "^1.4.2",
+        "esutils": "^2.0.2",
+        "fast-deep-equal": "^3.1.3",
+        "file-entry-cache": "^6.0.1",
+        "find-up": "^5.0.0",
+        "glob-parent": "^6.0.2",
+        "globals": "^13.19.0",
+        "graphemer": "^1.4.0",
+        "ignore": "^5.2.0",
+        "imurmurhash": "^0.1.4",
+        "is-glob": "^4.0.0",
+        "is-path-inside": "^3.0.3",
+        "js-yaml": "^4.1.0",
+        "json-stable-stringify-without-jsonify": "^1.0.1",
+        "levn": "^0.4.1",
+        "lodash.merge": "^4.6.2",
+        "minimatch": "^3.1.2",
+        "natural-compare": "^1.4.0",
+        "optionator": "^0.9.3",
+        "strip-ansi": "^6.0.1",
+        "text-table": "^0.2.0"
+      },
+      "bin": {
+        "eslint": "bin/eslint.js"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint-config-google": {
+      "version": "0.14.0",
+      "resolved": "https://registry.npmjs.org/eslint-config-google/-/eslint-config-google-0.14.0.tgz",
+      "integrity": "sha512-WsbX4WbjuMvTdeVL6+J3rK1RGhCTqjsFjX7UMSMgZiyxxaNLkoJENbrGExzERFeoTpGw3F3FypTiWAP9ZXzkEw==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=0.10.0"
+      },
+      "peerDependencies": {
+        "eslint": ">=5.16.0"
+      }
+    },
+    "node_modules/eslint-config-next": {
+      "version": "14.0.4",
+      "resolved": "https://registry.npmjs.org/eslint-config-next/-/eslint-config-next-14.0.4.tgz",
+      "integrity": "sha512-9/xbOHEQOmQtqvQ1UsTQZpnA7SlDMBtuKJ//S4JnoyK3oGLhILKXdBgu/UO7lQo/2xOykQULS1qQ6p2+EpHgAQ==",
+      "dev": true,
+      "dependencies": {
+        "@next/eslint-plugin-next": "14.0.4",
+        "@rushstack/eslint-patch": "^1.3.3",
+        "@typescript-eslint/parser": "^5.4.2 || ^6.0.0",
+        "eslint-import-resolver-node": "^0.3.6",
+        "eslint-import-resolver-typescript": "^3.5.2",
+        "eslint-plugin-import": "^2.28.1",
+        "eslint-plugin-jsx-a11y": "^6.7.1",
+        "eslint-plugin-react": "^7.33.2",
+        "eslint-plugin-react-hooks": "^4.5.0 || 5.0.0-canary-7118f5dd7-20230705"
+      },
+      "peerDependencies": {
+        "eslint": "^7.23.0 || ^8.0.0",
+        "typescript": ">=3.3.1"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-import-resolver-node": {
+      "version": "0.3.9",
+      "resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.9.tgz",
+      "integrity": "sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==",
+      "dev": true,
+      "dependencies": {
+        "debug": "^3.2.7",
+        "is-core-module": "^2.13.0",
+        "resolve": "^1.22.4"
+      }
+    },
+    "node_modules/eslint-import-resolver-node/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dev": true,
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/eslint-import-resolver-typescript": {
+      "version": "3.6.1",
+      "resolved": "https://registry.npmjs.org/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-3.6.1.tgz",
+      "integrity": "sha512-xgdptdoi5W3niYeuQxKmzVDTATvLYqhpwmykwsh7f6HIOStGWEIL9iqZgQDF9u9OEzrRwR8no5q2VT+bjAujTg==",
+      "dev": true,
+      "dependencies": {
+        "debug": "^4.3.4",
+        "enhanced-resolve": "^5.12.0",
+        "eslint-module-utils": "^2.7.4",
+        "fast-glob": "^3.3.1",
+        "get-tsconfig": "^4.5.0",
+        "is-core-module": "^2.11.0",
+        "is-glob": "^4.0.3"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/unts/projects/eslint-import-resolver-ts"
+      },
+      "peerDependencies": {
+        "eslint": "*",
+        "eslint-plugin-import": "*"
+      }
+    },
+    "node_modules/eslint-module-utils": {
+      "version": "2.8.0",
+      "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.8.0.tgz",
+      "integrity": "sha512-aWajIYfsqCKRDgUfjEXNN/JlrzauMuSEy5sbd7WXbtW3EH6A6MpwEh42c7qD+MqQo9QMJ6fWLAeIJynx0g6OAw==",
+      "dev": true,
+      "dependencies": {
+        "debug": "^3.2.7"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependenciesMeta": {
+        "eslint": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-module-utils/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dev": true,
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/eslint-plugin-deprecate": {
+      "version": "0.8.4",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-deprecate/-/eslint-plugin-deprecate-0.8.4.tgz",
+      "integrity": "sha512-bzpQTyXNWXbMWRH77XiuzfAthOhQhizEZrTf7krRiMYrq6ENUsWfbCe8A3SeRNa4eW8T2QrHsg/lXmxLq9xXXA==",
+      "dev": true,
+      "peer": true,
+      "peerDependencies": {
+        "eslint": ">=2.x"
+      }
+    },
+    "node_modules/eslint-plugin-import": {
+      "version": "2.29.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.29.1.tgz",
+      "integrity": "sha512-BbPC0cuExzhiMo4Ff1BTVwHpjjv28C5R+btTOGaCRC7UEz801up0JadwkeSk5Ued6TG34uaczuVuH6qyy5YUxw==",
+      "dev": true,
+      "dependencies": {
+        "array-includes": "^3.1.7",
+        "array.prototype.findlastindex": "^1.2.3",
+        "array.prototype.flat": "^1.3.2",
+        "array.prototype.flatmap": "^1.3.2",
+        "debug": "^3.2.7",
+        "doctrine": "^2.1.0",
+        "eslint-import-resolver-node": "^0.3.9",
+        "eslint-module-utils": "^2.8.0",
+        "hasown": "^2.0.0",
+        "is-core-module": "^2.13.1",
+        "is-glob": "^4.0.3",
+        "minimatch": "^3.1.2",
+        "object.fromentries": "^2.0.7",
+        "object.groupby": "^1.0.1",
+        "object.values": "^1.1.7",
+        "semver": "^6.3.1",
+        "tsconfig-paths": "^3.15.0"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependencies": {
+        "eslint": "^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8"
+      }
+    },
+    "node_modules/eslint-plugin-import/node_modules/brace-expansion": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "dev": true,
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/eslint-plugin-import/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dev": true,
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/eslint-plugin-import/node_modules/doctrine": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
+      "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
+      "dev": true,
+      "dependencies": {
+        "esutils": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/eslint-plugin-import/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/eslint-plugin-jsx-a11y": {
+      "version": "6.8.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.8.0.tgz",
+      "integrity": "sha512-Hdh937BS3KdwwbBaKd5+PLCOmYY6U4f2h9Z2ktwtNKvIdIEu137rjYbcb9ApSbVJfWxANNuiKTD/9tOKjK9qOA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.23.2",
+        "aria-query": "^5.3.0",
+        "array-includes": "^3.1.7",
+        "array.prototype.flatmap": "^1.3.2",
+        "ast-types-flow": "^0.0.8",
+        "axe-core": "=4.7.0",
+        "axobject-query": "^3.2.1",
+        "damerau-levenshtein": "^1.0.8",
+        "emoji-regex": "^9.2.2",
+        "es-iterator-helpers": "^1.0.15",
+        "hasown": "^2.0.0",
+        "jsx-ast-utils": "^3.3.5",
+        "language-tags": "^1.0.9",
+        "minimatch": "^3.1.2",
+        "object.entries": "^1.1.7",
+        "object.fromentries": "^2.0.7"
+      },
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependencies": {
+        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8"
+      }
+    },
+    "node_modules/eslint-plugin-jsx-a11y/node_modules/brace-expansion": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "dev": true,
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/eslint-plugin-jsx-a11y/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/eslint-plugin-matrix-org": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-matrix-org/-/eslint-plugin-matrix-org-0.8.0.tgz",
+      "integrity": "sha512-/Poz/F8lXYDsmQa29iPSt+kO+Jn7ArvRdq10g0CCk8wbRS0sb2zb6fvd9xL1BgR5UDQL771V0l8X32etvY5yKA==",
+      "dev": true,
+      "peerDependencies": {
+        "@babel/core": "*",
+        "@babel/eslint-parser": "*",
+        "@babel/eslint-plugin": "*",
+        "@typescript-eslint/eslint-plugin": "*",
+        "@typescript-eslint/parser": "*",
+        "eslint": "*",
+        "eslint-config-google": "*",
+        "eslint-plugin-deprecate": "*",
+        "eslint-plugin-import": "*",
+        "eslint-plugin-jsx-a11y": "*",
+        "eslint-plugin-react": "*",
+        "eslint-plugin-react-hooks": "*",
+        "eslint-plugin-unicorn": "*",
+        "typescript": "*"
+      }
+    },
+    "node_modules/eslint-plugin-react": {
+      "version": "7.33.2",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.33.2.tgz",
+      "integrity": "sha512-73QQMKALArI8/7xGLNI/3LylrEYrlKZSb5C9+q3OtOewTnMQi5cT+aE9E41sLCmli3I9PGGmD1yiZydyo4FEPw==",
+      "dev": true,
+      "dependencies": {
+        "array-includes": "^3.1.6",
+        "array.prototype.flatmap": "^1.3.1",
+        "array.prototype.tosorted": "^1.1.1",
+        "doctrine": "^2.1.0",
+        "es-iterator-helpers": "^1.0.12",
+        "estraverse": "^5.3.0",
+        "jsx-ast-utils": "^2.4.1 || ^3.0.0",
+        "minimatch": "^3.1.2",
+        "object.entries": "^1.1.6",
+        "object.fromentries": "^2.0.6",
+        "object.hasown": "^1.1.2",
+        "object.values": "^1.1.6",
+        "prop-types": "^15.8.1",
+        "resolve": "^2.0.0-next.4",
+        "semver": "^6.3.1",
+        "string.prototype.matchall": "^4.0.8"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependencies": {
+        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8"
+      }
+    },
+    "node_modules/eslint-plugin-react-hooks": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.0.tgz",
+      "integrity": "sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0"
+      }
+    },
+    "node_modules/eslint-plugin-react/node_modules/brace-expansion": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "dev": true,
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/eslint-plugin-react/node_modules/doctrine": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
+      "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
+      "dev": true,
+      "dependencies": {
+        "esutils": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/eslint-plugin-react/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/eslint-plugin-react/node_modules/resolve": {
+      "version": "2.0.0-next.5",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.5.tgz",
+      "integrity": "sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA==",
+      "dev": true,
+      "dependencies": {
+        "is-core-module": "^2.13.0",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/eslint-plugin-unicorn": {
+      "version": "50.0.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-unicorn/-/eslint-plugin-unicorn-50.0.1.tgz",
+      "integrity": "sha512-KxenCZxqSYW0GWHH18okDlOQcpezcitm5aOSz6EnobyJ6BIByiPDviQRjJIUAjG/tMN11958MxaQ+qCoU6lfDA==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@babel/helper-validator-identifier": "^7.22.20",
+        "@eslint-community/eslint-utils": "^4.4.0",
+        "@eslint/eslintrc": "^2.1.4",
+        "ci-info": "^4.0.0",
+        "clean-regexp": "^1.0.0",
+        "core-js-compat": "^3.34.0",
+        "esquery": "^1.5.0",
+        "indent-string": "^4.0.0",
+        "is-builtin-module": "^3.2.1",
+        "jsesc": "^3.0.2",
+        "pluralize": "^8.0.0",
+        "read-pkg-up": "^7.0.1",
+        "regexp-tree": "^0.1.27",
+        "regjsparser": "^0.10.0",
+        "semver": "^7.5.4",
+        "strip-indent": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=16"
+      },
+      "funding": {
+        "url": "https://github.com/sindresorhus/eslint-plugin-unicorn?sponsor=1"
+      },
+      "peerDependencies": {
+        "eslint": ">=8.56.0"
+      }
+    },
+    "node_modules/eslint-plugin-unicorn/node_modules/jsesc": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.0.2.tgz",
+      "integrity": "sha512-xKqzzWXDttJuOcawBt4KnKHHIf5oQ/Cxax+0PWFG+DFDgHNAdi+TXECADI+RYiFUMmx8792xsMbbgXj4CwnP4g==",
+      "dev": true,
+      "peer": true,
+      "bin": {
+        "jsesc": "bin/jsesc"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/eslint-plugin-unicorn/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/eslint-plugin-unicorn/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,
+      "peer": true,
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/eslint-plugin-unicorn/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/eslint-rule-composer": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/eslint-rule-composer/-/eslint-rule-composer-0.3.0.tgz",
+      "integrity": "sha512-bt+Sh8CtDmn2OajxvNO+BX7Wn4CIWMpTRm3MaiKPCQcnnlm0CS2mhui6QaoeQugs+3Kj2ESKEEGJUdVafwhiCg==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/eslint-scope": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
+      "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^4.1.1"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/eslint-scope/node_modules/estraverse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
+      "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/eslint-visitor-keys": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz",
+      "integrity": "sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/eslint/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/eslint/node_modules/brace-expansion": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "dev": true,
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/eslint/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/eslint/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/eslint/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/eslint/node_modules/escape-string-regexp": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint/node_modules/eslint-scope": {
+      "version": "7.2.2",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz",
+      "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==",
+      "dev": true,
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint/node_modules/eslint-visitor-keys": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+      "dev": true,
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint/node_modules/globals": {
+      "version": "13.24.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
+      "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
+      "dev": true,
+      "dependencies": {
+        "type-fest": "^0.20.2"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint/node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/eslint/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/eslint/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/eslint/node_modules/type-fest": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
+      "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/espree": {
+      "version": "9.6.1",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz",
+      "integrity": "sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==",
+      "dev": true,
+      "dependencies": {
+        "acorn": "^8.9.0",
+        "acorn-jsx": "^5.3.2",
+        "eslint-visitor-keys": "^3.4.1"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/espree/node_modules/eslint-visitor-keys": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+      "dev": true,
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/esquery": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.5.0.tgz",
+      "integrity": "sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==",
+      "dev": true,
+      "dependencies": {
+        "estraverse": "^5.1.0"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/esrecurse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
+      "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
+      "dev": true,
+      "dependencies": {
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/estraverse": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+      "dev": true,
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/esutils": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
+      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/event-target-shim": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/event-target-shim/-/event-target-shim-5.0.1.tgz",
+      "integrity": "sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/events": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
+      "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==",
+      "engines": {
+        "node": ">=0.8.x"
+      }
+    },
+    "node_modules/fast-deep-equal": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+      "dev": true
+    },
+    "node_modules/fast-glob": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.2.tgz",
+      "integrity": "sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==",
+      "dev": true,
+      "dependencies": {
+        "@nodelib/fs.stat": "^2.0.2",
+        "@nodelib/fs.walk": "^1.2.3",
+        "glob-parent": "^5.1.2",
+        "merge2": "^1.3.0",
+        "micromatch": "^4.0.4"
+      },
+      "engines": {
+        "node": ">=8.6.0"
+      }
+    },
+    "node_modules/fast-glob/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/fast-json-stable-stringify": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
+      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
+      "dev": true
+    },
+    "node_modules/fast-levenshtein": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
+      "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
+      "dev": true
+    },
+    "node_modules/fast-redact": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/fast-redact/-/fast-redact-3.3.0.tgz",
+      "integrity": "sha512-6T5V1QK1u4oF+ATxs1lWUmlEk6P2T9HqJG3e2DnHOdVgZy2rFJBoEnrIedcTXlkAHU/zKC+7KETJ+KGGKwxgMQ==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/fastest-levenshtein": {
+      "version": "1.0.16",
+      "resolved": "https://registry.npmjs.org/fastest-levenshtein/-/fastest-levenshtein-1.0.16.tgz",
+      "integrity": "sha512-eRnCtTTtGZFpQCwhJiUOuxPQWRXVKYDn0b2PeHfXL6/Zi53SLAzAHfVhVWK2AryC/WH05kGfxhFIPvTF0SXQzg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 4.9.1"
+      }
+    },
+    "node_modules/fastq": {
+      "version": "1.16.0",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.16.0.tgz",
+      "integrity": "sha512-ifCoaXsDrsdkWTtiNJX5uzHDsrck5TzfKKDcuFFTIrrc/BS076qgEIfoIy1VeZqViznfKiysPYTh/QeHtnIsYA==",
+      "dev": true,
+      "dependencies": {
+        "reusify": "^1.0.4"
+      }
+    },
+    "node_modules/file-entry-cache": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
+      "integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==",
+      "dev": true,
+      "dependencies": {
+        "flat-cache": "^3.0.4"
+      },
+      "engines": {
+        "node": "^10.12.0 || >=12.0.0"
+      }
+    },
+    "node_modules/fill-range": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
+      "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
+      "dev": true,
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "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/flat-cache": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.2.0.tgz",
+      "integrity": "sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw==",
+      "dev": true,
+      "dependencies": {
+        "flatted": "^3.2.9",
+        "keyv": "^4.5.3",
+        "rimraf": "^3.0.2"
+      },
+      "engines": {
+        "node": "^10.12.0 || >=12.0.0"
+      }
+    },
+    "node_modules/flatted": {
+      "version": "3.2.9",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.2.9.tgz",
+      "integrity": "sha512-36yxDn5H7OFZQla0/jFJmbIKTdZAQHngCedGxiMmpNfEZM0sdEeT+WczLQrjK6D7o2aiyLYDnkw0R3JK0Qv1RQ==",
+      "dev": true
+    },
+    "node_modules/for-each": {
+      "version": "0.3.3",
+      "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz",
+      "integrity": "sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==",
+      "dev": true,
+      "dependencies": {
+        "is-callable": "^1.1.3"
+      }
+    },
+    "node_modules/fs.realpath": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
+      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
+      "dev": true
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/function.prototype.name": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.6.tgz",
+      "integrity": "sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "functions-have-names": "^1.2.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/functions-have-names": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
+      "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/gensync": {
+      "version": "1.0.0-beta.2",
+      "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
+      "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/get-intrinsic": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.2.tgz",
+      "integrity": "sha512-0gSo4ml/0j98Y3lngkFEot/zhiCeWsbYIlZ+uZOVgzLyLaUw7wxUL+nCTP0XJvJg1AXulJRI3UJi8GsbDuxdGA==",
+      "dev": true,
+      "dependencies": {
+        "function-bind": "^1.1.2",
+        "has-proto": "^1.0.1",
+        "has-symbols": "^1.0.3",
+        "hasown": "^2.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-symbol-description": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.0.0.tgz",
+      "integrity": "sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-tsconfig": {
+      "version": "4.7.2",
+      "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.7.2.tgz",
+      "integrity": "sha512-wuMsz4leaj5hbGgg4IvDU0bqJagpftG5l5cXIAvo8uZrqn0NJqwtfupTN00VnkQJPcIRrxYrm1Ue24btpCha2A==",
+      "dev": true,
+      "dependencies": {
+        "resolve-pkg-maps": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/privatenumber/get-tsconfig?sponsor=1"
+      }
+    },
+    "node_modules/glob": {
+      "version": "7.1.7",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.7.tgz",
+      "integrity": "sha512-OvD9ENzPLbegENnYP5UUfJIirTg4+XwMWGaQfQTY0JenxNvvIKP3U3/tAQSPIu/lHxXYSZmpXlUHeqAIdKzBLQ==",
+      "dev": true,
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.0.4",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      },
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/glob-parent": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "dev": true,
+      "dependencies": {
+        "is-glob": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/glob-to-regexp": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz",
+      "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw=="
+    },
+    "node_modules/glob/node_modules/brace-expansion": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "dev": true,
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/glob/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/global-modules": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/global-modules/-/global-modules-2.0.0.tgz",
+      "integrity": "sha512-NGbfmJBp9x8IxyJSd1P+otYK8vonoJactOogrVfFRIAEY1ukil8RSKDz2Yo7wh1oihl51l/r6W4epkeKJHqL8A==",
+      "dev": true,
+      "dependencies": {
+        "global-prefix": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/global-prefix": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/global-prefix/-/global-prefix-3.0.0.tgz",
+      "integrity": "sha512-awConJSVCHVGND6x3tmMaKcQvwXLhjdkmomy2W+Goaui8YPgYgXJZewhg3fWC+DlfqqQuWg8AwqjGTD2nAPVWg==",
+      "dev": true,
+      "dependencies": {
+        "ini": "^1.3.5",
+        "kind-of": "^6.0.2",
+        "which": "^1.3.1"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/global-prefix/node_modules/which": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
+      "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
+      "dev": true,
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "which": "bin/which"
+      }
+    },
+    "node_modules/globals": {
+      "version": "11.12.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz",
+      "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/globalthis": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.3.tgz",
+      "integrity": "sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==",
+      "dev": true,
+      "dependencies": {
+        "define-properties": "^1.1.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/globby": {
+      "version": "11.1.0",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
+      "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
+      "dev": true,
+      "dependencies": {
+        "array-union": "^2.1.0",
+        "dir-glob": "^3.0.1",
+        "fast-glob": "^3.2.9",
+        "ignore": "^5.2.0",
+        "merge2": "^1.4.1",
+        "slash": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/globjoin": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/globjoin/-/globjoin-0.1.4.tgz",
+      "integrity": "sha512-xYfnw62CKG8nLkZBfWbhWwDw02CHty86jfPcc2cr3ZfeuK9ysoVPPEUxf21bAD/rWAgk52SuBrLJlefNy8mvFg==",
+      "dev": true
+    },
+    "node_modules/gopd": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz",
+      "integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==",
+      "dev": true,
+      "dependencies": {
+        "get-intrinsic": "^1.1.3"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/graceful-fs": {
+      "version": "4.2.11",
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ=="
+    },
+    "node_modules/graphemer": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
+      "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
+      "dev": true
+    },
+    "node_modules/hard-rejection": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/hard-rejection/-/hard-rejection-2.1.0.tgz",
+      "integrity": "sha512-VIZB+ibDhx7ObhAe7OVtoEbuP4h/MuOTHJ+J8h/eBXotJYl0fBgR72xDFCKgIh22OJZIOVNxBMWuhAr10r8HdA==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/has-bigints": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz",
+      "integrity": "sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-flag": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
+      "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/has-property-descriptors": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.1.tgz",
+      "integrity": "sha512-VsX8eaIewvas0xnvinAe9bw4WfIeODpGYikiWYLH+dma0Jw6KHYqWiWfhQlgOVK8D6PvjubK5Uc4P0iIhIcNVg==",
+      "dev": true,
+      "dependencies": {
+        "get-intrinsic": "^1.2.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.1.tgz",
+      "integrity": "sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-symbols": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
+      "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-tostringtag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.0.tgz",
+      "integrity": "sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==",
+      "dev": true,
+      "dependencies": {
+        "has-symbols": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.0.tgz",
+      "integrity": "sha512-vUptKVTpIJhcczKBbgnS+RtcuYMB8+oNzPK2/Hp3hanz8JmpATdmmgLgSaadVREkDm+e2giHwY3ZRkyjSIDDFA==",
+      "dev": true,
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/hosted-git-info": {
+      "version": "2.8.9",
+      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.9.tgz",
+      "integrity": "sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==",
+      "dev": true
+    },
+    "node_modules/html-parse-stringify": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/html-parse-stringify/-/html-parse-stringify-3.0.1.tgz",
+      "integrity": "sha512-KknJ50kTInJ7qIScF3jeaFRpMpE8/lfiTdzf/twXyPBLAGrLRTmkz3AdTnKeh40X8k9L2fdYwEp/42WGXIRGcg==",
+      "dependencies": {
+        "void-elements": "3.1.0"
+      }
+    },
+    "node_modules/html-tags": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/html-tags/-/html-tags-3.3.1.tgz",
+      "integrity": "sha512-ztqyC3kLto0e9WbNp0aeP+M3kTt+nbaIveGmUxAtZa+8iFgKLUOD4YKM5j+f3QD89bra7UeumolZHKuOXnTmeQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/i18next": {
+      "version": "23.7.16",
+      "resolved": "https://registry.npmjs.org/i18next/-/i18next-23.7.16.tgz",
+      "integrity": "sha512-SrqFkMn9W6Wb43ZJ9qrO6U2U4S80RsFMA7VYFSqp7oc7RllQOYDCdRfsse6A7Cq/V8MnpxKvJCYgM8++27n4Fw==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://locize.com"
+        },
+        {
+          "type": "individual",
+          "url": "https://locize.com/i18next.html"
+        },
+        {
+          "type": "individual",
+          "url": "https://www.i18next.com/how-to/faq#i18next-is-awesome.-how-can-i-support-the-project"
+        }
+      ],
+      "dependencies": {
+        "@babel/runtime": "^7.23.2"
+      }
+    },
+    "node_modules/i18next-browser-languagedetector": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/i18next-browser-languagedetector/-/i18next-browser-languagedetector-7.2.0.tgz",
+      "integrity": "sha512-U00DbDtFIYD3wkWsr2aVGfXGAj2TgnELzOX9qv8bT0aJtvPV9CRO77h+vgmHFBMe7LAxdwvT/7VkCWGya6L3tA==",
+      "dependencies": {
+        "@babel/runtime": "^7.23.2"
+      }
+    },
+    "node_modules/i18next-resources-to-backend": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/i18next-resources-to-backend/-/i18next-resources-to-backend-1.2.0.tgz",
+      "integrity": "sha512-8f1l03s+QxDmCfpSXCh9V+AFcxAwIp0UaroWuyOx+hmmv8484GcELHs+lnu54FrNij8cDBEXvEwhzZoXsKcVpg==",
+      "dependencies": {
+        "@babel/runtime": "^7.23.2"
+      }
+    },
+    "node_modules/ieee754": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
+      "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==",
+      "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/ignore": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.0.tgz",
+      "integrity": "sha512-g7dmpshy+gD7mh88OC9NwSGTKoc3kyLAZQRU1mt53Aw/vnvfXnbC+F/7F7QoYVKbV+KNvJx8wArewKy1vXMtlg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/immer": {
+      "version": "10.0.3",
+      "resolved": "https://registry.npmjs.org/immer/-/immer-10.0.3.tgz",
+      "integrity": "sha512-pwupu3eWfouuaowscykeckFmVTpqbzW+rXFCX8rQLkZzM9ftBmU/++Ra+o+L27mz03zJTlyV4UUr+fdKNffo4A==",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/immer"
+      }
+    },
+    "node_modules/import-fresh": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
+      "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
+      "dev": true,
+      "dependencies": {
+        "parent-module": "^1.0.0",
+        "resolve-from": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/import-lazy": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/import-lazy/-/import-lazy-4.0.0.tgz",
+      "integrity": "sha512-rKtvo6a868b5Hu3heneU+L4yEQ4jYKLtjpnPeUdK7h0yzXGmyBTypknlkCvHFBqfX9YlorEiMM6Dnq/5atfHkw==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/imurmurhash": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
+      "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.8.19"
+      }
+    },
+    "node_modules/indent-string": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz",
+      "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/inflight": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
+      "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
+      "dev": true,
+      "dependencies": {
+        "once": "^1.3.0",
+        "wrappy": "1"
+      }
+    },
+    "node_modules/inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+      "dev": true
+    },
+    "node_modules/ini": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
+      "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==",
+      "dev": true
+    },
+    "node_modules/internal-slot": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.6.tgz",
+      "integrity": "sha512-Xj6dv+PsbtwyPpEflsejS+oIZxmMlV44zAhG479uYu89MsjcYOhCFnNyKrkJrihbsiasQyY0afoCl/9BLR65bg==",
+      "dev": true,
+      "dependencies": {
+        "get-intrinsic": "^1.2.2",
+        "hasown": "^2.0.0",
+        "side-channel": "^1.0.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/is-array-buffer": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.2.tgz",
+      "integrity": "sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgraytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.2.0",
+        "is-typed-array": "^1.1.10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-arrayish": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
+      "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==",
+      "dev": true
+    },
+    "node_modules/is-async-function": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/is-async-function/-/is-async-function-2.0.0.tgz",
+      "integrity": "sha512-Y1JXKrfykRJGdlDwdKlLpLyMIiWqWvuSd17TvZk68PLAOGOoF4Xyav1z0Xhoi+gCYjZVeC5SI+hYFOfvXmGRCA==",
+      "dev": true,
+      "dependencies": {
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-bigint": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.4.tgz",
+      "integrity": "sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==",
+      "dev": true,
+      "dependencies": {
+        "has-bigints": "^1.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-boolean-object": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.1.2.tgz",
+      "integrity": "sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-builtin-module": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/is-builtin-module/-/is-builtin-module-3.2.1.tgz",
+      "integrity": "sha512-BSLE3HnV2syZ0FK0iMA/yUGplUeMmNz4AW5fnTunbCIqZi4vG3WjJT9FHMy5D69xmAYBHXQhJdALdpwVxV501A==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "builtin-modules": "^3.3.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-callable": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
+      "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-core-module": {
+      "version": "2.13.1",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.13.1.tgz",
+      "integrity": "sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==",
+      "dev": true,
+      "dependencies": {
+        "hasown": "^2.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-date-object": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.5.tgz",
+      "integrity": "sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==",
+      "dev": true,
+      "dependencies": {
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-finalizationregistry": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-finalizationregistry/-/is-finalizationregistry-1.0.2.tgz",
+      "integrity": "sha512-0by5vtUJs8iFQb5TYUHHPudOR+qXYIMKtiUzvLIZITZUjknFmziyBJuLhVRc+Ds0dREFlskDNJKYIdIzu/9pfw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-generator-function": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.0.10.tgz",
+      "integrity": "sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==",
+      "dev": true,
+      "dependencies": {
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "dev": true,
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-map": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.2.tgz",
+      "integrity": "sha512-cOZFQQozTha1f4MxLFzlgKYPTyj26picdZTx82hbc/Xf4K/tZOOXSCkMvU4pKioRXGDLJRn0GM7Upe7kR721yg==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-negative-zero": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.2.tgz",
+      "integrity": "sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/is-number-object": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.0.7.tgz",
+      "integrity": "sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==",
+      "dev": true,
+      "dependencies": {
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-path-inside": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
+      "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-plain-obj": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-1.1.0.tgz",
+      "integrity": "sha512-yvkRyxmFKEOQ4pNXCmJG5AEQNlXJS5LaONXo5/cLdTZdWvsZ1ioJEonLGAosKlMWE8lwUy/bJzMjcw8az73+Fg==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-plain-object": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-5.0.0.tgz",
+      "integrity": "sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-regex": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz",
+      "integrity": "sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-set": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.2.tgz",
+      "integrity": "sha512-+2cnTEZeY5z/iXGbLhPrOAaK/Mau5k5eXq9j14CpRTftq0pAJu2MwVRSZhyZWBzx3o6X795Lz6Bpb6R0GKf37g==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-shared-array-buffer": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.2.tgz",
+      "integrity": "sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-string": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.0.7.tgz",
+      "integrity": "sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==",
+      "dev": true,
+      "dependencies": {
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-symbol": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.4.tgz",
+      "integrity": "sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==",
+      "dev": true,
+      "dependencies": {
+        "has-symbols": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-typed-array": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.12.tgz",
+      "integrity": "sha512-Z14TF2JNG8Lss5/HMqt0//T9JeHXttXy5pH/DBU4vi98ozO2btxzq9MwYDZYnKwU8nRsz/+GVFVRDq3DkVuSPg==",
+      "dev": true,
+      "dependencies": {
+        "which-typed-array": "^1.1.11"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakmap": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.1.tgz",
+      "integrity": "sha512-NSBR4kH5oVj1Uwvv970ruUkCV7O1mzgVFO4/rev2cLRda9Tm9HrL70ZPut4rOHgY0FNrUu9BCbXA2sdQ+x0chA==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakref": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.0.2.tgz",
+      "integrity": "sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakset": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.2.tgz",
+      "integrity": "sha512-t2yVvttHkQktwnNNmBQ98AhENLdPUTDTE21uPqAQ0ARwQfGeQKRVS0NNurH7bTf7RrvcVn1OOge45CnBeHCSmg==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.1.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/isarray": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
+      "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
+      "dev": true
+    },
+    "node_modules/isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+      "dev": true
+    },
+    "node_modules/iterator.prototype": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/iterator.prototype/-/iterator.prototype-1.1.2.tgz",
+      "integrity": "sha512-DR33HMMr8EzwuRL8Y9D3u2BMj8+RqSE850jfGu59kS7tbmPLzGkZmVSfyCFSDxuZiEY6Rzt3T2NA/qU+NwVj1w==",
+      "dev": true,
+      "dependencies": {
+        "define-properties": "^1.2.1",
+        "get-intrinsic": "^1.2.1",
+        "has-symbols": "^1.0.3",
+        "reflect.getprototypeof": "^1.0.4",
+        "set-function-name": "^2.0.1"
+      }
+    },
+    "node_modules/jest-worker": {
+      "version": "28.1.3",
+      "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-28.1.3.tgz",
+      "integrity": "sha512-CqRA220YV/6jCo8VWvAt1KKx6eek1VIHMPeLEbpcfSfkEeWyBNppynM/o6q+Wmw+sOhos2ml34wZbSX3G13//g==",
+      "dev": true,
+      "dependencies": {
+        "@types/node": "*",
+        "merge-stream": "^2.0.0",
+        "supports-color": "^8.0.0"
+      },
+      "engines": {
+        "node": "^12.13.0 || ^14.15.0 || ^16.10.0 || >=17.0.0"
+      }
+    },
+    "node_modules/jest-worker/node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/jest-worker/node_modules/supports-color": {
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
+      "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
+      "dev": true,
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/supports-color?sponsor=1"
+      }
+    },
+    "node_modules/js-tokens": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="
+    },
+    "node_modules/js-yaml": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
+      "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
+      "dev": true,
+      "dependencies": {
+        "argparse": "^2.0.1"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
+    "node_modules/jsesc": {
+      "version": "2.5.2",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz",
+      "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==",
+      "dev": true,
+      "bin": {
+        "jsesc": "bin/jsesc"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/json-buffer": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
+      "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
+      "dev": true
+    },
+    "node_modules/json-parse-even-better-errors": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
+      "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
+      "dev": true
+    },
+    "node_modules/json-schema-traverse": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+      "dev": true
+    },
+    "node_modules/json-stable-stringify-without-jsonify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
+      "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
+      "dev": true
+    },
+    "node_modules/json5": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
+      "dev": true,
+      "bin": {
+        "json5": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/jsx-ast-utils": {
+      "version": "3.3.5",
+      "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.3.5.tgz",
+      "integrity": "sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==",
+      "dev": true,
+      "dependencies": {
+        "array-includes": "^3.1.6",
+        "array.prototype.flat": "^1.3.1",
+        "object.assign": "^4.1.4",
+        "object.values": "^1.1.6"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/jwt-decode": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/jwt-decode/-/jwt-decode-3.1.2.tgz",
+      "integrity": "sha512-UfpWE/VZn0iP50d8cz9NrZLM9lSWhcJ+0Gt/nm4by88UL+J1SiKN8/5dkjMmbEzwL2CAe+67GsegCbIKtbp75A=="
+    },
+    "node_modules/keyv": {
+      "version": "4.5.4",
+      "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
+      "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
+      "dev": true,
+      "dependencies": {
+        "json-buffer": "3.0.1"
+      }
+    },
+    "node_modules/kind-of": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
+      "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/known-css-properties": {
+      "version": "0.26.0",
+      "resolved": "https://registry.npmjs.org/known-css-properties/-/known-css-properties-0.26.0.tgz",
+      "integrity": "sha512-5FZRzrZzNTBruuurWpvZnvP9pum+fe0HcK8z/ooo+U+Hmp4vtbyp1/QDsqmufirXy4egGzbaH/y2uCZf+6W5Kg==",
+      "dev": true
+    },
+    "node_modules/language-subtag-registry": {
+      "version": "0.3.22",
+      "resolved": "https://registry.npmjs.org/language-subtag-registry/-/language-subtag-registry-0.3.22.tgz",
+      "integrity": "sha512-tN0MCzyWnoz/4nHS6uxdlFWoUZT7ABptwKPQ52Ea7URk6vll88bWBVhodtnlfEuCcKWNGoc+uGbw1cwa9IKh/w==",
+      "dev": true
+    },
+    "node_modules/language-tags": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/language-tags/-/language-tags-1.0.9.tgz",
+      "integrity": "sha512-MbjN408fEndfiQXbFQ1vnd+1NoLDsnQW41410oQBXiyXDMYH5z505juWa4KUE1LqxRC7DgOgZDbKLxHIwm27hA==",
+      "dev": true,
+      "dependencies": {
+        "language-subtag-registry": "^0.3.20"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/levn": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
+      "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
+      "dev": true,
+      "dependencies": {
+        "prelude-ls": "^1.2.1",
+        "type-check": "~0.4.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/lines-and-columns": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
+      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
+      "dev": true
+    },
+    "node_modules/loader-runner": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/loader-runner/-/loader-runner-4.3.0.tgz",
+      "integrity": "sha512-3R/1M+yS3j5ou80Me59j7F9IMs4PXs3VqRrm0TU3AbKPxlmpoY1TNscJV/oGJXo8qCatFGTfDbY6W6ipGOYXfg==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=6.11.5"
+      }
+    },
+    "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/lodash": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
+    },
+    "node_modules/lodash.merge": {
+      "version": "4.6.2",
+      "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
+      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
+      "dev": true
+    },
+    "node_modules/lodash.truncate": {
+      "version": "4.4.2",
+      "resolved": "https://registry.npmjs.org/lodash.truncate/-/lodash.truncate-4.4.2.tgz",
+      "integrity": "sha512-jttmRe7bRse52OsWIMDLaXxWqRAmtIUccAQ3garviCqJjafXOfNMO0yMfNpdD6zbGaTU0P5Nz7e7gAT6cKmJRw==",
+      "dev": true
+    },
+    "node_modules/loglevel": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/loglevel/-/loglevel-1.8.1.tgz",
+      "integrity": "sha512-tCRIJM51SHjAayKwC+QAg8hT8vg6z7GSgLJKGvzuPb1Wc+hLzqtuVLxp6/HzSPOozuK+8ErAhy7U/sVzw8Dgfg==",
+      "engines": {
+        "node": ">= 0.6.0"
+      },
+      "funding": {
+        "type": "tidelift",
+        "url": "https://tidelift.com/funding/github/npm/loglevel"
+      }
+    },
+    "node_modules/loose-envify": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
+      "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+      "dependencies": {
+        "js-tokens": "^3.0.0 || ^4.0.0"
+      },
+      "bin": {
+        "loose-envify": "cli.js"
+      }
+    },
+    "node_modules/lru-cache": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+      "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+      "dev": true,
+      "dependencies": {
+        "yallist": "^3.0.2"
+      }
+    },
+    "node_modules/map-obj": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-4.3.0.tgz",
+      "integrity": "sha512-hdN1wVrZbb29eBGiGjJbeP8JbKjq1urkHJ/LIP/NY48MZ1QVXUsQBV1G1zvYFHn1XE06cwjBsOI2K3Ulnj1YXQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/mathml-tag-names": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/mathml-tag-names/-/mathml-tag-names-2.1.3.tgz",
+      "integrity": "sha512-APMBEanjybaPzUrfqU0IMU5I0AswKMH7k8OTLs0vvV4KZpExkTkY87nR/zpbuTPj+gARop7aGUbl11pnDfW6xg==",
+      "dev": true,
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/matrix-events-sdk": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/matrix-events-sdk/-/matrix-events-sdk-0.0.1.tgz",
+      "integrity": "sha512-1QEOsXO+bhyCroIe2/A5OwaxHvBm7EsSQ46DEDn8RBIfQwN5HWBpFvyWWR4QY0KHPPnnJdI99wgRiAl7Ad5qaA=="
+    },
+    "node_modules/matrix-js-sdk": {
+      "version": "30.3.0",
+      "resolved": "https://registry.npmjs.org/matrix-js-sdk/-/matrix-js-sdk-30.3.0.tgz",
+      "integrity": "sha512-yqAn1IhvrSxvqRP4UMToaWhtA/iC6FYTt4qj5K8H3BmAQDOqObw9qPLm43HmdbsBGk6VUwz9szgNblhVyq0sKg==",
+      "dependencies": {
+        "@babel/runtime": "^7.12.5",
+        "@matrix-org/matrix-sdk-crypto-wasm": "^3.4.0",
+        "another-json": "^0.2.0",
+        "bs58": "^5.0.0",
+        "content-type": "^1.0.4",
+        "jwt-decode": "^3.1.2",
+        "loglevel": "^1.7.1",
+        "matrix-events-sdk": "0.0.1",
+        "matrix-widget-api": "^1.6.0",
+        "oidc-client-ts": "^2.2.4",
+        "p-retry": "4",
+        "sdp-transform": "^2.14.1",
+        "unhomoglyph": "^1.0.6",
+        "uuid": "9"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/matrix-widget-api": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/matrix-widget-api/-/matrix-widget-api-1.6.0.tgz",
+      "integrity": "sha512-VXIJyAZ/WnBmT4C7ePqevgMYGneKMCP/0JuCOqntSsaNlCRHJvwvTxmqUU+ufOpzIF5gYNyIrAjbgrEbK3iqJQ==",
+      "dependencies": {
+        "@types/events": "^3.0.0",
+        "events": "^3.2.0"
+      }
+    },
+    "node_modules/meow": {
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/meow/-/meow-9.0.0.tgz",
+      "integrity": "sha512-+obSblOQmRhcyBt62furQqRAQpNyWXo8BuQ5bN7dG8wmwQ+vwHKp/rCFD4CrTP8CsDQD1sjoZ94K417XEUk8IQ==",
+      "dev": true,
+      "dependencies": {
+        "@types/minimist": "^1.2.0",
+        "camelcase-keys": "^6.2.2",
+        "decamelize": "^1.2.0",
+        "decamelize-keys": "^1.1.0",
+        "hard-rejection": "^2.1.0",
+        "minimist-options": "4.1.0",
+        "normalize-package-data": "^3.0.0",
+        "read-pkg-up": "^7.0.1",
+        "redent": "^3.0.0",
+        "trim-newlines": "^3.0.0",
+        "type-fest": "^0.18.0",
+        "yargs-parser": "^20.2.3"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/meow/node_modules/hosted-git-info": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-4.1.0.tgz",
+      "integrity": "sha512-kyCuEOWjJqZuDbRHzL8V93NzQhwIB71oFWSyzVo+KPZI+pnQPPxucdkrOZvkLRnrf5URsQM+IJ09Dw29cRALIA==",
+      "dev": true,
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/meow/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dev": true,
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/meow/node_modules/normalize-package-data": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-3.0.3.tgz",
+      "integrity": "sha512-p2W1sgqij3zMMyRC067Dg16bfzVH+w7hyegmpIvZ4JNjqtGOVAIvLmjBx3yP7YTe9vKJgkoNOPjwQGogDoMXFA==",
+      "dev": true,
+      "dependencies": {
+        "hosted-git-info": "^4.0.1",
+        "is-core-module": "^2.5.0",
+        "semver": "^7.3.4",
+        "validate-npm-package-license": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/meow/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/meow/node_modules/type-fest": {
+      "version": "0.18.1",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.18.1.tgz",
+      "integrity": "sha512-OIAYXk8+ISY+qTOwkHtKqzAuxchoMiD9Udx+FSGQDuiRR+PJKJHc2NJAXlbhkGwTt/4/nKZxELY1w3ReWOL8mw==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/meow/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "dev": true
+    },
+    "node_modules/merge-stream": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
+      "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==",
+      "dev": true
+    },
+    "node_modules/merge2": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/micromatch": {
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
+      "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
+      "dev": true,
+      "dependencies": {
+        "braces": "^3.0.2",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/min-indent": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/min-indent/-/min-indent-1.0.1.tgz",
+      "integrity": "sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/minimatch": {
+      "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": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/minimist": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
+      "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/minimist-options": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/minimist-options/-/minimist-options-4.1.0.tgz",
+      "integrity": "sha512-Q4r8ghd80yhO/0j1O3B2BjweX3fiHg9cdOwjJd2J76Q135c+NDxGCqdYKQ1SKBuFfgWbAUzBfvYjPUEeNgqN1A==",
+      "dev": true,
+      "dependencies": {
+        "arrify": "^1.0.1",
+        "is-plain-obj": "^1.1.0",
+        "kind-of": "^6.0.3"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "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/nanoid": {
+      "version": "3.3.7",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz",
+      "integrity": "sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/natural-compare": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
+      "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
+      "dev": true
+    },
+    "node_modules/neo-async": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz",
+      "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/next": {
+      "version": "14.0.4",
+      "resolved": "https://registry.npmjs.org/next/-/next-14.0.4.tgz",
+      "integrity": "sha512-qbwypnM7327SadwFtxXnQdGiKpkuhaRLE2uq62/nRul9cj9KhQ5LhHmlziTNqUidZotw/Q1I9OjirBROdUJNgA==",
+      "dependencies": {
+        "@next/env": "14.0.4",
+        "@swc/helpers": "0.5.2",
+        "busboy": "1.6.0",
+        "caniuse-lite": "^1.0.30001406",
+        "graceful-fs": "^4.2.11",
+        "postcss": "8.4.31",
+        "styled-jsx": "5.1.1",
+        "watchpack": "2.4.0"
+      },
+      "bin": {
+        "next": "dist/bin/next"
+      },
+      "engines": {
+        "node": ">=18.17.0"
+      },
+      "optionalDependencies": {
+        "@next/swc-darwin-arm64": "14.0.4",
+        "@next/swc-darwin-x64": "14.0.4",
+        "@next/swc-linux-arm64-gnu": "14.0.4",
+        "@next/swc-linux-arm64-musl": "14.0.4",
+        "@next/swc-linux-x64-gnu": "14.0.4",
+        "@next/swc-linux-x64-musl": "14.0.4",
+        "@next/swc-win32-arm64-msvc": "14.0.4",
+        "@next/swc-win32-ia32-msvc": "14.0.4",
+        "@next/swc-win32-x64-msvc": "14.0.4"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.1.0",
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0",
+        "sass": "^1.3.0"
+      },
+      "peerDependenciesMeta": {
+        "@opentelemetry/api": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/next/node_modules/postcss": {
+      "version": "8.4.31",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
+      "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "nanoid": "^3.3.6",
+        "picocolors": "^1.0.0",
+        "source-map-js": "^1.0.2"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/node-releases": {
+      "version": "2.0.14",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.14.tgz",
+      "integrity": "sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==",
+      "dev": true
+    },
+    "node_modules/normalize-package-data": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.5.0.tgz",
+      "integrity": "sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==",
+      "dev": true,
+      "dependencies": {
+        "hosted-git-info": "^2.1.4",
+        "resolve": "^1.10.0",
+        "semver": "2 || 3 || 4 || 5",
+        "validate-npm-package-license": "^3.0.1"
+      }
+    },
+    "node_modules/normalize-package-data/node_modules/semver": {
+      "version": "5.7.2",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
+      "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
+      "dev": true,
+      "bin": {
+        "semver": "bin/semver"
+      }
+    },
+    "node_modules/normalize-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/normalize.css": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/normalize.css/-/normalize.css-8.0.1.tgz",
+      "integrity": "sha512-qizSNPO93t1YUuUhP22btGOo3chcvDFqFaj2TRybP0DMxkHOCTYwp3n34fel4a31ORXy4m1Xq0Gyqpb5m33qIg=="
+    },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-inspect": {
+      "version": "1.13.1",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.1.tgz",
+      "integrity": "sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object-keys": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
+      "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object.assign": {
+      "version": "4.1.5",
+      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.5.tgz",
+      "integrity": "sha512-byy+U7gp+FVwmyzKPYhW2h5l3crpmGsxl7X2s8y43IgxvG4g3QZ6CffDtsNQy1WsmZpQbO+ybo0AlW7TY6DcBQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.5",
+        "define-properties": "^1.2.1",
+        "has-symbols": "^1.0.3",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.entries": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/object.entries/-/object.entries-1.1.7.tgz",
+      "integrity": "sha512-jCBs/0plmPsOnrKAfFQXRG2NFjlhZgjjcBLSmTnEhU8U6vVTsVe8ANeQJCHTl3gSsI4J+0emOoCgoKlmQPMgmA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object.fromentries": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.7.tgz",
+      "integrity": "sha512-UPbPHML6sL8PI/mOqPwsH4G6iyXcCGzLin8KvEPenOZN5lpCNBZZQ+V62vdjB1mQHrmqGQt5/OJzemUA+KJmEA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.groupby": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/object.groupby/-/object.groupby-1.0.1.tgz",
+      "integrity": "sha512-HqaQtqLnp/8Bn4GL16cj+CUYbnpe1bh0TtEaWvybszDG4tgxCJuRpV8VGuvNaI1fAnI4lUJzDG55MXcOH4JZcQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "get-intrinsic": "^1.2.1"
+      }
+    },
+    "node_modules/object.hasown": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/object.hasown/-/object.hasown-1.1.3.tgz",
+      "integrity": "sha512-fFI4VcYpRHvSLXxP7yiZOMAd331cPfd2p7PFDVbgUsYOfCT3tICVqXWngbjr4m49OvsBwUBQ6O2uQoJvy3RexA==",
+      "dev": true,
+      "dependencies": {
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.values": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.1.7.tgz",
+      "integrity": "sha512-aU6xnDFYT3x17e/f0IiiwlGPTy2jzMySGfUB4fq6z7CV8l85CWHDk5ErhyhpfDHhrOMwGFhSQkhMGHaIotA6Ng==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/oidc-client-ts": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/oidc-client-ts/-/oidc-client-ts-2.4.0.tgz",
+      "integrity": "sha512-WijhkTrlXK2VvgGoakWJiBdfIsVGz6CFzgjNNqZU1hPKV2kyeEaJgLs7RwuiSp2WhLfWBQuLvr2SxVlZnk3N1w==",
+      "dependencies": {
+        "crypto-js": "^4.2.0",
+        "jwt-decode": "^3.1.2"
+      },
+      "engines": {
+        "node": ">=12.13.0"
+      }
+    },
+    "node_modules/on-exit-leak-free": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/on-exit-leak-free/-/on-exit-leak-free-2.1.2.tgz",
+      "integrity": "sha512-0eJJY6hXLGf1udHwfNftBqH+g73EU4B504nZeKpz1sYRKafAghwxEJunB2O7rDZkL4PGfsMVnTXZ2EjibbqcsA==",
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/once": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+      "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
+      "dev": true,
+      "dependencies": {
+        "wrappy": "1"
+      }
+    },
+    "node_modules/optionator": {
+      "version": "0.9.3",
+      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.3.tgz",
+      "integrity": "sha512-JjCoypp+jKn1ttEFExxhetCKeJt9zhAgAve5FXHixTvFDW/5aEktX9bufBKLRRMdU7bNtpLfcGu94B3cdEJgjg==",
+      "dev": true,
+      "dependencies": {
+        "@aashutoshrathi/word-wrap": "^1.2.3",
+        "deep-is": "^0.1.3",
+        "fast-levenshtein": "^2.0.6",
+        "levn": "^0.4.1",
+        "prelude-ls": "^1.2.1",
+        "type-check": "^0.4.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/p-limit": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+      "dev": true,
+      "dependencies": {
+        "yocto-queue": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "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/p-retry": {
+      "version": "4.6.2",
+      "resolved": "https://registry.npmjs.org/p-retry/-/p-retry-4.6.2.tgz",
+      "integrity": "sha512-312Id396EbJdvRONlngUx0NydfrIQ5lsYu0znKVUzVvArzEIt08V1qhtyESbGVd1FGX7UKtiFp5uwKZdM8wIuQ==",
+      "dependencies": {
+        "@types/retry": "0.12.0",
+        "retry": "^0.13.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/p-try": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
+      "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/parent-module": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
+      "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
+      "dev": true,
+      "dependencies": {
+        "callsites": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/parse-json": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
+      "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/code-frame": "^7.0.0",
+        "error-ex": "^1.3.1",
+        "json-parse-even-better-errors": "^2.3.0",
+        "lines-and-columns": "^1.1.6"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/path-exists": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-is-absolute": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+      "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/path-key": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-parse": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+      "dev": true
+    },
+    "node_modules/path-type": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
+      "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/picocolors": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
+      "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ=="
+    },
+    "node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "dev": true,
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/pino": {
+      "version": "8.17.2",
+      "resolved": "https://registry.npmjs.org/pino/-/pino-8.17.2.tgz",
+      "integrity": "sha512-LA6qKgeDMLr2ux2y/YiUt47EfgQ+S9LznBWOJdN3q1dx2sv0ziDLUBeVpyVv17TEcGCBuWf0zNtg3M5m1NhhWQ==",
+      "dependencies": {
+        "atomic-sleep": "^1.0.0",
+        "fast-redact": "^3.1.1",
+        "on-exit-leak-free": "^2.1.0",
+        "pino-abstract-transport": "v1.1.0",
+        "pino-std-serializers": "^6.0.0",
+        "process-warning": "^3.0.0",
+        "quick-format-unescaped": "^4.0.3",
+        "real-require": "^0.2.0",
+        "safe-stable-stringify": "^2.3.1",
+        "sonic-boom": "^3.7.0",
+        "thread-stream": "^2.0.0"
+      },
+      "bin": {
+        "pino": "bin.js"
+      }
+    },
+    "node_modules/pino-abstract-transport": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/pino-abstract-transport/-/pino-abstract-transport-1.1.0.tgz",
+      "integrity": "sha512-lsleG3/2a/JIWUtf9Q5gUNErBqwIu1tUKTT3dUzaf5DySw9ra1wcqKjJjLX1VTY64Wk1eEOYsVGSaGfCK85ekA==",
+      "dependencies": {
+        "readable-stream": "^4.0.0",
+        "split2": "^4.0.0"
+      }
+    },
+    "node_modules/pino-std-serializers": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/pino-std-serializers/-/pino-std-serializers-6.2.2.tgz",
+      "integrity": "sha512-cHjPPsE+vhj/tnhCy/wiMh3M3z3h/j15zHQX+S9GkTBgqJuTuJzYJ4gUyACLhDaJ7kk9ba9iRDmbH2tJU03OiA=="
+    },
+    "node_modules/pluralize": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/pluralize/-/pluralize-8.0.0.tgz",
+      "integrity": "sha512-Nc3IT5yHzflTfbjgqWcCPpo7DaKy4FnpB0l/zCAW0Tc7jxAiuqSxHasntB3D7887LSrA93kDJ9IXovxJYxyLCA==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.4.33",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.33.tgz",
+      "integrity": "sha512-Kkpbhhdjw2qQs2O2DGX+8m5OVqEcbB9HRBvuYM9pgrjEFUg30A9LmXNlTAUj4S9kgtGyrMbTzVjH7E+s5Re2yg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "nanoid": "^3.3.7",
+        "picocolors": "^1.0.0",
+        "source-map-js": "^1.0.2"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/postcss-media-query-parser": {
+      "version": "0.2.3",
+      "resolved": "https://registry.npmjs.org/postcss-media-query-parser/-/postcss-media-query-parser-0.2.3.tgz",
+      "integrity": "sha512-3sOlxmbKcSHMjlUXQZKQ06jOswE7oVkXPxmZdoB1r5l0q6gTFTQSHxNxOrCccElbW7dxNytifNEo8qidX2Vsig==",
+      "dev": true
+    },
+    "node_modules/postcss-resolve-nested-selector": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/postcss-resolve-nested-selector/-/postcss-resolve-nested-selector-0.1.1.tgz",
+      "integrity": "sha512-HvExULSwLqHLgUy1rl3ANIqCsvMS0WHss2UOsXhXnQaZ9VCc2oBvIpXrl00IUFT5ZDITME0o6oiXeiHr2SAIfw==",
+      "dev": true
+    },
+    "node_modules/postcss-safe-parser": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-safe-parser/-/postcss-safe-parser-6.0.0.tgz",
+      "integrity": "sha512-FARHN8pwH+WiS2OPCxJI8FuRJpTVnn6ZNFiqAM2aeW2LwTHWWmWgIyKC6cUo0L8aeKiF/14MNvnpls6R2PBeMQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=12.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      },
+      "peerDependencies": {
+        "postcss": "^8.3.3"
+      }
+    },
+    "node_modules/postcss-selector-parser": {
+      "version": "6.0.15",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.15.tgz",
+      "integrity": "sha512-rEYkQOMUCEMhsKbK66tbEU9QVIxbhN18YiniAwA7XQYTVBqrBy+P2p5JcdqsHgKM2zWylp8d7J6eszocfds5Sw==",
+      "dev": true,
+      "dependencies": {
+        "cssesc": "^3.0.0",
+        "util-deprecate": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/postcss-sorting": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-sorting/-/postcss-sorting-7.0.1.tgz",
+      "integrity": "sha512-iLBFYz6VRYyLJEJsBJ8M3TCqNcckVzz4wFounSc5Oez35ogE/X+aoC5fFu103Ot7NyvjU3/xqIXn93Gp3kJk4g==",
+      "dev": true,
+      "peerDependencies": {
+        "postcss": "^8.3.9"
+      }
+    },
+    "node_modules/postcss-syntax": {
+      "version": "0.36.2",
+      "resolved": "https://registry.npmjs.org/postcss-syntax/-/postcss-syntax-0.36.2.tgz",
+      "integrity": "sha512-nBRg/i7E3SOHWxF3PpF5WnJM/jQ1YpY9000OaVXlAQj6Zp/kIqJxEDWIZ67tAd7NLuk7zqN4yqe9nc0oNAOs1w==",
+      "dev": true,
+      "peer": true,
+      "peerDependencies": {
+        "postcss": ">=5.0.0"
+      }
+    },
+    "node_modules/postcss-value-parser": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
+      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ=="
+    },
+    "node_modules/prelude-ls": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
+      "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/process": {
+      "version": "0.11.10",
+      "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz",
+      "integrity": "sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==",
+      "engines": {
+        "node": ">= 0.6.0"
+      }
+    },
+    "node_modules/process-warning": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/process-warning/-/process-warning-3.0.0.tgz",
+      "integrity": "sha512-mqn0kFRl0EoqhnL0GQ0veqFHyIN1yig9RHh/InzORTUiZHFRAur+aMtRkELNwGs9aNwKS6tg/An4NYBPGwvtzQ=="
+    },
+    "node_modules/prop-types": {
+      "version": "15.8.1",
+      "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
+      "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
+      "dev": true,
+      "dependencies": {
+        "loose-envify": "^1.4.0",
+        "object-assign": "^4.1.1",
+        "react-is": "^16.13.1"
+      }
+    },
+    "node_modules/punycode": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
+      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/queue-microtask": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
+      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+      "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/quick-format-unescaped": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/quick-format-unescaped/-/quick-format-unescaped-4.0.4.tgz",
+      "integrity": "sha512-tYC1Q1hgyRuHgloV/YXs2w15unPVh8qfu/qCTfhTYamaw7fyhumKa2yGpdSo87vY32rIclj+4fWYQXUMs9EHvg=="
+    },
+    "node_modules/quick-lru": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/quick-lru/-/quick-lru-4.0.1.tgz",
+      "integrity": "sha512-ARhCpm70fzdcvNQfPoy49IaanKkTlRWF2JMzqhcJbhSFRZv7nPTvZJdcY7301IPmvW+/p0RgIWnQDLJxifsQ7g==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/randombytes": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
+      "integrity": "sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "safe-buffer": "^5.1.0"
+      }
+    },
+    "node_modules/react": {
+      "version": "18.2.0",
+      "resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz",
+      "integrity": "sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==",
+      "dependencies": {
+        "loose-envify": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-dom": {
+      "version": "18.2.0",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz",
+      "integrity": "sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==",
+      "dependencies": {
+        "loose-envify": "^1.1.0",
+        "scheduler": "^0.23.0"
+      },
+      "peerDependencies": {
+        "react": "^18.2.0"
+      }
+    },
+    "node_modules/react-i18next": {
+      "version": "13.5.0",
+      "resolved": "https://registry.npmjs.org/react-i18next/-/react-i18next-13.5.0.tgz",
+      "integrity": "sha512-CFJ5NDGJ2MUyBohEHxljOq/39NQ972rh1ajnadG9BjTk+UXbHLq4z5DKEbEQBDoIhUmmbuS/fIMJKo6VOax1HA==",
+      "dependencies": {
+        "@babel/runtime": "^7.22.5",
+        "html-parse-stringify": "^3.0.1"
+      },
+      "peerDependencies": {
+        "i18next": ">= 23.2.3",
+        "react": ">= 16.8.0"
+      },
+      "peerDependenciesMeta": {
+        "react-dom": {
+          "optional": true
+        },
+        "react-native": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/react-is": {
+      "version": "16.13.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
+      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
+      "dev": true
+    },
+    "node_modules/read-pkg": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-5.2.0.tgz",
+      "integrity": "sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg==",
+      "dev": true,
+      "dependencies": {
+        "@types/normalize-package-data": "^2.4.0",
+        "normalize-package-data": "^2.5.0",
+        "parse-json": "^5.0.0",
+        "type-fest": "^0.6.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/read-pkg-up": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-7.0.1.tgz",
+      "integrity": "sha512-zK0TB7Xd6JpCLmlLmufqykGE+/TlOePD6qKClNW7hHDKFh/J7/7gCWGR7joEQEW1bKq3a3yUZSObOoWLFQ4ohg==",
+      "dev": true,
+      "dependencies": {
+        "find-up": "^4.1.0",
+        "read-pkg": "^5.2.0",
+        "type-fest": "^0.8.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/read-pkg-up/node_modules/find-up": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
+      "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
+      "dev": true,
+      "dependencies": {
+        "locate-path": "^5.0.0",
+        "path-exists": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/read-pkg-up/node_modules/locate-path": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
+      "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
+      "dev": true,
+      "dependencies": {
+        "p-locate": "^4.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/read-pkg-up/node_modules/p-limit": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
+      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
+      "dev": true,
+      "dependencies": {
+        "p-try": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/read-pkg-up/node_modules/p-locate": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
+      "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
+      "dev": true,
+      "dependencies": {
+        "p-limit": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/read-pkg/node_modules/type-fest": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.6.0.tgz",
+      "integrity": "sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/readable-stream": {
+      "version": "4.5.2",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-4.5.2.tgz",
+      "integrity": "sha512-yjavECdqeZ3GLXNgRXgeQEdz9fvDDkNKyHnbHRFtOr7/LcfgBcmct7t/ET+HaCTqfh06OzoAxrkN/IfjJBVe+g==",
+      "dependencies": {
+        "abort-controller": "^3.0.0",
+        "buffer": "^6.0.3",
+        "events": "^3.3.0",
+        "process": "^0.11.10",
+        "string_decoder": "^1.3.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      }
+    },
+    "node_modules/real-require": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/real-require/-/real-require-0.2.0.tgz",
+      "integrity": "sha512-57frrGM/OCTLqLOAh0mhVA9VBMHd+9U7Zb2THMGdBUoZVOtGbJzjxsYGDJ3A9AYYCP4hn6y1TVbaOfzWtm5GFg==",
+      "engines": {
+        "node": ">= 12.13.0"
+      }
+    },
+    "node_modules/redent": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/redent/-/redent-3.0.0.tgz",
+      "integrity": "sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==",
+      "dev": true,
+      "dependencies": {
+        "indent-string": "^4.0.0",
+        "strip-indent": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/reflect.getprototypeof": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.4.tgz",
+      "integrity": "sha512-ECkTw8TmJwW60lOTR+ZkODISW6RQ8+2CL3COqtiJKLd6MmB45hN51HprHFziKLGkAuTGQhBb91V8cy+KHlaCjw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "get-intrinsic": "^1.2.1",
+        "globalthis": "^1.0.3",
+        "which-builtin-type": "^1.1.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/regenerator-runtime": {
+      "version": "0.14.1",
+      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz",
+      "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw=="
+    },
+    "node_modules/regexp-tree": {
+      "version": "0.1.27",
+      "resolved": "https://registry.npmjs.org/regexp-tree/-/regexp-tree-0.1.27.tgz",
+      "integrity": "sha512-iETxpjK6YoRWJG5o6hXLwvjYAoW+FEZn9os0PD/b6AP6xQwsa/Y7lCVgIixBbUPMfhu+i2LtdeAqVTgGlQarfA==",
+      "dev": true,
+      "peer": true,
+      "bin": {
+        "regexp-tree": "bin/regexp-tree"
+      }
+    },
+    "node_modules/regexp.prototype.flags": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.1.tgz",
+      "integrity": "sha512-sy6TXMN+hnP/wMy+ISxg3krXx7BAtWVO4UouuCN/ziM9UEne0euamVNafDfvC83bRNr95y0V5iijeDQFUNpvrg==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "set-function-name": "^2.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/regjsparser": {
+      "version": "0.10.0",
+      "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.10.0.tgz",
+      "integrity": "sha512-qx+xQGZVsy55CH0a1hiVwHmqjLryfh7wQyF5HO07XJ9f7dQMY/gPQHhlyDkIzJKC+x2fUCpCcUODUUUFrm7SHA==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "jsesc": "~0.5.0"
+      },
+      "bin": {
+        "regjsparser": "bin/parser"
+      }
+    },
+    "node_modules/regjsparser/node_modules/jsesc": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-0.5.0.tgz",
+      "integrity": "sha512-uZz5UnB7u4T9LvwmFqXii7pZSouaRPorGs5who1Ip7VO0wxanFvBL7GkM6dTHlgX+jhBApRetaWpnDabOeTcnA==",
+      "dev": true,
+      "peer": true,
+      "bin": {
+        "jsesc": "bin/jsesc"
+      }
+    },
+    "node_modules/require-from-string": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
+      "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/resolve": {
+      "version": "1.22.8",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz",
+      "integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==",
+      "dev": true,
+      "dependencies": {
+        "is-core-module": "^2.13.0",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/resolve-from": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/resolve-pkg-maps": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz",
+      "integrity": "sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/privatenumber/resolve-pkg-maps?sponsor=1"
+      }
+    },
+    "node_modules/retry": {
+      "version": "0.13.1",
+      "resolved": "https://registry.npmjs.org/retry/-/retry-0.13.1.tgz",
+      "integrity": "sha512-XQBQ3I8W1Cge0Seh+6gjj03LbmRFWuoszgK9ooCpwYIrhhoO80pfq4cUkU5DkknwfOfFteRwlZ56PYOGYyFWdg==",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/reusify": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
+      "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
+      "dev": true,
+      "engines": {
+        "iojs": ">=1.0.0",
+        "node": ">=0.10.0"
+      }
+    },
+    "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/run-parallel": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
+      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+      "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": {
+        "queue-microtask": "^1.2.2"
+      }
+    },
+    "node_modules/safe-array-concat": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.0.1.tgz",
+      "integrity": "sha512-6XbUAseYE2KtOuGueyeobCySj9L4+66Tn6KQMOPQJrAJEowYKW/YR/MGJZl7FdydUdaFu4LYyDZjxf4/Nmo23Q==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.2.1",
+        "has-symbols": "^1.0.3",
+        "isarray": "^2.0.5"
+      },
+      "engines": {
+        "node": ">=0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "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/safe-regex-test": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.0.1.tgz",
+      "integrity": "sha512-Y5NejJTTliTyY4H7sipGqY+RX5P87i3F7c4Rcepy72nq+mNLhIsD0W4c7kEmduMDQCSqtPsXPlSTsFhh2LQv+g==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.5",
+        "get-intrinsic": "^1.2.2",
+        "is-regex": "^1.1.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/safe-stable-stringify": {
+      "version": "2.4.3",
+      "resolved": "https://registry.npmjs.org/safe-stable-stringify/-/safe-stable-stringify-2.4.3.tgz",
+      "integrity": "sha512-e2bDA2WJT0wxseVd4lsDP4+3ONX6HpMXQa1ZhFQ7SU+GjvORCmShbCMltrtIDfkYhVHrOcPtj+KhmDBdPdZD1g==",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/scheduler": {
+      "version": "0.23.0",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.0.tgz",
+      "integrity": "sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==",
+      "dependencies": {
+        "loose-envify": "^1.1.0"
+      }
+    },
+    "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/schema-utils/node_modules/ajv": {
+      "version": "8.12.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz",
+      "integrity": "sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==",
+      "dev": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/schema-utils/node_modules/ajv-keywords": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-5.1.0.tgz",
+      "integrity": "sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==",
+      "dev": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3"
+      },
+      "peerDependencies": {
+        "ajv": "^8.8.2"
+      }
+    },
+    "node_modules/schema-utils/node_modules/json-schema-traverse": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+      "dev": true
+    },
+    "node_modules/sdp-transform": {
+      "version": "2.14.1",
+      "resolved": "https://registry.npmjs.org/sdp-transform/-/sdp-transform-2.14.1.tgz",
+      "integrity": "sha512-RjZyX3nVwJyCuTo5tGPx+PZWkDMCg7oOLpSlhjDdZfwUoNqG1mM8nyj31IGHyaPWXhjbP7cdK3qZ2bmkJ1GzRw==",
+      "bin": {
+        "sdp-verify": "checker.js"
+      }
+    },
+    "node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/serialize-javascript": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.2.tgz",
+      "integrity": "sha512-Saa1xPByTTq2gdeFZYLLo+RFE35NHZkAbqZeWNd3BpzppeVisAqpDjcp8dyf6uIvEqJRd46jemmyA4iFIeVk8g==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "randombytes": "^2.1.0"
+      }
+    },
+    "node_modules/set-function-length": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.1.1.tgz",
+      "integrity": "sha512-VoaqjbBJKiWtg4yRcKBQ7g7wnGnLV3M8oLvVWwOk2PdYY6PEFegR1vezXR0tw6fZGF9csVakIRjrJiy2veSBFQ==",
+      "dev": true,
+      "dependencies": {
+        "define-data-property": "^1.1.1",
+        "get-intrinsic": "^1.2.1",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/set-function-name": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/set-function-name/-/set-function-name-2.0.1.tgz",
+      "integrity": "sha512-tMNCiqYVkXIZgc2Hnoy2IvC/f8ezc5koaRFkCjrpWzGpCd3qbZXPzVy9MAZzK1ch/X0jvSkojys3oqJN0qCmdA==",
+      "dev": true,
+      "dependencies": {
+        "define-data-property": "^1.0.1",
+        "functions-have-names": "^1.2.3",
+        "has-property-descriptors": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/shallowequal": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/shallowequal/-/shallowequal-1.1.0.tgz",
+      "integrity": "sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ=="
+    },
+    "node_modules/shebang-command": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+      "dev": true,
+      "dependencies": {
+        "shebang-regex": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/shebang-regex": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/side-channel": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz",
+      "integrity": "sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.0",
+        "get-intrinsic": "^1.0.2",
+        "object-inspect": "^1.9.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/signal-exit": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
+      "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
+      "dev": true
+    },
+    "node_modules/slash": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
+      "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/slice-ansi": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-4.0.0.tgz",
+      "integrity": "sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==",
+      "dev": true,
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "astral-regex": "^2.0.0",
+        "is-fullwidth-code-point": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/slice-ansi?sponsor=1"
+      }
+    },
+    "node_modules/slice-ansi/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/slice-ansi/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/slice-ansi/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/sonic-boom": {
+      "version": "3.8.0",
+      "resolved": "https://registry.npmjs.org/sonic-boom/-/sonic-boom-3.8.0.tgz",
+      "integrity": "sha512-ybz6OYOUjoQQCQ/i4LU8kaToD8ACtYP+Cj5qd2AO36bwbdewxWJ3ArmJ2cr6AvxlL2o0PqnCcPGUgkILbfkaCA==",
+      "dependencies": {
+        "atomic-sleep": "^1.0.0"
+      }
+    },
+    "node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
+      "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/source-map-support": {
+      "version": "0.5.21",
+      "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz",
+      "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "buffer-from": "^1.0.0",
+        "source-map": "^0.6.0"
+      }
+    },
+    "node_modules/spdx-correct": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.2.0.tgz",
+      "integrity": "sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==",
+      "dev": true,
+      "dependencies": {
+        "spdx-expression-parse": "^3.0.0",
+        "spdx-license-ids": "^3.0.0"
+      }
+    },
+    "node_modules/spdx-exceptions": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.3.0.tgz",
+      "integrity": "sha512-/tTrYOC7PPI1nUAgx34hUpqXuyJG+DTHJTnIULG4rDygi4xu/tfgmq1e1cIRwRzwZgo4NLySi+ricLkZkw4i5A==",
+      "dev": true
+    },
+    "node_modules/spdx-expression-parse": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.1.tgz",
+      "integrity": "sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==",
+      "dev": true,
+      "dependencies": {
+        "spdx-exceptions": "^2.1.0",
+        "spdx-license-ids": "^3.0.0"
+      }
+    },
+    "node_modules/spdx-license-ids": {
+      "version": "3.0.16",
+      "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.16.tgz",
+      "integrity": "sha512-eWN+LnM3GR6gPu35WxNgbGl8rmY1AEmoMDvL/QD6zYmPWgywxWqJWNdLGT+ke8dKNWrcYgYjPpG5gbTfghP8rw==",
+      "dev": true
+    },
+    "node_modules/split2": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/split2/-/split2-4.2.0.tgz",
+      "integrity": "sha512-UcjcJOWknrNkF6PLX83qcHM6KHgVKNkV62Y8a5uYDVv9ydGQVwAHMKqHdJje1VTWpljG0WYpCDhrCdAOYH4TWg==",
+      "engines": {
+        "node": ">= 10.x"
+      }
+    },
+    "node_modules/streamsearch": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/streamsearch/-/streamsearch-1.1.0.tgz",
+      "integrity": "sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==",
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/string_decoder": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
+      "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
+      "dependencies": {
+        "safe-buffer": "~5.2.0"
+      }
+    },
+    "node_modules/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-width/node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "dev": true
+    },
+    "node_modules/string.prototype.matchall": {
+      "version": "4.0.10",
+      "resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.10.tgz",
+      "integrity": "sha512-rGXbGmOEosIQi6Qva94HUjgPs9vKW+dkG7Y8Q5O2OYkWL6wFaTRZO8zM4mhP94uX55wgyrXzfS2aGtGzUL7EJQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "get-intrinsic": "^1.2.1",
+        "has-symbols": "^1.0.3",
+        "internal-slot": "^1.0.5",
+        "regexp.prototype.flags": "^1.5.0",
+        "set-function-name": "^2.0.0",
+        "side-channel": "^1.0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.trim": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.8.tgz",
+      "integrity": "sha512-lfjY4HcixfQXOfaqCvcBuOIapyaroTXhbkfJN3gcB1OtyupngWK4sEET9Knd0cXd28kTUqu/kHoV4HKSJdnjiQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.trimend": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.7.tgz",
+      "integrity": "sha512-Ni79DqeB72ZFq1uH/L6zJ+DKZTkOtPIHovb3YZHQViE+HDouuU4mBrLOLDn5Dde3RF8qw5qVETEjhu9locMLvA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.trimstart": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.7.tgz",
+      "integrity": "sha512-NGhtDFu3jCEm7B4Fy0DpLewdJQOZcQ0rGbwQ/+stjnrp2i+rlKeCvos9hOIeCmqwratM47OBxY7uFZzjxHXmrg==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/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",
+      "integrity": "sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/strip-indent": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-3.0.0.tgz",
+      "integrity": "sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==",
+      "dev": true,
+      "dependencies": {
+        "min-indent": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-json-comments": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
+      "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/style-search": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/style-search/-/style-search-0.1.0.tgz",
+      "integrity": "sha512-Dj1Okke1C3uKKwQcetra4jSuk0DqbzbYtXipzFlFMZtowbF1x7BKJwB9AayVMyFARvU8EDrZdcax4At/452cAg==",
+      "dev": true
+    },
+    "node_modules/styled-components": {
+      "version": "6.1.8",
+      "resolved": "https://registry.npmjs.org/styled-components/-/styled-components-6.1.8.tgz",
+      "integrity": "sha512-PQ6Dn+QxlWyEGCKDS71NGsXoVLKfE1c3vApkvDYS5KAK+V8fNWGhbSUEo9Gg2iaID2tjLXegEW3bZDUGpofRWw==",
+      "dependencies": {
+        "@emotion/is-prop-valid": "1.2.1",
+        "@emotion/unitless": "0.8.0",
+        "@types/stylis": "4.2.0",
+        "css-to-react-native": "3.2.0",
+        "csstype": "3.1.2",
+        "postcss": "8.4.31",
+        "shallowequal": "1.1.0",
+        "stylis": "4.3.1",
+        "tslib": "2.5.0"
+      },
+      "engines": {
+        "node": ">= 16"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/styled-components"
+      },
+      "peerDependencies": {
+        "react": ">= 16.8.0",
+        "react-dom": ">= 16.8.0"
+      }
+    },
+    "node_modules/styled-components/node_modules/postcss": {
+      "version": "8.4.31",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
+      "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "nanoid": "^3.3.6",
+        "picocolors": "^1.0.0",
+        "source-map-js": "^1.0.2"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/styled-components/node_modules/tslib": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.0.tgz",
+      "integrity": "sha512-336iVw3rtn2BUK7ORdIAHTyxHGRIHVReokCR3XjbckJMK7ms8FysBfhLR8IXnAgy7T0PTPNBWKiH514FOW/WSg=="
+    },
+    "node_modules/styled-jsx": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.1.1.tgz",
+      "integrity": "sha512-pW7uC1l4mBZ8ugbiZrcIsiIvVx1UmTfw7UkC3Um2tmfUq9Bhk8IiyEIPl6F8agHgjzku6j0xQEZbfA5uSgSaCw==",
+      "dependencies": {
+        "client-only": "0.0.1"
+      },
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "peerDependencies": {
+        "react": ">= 16.8.0 || 17.x.x || ^18.0.0-0"
+      },
+      "peerDependenciesMeta": {
+        "@babel/core": {
+          "optional": true
+        },
+        "babel-plugin-macros": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/stylelint": {
+      "version": "14.16.1",
+      "resolved": "https://registry.npmjs.org/stylelint/-/stylelint-14.16.1.tgz",
+      "integrity": "sha512-ErlzR/T3hhbV+a925/gbfc3f3Fep9/bnspMiJPorfGEmcBbXdS+oo6LrVtoUZ/w9fqD6o6k7PtUlCOsCRdjX/A==",
+      "dev": true,
+      "dependencies": {
+        "@csstools/selector-specificity": "^2.0.2",
+        "balanced-match": "^2.0.0",
+        "colord": "^2.9.3",
+        "cosmiconfig": "^7.1.0",
+        "css-functions-list": "^3.1.0",
+        "debug": "^4.3.4",
+        "fast-glob": "^3.2.12",
+        "fastest-levenshtein": "^1.0.16",
+        "file-entry-cache": "^6.0.1",
+        "global-modules": "^2.0.0",
+        "globby": "^11.1.0",
+        "globjoin": "^0.1.4",
+        "html-tags": "^3.2.0",
+        "ignore": "^5.2.1",
+        "import-lazy": "^4.0.0",
+        "imurmurhash": "^0.1.4",
+        "is-plain-object": "^5.0.0",
+        "known-css-properties": "^0.26.0",
+        "mathml-tag-names": "^2.1.3",
+        "meow": "^9.0.0",
+        "micromatch": "^4.0.5",
+        "normalize-path": "^3.0.0",
+        "picocolors": "^1.0.0",
+        "postcss": "^8.4.19",
+        "postcss-media-query-parser": "^0.2.3",
+        "postcss-resolve-nested-selector": "^0.1.1",
+        "postcss-safe-parser": "^6.0.0",
+        "postcss-selector-parser": "^6.0.11",
+        "postcss-value-parser": "^4.2.0",
+        "resolve-from": "^5.0.0",
+        "string-width": "^4.2.3",
+        "strip-ansi": "^6.0.1",
+        "style-search": "^0.1.0",
+        "supports-hyperlinks": "^2.3.0",
+        "svg-tags": "^1.0.0",
+        "table": "^6.8.1",
+        "v8-compile-cache": "^2.3.0",
+        "write-file-atomic": "^4.0.2"
+      },
+      "bin": {
+        "stylelint": "bin/stylelint.js"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/stylelint"
+      }
+    },
+    "node_modules/stylelint-config-recess-order": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/stylelint-config-recess-order/-/stylelint-config-recess-order-3.1.0.tgz",
+      "integrity": "sha512-LXR6zD5O9cS1a9gbLbuKvWLs7qmHj4xm5MQ5KhhwZPMhtQP9da3F6Jsp/NAUdsAwDQEnT1ShU16YVdgN6p4a/w==",
+      "dev": true,
+      "dependencies": {
+        "stylelint-order": "5.x"
+      },
+      "peerDependencies": {
+        "stylelint": ">=14"
+      }
+    },
+    "node_modules/stylelint-config-recommended": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/stylelint-config-recommended/-/stylelint-config-recommended-7.0.0.tgz",
+      "integrity": "sha512-yGn84Bf/q41J4luis1AZ95gj0EQwRX8lWmGmBwkwBNSkpGSpl66XcPTulxGa/Z91aPoNGuIGBmFkcM1MejMo9Q==",
+      "dev": true,
+      "peerDependencies": {
+        "stylelint": "^14.4.0"
+      }
+    },
+    "node_modules/stylelint-config-standard": {
+      "version": "25.0.0",
+      "resolved": "https://registry.npmjs.org/stylelint-config-standard/-/stylelint-config-standard-25.0.0.tgz",
+      "integrity": "sha512-21HnP3VSpaT1wFjFvv9VjvOGDtAviv47uTp3uFmzcN+3Lt+RYRv6oAplLaV51Kf792JSxJ6svCJh/G18E9VnCA==",
+      "dev": true,
+      "dependencies": {
+        "stylelint-config-recommended": "^7.0.0"
+      },
+      "peerDependencies": {
+        "stylelint": "^14.4.0"
+      }
+    },
+    "node_modules/stylelint-config-styled-components": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/stylelint-config-styled-components/-/stylelint-config-styled-components-0.1.1.tgz",
+      "integrity": "sha512-z5Xz/9GmvxO6e/DLzBMwkB85zHxEEjN6K7Cj80Bi+o/9vR9eS3GX3E9VuMnX9WLFYulqbqLtTapGGY28JBiy9Q==",
+      "dev": true
+    },
+    "node_modules/stylelint-order": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/stylelint-order/-/stylelint-order-5.0.0.tgz",
+      "integrity": "sha512-OWQ7pmicXufDw5BlRqzdz3fkGKJPgLyDwD1rFY3AIEfIH/LQY38Vu/85v8/up0I+VPiuGRwbc2Hg3zLAsJaiyw==",
+      "dev": true,
+      "dependencies": {
+        "postcss": "^8.3.11",
+        "postcss-sorting": "^7.0.1"
+      },
+      "peerDependencies": {
+        "stylelint": "^14.0.0"
+      }
+    },
+    "node_modules/stylelint-webpack-plugin": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/stylelint-webpack-plugin/-/stylelint-webpack-plugin-3.3.0.tgz",
+      "integrity": "sha512-F53bapIZ9zI16ero8IWm6TrUE6SSibZBphJE9b5rR2FxtvmGmm1YmS+a5xjQzn63+cv71GVSCu4byX66fBLpEw==",
+      "dev": true,
+      "dependencies": {
+        "globby": "^11.1.0",
+        "jest-worker": "^28.1.0",
+        "micromatch": "^4.0.5",
+        "normalize-path": "^3.0.0",
+        "schema-utils": "^4.0.0"
+      },
+      "engines": {
+        "node": ">= 12.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "stylelint": "^13.0.0 || ^14.0.0",
+        "webpack": "^5.0.0"
+      }
+    },
+    "node_modules/stylelint/node_modules/balanced-match": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-2.0.0.tgz",
+      "integrity": "sha512-1ugUSr8BHXRnK23KfuYS+gVMC3LB8QGH9W1iGtDPsNWoQbgtXSExkBu2aDR4epiGWZOjZsj6lDl/N/AqqTC3UA==",
+      "dev": true
+    },
+    "node_modules/stylelint/node_modules/resolve-from": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
+      "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/stylis": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.3.1.tgz",
+      "integrity": "sha512-EQepAV+wMsIaGVGX1RECzgrcqRRU/0sYOHkeLsZ3fzHaHXZy4DaOOX0vOlGQdlsjkh3mFHAIlVimpwAs4dslyQ=="
+    },
+    "node_modules/supports-color": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+      "dev": true,
+      "dependencies": {
+        "has-flag": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/supports-hyperlinks": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/supports-hyperlinks/-/supports-hyperlinks-2.3.0.tgz",
+      "integrity": "sha512-RpsAZlpWcDwOPQA22aCH4J0t7L8JmAvsCxfOSEwm7cQs3LshN36QaTkwd70DnBOXDWGssw2eUoc8CaRWT0XunA==",
+      "dev": true,
+      "dependencies": {
+        "has-flag": "^4.0.0",
+        "supports-color": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/supports-hyperlinks/node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/supports-hyperlinks/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/supports-preserve-symlinks-flag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/svg-tags": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/svg-tags/-/svg-tags-1.0.0.tgz",
+      "integrity": "sha512-ovssysQTa+luh7A5Weu3Rta6FJlFBBbInjOh722LIt6klpU2/HtdUbszju/G4devcvk8PGt7FCLv5wftu3THUA==",
+      "dev": true
+    },
+    "node_modules/table": {
+      "version": "6.8.1",
+      "resolved": "https://registry.npmjs.org/table/-/table-6.8.1.tgz",
+      "integrity": "sha512-Y4X9zqrCftUhMeH2EptSSERdVKt/nEdijTOacGD/97EKjhQ/Qs8RTlEGABSJNNN8lac9kheH+af7yAkEWlgneA==",
+      "dev": true,
+      "dependencies": {
+        "ajv": "^8.0.1",
+        "lodash.truncate": "^4.4.2",
+        "slice-ansi": "^4.0.0",
+        "string-width": "^4.2.3",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/table/node_modules/ajv": {
+      "version": "8.12.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz",
+      "integrity": "sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==",
+      "dev": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/table/node_modules/json-schema-traverse": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+      "dev": true
+    },
+    "node_modules/tapable": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz",
+      "integrity": "sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/terser": {
+      "version": "5.26.0",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-5.26.0.tgz",
+      "integrity": "sha512-dytTGoE2oHgbNV9nTzgBEPaqAWvcJNl66VZ0BkJqlvp71IjO8CxdBx/ykCNb47cLnCmCvRZ6ZR0tLkqvZCdVBQ==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@jridgewell/source-map": "^0.3.3",
+        "acorn": "^8.8.2",
+        "commander": "^2.20.0",
+        "source-map-support": "~0.5.20"
+      },
+      "bin": {
+        "terser": "bin/terser"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/terser-webpack-plugin": {
+      "version": "5.3.10",
+      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.10.tgz",
+      "integrity": "sha512-BKFPWlPDndPs+NGGCr1U59t0XScL5317Y0UReNrHaw9/FwhPENlq6bfgs+4yPfyP51vqC1bQ4rp1EfXW5ZSH9w==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@jridgewell/trace-mapping": "^0.3.20",
+        "jest-worker": "^27.4.5",
+        "schema-utils": "^3.1.1",
+        "serialize-javascript": "^6.0.1",
+        "terser": "^5.26.0"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "webpack": "^5.1.0"
+      },
+      "peerDependenciesMeta": {
+        "@swc/core": {
+          "optional": true
+        },
+        "esbuild": {
+          "optional": true
+        },
+        "uglify-js": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/terser-webpack-plugin/node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/terser-webpack-plugin/node_modules/jest-worker": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.5.1.tgz",
+      "integrity": "sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@types/node": "*",
+        "merge-stream": "^2.0.0",
+        "supports-color": "^8.0.0"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      }
+    },
+    "node_modules/terser-webpack-plugin/node_modules/schema-utils": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.3.0.tgz",
+      "integrity": "sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@types/json-schema": "^7.0.8",
+        "ajv": "^6.12.5",
+        "ajv-keywords": "^3.5.2"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
+    "node_modules/terser-webpack-plugin/node_modules/supports-color": {
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
+      "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/supports-color?sponsor=1"
+      }
+    },
+    "node_modules/text-table": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
+      "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==",
+      "dev": true
+    },
+    "node_modules/thread-stream": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/thread-stream/-/thread-stream-2.4.1.tgz",
+      "integrity": "sha512-d/Ex2iWd1whipbT681JmTINKw0ZwOUBZm7+Gjs64DHuX34mmw8vJL2bFAaNacaW72zYiTJxSHi5abUuOi5nsfg==",
+      "dependencies": {
+        "real-require": "^0.2.0"
+      }
+    },
+    "node_modules/to-fast-properties": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz",
+      "integrity": "sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dev": true,
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/trim-newlines": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-3.0.1.tgz",
+      "integrity": "sha512-c1PTsA3tYrIsLGkJkzHF+w9F2EyxfXGo4UyJc4pFL++FMjnq0HJS69T3M7d//gKrFKwy429bouPescbjecU+Zw==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ts-api-utils": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.0.3.tgz",
+      "integrity": "sha512-wNMeqtMz5NtwpT/UZGY5alT+VoKdSsOOP/kqHFcUW1P/VRhH2wJ48+DN2WwUliNbQ976ETwDL0Ifd2VVvgonvg==",
+      "dev": true,
+      "engines": {
+        "node": ">=16.13.0"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.2.0"
+      }
+    },
+    "node_modules/tsconfig-paths": {
+      "version": "3.15.0",
+      "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.15.0.tgz",
+      "integrity": "sha512-2Ac2RgzDe/cn48GvOe3M+o82pEFewD3UPbyoUHHdKasHwJKjds4fLXWf/Ux5kATBKN20oaFGu+jbElp1pos0mg==",
+      "dev": true,
+      "dependencies": {
+        "@types/json5": "^0.0.29",
+        "json5": "^1.0.2",
+        "minimist": "^1.2.6",
+        "strip-bom": "^3.0.0"
+      }
+    },
+    "node_modules/tsconfig-paths/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/tslib": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
+      "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
+    },
+    "node_modules/type-check": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
+      "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
+      "dev": true,
+      "dependencies": {
+        "prelude-ls": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/type-fest": {
+      "version": "0.8.1",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz",
+      "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/typed-array-buffer": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.0.tgz",
+      "integrity": "sha512-Y8KTSIglk9OZEr8zywiIHG/kmQ7KWyjseXs1CbSo8vC42w7hg2HgYTxSWwP0+is7bWDc1H+Fo026CpHFwm8tkw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.2.1",
+        "is-typed-array": "^1.1.10"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/typed-array-byte-length": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.0.tgz",
+      "integrity": "sha512-Or/+kvLxNpeQ9DtSydonMxCx+9ZXOswtwJn17SNLvhptaXYDJvkFFP5zbfU/uLmvnBJlI4yrnXRxpdWH/M5tNA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "for-each": "^0.3.3",
+        "has-proto": "^1.0.1",
+        "is-typed-array": "^1.1.10"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typed-array-byte-offset": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.0.tgz",
+      "integrity": "sha512-RD97prjEt9EL8YgAgpOkf3O4IF9lhJFr9g0htQkm0rchFp/Vx7LW5Q8fSXXub7BXAODyUQohRMyOc3faCPd0hg==",
+      "dev": true,
+      "dependencies": {
+        "available-typed-arrays": "^1.0.5",
+        "call-bind": "^1.0.2",
+        "for-each": "^0.3.3",
+        "has-proto": "^1.0.1",
+        "is-typed-array": "^1.1.10"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typed-array-length": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.4.tgz",
+      "integrity": "sha512-KjZypGq+I/H7HI5HlOoGHkWUUGq+Q0TPhQurLbyrVrvnKTBgzLhIJ7j6J/XTQOi0d1RjyZ0wdas8bKs2p0x3Ng==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "for-each": "^0.3.3",
+        "is-typed-array": "^1.1.9"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typescript": {
+      "version": "5.3.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.3.3.tgz",
+      "integrity": "sha512-pXWcraxM0uxAS+tN0AG/BF2TyqmHO014Z070UsJ+pFvYuRSq8KH8DmWpnbXe0pEPDHXZV3FcAbJkijJ5oNEnWw==",
+      "dev": true,
+      "peer": true,
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "node_modules/unbox-primitive": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz",
+      "integrity": "sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "has-bigints": "^1.0.2",
+        "has-symbols": "^1.0.3",
+        "which-boxed-primitive": "^1.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "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/unhomoglyph": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/unhomoglyph/-/unhomoglyph-1.0.6.tgz",
+      "integrity": "sha512-7uvcWI3hWshSADBu4JpnyYbTVc7YlhF5GDW/oPD5AxIxl34k4wXR3WDkPnzLxkN32LiTCTKMQLtKVZiwki3zGg=="
+    },
+    "node_modules/update-browserslist-db": {
+      "version": "1.0.13",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz",
+      "integrity": "sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "escalade": "^3.1.1",
+        "picocolors": "^1.0.0"
+      },
+      "bin": {
+        "update-browserslist-db": "cli.js"
+      },
+      "peerDependencies": {
+        "browserslist": ">= 4.21.0"
+      }
+    },
+    "node_modules/uri-js": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
+      "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
+      "dev": true,
+      "dependencies": {
+        "punycode": "^2.1.0"
+      }
+    },
+    "node_modules/use-immer": {
+      "version": "0.9.0",
+      "resolved": "https://registry.npmjs.org/use-immer/-/use-immer-0.9.0.tgz",
+      "integrity": "sha512-/L+enLi0nvuZ6j4WlyK0US9/ECUtV5v9RUbtxnn5+WbtaXYUaOBoKHDNL9I5AETdurQ4rIFIj/s+Z5X80ATyKw==",
+      "peerDependencies": {
+        "immer": ">=2.0.0",
+        "react": "^16.8.0 || ^17.0.1 || ^18.0.0"
+      }
+    },
+    "node_modules/util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+      "dev": true
+    },
+    "node_modules/uuid": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-9.0.1.tgz",
+      "integrity": "sha512-b+1eJOlsR9K8HJpow9Ok3fiWOWSIcIzXodvv0rQjVoOVNpWMpxf1wZNpt4y9h10odCNrqnYp1OBzRktckBe3sA==",
+      "funding": [
+        "https://github.com/sponsors/broofa",
+        "https://github.com/sponsors/ctavan"
+      ],
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    },
+    "node_modules/v8-compile-cache": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/v8-compile-cache/-/v8-compile-cache-2.4.0.tgz",
+      "integrity": "sha512-ocyWc3bAHBB/guyqJQVI5o4BZkPhznPYUG2ea80Gond/BgNWpap8TOmLSeeQG7bnh2KMISxskdADG59j7zruhw==",
+      "dev": true
+    },
+    "node_modules/validate-npm-package-license": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz",
+      "integrity": "sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==",
+      "dev": true,
+      "dependencies": {
+        "spdx-correct": "^3.0.0",
+        "spdx-expression-parse": "^3.0.0"
+      }
+    },
+    "node_modules/void-elements": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/void-elements/-/void-elements-3.1.0.tgz",
+      "integrity": "sha512-Dhxzh5HZuiHQhbvTW9AMetFfBHDMYpo23Uo9btPXgdYP+3T5S+p+jgNy7spra+veYhBP2dCSgxR/i2Y02h5/6w==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/watchpack": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.0.tgz",
+      "integrity": "sha512-Lcvm7MGST/4fup+ifyKi2hjyIAwcdI4HRgtvTpIUxBRhB+RFtUh8XtDOxUfctVCnhVi+QQj49i91OyvzkJl6cg==",
+      "dependencies": {
+        "glob-to-regexp": "^0.4.1",
+        "graceful-fs": "^4.1.2"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/webpack": {
+      "version": "5.89.0",
+      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.89.0.tgz",
+      "integrity": "sha512-qyfIC10pOr70V+jkmud8tMfajraGCZMBWJtrmuBymQKCrLTRejBI8STDp1MCyZu/QTdZSeacCQYpYNQVOzX5kw==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@types/eslint-scope": "^3.7.3",
+        "@types/estree": "^1.0.0",
+        "@webassemblyjs/ast": "^1.11.5",
+        "@webassemblyjs/wasm-edit": "^1.11.5",
+        "@webassemblyjs/wasm-parser": "^1.11.5",
+        "acorn": "^8.7.1",
+        "acorn-import-assertions": "^1.9.0",
+        "browserslist": "^4.14.5",
+        "chrome-trace-event": "^1.0.2",
+        "enhanced-resolve": "^5.15.0",
+        "es-module-lexer": "^1.2.1",
+        "eslint-scope": "5.1.1",
+        "events": "^3.2.0",
+        "glob-to-regexp": "^0.4.1",
+        "graceful-fs": "^4.2.9",
+        "json-parse-even-better-errors": "^2.3.1",
+        "loader-runner": "^4.2.0",
+        "mime-types": "^2.1.27",
+        "neo-async": "^2.6.2",
+        "schema-utils": "^3.2.0",
+        "tapable": "^2.1.1",
+        "terser-webpack-plugin": "^5.3.7",
+        "watchpack": "^2.4.0",
+        "webpack-sources": "^3.2.3"
+      },
+      "bin": {
+        "webpack": "bin/webpack.js"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependenciesMeta": {
+        "webpack-cli": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/webpack-sources": {
+      "version": "3.2.3",
+      "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.2.3.tgz",
+      "integrity": "sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/webpack/node_modules/schema-utils": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.3.0.tgz",
+      "integrity": "sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@types/json-schema": "^7.0.8",
+        "ajv": "^6.12.5",
+        "ajv-keywords": "^3.5.2"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
+    "node_modules/which": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+      "dev": true,
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "node-which": "bin/node-which"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/which-boxed-primitive": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz",
+      "integrity": "sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==",
+      "dev": true,
+      "dependencies": {
+        "is-bigint": "^1.0.1",
+        "is-boolean-object": "^1.1.0",
+        "is-number-object": "^1.0.4",
+        "is-string": "^1.0.5",
+        "is-symbol": "^1.0.3"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-builtin-type": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/which-builtin-type/-/which-builtin-type-1.1.3.tgz",
+      "integrity": "sha512-YmjsSMDBYsM1CaFiayOVT06+KJeXf0o5M/CAd4o1lTadFAtacTUM49zoYxr/oroopFDfhvN6iEcBxUyc3gvKmw==",
+      "dev": true,
+      "dependencies": {
+        "function.prototype.name": "^1.1.5",
+        "has-tostringtag": "^1.0.0",
+        "is-async-function": "^2.0.0",
+        "is-date-object": "^1.0.5",
+        "is-finalizationregistry": "^1.0.2",
+        "is-generator-function": "^1.0.10",
+        "is-regex": "^1.1.4",
+        "is-weakref": "^1.0.2",
+        "isarray": "^2.0.5",
+        "which-boxed-primitive": "^1.0.2",
+        "which-collection": "^1.0.1",
+        "which-typed-array": "^1.1.9"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-collection": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/which-collection/-/which-collection-1.0.1.tgz",
+      "integrity": "sha512-W8xeTUwaln8i3K/cY1nGXzdnVZlidBcagyNFtBdD5kxnb4TvGKR7FfSIS3mYpwWS1QUCutfKz8IY8RjftB0+1A==",
+      "dev": true,
+      "dependencies": {
+        "is-map": "^2.0.1",
+        "is-set": "^2.0.1",
+        "is-weakmap": "^2.0.1",
+        "is-weakset": "^2.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-typed-array": {
+      "version": "1.1.13",
+      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.13.tgz",
+      "integrity": "sha512-P5Nra0qjSncduVPEAr7xhoF5guty49ArDTwzJ/yNuPIbZppyRxFQsRCWrocxIY+CnMVG+qfbU2FmDKyvSGClow==",
+      "dev": true,
+      "dependencies": {
+        "available-typed-arrays": "^1.0.5",
+        "call-bind": "^1.0.4",
+        "for-each": "^0.3.3",
+        "gopd": "^1.0.1",
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/wrappy": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
+      "dev": true
+    },
+    "node_modules/write-file-atomic": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-4.0.2.tgz",
+      "integrity": "sha512-7KxauUdBmSdWnmpaGFg+ppNjKF8uNLry8LyzjauQDOVONfFLNKrKvQOxZ/VuTIcS/gge/YNahf5RIIQWTSarlg==",
+      "dev": true,
+      "dependencies": {
+        "imurmurhash": "^0.1.4",
+        "signal-exit": "^3.0.7"
+      },
+      "engines": {
+        "node": "^12.13.0 || ^14.15.0 || >=16.0.0"
+      }
+    },
+    "node_modules/yallist": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+      "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+      "dev": true
+    },
+    "node_modules/yaml": {
+      "version": "1.10.2",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
+      "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/yargs-parser": {
+      "version": "20.2.9",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-20.2.9.tgz",
+      "integrity": "sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/yocto-queue": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
+      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    }
+  }
+}

From 21c3a9e66f29eb60deba7dbf7562f2ae1f8fb134 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Thu, 11 Jan 2024 15:39:58 +0100
Subject: [PATCH 343/714] chore: delete icon

---
 assets/icons/bookmark.svg | 1 -
 1 file changed, 1 deletion(-)
 delete mode 100644 assets/icons/bookmark.svg

diff --git a/assets/icons/bookmark.svg b/assets/icons/bookmark.svg
deleted file mode 100644
index 590bc79b..00000000
--- a/assets/icons/bookmark.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M5 2H19C19.5523 2 20 2.44772 20 3V22.1433C20 22.4194 19.7761 22.6434 19.5 22.6434C19.4061 22.6434 19.314 22.6168 19.2344 22.5669L12 18.0313L4.76559 22.5669C4.53163 22.7136 4.22306 22.6429 4.07637 22.4089C4.02647 22.3293 4 22.2373 4 22.1433V3C4 2.44772 4.44772 2 5 2ZM18 4H6V19.4324L12 15.6707L18 19.4324V4Z"></path></svg>
\ No newline at end of file

From c701ff2486abee8b6740412f6e7747ac4d0ad748 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Thu, 11 Jan 2024 15:41:40 +0100
Subject: [PATCH 344/714] chore: delete icons

---
 assets/icons/eraser.svg        | 1 -
 assets/icons/folder.svg        | 1 -
 assets/icons/list-settings.svg | 1 -
 3 files changed, 3 deletions(-)
 delete mode 100644 assets/icons/eraser.svg
 delete mode 100644 assets/icons/folder.svg
 delete mode 100644 assets/icons/list-settings.svg

diff --git a/assets/icons/eraser.svg b/assets/icons/eraser.svg
deleted file mode 100644
index c1f7503a..00000000
--- a/assets/icons/eraser.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M8.58564 8.85461L3.63589 13.8044L8.83021 18.9987L9.99985 18.998V18.9967H11.1714L14.9496 15.2186L8.58564 8.85461ZM9.99985 7.44039L16.3638 13.8044L19.1922 10.9759L12.8283 4.61197L9.99985 7.44039ZM13.9999 18.9967H20.9999V20.9967H11.9999L8.00229 20.9992L1.51457 14.5115C1.12405 14.1209 1.12405 13.4878 1.51457 13.0972L12.1212 2.49065C12.5117 2.10012 13.1449 2.10012 13.5354 2.49065L21.3136 10.2688C21.7041 10.6593 21.7041 11.2925 21.3136 11.683L13.9999 18.9967Z"></path></svg>
\ No newline at end of file
diff --git a/assets/icons/folder.svg b/assets/icons/folder.svg
deleted file mode 100644
index 92b689ff..00000000
--- a/assets/icons/folder.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M3.08697 9H20.9134C21.4657 9 21.9134 9.44772 21.9134 10C21.9134 10.0277 21.9122 10.0554 21.9099 10.083L21.0766 20.083C21.0334 20.6013 20.6001 21 20.08 21H3.9203C3.40021 21 2.96695 20.6013 2.92376 20.083L2.09042 10.083C2.04456 9.53267 2.45355 9.04932 3.00392 9.00345C3.03155 9.00115 3.05925 9 3.08697 9ZM4.84044 19H19.1599L19.8266 11H4.17377L4.84044 19ZM13.4144 5H20.0002C20.5525 5 21.0002 5.44772 21.0002 6V7H3.00017V4C3.00017 3.44772 3.44789 3 4.00017 3H11.4144L13.4144 5Z"></path></svg>
diff --git a/assets/icons/list-settings.svg b/assets/icons/list-settings.svg
deleted file mode 100644
index 0cc3df47..00000000
--- a/assets/icons/list-settings.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M2 18H9V20H2V18ZM2 11H11V13H2V11ZM2 4H22V6H2V4ZM20.674 13.0251L21.8301 12.634L22.8301 14.366L21.914 15.1711C21.9704 15.4386 22 15.7158 22 16C22 16.2842 21.9704 16.5614 21.914 16.8289L22.8301 17.634L21.8301 19.366L20.674 18.9749C20.2635 19.3441 19.7763 19.6295 19.2391 19.8044L19 21H17L16.7609 19.8044C16.2237 19.6295 15.7365 19.3441 15.326 18.9749L14.1699 19.366L13.1699 17.634L14.086 16.8289C14.0296 16.5614 14 16.2842 14 16C14 15.7158 14.0296 15.4386 14.086 15.1711L13.1699 14.366L14.1699 12.634L15.326 13.0251C15.7365 12.6559 16.2237 12.3705 16.7609 12.1956L17 11H19L19.2391 12.1956C19.7763 12.3705 20.2635 12.6559 20.674 13.0251ZM18 18C19.1046 18 20 17.1046 20 16C20 14.8954 19.1046 14 18 14C16.8954 14 16 14.8954 16 16C16 17.1046 16.8954 18 18 18Z"></path></svg>
\ No newline at end of file

From e974d796480ab4944fd7a94d324bac2774255b1d Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Thu, 11 Jan 2024 17:26:59 +0100
Subject: [PATCH 345/714] refactor:display knock UI for rooms with join rule
 `knock_restricted`

---
 components/UI/ServiceIframeHeader.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/UI/ServiceIframeHeader.js b/components/UI/ServiceIframeHeader.js
index 0da55686..2eab7e53 100644
--- a/components/UI/ServiceIframeHeader.js
+++ b/components/UI/ServiceIframeHeader.js
@@ -1,4 +1,4 @@
-import styled from 'styled-components';
+import { styled } from 'styled-components';
 import { useTranslation } from 'react-i18next';
 import { DeleteBinIcon, FolderIcon, ListSettingsIcon } from '@remixicons/react/line';
 import React from 'react';
@@ -26,7 +26,7 @@ const ServiceIframeHeader = ({ isDeletingPad, deleteContent, title, roomId, myPa
         <DefaultLayout.IframeHeader>
             <h2>{ title }</h2>
             <DefaultLayout.IframeHeaderButtonWrapper>
-                { joinRule === 'knock' && <KnockOnMatrixRoom roomId={roomId} roomName={title} /> }
+                { joinRule === 'knock' || joinRule === 'knock_restricted' && <KnockOnMatrixRoom roomId={roomId} roomName={title} /> }
                 <CopyToClipboard content={content} />
                 { deleteContent && <TextButton title={t(myPadsObject ? 'Delete pad' : 'Remove pad from my library')} onClick={deleteContent}>
                     { isDeletingPad ? <LoadingSpinnerInline /> : <DeleteBinIcon width="var(--icon-size)" height="var(--icon-size)" fill="var(--color-foreground)" /> }

From b16b8b13daa9003bf8258c783edc29929e127bdb Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 17 Jan 2024 14:43:40 +0100
Subject: [PATCH 346/714] refactor: disable bookmark icon if a bookmark already
 exists

---
 components/UI/bookmarks/AddBookmark.js | 70 +++++++++++++-------------
 1 file changed, 36 insertions(+), 34 deletions(-)

diff --git a/components/UI/bookmarks/AddBookmark.js b/components/UI/bookmarks/AddBookmark.js
index 53b733c6..36397e75 100644
--- a/components/UI/bookmarks/AddBookmark.js
+++ b/components/UI/bookmarks/AddBookmark.js
@@ -1,7 +1,6 @@
-import React, { useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useRouter } from 'next/router';
-import { logger } from 'matrix-js-sdk/lib/logger';
 import { BookmarkIcon, DeleteBinIcon } from '@remixicons/react/line';
 
 import TextButton from '../TextButton';
@@ -19,6 +18,30 @@ const AddBookmark = ({ name }) => {
     const router = useRouter();
     const [isCreatingBookmark, setIsCreatingBookmark] = useState(false);
     const [errorMessage, setErrorMessage] = useState('');
+    const [currentService, setCurrentService] = useState('');
+    const [bookmarkSpace, setBookmarkSpace] = useState('');
+    const [bookmarkExists, setBookmarkExists] = useState(false);
+
+    useEffect(() => {
+        const checkExistingBookmarks = () => {
+            // first we find out which service we're currently using
+            const firstSlashIndex = router.route.indexOf('/');
+            const secondSlashIndex = router.route.indexOf('/', firstSlashIndex + 1);
+            const service = router.route.substring(1, secondSlashIndex);
+            setCurrentService(service);
+            const allBookmarks = matrix.spaces.get(matrix.serviceSpaces.bookmarks).children;
+
+            // then we check if the service already has a bookmark space
+            return allBookmarks.find(bookmark => matrix.spaces.get(bookmark)?.name === service);
+        };
+
+        matrix.serviceSpaces.bookmarks && setBookmarkSpace(checkExistingBookmarks());
+    }, [matrix.serviceSpaces.bookmarks, matrix.spaces, router.route]);
+
+    useEffect(() => {
+        // we check if the selected roomId is already bookmarked
+        bookmarkSpace && setBookmarkExists(matrix.spaces.get(bookmarkSpace).children.some(child => matrix.rooms.get(child)?.name === name));
+    }, [bookmarkSpace, matrix.rooms, matrix.spaces, name]);
 
     const errorHandling = async () => {
         setIsCreatingBookmark(false);
@@ -31,50 +54,29 @@ const AddBookmark = ({ name }) => {
     };
 
     const addBookmarkToMatrix = async () => {
-        const checkExistingBookmarks = (service) => {
-            const allBookmarks = matrix.spaces.get(matrix.serviceSpaces.bookmarks).children;
+        const getBookmarkRoomId = async () => {
+            if (bookmarkSpace) return bookmarkSpace;
 
-            return allBookmarks.find(bookmark => matrix.spaces.get(bookmark)?.name === service);
-        };
-
-        logger.debug('creating bookmark room for ' + name);
-        setIsCreatingBookmark(true);
-        const link = location.href;
-        const firstSlashIndex = router.route.indexOf('/');
-        const secondSlashIndex = router.route.indexOf('/', firstSlashIndex + 1);
-        const service = router.route.substring(1, secondSlashIndex);
-        let bookmarkSpace = checkExistingBookmarks(service);
-
-        if (!bookmarkSpace) {
             // if there is no bookmark space for the service yet, we create one
-            bookmarkSpace = await matrix.createRoom(service, true, '', 'invite', 'content', 'link')
+            const newBookmarkSpace = await matrix.createRoom(currentService, true, '', 'invite', 'content', 'link')
                 .catch(() => {
                     errorHandling();
 
                     return;
                 });
-            // and add it to the bookmarks space
+                // and add it to the bookmarks space
             await auth.getAuthenticationProvider('matrix')
-                .addSpaceChild(matrix.serviceSpaces.bookmarks, bookmarkSpace)
+                .addSpaceChild(matrix.serviceSpaces.bookmarks, newBookmarkSpace)
                 .catch(() => {
                     errorHandling();
 
                     return;
                 });
-        } else {
-            // if the service already has a space, we check if the bookmark already exists
-            const bookmarkExists = matrix.spaces.get(bookmarkSpace).children.some(child => matrix.rooms.get(child)?.name === name);
 
-            if (bookmarkExists) {
-                //if it exists we display a check mark and return out of the function
-                setIsCreatingBookmark(false);
-                setContentCopied(true);
-                await new Promise(r => setTimeout(r, 2000));
-                setContentCopied(false);
+            return newBookmarkSpace;
+        };
 
-                return;
-            }
-        }
+        const bookmarkRoomId = await getBookmarkRoomId();
 
         // we create a room for the bookmark
         const room = await matrix.createRoom(name, false, '', 'invite', 'content', 'link')
@@ -85,7 +87,7 @@ const AddBookmark = ({ name }) => {
             });
         // and add it to the bookmark space
         await auth.getAuthenticationProvider('matrix')
-            .addSpaceChild(bookmarkSpace, room)
+            .addSpaceChild(bookmarkRoomId, room)
             .catch(() => {
                 errorHandling();
 
@@ -94,7 +96,7 @@ const AddBookmark = ({ name }) => {
         // then send the link of the bookmark as a message to the room
         await matrixClient.sendMessage(room, {
             msgtype: 'm.text',
-            body: link,
+            body: location.href,
         }).catch(() => {
             errorHandling();
 
@@ -108,7 +110,7 @@ const AddBookmark = ({ name }) => {
     };
 
     return (
-        <TextButton title={t('Add to bookmarks')} onClick={addBookmarkToMatrix}>
+        <TextButton disabled={bookmarkExists} title={t('Add to bookmarks')} onClick={addBookmarkToMatrix}>
             { isCreatingBookmark ?
                 <LoadingSpinnerInline /> :
                 contentCopied ?

From d1913bffc1195536fd78812b96e751f713c89d95 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 17 Jan 2024 14:46:33 +0100
Subject: [PATCH 347/714] refactor: parse sevice name

---
 components/UI/bookmarks/AddBookmark.js | 14 ++++----------
 pages/etherpad/[[...roomId]].js        |  2 +-
 pages/spacedeck/[[...roomId]].js       |  2 +-
 3 files changed, 6 insertions(+), 12 deletions(-)

diff --git a/components/UI/bookmarks/AddBookmark.js b/components/UI/bookmarks/AddBookmark.js
index 36397e75..9d47764e 100644
--- a/components/UI/bookmarks/AddBookmark.js
+++ b/components/UI/bookmarks/AddBookmark.js
@@ -9,7 +9,7 @@ import { useAuth } from '../../../lib/Auth';
 import LoadingSpinnerInline from '../LoadingSpinnerInline';
 import Icon from '../Icon';
 
-const AddBookmark = ({ name }) => {
+const AddBookmark = ({ name, service }) => {
     const [contentCopied, setContentCopied] = useState(false);
     const auth = useAuth();
     const matrix = useMatrix();
@@ -18,25 +18,19 @@ const AddBookmark = ({ name }) => {
     const router = useRouter();
     const [isCreatingBookmark, setIsCreatingBookmark] = useState(false);
     const [errorMessage, setErrorMessage] = useState('');
-    const [currentService, setCurrentService] = useState('');
     const [bookmarkSpace, setBookmarkSpace] = useState('');
     const [bookmarkExists, setBookmarkExists] = useState(false);
 
     useEffect(() => {
         const checkExistingBookmarks = () => {
-            // first we find out which service we're currently using
-            const firstSlashIndex = router.route.indexOf('/');
-            const secondSlashIndex = router.route.indexOf('/', firstSlashIndex + 1);
-            const service = router.route.substring(1, secondSlashIndex);
-            setCurrentService(service);
+            // we check if the service already has a bookmark space
             const allBookmarks = matrix.spaces.get(matrix.serviceSpaces.bookmarks).children;
 
-            // then we check if the service already has a bookmark space
             return allBookmarks.find(bookmark => matrix.spaces.get(bookmark)?.name === service);
         };
 
         matrix.serviceSpaces.bookmarks && setBookmarkSpace(checkExistingBookmarks());
-    }, [matrix.serviceSpaces.bookmarks, matrix.spaces, router.route]);
+    }, [matrix.serviceSpaces.bookmarks, matrix.spaces, router.route, service]);
 
     useEffect(() => {
         // we check if the selected roomId is already bookmarked
@@ -58,7 +52,7 @@ const AddBookmark = ({ name }) => {
             if (bookmarkSpace) return bookmarkSpace;
 
             // if there is no bookmark space for the service yet, we create one
-            const newBookmarkSpace = await matrix.createRoom(currentService, true, '', 'invite', 'content', 'link')
+            const newBookmarkSpace = await matrix.createRoom(service, true, '', 'invite', 'content', 'link')
                 .catch(() => {
                     errorHandling();
 
diff --git a/pages/etherpad/[[...roomId]].js b/pages/etherpad/[[...roomId]].js
index 88b3e0f9..444df68d 100644
--- a/pages/etherpad/[[...roomId]].js
+++ b/pages/etherpad/[[...roomId]].js
@@ -311,7 +311,7 @@ export default function Etherpad() {
                                 name={matrix.rooms.get(roomId).name}
                                 onClick={() => setIsInviteUsersOpen(prevState => !prevState)}
                                 inviteUsersOpen={isInviteUsersOpen} />
-                            <AddBookmark name={matrix.rooms.get(roomId).name} roomId={roomId} />
+                            <AddBookmark name={matrix.rooms.get(roomId).name} roomId={roomId} service="etherpad" />
                             <CopyToClipboard title={t('Copy pad link to clipboard')}
                                 content={matrix.roomContents.get(roomId)?.body} />
                             <TextButton title={t(myPadsObject ? 'Delete pad' : 'Remove pad from my library')}
diff --git a/pages/spacedeck/[[...roomId]].js b/pages/spacedeck/[[...roomId]].js
index 0cb4d3cf..d9b35dc3 100644
--- a/pages/spacedeck/[[...roomId]].js
+++ b/pages/spacedeck/[[...roomId]].js
@@ -236,7 +236,7 @@ export default function Spacedeck() {
                                 onClick={() => setIsInviteUsersOpen(prevState => !prevState)}
                                 inviteUsersOpen={isInviteUsersOpen}
                             />
-                            <AddBookmark name={matrix.rooms.get(roomId).name} roomId={roomId} />
+                            <AddBookmark name={matrix.rooms.get(roomId).name} roomId={roomId} service="spacedeck" />
                             <CopyToClipboard title={t('Copy sketch link to clipboard')} content={content.body} />
                             <TextButton title={t('Delete sketch')} onClick={removeSketch}>
                                 { isDeletingSketch ?

From c140ea08cad8599486e0485912c6a334bcfeb26b Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 17 Jan 2024 14:56:56 +0100
Subject: [PATCH 348/714] fix: display loading spinner again when bookmarking a
 page

---
 components/UI/bookmarks/AddBookmark.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/components/UI/bookmarks/AddBookmark.js b/components/UI/bookmarks/AddBookmark.js
index 9d47764e..8528af9c 100644
--- a/components/UI/bookmarks/AddBookmark.js
+++ b/components/UI/bookmarks/AddBookmark.js
@@ -48,6 +48,8 @@ const AddBookmark = ({ name, service }) => {
     };
 
     const addBookmarkToMatrix = async () => {
+        setIsCreatingBookmark(true);
+
         const getBookmarkRoomId = async () => {
             if (bookmarkSpace) return bookmarkSpace;
 

From 8951fc41896e7aff7046889504d5db564f9f58a9 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 17 Jan 2024 16:31:50 +0100
Subject: [PATCH 349/714] fix: display correct element in chat

---
 pages/chat/ChatIframeView.js | 147 -----------------------------------
 pages/chat/[[...roomId]].js  |   6 +-
 2 files changed, 3 insertions(+), 150 deletions(-)
 delete mode 100644 pages/chat/ChatIframeView.js

diff --git a/pages/chat/ChatIframeView.js b/pages/chat/ChatIframeView.js
deleted file mode 100644
index d65bcdeb..00000000
--- a/pages/chat/ChatIframeView.js
+++ /dev/null
@@ -1,147 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-
-const ChatIframeView = ({ src, title }) => {
-    const iframe = useRef();
-
-    // Injecting custom CSS into the Element <iframe>
-    useEffect(() => {
-        if (!iframe.current) return;
-        // variable needed to make eslint happy
-        const currentRef = iframe.current;
-
-        const injectCss = () => {
-            const styleTag = document.createElement('style');
-            const styleContent = document.createTextNode(`
-                @media (prefers-color-scheme: dark) {
-                    body {
-                        color-scheme: dark !important;
-
-                        --accent: #3f3f3f !important;
-                        --accent-0pct: #3f3f3f00 !important;
-                        --accent-15pct: #3f3f3f26 !important;
-                        --accent-50pct: #3f3f3f7F !important;
-
-                        --accent-color: #3f3f3f !important;
-                        --accent-color-0pct: #3f3f3f00 !important;
-                        --accent-color-15pct: #3f3f3f26 !important;
-                        --accent-color-50pct: #3f3f3f7F !important;
-
-                        --icon-button-color: #3f3f3f !important;
-                        --icon-button-color-0pct: #3f3f3f00 !important;
-                        --icon-button-color-15pct: #3f3f3f26 !important;
-                        --icon-button-color-50pct: #3f3f3f7F !important;
-
-                        --primary-color: #f0f0f0 !important;
-                        --primary-color-0pct: #f0f0f000 !important;
-                        --primary-color-15pct: #f0f0f026 !important;
-                        --primary-color-50pct: #f0f0f07F !important;
-
-                        --roomlist-background-color: #0f0f0f !important;
-                        --roomlist-background-color-0pct: #0f0f0f00 !important;
-                        --roomlist-background-color-15pct: #0f0f0f26 !important;
-                        --roomlist-background-color-50pct: #0f0f0f7F !important;
-
-                        --roomlist-highlights-color: #1f1f1f !important;
-                        --roomlist-highlights-color-0pct: #1f1f1f00 !important;
-                        --roomlist-highlights-color-15pct: #1f1f1f26 !important;
-                        --roomlist-highlights-color-50pct: #1f1f1f7F !important;
-
-                        --roomlist-separator-color: #1f1f1f !important;
-                        --roomlist-separator-color-0pct: #1f1f1f00 !important;
-                        --roomlist-separator-color-15pct: #1f1f1f26 !important;
-                        --roomlist-separator-color-50pct: #1f1f1f7F !important;
-
-                        --roomlist-text-color: #f0f0f0 !important;
-                        --roomlist-text-color-0pct: #f0f0f000 !important;
-                        --roomlist-text-color-15pct: #f0f0f026 !important;
-                        --roomlist-text-color-50pct: #f0f0f07F !important;
-
-                        --roomlist-text-secondary-color: #f0f0f0 !important;
-                        --roomlist-text-secondary-color-0pct: #f0f0f000 !important;
-                        --roomlist-text-secondary-color-15pct: #f0f0f026 !important;
-                        --roomlist-text-secondary-color-50pct: #f0f0f07F !important;
-
-                        --sidebar-color: #0f0f0f !important;
-                        --sidebar-color-0pct: #0f0f0f00 !important;
-                        --sidebar-color-15pct: #0f0f0f26 !important;
-                        --sidebar-color-50pct: #0f0f0f7F !important;
-
-                        --timeline-background-color: #0f0f0f !important;
-                        --timeline-background-color-0pct: #0f0f0f00 !important;
-                        --timeline-background-color-15pct: #0f0f0f26 !important;
-                        --timeline-background-color-50pct: #0f0f0f7F !important;
-
-                        --timeline-highlights-color: #1a1f1c !important;
-                        --timeline-highlights-color-0pct: #1a1f1c00 !important;
-                        --timeline-highlights-color-15pct: #1a1f1c26 !important;
-                        --timeline-highlights-color-50pct: #1a1f1c7F !important;
-
-                        --timeline-text-color: #f0f0f0 !important;
-                        --timeline-text-color-0pct: #f0f0f000 !important;
-                        --timeline-text-color-15pct: #f0f0f026 !important;
-                        --timeline-text-color-50pct: #f0f0f07F !important;
-
-                        --timeline-text-secondary-color: #f0f0f0 !important;
-                        --timeline-text-secondary-color-0pct: #f0f0f000 !important;
-                        --timeline-text-secondary-color-15pct: #f0f0f026 !important;
-                        --timeline-text-secondary-color-50pct: #f0f0f07F !important;
-
-                        --warning-color: #ff4b55 !important;
-                        --warning-color-0pct: #ff4b5500 !important;
-                        --warning-color-15pct: #ff4b5526 !important;
-                        --warning-color-50pct: #ff4b557F !important;
-
-                        --avatar-background-colors_0: #1f1f1f !important;
-                        --avatar-background-colors_1: #1f1f1f !important;
-                        --avatar-background-colors_2: #1f1f1f !important;
-
-                        --username-colors_0: #f0f0f0 !important;
-                        --username-colors_1: #f0f0f0 !important;
-                        --username-colors_2: #f0f0f0 !important;
-                        --username-colors_3: #f0f0f0 !important;
-                        --username-colors_4: #f0f0f0 !important;
-                        --username-colors_5: #f0f0f0 !important;
-                        --username-colors_6: #f0f0f0 !important;
-                        --username-colors_7: #f0f0f0 !important;
-
-                        --font-family: "Inter" !important;
-
-                        /* @NOTE: the following variables are found throughout element-web's \`theme-light-custom.css\` (fallback: \`#2e2f32\`) and \`theme-dark-custom.css\` (fallback: \`#edf3ff\`) */
-                        --secondary-content: var(--primary-color-50pct) !important;
-                        --tertiary-content: var(--primary-color-50pct) !important;
-                        --quaternary-content: var(--primary-color-15pct) !important;
-                        --quinary-content: var(--primary-color-15pct) !important;
-                    }
-                }
-                * { border-radius: unset !important }
-                .mx_LeftPanel_outerWrapper, .mx_LeftPanel_outerWrapper + .mx_ResizeHandle_horizontal { display: none !important }
-                .mx_RightPanel_roomSummaryButton, .mx_RightPanel_notifsButton { display: none }
-                .mx_RoomHeader_name { pointer-events: none }
-                .mx_RoomHeader_chevron { display: none }
-
-                /* @TODO: This can be improved... and should probably not target mobile viewports. It's to make the */
-                /* header look like it's on line with our header elements from first & second sidebar. */
-                .mx_RoomHeader_wrapper { height: unset; padding: 0; border-bottom: none }
-                .mx_RoomHeader { flex: unset; -webkit-box-flex: unset; padding: 2.85rem 0 } 
-                .mx_RoomHeader_name { font-weight: bold }
-            `);
-            styleTag.appendChild(styleContent);
-            iframe.current.contentDocument.getElementsByTagName('html')[0].appendChild(styleTag);
-        };
-
-        iframe.current.addEventListener('load', injectCss);
-
-        return () => {
-            currentRef && currentRef.removeEventListener('load', injectCss);
-        };
-    });
-
-    return (
-        <iframe
-            title={title}
-            src={src}
-            ref={iframe} />
-
-    );
-};
-export default ChatIframeView;
diff --git a/pages/chat/[[...roomId]].js b/pages/chat/[[...roomId]].js
index 8150a4fa..2867982b 100644
--- a/pages/chat/[[...roomId]].js
+++ b/pages/chat/[[...roomId]].js
@@ -9,7 +9,6 @@ import { ChatNewIcon } from '@remixicons/react/line';
 
 import { useMatrix } from '../../lib/Matrix';
 import DefaultLayout from '../../components/layouts/default';
-import ChatIframeView from './ChatIframeView';
 import TextButton from '../../components/UI/TextButton';
 import Icon from '../../components/UI/Icon';
 
@@ -215,8 +214,9 @@ export default function Chat() {
             </DefaultLayout.Sidebar>
             { roomId && (
                 <DefaultLayout.IframeWrapper>
-                    <ChatIframeView
-                        title="chat"
+                    <iframe
+                        ref={iframe}
+                        title="/chat"
                         src={`${getConfig().publicRuntimeConfig.chat.pathToElement}/#/${roomId === 'new' ? 'home' : `room/${roomId}`}`}
                     />
                 </DefaultLayout.IframeWrapper>

From 8e7dfe194df6a78c799de4131442f67faa243f21 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 17 Jan 2024 16:57:23 +0100
Subject: [PATCH 350/714] fix: refactor ChatIframeView.js after changes in main

---
 pages/chat/ChatIframeView.js | 108 +++++++++++++++++++++++++++++++++++
 pages/chat/[[...roomId]].js  | 102 +--------------------------------
 2 files changed, 111 insertions(+), 99 deletions(-)
 create mode 100644 pages/chat/ChatIframeView.js

diff --git a/pages/chat/ChatIframeView.js b/pages/chat/ChatIframeView.js
new file mode 100644
index 00000000..4f12fa65
--- /dev/null
+++ b/pages/chat/ChatIframeView.js
@@ -0,0 +1,108 @@
+import React, { useEffect, useRef } from 'react';
+
+const ChatIframeView = ({ src }) => {
+    const iframe = useRef();
+    // Injecting custom CSS into the Element <iframe>
+    useEffect(() => {
+        const iframeReference = iframe.current;
+        if (!iframeReference) return;
+
+        const injectCss = () => {
+            const styleTag = document.createElement('style');
+            const styleContent = document.createTextNode(`
+                * {
+                    --margin: 1rem;
+
+                    --cpd-color-theme-bg: rgb(255 255 255) !important; 
+                    --cpd-avatar-bg: #000000 !important;
+                    --cpd-avatar-color: #ffffff !important;
+                    --cpd-color-text-action-accent: #000 !important;
+                    --color-foreground-alpha: rgb(0 0 0 / 5%);
+
+                    border-radius: 4px !important;
+                }
+                
+                @media (prefers-color-scheme: dark) {
+                    * {
+                        --cpd-color-theme-bg: hsl(0deg 0% 8%) !important;
+                        --cpd-avatar-bg: #ffffff !important;
+                        --cpd-avatar-color: #000000 !important;
+                        --cpd-color-text-action-accent: #fff !important;
+                        --color-foreground-alpha: rgb(255 255 255 / 7%);
+                    }
+                    
+                   .mx_HomePage_button_createGroup, .mx_HomePage_button_sendDm, .mx_AccessibleButton.mx_AccessibleButton_kind_icon_primary, .mx_AccessibleButton.mx_AccessibleButton_kind_primary {
+                        background-color: #ffffff !important;
+                        color: #000000 !important;
+                    }
+                    
+                   .mx_HomePage_button_createGroup.mx_AccessibleButton::before, 
+                   .mx_HomePage_button_sendDm.mx_AccessibleButton::before {
+                        background-color: #000 !important;
+                   }
+                    
+                  .mx_Dialog_primary {
+                        color: #000000 !important;
+                  }
+                }   
+
+                /* Hide the left sidebar and that drag-to-resize thingy */
+                .mx_LeftPanel_outerWrapper, .mx_LeftPanel_outerWrapper + .mx_ResizeHandle { display: none; !important }
+                /* Hides the "Logout" button at the bottom of Element when loading for the first time */
+                .mx_MatrixChat_splashButtons { display: none; }
+                /* Hide the search bar buttons to only allow searching inside current room */
+                .mx_SearchBar_buttons { display: none !important; }
+                /* Make the header look like the "header" component we use in other pages */
+                .mx_RoomHeader { border-bottom: none; height: unset; padding: calc(var(--margin) * 1.695) calc(var(--margin) * 1.5); }
+                .mx_RoomHeader_heading { font-weight: 900; }
+                /* Hide avatar of the user we're chatting with */
+                .mx_RoomHeader .mx_BaseAvatar { display: none !important; }
+                /* Override all of the colorful usernames with the default text color */
+                .mx_EventTile .mx_DisambiguatedProfile > span { color: var(--cpd-color-text-primary) !important; }
+
+                @media (max-device-width: 1079px) {
+                    .mx_RoomHeader { padding: calc(var(--margin) * 0.75) var(--margin); border-bottom: 1px solid var(--color-foreground-alpha); }
+                    
+                    /* Make the "right panel" cover the full screen */
+                    .mx_RightPanel { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 999999; }
+
+                    /* More breathing room in the main timeline of a chat */
+                    .mx_RoomView_timeline_rr_enabled .mx_EventTile[data-layout=group] .mx_EventTile_line,
+                    .mx_RoomView_timeline_rr_enabled .mx_EventTile[data-layout=group] .mx_ThreadSummary,
+                    .mx_RoomView_timeline_rr_enabled .mx_EventTile[data-layout=group] .mx_ThreadSummary_icon { margin-right: unset; }
+                    
+                    /* Make all Element modal dialogs span across the whole screen; this also affects dialogs on the "new chat" home screen */ 
+                    .mx_Dialog { position: absolute; top: 0; left: 0; right: 0; bottom: 0; max-height: unset !important; border-radius: 0 !important; }
+                    .mx_Dialog_fixedWidth { width: 100% !important; max-width: unset !important; }
+                }
+
+                /**
+                 * ===================== Element Home Screen (the one we use to create new chats) =====================
+                 */
+                /* Don't display the "explore public rooms" button */
+                .mx_HomePage_button_explore { display: none !important }
+                .mx_HomePage_default_buttons { display: initial !important }
+                /* Don't display Element welcome message */
+                .mx_HomePage_default_wrapper > div:first-child { display: none }
+            `);
+            styleTag.appendChild(styleContent);
+            iframeReference.contentDocument.getElementsByTagName('html')[0].appendChild(styleTag);
+        };
+
+        iframeReference.addEventListener('load', injectCss);
+
+        return () => {
+            iframeReference && iframeReference.removeEventListener('load', injectCss);
+        };
+    });
+
+    return (
+        <iframe
+            ref={iframe}
+            title="/chat"
+            src={src}
+        />
+    );
+};
+
+export default ChatIframeView;
diff --git a/pages/chat/[[...roomId]].js b/pages/chat/[[...roomId]].js
index 7a5a4f36..33d1325b 100644
--- a/pages/chat/[[...roomId]].js
+++ b/pages/chat/[[...roomId]].js
@@ -1,4 +1,4 @@
-import React, { useEffect, useRef } from 'react';
+import React from 'react';
 import { styled } from 'styled-components';
 import _ from 'lodash';
 import { useTranslation } from 'react-i18next';
@@ -11,6 +11,7 @@ import { useMatrix } from '../../lib/Matrix';
 import DefaultLayout from '../../components/layouts/default';
 import TextButton from '../../components/UI/TextButton';
 import Icon from '../../components/UI/Icon';
+import ChatIframeView from './ChatIframeView';
 
 const sortRooms = function(room) {
     return [
@@ -84,106 +85,11 @@ const SidebarListEntry = function({ room }) {
 };
 
 export default function Chat() {
-    const iframe = useRef();
     const router = useRouter();
     const roomId = _.get(router, 'query.roomId.0');
     const { t } = useTranslation('chat');
     const matrix = useMatrix();
 
-    // Injecting custom CSS into the Element <iframe>
-    useEffect(() => {
-        const iframeReference = iframe.current;
-        if (!iframeReference) return;
-
-        const injectCss = () => {
-            const styleTag = document.createElement('style');
-            const styleContent = document.createTextNode(`
-                * {
-                    --margin: 1rem;
-
-                    --cpd-color-theme-bg: rgb(255 255 255) !important; 
-                    --cpd-avatar-bg: #000000 !important;
-                    --cpd-avatar-color: #ffffff !important;
-                    --cpd-color-text-action-accent: #000 !important;
-                    --color-foreground-alpha: rgb(0 0 0 / 5%);
-
-                    border-radius: 4px !important;
-                }
-                
-                @media (prefers-color-scheme: dark) {
-                    * {
-                        --cpd-color-theme-bg: hsl(0deg 0% 8%) !important;
-                        --cpd-avatar-bg: #ffffff !important;
-                        --cpd-avatar-color: #000000 !important;
-                        --cpd-color-text-action-accent: #fff !important;
-                        --color-foreground-alpha: rgb(255 255 255 / 7%);
-                    }
-                    
-                   .mx_HomePage_button_createGroup, .mx_HomePage_button_sendDm, .mx_AccessibleButton.mx_AccessibleButton_kind_icon_primary, .mx_AccessibleButton.mx_AccessibleButton_kind_primary {
-                        background-color: #ffffff !important;
-                        color: #000000 !important;
-                    }
-                    
-                   .mx_HomePage_button_createGroup.mx_AccessibleButton::before, 
-                   .mx_HomePage_button_sendDm.mx_AccessibleButton::before {
-                        background-color: #000 !important;
-                   }
-                    
-                  .mx_Dialog_primary {
-                        color: #000000 !important;
-                  }
-                }   
-
-                /* Hide the left sidebar and that drag-to-resize thingy */
-                .mx_LeftPanel_outerWrapper, .mx_LeftPanel_outerWrapper + .mx_ResizeHandle { display: none; !important }
-                /* Hides the "Logout" button at the bottom of Element when loading for the first time */
-                .mx_MatrixChat_splashButtons { display: none; }
-                /* Hide the search bar buttons to only allow searching inside current room */
-                .mx_SearchBar_buttons { display: none !important; }
-                /* Make the header look like the "header" component we use in other pages */
-                .mx_RoomHeader { border-bottom: none; height: unset; padding: calc(var(--margin) * 1.695) calc(var(--margin) * 1.5); }
-                .mx_RoomHeader_heading { font-weight: 900; }
-                /* Hide avatar of the user we're chatting with */
-                .mx_RoomHeader .mx_BaseAvatar { display: none !important; }
-                /* Override all of the colorful usernames with the default text color */
-                .mx_EventTile .mx_DisambiguatedProfile > span { color: var(--cpd-color-text-primary) !important; }
-
-                @media (max-device-width: 1079px) {
-                    .mx_RoomHeader { padding: calc(var(--margin) * 0.75) var(--margin); border-bottom: 1px solid var(--color-foreground-alpha); }
-                    
-                    /* Make the "right panel" cover the full screen */
-                    .mx_RightPanel { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 999999; }
-
-                    /* More breathing room in the main timeline of a chat */
-                    .mx_RoomView_timeline_rr_enabled .mx_EventTile[data-layout=group] .mx_EventTile_line,
-                    .mx_RoomView_timeline_rr_enabled .mx_EventTile[data-layout=group] .mx_ThreadSummary,
-                    .mx_RoomView_timeline_rr_enabled .mx_EventTile[data-layout=group] .mx_ThreadSummary_icon { margin-right: unset; }
-                    
-                    /* Make all Element modal dialogs span across the whole screen; this also affects dialogs on the "new chat" home screen */ 
-                    .mx_Dialog { position: absolute; top: 0; left: 0; right: 0; bottom: 0; max-height: unset !important; border-radius: 0 !important; }
-                    .mx_Dialog_fixedWidth { width: 100% !important; max-width: unset !important; }
-                }
-
-                /**
-                 * ===================== Element Home Screen (the one we use to create new chats) =====================
-                 */
-                /* Don't display the "explore public rooms" button */
-                .mx_HomePage_button_explore { display: none !important }
-                .mx_HomePage_default_buttons { display: initial !important }
-                /* Don't display Element welcome message */
-                .mx_HomePage_default_wrapper > div:first-child { display: none }
-            `);
-            styleTag.appendChild(styleContent);
-            iframeReference.contentDocument.getElementsByTagName('html')[0].appendChild(styleTag);
-        };
-
-        iframeReference.addEventListener('load', injectCss);
-
-        return () => {
-            iframeReference && iframeReference.removeEventListener('load', injectCss);
-        };
-    });
-
     const directMessages = _.sortBy([...matrix.directMessages.values()], sortRooms);
     // Other rooms contains all rooms, except for the ones that ...
     const otherRooms = _([...matrix.rooms.values()])
@@ -214,9 +120,7 @@ export default function Chat() {
             </DefaultLayout.Sidebar>
             { roomId && (
                 <DefaultLayout.IframeWrapper>
-                    <iframe
-                        ref={iframe}
-                        title="/chat"
+                    <ChatIframeView
                         src={`${getConfig().publicRuntimeConfig.chat.pathToElement}/#/${roomId === 'new' ? 'home' : `room/${roomId}`}`}
                     />
                 </DefaultLayout.IframeWrapper>

From f08a1246001fd14c9d9923673f83e7685ca21a51 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 17 Jan 2024 17:26:24 +0100
Subject: [PATCH 351/714] feature: add first draft to add existing chat or
 create new one

---
 pages/explore/manage-room/AddOrCreateChat.js  | 80 +++++++++++++++++++
 .../manage-room/ExploreMatrixActions.js       | 16 ++++
 2 files changed, 96 insertions(+)
 create mode 100644 pages/explore/manage-room/AddOrCreateChat.js

diff --git a/pages/explore/manage-room/AddOrCreateChat.js b/pages/explore/manage-room/AddOrCreateChat.js
new file mode 100644
index 00000000..1a42064c
--- /dev/null
+++ b/pages/explore/manage-room/AddOrCreateChat.js
@@ -0,0 +1,80 @@
+import React, { useState } from 'react';
+import { useTranslation } from 'react-i18next';
+
+import { useAuth } from '../../../lib/Auth';
+import ErrorMessage from '../../../components/UI/ErrorMessage';
+import Form from '../../../components/UI/Form';
+import PreviousNextButtons from '../../../components/UI/PreviousNextButtons';
+import LoadingSpinnerInline from '../../../components/UI/LoadingSpinnerInline';
+
+const AddOrCreateChat = ({ parentId, parentName, onCancel }) => {
+    const auth = useAuth();
+    const matrix = auth.getAuthenticationProvider('matrix');
+    const [selectedOption, setSelectedOption] = useState('existing'); // 'existing' or 'new'
+    const [isAddingAllowed, setIsAddingAllowed] = useState(false);
+    const [errorMessage, setErrorMessage] = useState('');
+    const [isLoading, setIsLoading] = useState(false);
+    const { t } = useTranslation('explore');
+
+    const handleOptionChange = (option) => {
+        setSelectedOption(option);
+        setErrorMessage('');
+    };
+
+    const handleAddContext = async (e) => {
+        e.preventDefault();
+        setIsLoading(true);
+
+        if (selectedOption === 'existing') {
+            // Add existing room logic
+            // Replace the following line with the actual logic to add an existing room
+            console.log('Adding existing room to parentId:', parentId);
+        } else if (selectedOption === 'new') {
+            // Create new room logic
+            // Replace the following line with the actual logic to create a new room
+            console.log('Creating new room for parentId:', parentId);
+        }
+
+        // Reset state and perform cleanup
+        setIsLoading(false);
+        handleCancel();
+    };
+
+    const handleCancel = () => {
+        setSelectedOption('existing');
+        setIsAddingAllowed(false);
+        setErrorMessage('');
+        onCancel();
+    };
+
+    return (
+        <Form onSubmit={handleAddContext}>
+            <div>
+                <label>
+                    <input
+                        type="radio"
+                        value="existing"
+                        checked={selectedOption === 'existing'}
+                        onChange={() => handleOptionChange('existing')}
+                    />
+                    { t('Add Existing Room') }
+                </label>
+                <label>
+                    <input
+                        type="radio"
+                        value="new"
+                        checked={selectedOption === 'new'}
+                        onChange={() => handleOptionChange('new')}
+                    />
+                    { t('Create New Room') }
+                </label>
+            </div>
+            { errorMessage && <ErrorMessage>{ errorMessage }</ErrorMessage> }
+            <PreviousNextButtons disableNext={!isAddingAllowed} onCancel={handleCancel}>
+                { isLoading ? <LoadingSpinnerInline inverted /> : t('add') }
+            </PreviousNextButtons>
+        </Form>
+    );
+};
+
+export default AddOrCreateChat;
diff --git a/pages/explore/manage-room/ExploreMatrixActions.js b/pages/explore/manage-room/ExploreMatrixActions.js
index 541421a3..5f82f66a 100644
--- a/pages/explore/manage-room/ExploreMatrixActions.js
+++ b/pages/explore/manage-room/ExploreMatrixActions.js
@@ -16,6 +16,7 @@ import LeaveRoom from './LeaveRoom';
 import ChangeJoinRule from './ChangeJoinRule';
 import { useMatrix } from '../../../lib/Matrix';
 import ChangeTopic from './ChangeTopic';
+import AddOrCreateChat from './AddOrCreateChat';
 
 /**
  * This component provides actions for managing contexts and items within a matrix room.
@@ -105,6 +106,16 @@ const RenderSwitch = ({ currentId, parentId, roomName, children, callApiAndAddTo
                     setSelectedRadioButton('');
                     setSelectedAction('');
                 }} />;
+        case 'addOrCreateChat':
+            return <AddOrCreateChat
+                parentId={parentId}
+                parentName={roomName}
+                contextRootId={getConfig().publicRuntimeConfig.contextRootSpaceRoomId}
+                onCancel={() => {
+                    setSelectedRadioButton('');
+                    setSelectedAction('');
+                }}
+            />;
         case 'removeSpace':
             return <RemoveSpaceFromParent parentId={currentId}
                 parentName={roomName}
@@ -173,6 +184,11 @@ const RenderSwitch = ({ currentId, parentId, roomName, children, callApiAndAddTo
                             <label htmlFor="existingContext">{ t('Add existing context') }</label>
                         </RadioWrapper>
 
+                        <RadioWrapper>
+                            <input type="radio" id="addOrCreateChat" name="action" value="addOrCreateChat" />
+                            <label htmlFor="addOrCreateChat">{ t('Add existing chat or create one') }</label>
+                        </RadioWrapper>
+
                         <RadioWrapper>
                             <input type="radio" id="removeSpace" name="action" value="removeSpace" />
                             <label htmlFor="removeSpace">{ t('Remove items or contexts') }</label>

From eed2683f326bb694772a879d35f28f76de22b8a8 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Fri, 19 Jan 2024 11:49:40 +0100
Subject: [PATCH 352/714] refactor: add complete function to add existing chat
 rooms

---
 pages/explore/manage-room/AddExistingItem.js  |   3 +-
 pages/explore/manage-room/AddOrCreateChat.js  |  80 ----------
 .../manage-room/AddOrCreateChat/index.js      | 137 ++++++++++++++++++
 .../manage-room/ExploreMatrixActions.js       |   7 +-
 4 files changed, 142 insertions(+), 85 deletions(-)
 delete mode 100644 pages/explore/manage-room/AddOrCreateChat.js
 create mode 100644 pages/explore/manage-room/AddOrCreateChat/index.js

diff --git a/pages/explore/manage-room/AddExistingItem.js b/pages/explore/manage-room/AddExistingItem.js
index cd740763..fe4034d2 100644
--- a/pages/explore/manage-room/AddExistingItem.js
+++ b/pages/explore/manage-room/AddExistingItem.js
@@ -20,7 +20,7 @@ import Form from '../../../components/UI/Form';
 
 const AddExistingItem = ({ currentId, onCancel }) => {
     const auth = useAuth();
-    const matrix = useMatrix(auth.getAuthenticationProvider('matrix'));
+    const matrix = useMatrix();
     const matrixAuthed = auth.getAuthenticationProvider('matrix');
     const applicationsFolder = matrix.applicationsFolder;
     // const templatesToDisplay = getConfig().publicRuntimeConfig.templates.item.concat(getConfig().publicRuntimeConfig.templates.context);
@@ -48,6 +48,7 @@ const AddExistingItem = ({ currentId, onCancel }) => {
                 setErrorMessage((error.data?.error || t('something went wrong, please try again'))),
             ]);
         setIsAddingContext(false);
+
         if (addChildToParent?.event_id) {
             setSelectedLevels([applicationsFolder]);
             setErrorMessage('');
diff --git a/pages/explore/manage-room/AddOrCreateChat.js b/pages/explore/manage-room/AddOrCreateChat.js
deleted file mode 100644
index 1a42064c..00000000
--- a/pages/explore/manage-room/AddOrCreateChat.js
+++ /dev/null
@@ -1,80 +0,0 @@
-import React, { useState } from 'react';
-import { useTranslation } from 'react-i18next';
-
-import { useAuth } from '../../../lib/Auth';
-import ErrorMessage from '../../../components/UI/ErrorMessage';
-import Form from '../../../components/UI/Form';
-import PreviousNextButtons from '../../../components/UI/PreviousNextButtons';
-import LoadingSpinnerInline from '../../../components/UI/LoadingSpinnerInline';
-
-const AddOrCreateChat = ({ parentId, parentName, onCancel }) => {
-    const auth = useAuth();
-    const matrix = auth.getAuthenticationProvider('matrix');
-    const [selectedOption, setSelectedOption] = useState('existing'); // 'existing' or 'new'
-    const [isAddingAllowed, setIsAddingAllowed] = useState(false);
-    const [errorMessage, setErrorMessage] = useState('');
-    const [isLoading, setIsLoading] = useState(false);
-    const { t } = useTranslation('explore');
-
-    const handleOptionChange = (option) => {
-        setSelectedOption(option);
-        setErrorMessage('');
-    };
-
-    const handleAddContext = async (e) => {
-        e.preventDefault();
-        setIsLoading(true);
-
-        if (selectedOption === 'existing') {
-            // Add existing room logic
-            // Replace the following line with the actual logic to add an existing room
-            console.log('Adding existing room to parentId:', parentId);
-        } else if (selectedOption === 'new') {
-            // Create new room logic
-            // Replace the following line with the actual logic to create a new room
-            console.log('Creating new room for parentId:', parentId);
-        }
-
-        // Reset state and perform cleanup
-        setIsLoading(false);
-        handleCancel();
-    };
-
-    const handleCancel = () => {
-        setSelectedOption('existing');
-        setIsAddingAllowed(false);
-        setErrorMessage('');
-        onCancel();
-    };
-
-    return (
-        <Form onSubmit={handleAddContext}>
-            <div>
-                <label>
-                    <input
-                        type="radio"
-                        value="existing"
-                        checked={selectedOption === 'existing'}
-                        onChange={() => handleOptionChange('existing')}
-                    />
-                    { t('Add Existing Room') }
-                </label>
-                <label>
-                    <input
-                        type="radio"
-                        value="new"
-                        checked={selectedOption === 'new'}
-                        onChange={() => handleOptionChange('new')}
-                    />
-                    { t('Create New Room') }
-                </label>
-            </div>
-            { errorMessage && <ErrorMessage>{ errorMessage }</ErrorMessage> }
-            <PreviousNextButtons disableNext={!isAddingAllowed} onCancel={handleCancel}>
-                { isLoading ? <LoadingSpinnerInline inverted /> : t('add') }
-            </PreviousNextButtons>
-        </Form>
-    );
-};
-
-export default AddOrCreateChat;
diff --git a/pages/explore/manage-room/AddOrCreateChat/index.js b/pages/explore/manage-room/AddOrCreateChat/index.js
new file mode 100644
index 00000000..7a584a5e
--- /dev/null
+++ b/pages/explore/manage-room/AddOrCreateChat/index.js
@@ -0,0 +1,137 @@
+import React, { useState } from 'react';
+import { useTranslation } from 'react-i18next';
+
+import ErrorMessage from '../../../../components/UI/ErrorMessage';
+import Form from '../../../../components/UI/Form';
+import PreviousNextButtons from '../../../../components/UI/PreviousNextButtons';
+import LoadingSpinnerInline from '../../../../components/UI/LoadingSpinnerInline';
+import { useMatrix } from '../../../../lib/Matrix';
+import { ServiceTable } from '../../../../components/UI/ServiceTable';
+
+const Index = ({ currentId, onCancel }) => {
+    const matrix = useMatrix();
+    const [selectedOption, setSelectedOption] = useState('existing'); // 'existing' or 'new'
+    const [errorMessage, setErrorMessage] = useState('');
+    const [isLoading, setIsLoading] = useState(false);
+    const allChatRooms = Array.from(matrix.rooms.values()).filter(room => !room.meta);
+    const [selectedRoom, setSelectedRoom] = useState('');
+    const { t } = useTranslation('explore');
+
+    const handleOptionChange = (option) => {
+        setSelectedOption(option);
+        setErrorMessage('');
+    };
+
+    const handleAddChat = async (e) => {
+        e.preventDefault();
+        setIsLoading(true);
+
+        if (selectedOption === 'existing') {
+            const addChildToParent = await matrix.addSpaceChild(currentId, selectedRoom)
+                .catch((error) => [
+                    setErrorMessage((error.data?.error || t('something went wrong, please try again'))),
+                ]);
+            console.log(addChildToParent);
+            console.log('Adding existing room to parentId:', currentId);
+        } else if (selectedOption === 'new') {
+            // Create new room logic
+            // Replace the following line with the actual logic to create a new room
+            console.log('Creating new room for parentId:', currentId);
+        }
+
+        // Reset state and perform cleanup
+        setIsLoading(false);
+        handleCancel();
+    };
+
+    const handleCancel = () => {
+        setSelectedOption('existing');
+        setErrorMessage('');
+        onCancel();
+    };
+
+    console.log(allChatRooms);
+    console.log(selectedRoom);
+
+    return (
+        <Form onSubmit={handleAddChat}>
+            <div>
+                <label>
+                    <input
+                        type="radio"
+                        value="existing"
+                        checked={selectedOption === 'existing'}
+                        onChange={() => handleOptionChange('existing')}
+                    />
+                    { t('Add Existing Room') }
+                </label>
+                <label>
+                    <input
+                        type="radio"
+                        value="new"
+                        checked={selectedOption === 'new'}
+                        onChange={() => handleOptionChange('new')}
+                    />
+                    { t('Create New Room') }
+                </label>
+            </div>
+
+            { selectedOption === 'existing' && (
+                <>
+                    { /*<ServiceTable>*/ }
+                    { /*    <ServiceTable.Caption>*/ }
+                    { /*        { t('All available chat rooms') }*/ }
+                    { /*    </ServiceTable.Caption>*/ }
+                    { /*    <ServiceTable.Head>*/ }
+                    { /*        <ServiceTable.Row>*/ }
+                    { /*            <ServiceTable.Header align="left">*/ }
+                    { /*                { t('Name') }*/ }
+                    { /*            </ServiceTable.Header>*/ }
+                    { /*        </ServiceTable.Row>*/ }
+                    { /*    </ServiceTable.Head>*/ }
+                    { /*    <ServiceTable.Body>*/ }
+                    { /*        { allChatRooms.map(room => {*/ }
+                    { /*            return <ChatRow*/ }
+                    { /*                key={room.roomId}*/ }
+                    { /*                name={room.name}*/ }
+                    { /*                roomId={room.roomId} />;*/ }
+                    { /*        })*/ }
+                    { /*        }*/ }
+                    { /*    </ServiceTable.Body>*/ }
+                    { /*</ServiceTable>*/ }
+                    <select onChange={(e) => setSelectedRoom(e.target.value)}>
+                        { allChatRooms.map(room => {
+                            return <option key={room.roomId} value={room.roomId}>{ room.name }</option>;
+                        }) }
+                    </select>
+                </>
+            )
+            }
+            { errorMessage && <ErrorMessage>{ errorMessage }</ErrorMessage> }
+            <PreviousNextButtons disableNext={!selectedRoom} onCancel={handleCancel}>
+                { isLoading ? <LoadingSpinnerInline inverted /> : t('add') }
+            </PreviousNextButtons>
+        </Form>
+    );
+};
+
+export default Index;
+
+const ChatRow = ({ name, roomId }) => {
+    const [checked, setChecked] = useState(false);
+
+    return (
+        <ServiceTable.Row>
+            <ServiceTable.Cell>
+                { name }
+            </ServiceTable.Cell>
+            <ServiceTable.Cell align="right">
+                <input
+                    type="checkbox"
+                    checked={checked}
+                    onChange={() => setChecked(prevState => !prevState)}
+                />
+            </ServiceTable.Cell>
+        </ServiceTable.Row>
+    );
+};
diff --git a/pages/explore/manage-room/ExploreMatrixActions.js b/pages/explore/manage-room/ExploreMatrixActions.js
index 5f82f66a..569cf611 100644
--- a/pages/explore/manage-room/ExploreMatrixActions.js
+++ b/pages/explore/manage-room/ExploreMatrixActions.js
@@ -16,7 +16,7 @@ import LeaveRoom from './LeaveRoom';
 import ChangeJoinRule from './ChangeJoinRule';
 import { useMatrix } from '../../../lib/Matrix';
 import ChangeTopic from './ChangeTopic';
-import AddOrCreateChat from './AddOrCreateChat';
+import Index from './AddOrCreateChat';
 
 /**
  * This component provides actions for managing contexts and items within a matrix room.
@@ -107,10 +107,9 @@ const RenderSwitch = ({ currentId, parentId, roomName, children, callApiAndAddTo
                     setSelectedAction('');
                 }} />;
         case 'addOrCreateChat':
-            return <AddOrCreateChat
-                parentId={parentId}
+            return <Index
+                currentId={currentId}
                 parentName={roomName}
-                contextRootId={getConfig().publicRuntimeConfig.contextRootSpaceRoomId}
                 onCancel={() => {
                     setSelectedRadioButton('');
                     setSelectedAction('');

From 681baeb93f198ebb6065ea51124534c71a5112bd Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Fri, 19 Jan 2024 14:30:36 +0100
Subject: [PATCH 353/714] refactor: add complete function to add new chat rooms
 to a context

---
 .../manage-room/AddOrCreateChat/AddNewChat.js | 68 +++++++++++++++++++
 1 file changed, 68 insertions(+)
 create mode 100644 pages/explore/manage-room/AddOrCreateChat/AddNewChat.js

diff --git a/pages/explore/manage-room/AddOrCreateChat/AddNewChat.js b/pages/explore/manage-room/AddOrCreateChat/AddNewChat.js
new file mode 100644
index 00000000..e2317a73
--- /dev/null
+++ b/pages/explore/manage-room/AddOrCreateChat/AddNewChat.js
@@ -0,0 +1,68 @@
+import React, { useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import _ from 'lodash';
+
+import { useMatrix } from '../../../../lib/Matrix';
+import logger from '../../../../lib/Logging';
+import Form from '../../../../components/UI/Form';
+import presets from '../../presets';
+import ErrorMessage from '../../../../components/UI/ErrorMessage';
+import PreviousNextButtons from '../../../../components/UI/PreviousNextButtons';
+import LoadingSpinnerInline from '../../../../components/UI/LoadingSpinnerInline';
+
+export default function AddNewChat({ handleCancel, currentId, onSuccess, parentName }) {
+    const matrix = useMatrix();
+    const [roomName, setRoomName] = useState('');
+    const [roomTopic, setRoomTopic] = useState('');
+    const [selectedJoinRule, setSelectedJoinRule] = useState('knock_restricted');
+    const [errorMessage, setErrorMessage] = useState('');
+    const [userFeedback, setUserFeedback] = useState('');
+    const [isLoading, setIsLoading] = useState(false);
+    const { t } = useTranslation('explore');
+
+    const handleNewChat = async (e) => {
+        e.preventDefault();
+        setIsLoading(true);
+        setErrorMessage('');
+
+        // create new room
+        const roomId = await matrix.createRoom(roomName, false, roomTopic, selectedJoinRule, null, null, currentId)
+            .catch(error => {
+                setErrorMessage((error.data?.error || t('something went wrong, please try again')));
+            });
+        // add created room to parent
+        const addChildToParent= await matrix.addSpaceChild(currentId, roomId)
+            .catch((error) => [
+                setErrorMessage((error.data?.error || t('something went wrong, please try again'))),
+            ]);
+
+        if (addChildToParent.event_id) {
+            logger.log('Adding new room to parentId:', currentId);
+            setUserFeedback(`${roomName} was successfully created and added to ${parentName}`);
+            _.delay(() => {
+                setRoomName('');
+                setRoomTopic('');
+                setUserFeedback('');
+                onSuccess();
+            }, 2500);
+        }
+
+        setIsLoading(false);
+    };
+
+    return <Form onSubmit={handleNewChat}>
+        <input type="text" placeholder={t('name of the room')} value={roomName} onChange={(e) => setRoomName(e.target.value)} />
+        <input type="text" placeholder={t('topic of the room')} value={roomTopic} onChange={(e) => setRoomTopic(e.target.value)} />
+        <select value={selectedJoinRule} onChange={(e) => setSelectedJoinRule(e.target.value)}>
+            { presets.allowedJoinRules.map((joinRule => {
+                return <option key={joinRule.name}
+                    value={joinRule.name}>{ joinRule.label } -- <em>{ joinRule.description }</em></option>;
+            })) }
+        </select>
+        { errorMessage && <ErrorMessage>{ errorMessage }</ErrorMessage> }
+        { userFeedback && <p>{ userFeedback }</p> }
+        <PreviousNextButtons disableNext={!roomName || !roomTopic || userFeedback} onCancel={handleCancel}>
+            { isLoading ? <LoadingSpinnerInline inverted /> : t('add') }
+        </PreviousNextButtons>
+    </Form>;
+}

From 08f3b07bfa13735b77db095e6ae8b1f7858ab3fc Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Fri, 19 Jan 2024 14:31:04 +0100
Subject: [PATCH 354/714] refactor: extract RadioButton.js into its own
 component

---
 components/UI/RadioButton.js                  | 23 ++++++
 .../manage-room/ExploreMatrixActions.js       | 80 ++++++++-----------
 2 files changed, 55 insertions(+), 48 deletions(-)
 create mode 100644 components/UI/RadioButton.js

diff --git a/components/UI/RadioButton.js b/components/UI/RadioButton.js
new file mode 100644
index 00000000..1fda3f1d
--- /dev/null
+++ b/components/UI/RadioButton.js
@@ -0,0 +1,23 @@
+import styled from 'styled-components';
+import React from 'react';
+
+const RadioWrapper = styled.div`
+  display: grid;
+  grid-auto-flow: column;
+  grid-gap: var(--margin);
+  align-content: center;
+  justify-content: start;
+`;
+
+const RadioButton = ({ id, name, value, onChange, checked, children }) => {
+    const handleChange = () => {
+        onChange && onChange();
+    };
+
+    return <RadioWrapper>
+        <input type="radio" id={id} name={name} value={value} checked={checked} onChange={handleChange} />
+        <label htmlFor={id}>{ children }</label>
+    </RadioWrapper>;
+};
+
+export default RadioButton;
diff --git a/pages/explore/manage-room/ExploreMatrixActions.js b/pages/explore/manage-room/ExploreMatrixActions.js
index 569cf611..44e1d89d 100644
--- a/pages/explore/manage-room/ExploreMatrixActions.js
+++ b/pages/explore/manage-room/ExploreMatrixActions.js
@@ -17,6 +17,7 @@ import ChangeJoinRule from './ChangeJoinRule';
 import { useMatrix } from '../../../lib/Matrix';
 import ChangeTopic from './ChangeTopic';
 import Index from './AddOrCreateChat';
+import RadioButton from '../../../components/UI/RadioButton';
 
 /**
  * This component provides actions for managing contexts and items within a matrix room.
@@ -39,14 +40,6 @@ const ExploreMatrixActionWrapper = styled.div`
   }
 `;
 
-const RadioWrapper = styled.div`
-  display: grid;
-  grid-auto-flow: column;
-  grid-gap: var(--margin);
-  align-content: center;
-  justify-content: start;
-`;
-
 const ExploreMatrixActions = ({ currentId, parentId, myPowerLevel, children, callApiAndAddToObject }) => {
     const { t } = useTranslation('explore');
     const matrix = useMatrix();
@@ -168,54 +161,45 @@ const RenderSwitch = ({ currentId, parentId, roomName, children, callApiAndAddTo
             >
                 { room.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel) &&
                     <>
-                        <RadioWrapper>
-                            <input type="radio" id="substructure" name="action" value="substructure" />
-                            <label htmlFor="substructure">{ t('Create new substructure') }</label>
-                        </RadioWrapper>
-
-                        <RadioWrapper>
-                            <input type="radio" id="existingItem" name="action" value="existingItem" />
-                            <label htmlFor="existingItem"> { t('Add existing item') }</label>
-                        </RadioWrapper>
-
-                        <RadioWrapper>
-                            <input type="radio" id="existingContext" name="action" value="existingContext" />
-                            <label htmlFor="existingContext">{ t('Add existing context') }</label>
-                        </RadioWrapper>
-
-                        <RadioWrapper>
-                            <input type="radio" id="addOrCreateChat" name="action" value="addOrCreateChat" />
-                            <label htmlFor="addOrCreateChat">{ t('Add existing chat or create one') }</label>
-                        </RadioWrapper>
-
-                        <RadioWrapper>
-                            <input type="radio" id="removeSpace" name="action" value="removeSpace" />
-                            <label htmlFor="removeSpace">{ t('Remove items or contexts') }</label>
-                        </RadioWrapper>
+                        <RadioButton id="substructure" name="action" value="substructure">
+                            { t('Create new substructure') }
+                        </RadioButton>
+
+                        <RadioButton id="existingItem" name="action" value="existingItem">
+                            { t('Add existing item') }
+                        </RadioButton>
+
+                        <RadioButton id="existingContext" name="action" value="existingContext">
+                            { t('Add existing context') }
+                        </RadioButton>
+
+                        <RadioButton id="addOrCreateChat" name="action" value="addOrCreateChat">
+                            { t('Add existing chat or create one') }
+                        </RadioButton>
+
+                        <RadioButton id="removeSpace" name="action" value="removeSpace">
+                            { t('Remove items or contexts') }
+                        </RadioButton>
                     </>
                 }
                 { room.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel) &&
-                    <RadioWrapper>
-                        <input type="radio" id="manageUsers" name="action" value="manageUsers" />
-                        <label htmlFor="manageUsers">{ t('Manage users in') } { roomName }</label>
-                    </RadioWrapper> }
+                    <RadioButton id="manageUsers" name="action" value="manageUsers">
+                        { t('Manage users in') } { roomName }
+                    </RadioButton> }
 
-                <RadioWrapper>
-                    <input type="radio" id="leaveRoom" name="action" value="leaveRoom" />
-                    <label htmlFor="leaveRoom">{ t('Leave') } { roomName }</label>
-                </RadioWrapper>
+                <RadioButton id="leaveRoom" name="action" value="leaveRoom">
+                    { t('Leave') } { roomName }
+                </RadioButton>
 
                 { room.currentState.hasSufficientPowerLevelFor('m.room.join_rules', myPowerLevel) &&
-                    <RadioWrapper>
-                        <input type="radio" id="changeJoinRule" name="action" value="changeJoinRule" />
-                        <label htmlFor="changeJoinRule">{ t('Change join rule') }</label>
-                    </RadioWrapper> }
+                    <RadioButton id="changeJoinRule" name="action" value="changeJoinRule">
+                        { t('Change join rule') }
+                    </RadioButton> }
 
                 { room.currentState.hasSufficientPowerLevelFor('m.room.topic', myPowerLevel) &&
-                    <RadioWrapper>
-                        <input type="radio" id="changeTopic" name="action" value="changeTopic" />
-                        <label htmlFor="changeTopic">{ t('Change topic') }</label>
-                    </RadioWrapper> }
+                    <RadioButton id="changeTopic" name="action" value="changeTopic">
+                        { t('Change topic') }
+                    </RadioButton> }
 
                 <PreviousNextButtons
                     disabled={!selectedRadioButton}

From fa3025c823d0f54ca8dfc7ed53fa19f6b1c2d209 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Fri, 19 Jan 2024 14:32:16 +0100
Subject: [PATCH 355/714] refactor: extract logic and components for adding or
 creating chats. User previous, next logic to nvigate through selection.

---
 .../AddOrCreateChat/AddExistingChat.js        |  56 ++++++
 .../manage-room/AddOrCreateChat/index.js      | 161 ++++++------------
 2 files changed, 105 insertions(+), 112 deletions(-)
 create mode 100644 pages/explore/manage-room/AddOrCreateChat/AddExistingChat.js

diff --git a/pages/explore/manage-room/AddOrCreateChat/AddExistingChat.js b/pages/explore/manage-room/AddOrCreateChat/AddExistingChat.js
new file mode 100644
index 00000000..669b65d8
--- /dev/null
+++ b/pages/explore/manage-room/AddOrCreateChat/AddExistingChat.js
@@ -0,0 +1,56 @@
+import React, { useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import _ from 'lodash';
+
+import { useMatrix } from '../../../../lib/Matrix';
+import logger from '../../../../lib/Logging';
+import Form from '../../../../components/UI/Form';
+import ErrorMessage from '../../../../components/UI/ErrorMessage';
+import PreviousNextButtons from '../../../../components/UI/PreviousNextButtons';
+import LoadingSpinnerInline from '../../../../components/UI/LoadingSpinnerInline';
+
+export default function AddExistingChat({ allChatRooms, handleCancel, currentId, onSuccess, parentName }) {
+    const matrix = useMatrix();
+    const [selectedRoom, setSelectedRoom] = useState('');
+    const [errorMessage, setErrorMessage] = useState('');
+    const [userFeedback, setUserFeedback] = useState('');
+    const [isLoading, setIsLoading] = useState(false);
+    const { t } = useTranslation('explore');
+
+    const handleAddChat = async (e) => {
+        e.preventDefault();
+        setIsLoading(true);
+        setErrorMessage('');
+        const addChildToParent = await matrix.addSpaceChild(currentId, selectedRoom)
+            .catch((error) => [
+                setErrorMessage((error.data?.error || t('something went wrong, please try again'))),
+            ]);
+
+        if (addChildToParent.event_id) {
+            logger.log('Added existing room to parentId:', currentId);
+            setUserFeedback(`Successfully added to ${parentName}`);
+            _.delay(() => {
+                setSelectedRoom('');
+                setUserFeedback('');
+                onSuccess();
+            }, 2500);
+        }
+
+        setIsLoading(false);
+        onSuccess();
+    };
+
+    return <Form onSubmit={handleAddChat}>
+        <select onChange={(e) => setSelectedRoom(e.target.value)}>
+            <option disabled selected value="">-- { t('Choose Chat Room') } --</option>
+            { allChatRooms.map(room => {
+                return <option key={room.roomId} value={room.roomId}>{ room.name }</option>;
+            }) }
+        </select>
+        { errorMessage && <ErrorMessage>{ errorMessage }</ErrorMessage> }
+        { userFeedback && <p>{ userFeedback }</p> }
+        <PreviousNextButtons disableNext={!selectedRoom || userFeedback} onCancel={handleCancel}>
+            { isLoading ? <LoadingSpinnerInline inverted /> : t('add') }
+        </PreviousNextButtons>
+    </Form>;
+}
diff --git a/pages/explore/manage-room/AddOrCreateChat/index.js b/pages/explore/manage-room/AddOrCreateChat/index.js
index 7a584a5e..e994c12b 100644
--- a/pages/explore/manage-room/AddOrCreateChat/index.js
+++ b/pages/explore/manage-room/AddOrCreateChat/index.js
@@ -1,137 +1,74 @@
 import React, { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 
-import ErrorMessage from '../../../../components/UI/ErrorMessage';
 import Form from '../../../../components/UI/Form';
 import PreviousNextButtons from '../../../../components/UI/PreviousNextButtons';
-import LoadingSpinnerInline from '../../../../components/UI/LoadingSpinnerInline';
 import { useMatrix } from '../../../../lib/Matrix';
-import { ServiceTable } from '../../../../components/UI/ServiceTable';
+import RadioButton from '../../../../components/UI/RadioButton';
+import AddExistingChat from './AddExistingChat';
+import AddNewChat from './AddNewChat';
 
-const Index = ({ currentId, onCancel }) => {
+const Index = ({ currentId, parentName, onCancel }) => {
     const matrix = useMatrix();
-    const [selectedOption, setSelectedOption] = useState('existing'); // 'existing' or 'new'
-    const [errorMessage, setErrorMessage] = useState('');
-    const [isLoading, setIsLoading] = useState(false);
-    const allChatRooms = Array.from(matrix.rooms.values()).filter(room => !room.meta);
-    const [selectedRoom, setSelectedRoom] = useState('');
+    const [selectedRadioButton, setSelectedRadioButton] = useState('');
+    const [selectedOption, setSelectedOption] = useState(''); // 'existing' or 'new'
+    // create an array of chat rooms, filtering all rooms with a dev.medienhaus.meta event (not chat rooms), and all dm's
+    const allChatRooms = Array.from(matrix.rooms.values())
+        .filter(room => !room.meta)
+        .filter(room => !matrix.directMessages.has(room.roomId));
+
     const { t } = useTranslation('explore');
 
     const handleOptionChange = (option) => {
-        setSelectedOption(option);
-        setErrorMessage('');
-    };
-
-    const handleAddChat = async (e) => {
-        e.preventDefault();
-        setIsLoading(true);
-
-        if (selectedOption === 'existing') {
-            const addChildToParent = await matrix.addSpaceChild(currentId, selectedRoom)
-                .catch((error) => [
-                    setErrorMessage((error.data?.error || t('something went wrong, please try again'))),
-                ]);
-            console.log(addChildToParent);
-            console.log('Adding existing room to parentId:', currentId);
-        } else if (selectedOption === 'new') {
-            // Create new room logic
-            // Replace the following line with the actual logic to create a new room
-            console.log('Creating new room for parentId:', currentId);
-        }
-
-        // Reset state and perform cleanup
-        setIsLoading(false);
-        handleCancel();
+        setSelectedRadioButton(option);
     };
 
     const handleCancel = () => {
-        setSelectedOption('existing');
-        setErrorMessage('');
+        setSelectedOption('');
         onCancel();
     };
 
-    console.log(allChatRooms);
-    console.log(selectedRoom);
+    if (selectedOption === 'existing') {
+        return <AddExistingChat
+            allChatRooms={allChatRooms}
+            handleCancel={() => setSelectedOption('')}
+            onSuccess={handleCancel}
+            currentId={currentId}
+            parentName={parentName}
+        />;
+    }
 
-    return (
-        <Form onSubmit={handleAddChat}>
-            <div>
-                <label>
-                    <input
-                        type="radio"
-                        value="existing"
-                        checked={selectedOption === 'existing'}
-                        onChange={() => handleOptionChange('existing')}
-                    />
-                    { t('Add Existing Room') }
-                </label>
-                <label>
-                    <input
-                        type="radio"
-                        value="new"
-                        checked={selectedOption === 'new'}
-                        onChange={() => handleOptionChange('new')}
-                    />
-                    { t('Create New Room') }
-                </label>
-            </div>
+    if (selectedOption === 'new') {
+        return <AddNewChat
+            handleCancel={() => setSelectedOption('')}
+            onSuccess={handleCancel}
+            currentId={currentId}
+            parentName={parentName}
+        />;
+    }
 
-            { selectedOption === 'existing' && (
-                <>
-                    { /*<ServiceTable>*/ }
-                    { /*    <ServiceTable.Caption>*/ }
-                    { /*        { t('All available chat rooms') }*/ }
-                    { /*    </ServiceTable.Caption>*/ }
-                    { /*    <ServiceTable.Head>*/ }
-                    { /*        <ServiceTable.Row>*/ }
-                    { /*            <ServiceTable.Header align="left">*/ }
-                    { /*                { t('Name') }*/ }
-                    { /*            </ServiceTable.Header>*/ }
-                    { /*        </ServiceTable.Row>*/ }
-                    { /*    </ServiceTable.Head>*/ }
-                    { /*    <ServiceTable.Body>*/ }
-                    { /*        { allChatRooms.map(room => {*/ }
-                    { /*            return <ChatRow*/ }
-                    { /*                key={room.roomId}*/ }
-                    { /*                name={room.name}*/ }
-                    { /*                roomId={room.roomId} />;*/ }
-                    { /*        })*/ }
-                    { /*        }*/ }
-                    { /*    </ServiceTable.Body>*/ }
-                    { /*</ServiceTable>*/ }
-                    <select onChange={(e) => setSelectedRoom(e.target.value)}>
-                        { allChatRooms.map(room => {
-                            return <option key={room.roomId} value={room.roomId}>{ room.name }</option>;
-                        }) }
-                    </select>
-                </>
-            )
-            }
-            { errorMessage && <ErrorMessage>{ errorMessage }</ErrorMessage> }
-            <PreviousNextButtons disableNext={!selectedRoom} onCancel={handleCancel}>
-                { isLoading ? <LoadingSpinnerInline inverted /> : t('add') }
-            </PreviousNextButtons>
+    return (
+        <Form onSubmit={() => setSelectedOption(selectedRadioButton)}>
+            <RadioButton
+                value="existing"
+                id="existing"
+                checked={selectedRadioButton === 'existing'}
+                onChange={() => handleOptionChange('existing')}
+            >
+                { t('Add Existing Room') }
+            </RadioButton>
+            <RadioButton
+                value="new"
+                id="new"
+                checked={selectedRadioButton === 'new'}
+                onChange={() => handleOptionChange('new')}
+            >
+                { t('Create New Room') }
+            </RadioButton>
+            <PreviousNextButtons disableNext={!selectedRadioButton} onCancel={handleCancel} />
         </Form>
     );
 };
 
 export default Index;
 
-const ChatRow = ({ name, roomId }) => {
-    const [checked, setChecked] = useState(false);
-
-    return (
-        <ServiceTable.Row>
-            <ServiceTable.Cell>
-                { name }
-            </ServiceTable.Cell>
-            <ServiceTable.Cell align="right">
-                <input
-                    type="checkbox"
-                    checked={checked}
-                    onChange={() => setChecked(prevState => !prevState)}
-                />
-            </ServiceTable.Cell>
-        </ServiceTable.Row>
-    );
-};

From eb853fd04263d936c5fa0fbc47849b95da4cf61d Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Fri, 19 Jan 2024 14:32:49 +0100
Subject: [PATCH 356/714] refactor: return from addSpaceChild

---
 lib/Matrix.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/Matrix.js b/lib/Matrix.js
index 6a259139..200614d5 100644
--- a/lib/Matrix.js
+++ b/lib/Matrix.js
@@ -503,7 +503,7 @@ function useMatrixProvider(auth) {
      * @throws {Error} If the authentication provider encounters an error other than 429 during the operation.
      */
     const addSpaceChild = async (parent, child, suggested) => {
-        await authenticationProvider.addSpaceChild(parent, child, suggested)
+        return authenticationProvider.addSpaceChild(parent, child, suggested)
             .catch((error) => {
                 return handleRateLimit(error, () => addSpaceChild(parent, child, suggested));
             });

From deb06af7893cd8cc0456dd9299890b36d0f0ced2 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Fri, 19 Jan 2024 14:40:41 +0100
Subject: [PATCH 357/714] refactor: update JSDoc for createRoom method, and
 remove unused variable

---
 lib/auth/MatrixAuthProvider.js | 28 +++++++++++++++++-----------
 1 file changed, 17 insertions(+), 11 deletions(-)

diff --git a/lib/auth/MatrixAuthProvider.js b/lib/auth/MatrixAuthProvider.js
index 099e2601..75ae77ab 100644
--- a/lib/auth/MatrixAuthProvider.js
+++ b/lib/auth/MatrixAuthProvider.js
@@ -112,10 +112,13 @@ class MatrixAuthProvider {
      * @param {string} type - The type of the room or space.
      * @param {string} template - The template for the room or space.
      * @param {string} parentId - The ID of the parent space, if any.
+     * @param {string} application - The name of the application creating the room/space.
+     * @param {string} visibility -  Visibility of the matrix room.
+     * @param {string} historyVisibility - Visibility of the room history to other users, defaults to 'world_readable'.
      * @returns {Promise<Object>} A promise that resolves to the created room or space.
      * @throws {Error} If there was an error creating the room or space.
      */
-    async createRoom(name, isSpace, topic, joinRule, type, template, parentId, application, visibility, historyVisibility, preset) {
+    async createRoom(name, isSpace, topic, joinRule, type, template, parentId, application, visibility, historyVisibility) {
         const opts = {
             name: name,
             preset: 'private_chat',
@@ -131,14 +134,6 @@ class MatrixAuthProvider {
             {
                 type: 'm.room.join_rules',
                 content: { join_rule: joinRule }, // can be set to either public, invite or knock
-            },
-            {
-                type: 'dev.medienhaus.meta',
-                content: {
-                    type: type,
-                    template: template,
-                    version: '0.4',
-                },
             }],
             power_level_content_override: {
                 // we only want users with moderation rights to be able to do any actions, people joining the room will have a default level of 0.
@@ -159,6 +154,7 @@ class MatrixAuthProvider {
             },
         };
 
+        // if a parentId was parsed we add the'm.space.parent' event to the initial state
         if (parentId) {
             opts.initial_state.push({
                 // Spec: https://spec.matrix.org/v1.9/client-server-api/#mspaceparent
@@ -172,9 +168,19 @@ class MatrixAuthProvider {
             });
         }
 
-        const room = await this.matrixClient.createRoom(opts);
+        // if type or template are parsed we add the 'dev.medienhaus.meta' event to the initial state
+        if (type || template) {
+            opts.initial_state.push({
+                type: 'dev.medienhaus.meta',
+                content: {
+                    type: type,
+                    template: template,
+                    version: '0.4',
+                },
+            });
+        }
 
-        return room;
+        return this.matrixClient.createRoom(opts);
     }
 }
 

From fee939c20342e22e4b3cae5ca3fbed202288a510 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Fri, 19 Jan 2024 14:50:02 +0100
Subject: [PATCH 358/714] refactor: update room list after adding a new chat
 room to a context

---
 pages/explore/manage-room/AddOrCreateChat/AddExistingChat.js | 4 +++-
 pages/explore/manage-room/AddOrCreateChat/AddNewChat.js      | 4 +++-
 pages/explore/manage-room/AddOrCreateChat/index.js           | 4 +++-
 pages/explore/manage-room/ExploreMatrixActions.js            | 3 ++-
 4 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/pages/explore/manage-room/AddOrCreateChat/AddExistingChat.js b/pages/explore/manage-room/AddOrCreateChat/AddExistingChat.js
index 669b65d8..ee36ae67 100644
--- a/pages/explore/manage-room/AddOrCreateChat/AddExistingChat.js
+++ b/pages/explore/manage-room/AddOrCreateChat/AddExistingChat.js
@@ -9,7 +9,7 @@ import ErrorMessage from '../../../../components/UI/ErrorMessage';
 import PreviousNextButtons from '../../../../components/UI/PreviousNextButtons';
 import LoadingSpinnerInline from '../../../../components/UI/LoadingSpinnerInline';
 
-export default function AddExistingChat({ allChatRooms, handleCancel, currentId, onSuccess, parentName }) {
+export default function AddExistingChat({ allChatRooms, handleCancel, currentId, onSuccess, parentName, updateRoomList }) {
     const matrix = useMatrix();
     const [selectedRoom, setSelectedRoom] = useState('');
     const [errorMessage, setErrorMessage] = useState('');
@@ -29,6 +29,8 @@ export default function AddExistingChat({ allChatRooms, handleCancel, currentId,
         if (addChildToParent.event_id) {
             logger.log('Added existing room to parentId:', currentId);
             setUserFeedback(`Successfully added to ${parentName}`);
+            await updateRoomList(e, currentId);
+
             _.delay(() => {
                 setSelectedRoom('');
                 setUserFeedback('');
diff --git a/pages/explore/manage-room/AddOrCreateChat/AddNewChat.js b/pages/explore/manage-room/AddOrCreateChat/AddNewChat.js
index e2317a73..0e637b8c 100644
--- a/pages/explore/manage-room/AddOrCreateChat/AddNewChat.js
+++ b/pages/explore/manage-room/AddOrCreateChat/AddNewChat.js
@@ -10,7 +10,7 @@ import ErrorMessage from '../../../../components/UI/ErrorMessage';
 import PreviousNextButtons from '../../../../components/UI/PreviousNextButtons';
 import LoadingSpinnerInline from '../../../../components/UI/LoadingSpinnerInline';
 
-export default function AddNewChat({ handleCancel, currentId, onSuccess, parentName }) {
+export default function AddNewChat({ handleCancel, currentId, onSuccess, parentName, updateRoomList }) {
     const matrix = useMatrix();
     const [roomName, setRoomName] = useState('');
     const [roomTopic, setRoomTopic] = useState('');
@@ -39,6 +39,8 @@ export default function AddNewChat({ handleCancel, currentId, onSuccess, parentN
         if (addChildToParent.event_id) {
             logger.log('Adding new room to parentId:', currentId);
             setUserFeedback(`${roomName} was successfully created and added to ${parentName}`);
+            await updateRoomList(e, currentId);
+
             _.delay(() => {
                 setRoomName('');
                 setRoomTopic('');
diff --git a/pages/explore/manage-room/AddOrCreateChat/index.js b/pages/explore/manage-room/AddOrCreateChat/index.js
index e994c12b..b62b70da 100644
--- a/pages/explore/manage-room/AddOrCreateChat/index.js
+++ b/pages/explore/manage-room/AddOrCreateChat/index.js
@@ -8,7 +8,7 @@ import RadioButton from '../../../../components/UI/RadioButton';
 import AddExistingChat from './AddExistingChat';
 import AddNewChat from './AddNewChat';
 
-const Index = ({ currentId, parentName, onCancel }) => {
+const Index = ({ currentId, parentName, callApiAndAddToObject, onCancel }) => {
     const matrix = useMatrix();
     const [selectedRadioButton, setSelectedRadioButton] = useState('');
     const [selectedOption, setSelectedOption] = useState(''); // 'existing' or 'new'
@@ -35,6 +35,7 @@ const Index = ({ currentId, parentName, onCancel }) => {
             onSuccess={handleCancel}
             currentId={currentId}
             parentName={parentName}
+            updateRoomList={callApiAndAddToObject}
         />;
     }
 
@@ -44,6 +45,7 @@ const Index = ({ currentId, parentName, onCancel }) => {
             onSuccess={handleCancel}
             currentId={currentId}
             parentName={parentName}
+            updateRoomList={callApiAndAddToObject}
         />;
     }
 
diff --git a/pages/explore/manage-room/ExploreMatrixActions.js b/pages/explore/manage-room/ExploreMatrixActions.js
index 44e1d89d..7f4c2e56 100644
--- a/pages/explore/manage-room/ExploreMatrixActions.js
+++ b/pages/explore/manage-room/ExploreMatrixActions.js
@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import styled from 'styled-components';
+import { styled } from 'styled-components';
 import getConfig from 'next/config';
 import { useTranslation } from 'react-i18next';
 
@@ -103,6 +103,7 @@ const RenderSwitch = ({ currentId, parentId, roomName, children, callApiAndAddTo
             return <Index
                 currentId={currentId}
                 parentName={roomName}
+                callApiAndAddToObject={callApiAndAddToObject}
                 onCancel={() => {
                     setSelectedRadioButton('');
                     setSelectedAction('');

From 0e02af50eb7ae0262be9b9465f358b0036b82791 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Fri, 19 Jan 2024 17:18:55 +0100
Subject: [PATCH 359/714] refactor: adapt to display items and chats correctl
 after code changes in main

---
 pages/explore/ExploreIframeViews.js | 27 +++++++++++++-----------
 pages/explore/TreeLeaves.js         | 16 ++++++---------
 pages/explore/TreePath.js           |  4 +++-
 pages/explore/[[...roomId]].js      | 32 ++++++++++++++---------------
 4 files changed, 40 insertions(+), 39 deletions(-)

diff --git a/pages/explore/ExploreIframeViews.js b/pages/explore/ExploreIframeViews.js
index 831dde24..ac2e73f9 100644
--- a/pages/explore/ExploreIframeViews.js
+++ b/pages/explore/ExploreIframeViews.js
@@ -6,6 +6,7 @@ import ChatIframeView from '../chat/ChatIframeView';
 import ProjectView from './ProjectView';
 import { useAuth } from '../../lib/Auth';
 import { useMatrix } from '../../lib/Matrix';
+import DefaultLayout from '../../components/layouts/default';
 
 const ExploreIframeViews = ({ currentTemplate, iframeRoomId, title: parsedTitle }) => {
     const auth = useAuth();
@@ -29,11 +30,11 @@ const ExploreIframeViews = ({ currentTemplate, iframeRoomId, title: parsedTitle
         return () => cancelled = true;
     }, [iframeRoomId, matrixClient, parsedTitle]);
 
-    return (() => {
+    const CurrentView = () => {
         switch (currentTemplate) {
             case 'studentproject':
                 return <ProjectView content={iframeRoomId} />;
-            case 'write-link':
+            case 'etherpad':
                 return (
                     <>
                         <ServiceIframeHeader
@@ -44,7 +45,7 @@ const ExploreIframeViews = ({ currentTemplate, iframeRoomId, title: parsedTitle
                         <iframe title="studentproject" src={matrix.roomContents.get(iframeRoomId)?.body} />
                     </>
                 );
-            case 'sketch-link':
+            case 'spacedeck':
                 return (
                     <>
                         <ServiceIframeHeader
@@ -57,17 +58,19 @@ const ExploreIframeViews = ({ currentTemplate, iframeRoomId, title: parsedTitle
                 );
             default:
                 return (
-                    <>
-                        <ServiceIframeHeader
-                            content={`${getConfig().publicRuntimeConfig.chat.pathToElement}/#/room/${iframeRoomId}`}
-                            title={title}
-                            removeLink={() => console.log('removing chat from parent')}
-                            removingLink={false} />
-                        <ChatIframeView title="chat" src={`${getConfig().publicRuntimeConfig.chat.pathToElement}/#/room/${iframeRoomId}`} />
-                    </>
+
+                    <ChatIframeView title="chat"
+                        src={`${getConfig().publicRuntimeConfig.chat.pathToElement}/#/room/${iframeRoomId}`} />
+
                 );
         }
-    })();
+    };
+
+    return (
+        <DefaultLayout.IframeWrapper>
+            <CurrentView />
+        </DefaultLayout.IframeWrapper>
+    );
 };
 
 export default ExploreIframeViews;
diff --git a/pages/explore/TreeLeaves.js b/pages/explore/TreeLeaves.js
index b63d2d81..e6aefb03 100644
--- a/pages/explore/TreeLeaves.js
+++ b/pages/explore/TreeLeaves.js
@@ -7,11 +7,10 @@ import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
 import { ServiceTable } from '../../components/UI/ServiceTable';
 import LoadingSpinner from '../../components/UI/LoadingSpinner';
 
-const TreeLeaves = ({ leaf, selectedRoomId, isFetchingContent, small }) => {
+const TreeLeaves = ({ leaf, selectedRoomId, isFetchingContent, small, isChat }) => {
     const router = useRouter();
     const roomId = leaf.id || leaf.room_id;
     const parentId = leaf.parent.id || leaf.parent.room_id;
-
     if (!leaf) return <LoadingSpinner />;
     // if an iframe is open we only want to show items in the list
     if (selectedRoomId && leaf.type !== 'item') return null;
@@ -23,15 +22,12 @@ const TreeLeaves = ({ leaf, selectedRoomId, isFetchingContent, small }) => {
                 selected={router.query.roomId[1] === roomId|| router.query.roomId[0] === roomId}
                 small={small}
             >
-                { leaf.missingMetaEvent ?
-                    <em> <Link disabled={isFetchingContent} href={`/explore/${roomId}`}>{ leaf.name }{ isFetchingContent === roomId && <LoadingSpinnerInline /> }</Link></em>
-                    :<Link disabled={isFetchingContent} href={getConfig().publicRuntimeConfig.templates?.item.includes(leaf.template) ? `/explore/${parentId}/${roomId}` : `/explore/${roomId}`}>{ leaf.name }{ isFetchingContent === roomId && <LoadingSpinnerInline /> }</Link>
-                }
+                <Link disabled={isFetchingContent} href={getConfig().publicRuntimeConfig.templates?.item.includes(leaf.template) || isChat ? `/explore/${parentId}/${roomId}` : `/explore/${roomId}`}>{ leaf.name }{ isFetchingContent === roomId && <LoadingSpinnerInline /> }</Link>
             </ServiceTable.Cell>
-            <ServiceTable.Cell title={leaf.template}>
-                { leaf.template === 'write-link' ? '📝'
-                    : leaf.template === 'chat-link' ? '💬'
-                        : leaf.template === 'sketch-link' ? '🎨'
+            <ServiceTable.Cell title={isChat ? 'chat' : leaf.template}>
+                { isChat ? '💬'
+                    : leaf.template === 'etherpad' ? '📝'
+                        : leaf.template === 'spacedeck' ? '🎨'
                             : leaf.template === 'studentproject' && '🎓'
                 }
             </ServiceTable.Cell>
diff --git a/pages/explore/TreePath.js b/pages/explore/TreePath.js
index 3af088ca..8e53d253 100644
--- a/pages/explore/TreePath.js
+++ b/pages/explore/TreePath.js
@@ -4,7 +4,6 @@ import Link from 'next/link';
 
 import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
 import { ServiceTable } from '../../components/UI/ServiceTable';
-import ErrorMessage from '../../components/UI/ErrorMessage';
 import TreeLeaves from './TreeLeaves';
 
 const Leaf = styled(ServiceTable.Cell)`
@@ -54,6 +53,7 @@ const TreePath = ({ selectedSpaceChildren, isFetchingContent, iframeRoomId }) =>
                     if (leaf.length <= 1) {
                         return;
                     }
+
                     if (index === 0) return null;
 
                     // Sort the array to display objects of type 'item' before others
@@ -65,9 +65,11 @@ const TreePath = ({ selectedSpaceChildren, isFetchingContent, iframeRoomId }) =>
                         key={leaf.room_id + '_' + index}
                         iframeRoomId={iframeRoomId}
                         isFetchingContent={isFetchingContent}
+                        isChat={(leaf.missingMetaEvent && !leaf.room_type) || (leaf.missingMetaEvent && leaf.room_type === 'm.room')} // chat rooms created with element do not have a room_type attribute. therefore we have to check for both cases
                     />;
                 }) }
         </ServiceTable>
     );
 };
+
 export default TreePath;
diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 9b197a20..7e06d1cd 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect, useRef, useState } from 'react';
+import React, { useCallback, useEffect, useState } from 'react';
 import getConfig from 'next/config';
 import { useRouter } from 'next/router';
 import _ from 'lodash';
@@ -38,7 +38,7 @@ export default function Explore() {
 
     const auth = useAuth();
     const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
-    const matrix = useMatrix(auth.getAuthenticationProvider('matrix'));
+    const matrix = useMatrix();
 
     const [selectedSpaceChildren, setSelectedSpaceChildren] = useState([]);
     const [manageContextActionToggle, setManageContextActionToggle] = useState(false);
@@ -58,7 +58,6 @@ export default function Explore() {
     const myPowerLevel = _.get(matrixClient.getRoom(roomId)?.getLiveTimeline().getState(EventTimeline.FORWARDS)?.getStateEvents('m.room.power_levels', '')?.getContent(), ['users', matrixClient.getUserId()]);
     /** @type {string|undefined} */
     const currentTemplate = iframeRoomId && selectedSpaceChildren[selectedSpaceChildren.length - 1]?.find(space => space.room_id === iframeRoomId).template;
-
     // Redirect to the default room if no roomId is provided
     useEffect(() => {
         if (!roomId) {
@@ -111,7 +110,7 @@ export default function Explore() {
 
         const getMetaEvent = async (obj) => {
             logger.debug('Getting meta event for ' + (obj.state_key || obj.room_id));
-            const metaEvent = async () => await auth.getAuthenticationProvider('matrix').getMatrixClient().getStateEvent(obj.state_key || obj.room_id, 'dev.medienhaus.meta');
+            const metaEvent = await auth.getAuthenticationProvider('matrix').getMatrixClient().getStateEvent(obj.state_key || obj.room_id, 'dev.medienhaus.meta');
 
             if (metaEvent) {
                 obj.type = metaEvent.type;
@@ -194,14 +193,14 @@ export default function Explore() {
                 </ServiceTableWrapper>
             </DefaultLayout.Sidebar>
 
-            <DefaultLayout.Wrapper>
-                { iframeRoomId && !_.isEmpty(selectedSpaceChildren)? (
-                    <ExploreIframeViews
-                        currentTemplate={currentTemplate}
-                        iframeRoomId={iframeRoomId}
-                        title={matrix.spaces.get(router.query.roomId[0])?.name || matrix.rooms.get(router.query.roomId[0])?.name || selectedSpaceChildren[selectedSpaceChildren.length - 1][0].name}
-                    />
-                ) : !_.isEmpty(selectedSpaceChildren) && <>
+            { iframeRoomId ? (
+                <ExploreIframeViews
+                    currentTemplate={currentTemplate}
+                    iframeRoomId={iframeRoomId}
+                    title={matrix.spaces.get(router.query.roomId[0])?.name || matrix.rooms.get(router.query.roomId[0])?.name || selectedSpaceChildren[selectedSpaceChildren.length - 1][0].name}
+                />
+            ) : !_.isEmpty(selectedSpaceChildren) && <>
+                <DefaultLayout.Wrapper>
                     <ServiceIframeHeader
                         content={window.location.href}
                         title={matrix.spaces.get(router.query.roomId[0])?.name || matrix.rooms.get(router.query.roomId[0])?.name || selectedSpaceChildren[selectedSpaceChildren.length - 1][0].name}
@@ -252,6 +251,7 @@ export default function Explore() {
                                             return <TreeLeaves
                                                 depth={selectedSpaceChildren.length}
                                                 leaf={leaf}
+                                                isChat={(leaf.missingMetaEvent && !leaf.room_type) || (leaf.missingMetaEvent && leaf.room_type === 'm.room')} // chat rooms created with element do not have a room_type attribute. therefore we have to check for both cases
                                                 parent={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].room_id}
                                                 key={leaf.room_id + '_' + index}
                                                 iframeRoomId={iframeRoomId}
@@ -261,10 +261,10 @@ export default function Explore() {
                                 </ServiceTable>
                         }
                     </ServiceTableWrapper>
-                </>
-                }
-                { errorMessage && <ErrorMessage>{ errorMessage }</ErrorMessage> }
-            </DefaultLayout.Wrapper>
+                </DefaultLayout.Wrapper>
+            </>
+            }
+            { /*{ errorMessage && <ErrorMessage>{ errorMessage }</ErrorMessage> }*/ }
         </>
     );
 }

From b60db3eb3ea4644e528388fb5ff6800f80090393 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Fri, 19 Jan 2024 17:19:42 +0100
Subject: [PATCH 360/714] refactor: import styled-components correctly

---
 pages/explore/manage-room/ExploreMatrixActions.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/explore/manage-room/ExploreMatrixActions.js b/pages/explore/manage-room/ExploreMatrixActions.js
index 541421a3..a3020bc4 100644
--- a/pages/explore/manage-room/ExploreMatrixActions.js
+++ b/pages/explore/manage-room/ExploreMatrixActions.js
@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import styled from 'styled-components';
+import { styled } from 'styled-components';
 import getConfig from 'next/config';
 import { useTranslation } from 'react-i18next';
 

From c096f4db70195a77172254dcb5a215968cf7849b Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Fri, 19 Jan 2024 21:17:19 +0100
Subject: [PATCH 361/714] refactor: use existing matrix AccuntData listener to
 sync bookmarks and add case for '/explore' bookmarks.

---
 components/UI/bookmarks/AddBookmark.js | 75 +++-----------------------
 lib/Matrix.js                          | 41 +++++++-------
 pages/dashboard/DisplayBookmarks.js    | 47 +++++++---------
 pages/dashboard/index.js               | 27 +++++++---
 4 files changed, 69 insertions(+), 121 deletions(-)

diff --git a/components/UI/bookmarks/AddBookmark.js b/components/UI/bookmarks/AddBookmark.js
index 8528af9c..0d33fbcb 100644
--- a/components/UI/bookmarks/AddBookmark.js
+++ b/components/UI/bookmarks/AddBookmark.js
@@ -1,7 +1,8 @@
-import React, { useEffect, useState } from 'react';
+import React, { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useRouter } from 'next/router';
 import { BookmarkIcon, DeleteBinIcon } from '@remixicons/react/line';
+import _ from 'lodash';
 
 import TextButton from '../TextButton';
 import { useMatrix } from '../../../lib/Matrix';
@@ -18,24 +19,8 @@ const AddBookmark = ({ name, service }) => {
     const router = useRouter();
     const [isCreatingBookmark, setIsCreatingBookmark] = useState(false);
     const [errorMessage, setErrorMessage] = useState('');
-    const [bookmarkSpace, setBookmarkSpace] = useState('');
-    const [bookmarkExists, setBookmarkExists] = useState(false);
-
-    useEffect(() => {
-        const checkExistingBookmarks = () => {
-            // we check if the service already has a bookmark space
-            const allBookmarks = matrix.spaces.get(matrix.serviceSpaces.bookmarks).children;
-
-            return allBookmarks.find(bookmark => matrix.spaces.get(bookmark)?.name === service);
-        };
-
-        matrix.serviceSpaces.bookmarks && setBookmarkSpace(checkExistingBookmarks());
-    }, [matrix.serviceSpaces.bookmarks, matrix.spaces, router.route, service]);
-
-    useEffect(() => {
-        // we check if the selected roomId is already bookmarked
-        bookmarkSpace && setBookmarkExists(matrix.spaces.get(bookmarkSpace).children.some(child => matrix.rooms.get(child)?.name === name));
-    }, [bookmarkSpace, matrix.rooms, matrix.spaces, name]);
+    const roomId = _.get(router, 'query.roomId.1') || _.get(router, 'query.roomId.0');
+    const bookmarks = matrix.bookmarks;
 
     const errorHandling = async () => {
         setIsCreatingBookmark(false);
@@ -50,54 +35,10 @@ const AddBookmark = ({ name, service }) => {
     const addBookmarkToMatrix = async () => {
         setIsCreatingBookmark(true);
 
-        const getBookmarkRoomId = async () => {
-            if (bookmarkSpace) return bookmarkSpace;
-
-            // if there is no bookmark space for the service yet, we create one
-            const newBookmarkSpace = await matrix.createRoom(service, true, '', 'invite', 'content', 'link')
-                .catch(() => {
-                    errorHandling();
-
-                    return;
-                });
-                // and add it to the bookmarks space
-            await auth.getAuthenticationProvider('matrix')
-                .addSpaceChild(matrix.serviceSpaces.bookmarks, newBookmarkSpace)
-                .catch(() => {
-                    errorHandling();
-
-                    return;
-                });
-
-            return newBookmarkSpace;
-        };
-
-        const bookmarkRoomId = await getBookmarkRoomId();
-
-        // we create a room for the bookmark
-        const room = await matrix.createRoom(name, false, '', 'invite', 'content', 'link')
-            .catch(() => {
-                errorHandling();
-
-                return;
-            });
-        // and add it to the bookmark space
-        await auth.getAuthenticationProvider('matrix')
-            .addSpaceChild(bookmarkRoomId, room)
-            .catch(() => {
-                errorHandling();
-
-                return;
-            });
-        // then send the link of the bookmark as a message to the room
-        await matrixClient.sendMessage(room, {
-            msgtype: 'm.text',
-            body: location.href,
-        }).catch(() => {
-            errorHandling();
+        const accountData = { bookmarks: bookmarks || [] };
+        accountData.bookmarks.push(roomId);
 
-            return;
-        });
+        await matrixClient.setAccountData('dev.medienhaus.spaces.bookmarks', accountData);
         setIsCreatingBookmark(false);
 
         setContentCopied(true);
@@ -106,7 +47,7 @@ const AddBookmark = ({ name, service }) => {
     };
 
     return (
-        <TextButton disabled={bookmarkExists} title={t('Add to bookmarks')} onClick={addBookmarkToMatrix}>
+        <TextButton disabled={bookmarks?.includes(roomId)} title={t('Add to bookmarks')} onClick={addBookmarkToMatrix}>
             { isCreatingBookmark ?
                 <LoadingSpinnerInline /> :
                 contentCopied ?
diff --git a/lib/Matrix.js b/lib/Matrix.js
index 2cbdb99e..e4eb8e5b 100644
--- a/lib/Matrix.js
+++ b/lib/Matrix.js
@@ -13,6 +13,7 @@ function useMatrixProvider(auth) {
     const [rooms, setRooms] = useImmer(new Map());
     const [spaces, setSpaces] = useImmer(new Map());
     const [invites, setInvites] = useImmer(new Set());
+    const [bookmarks, setBookmarks] = useState([]);
     const [knockingMembers, setKnockingMembers] = useImmer(new Map());
     const [directMessages, setDirectMessages] = useImmer(new Map());
     const [roomContents, setRoomContents] = useImmer(new Map());
@@ -149,6 +150,13 @@ function useMatrixProvider(auth) {
         });
     }, [auth]);
 
+    const hydrateBookmarks = useCallback((bookmarks) => {
+        // we check if the service already has a bookmark space
+        if (bookmarks) {
+            setBookmarks(bookmarks.bookmarks);
+        }
+    }, []);
+
     const AccountDataEvent = useCallback(/** @param {MatrixEvent} event */ (event) => {
         switch (event.getType()) {
             case 'm.direct':
@@ -161,10 +169,18 @@ function useMatrixProvider(auth) {
                 }
 
                 break;
+
+            case 'dev.medienhaus.spaces.bookmarks':
+                if (Object.keys(event.getContent()).length > 0) {
+                    hydrateBookmarks(event.getContent());
+                }
+
+                break;
+
             default:
                 return;
         }
-    }, [assignAccessTokenToAuthProvider, hydrateDirectMessages]);
+    }, [assignAccessTokenToAuthProvider, hydrateBookmarks, hydrateDirectMessages]);
 
     const RoomTimelineEvent = useCallback(
         /**
@@ -262,6 +278,8 @@ function useMatrixProvider(auth) {
                     const mDirectEventContent = await matrixClient.getAccountDataFromServer('m.direct');
                     hydrateDirectMessages(mDirectEventContent);
                     initializePendingKnocks();
+                    // const medienhausBookmarks = await matrixClient.getAccountDataFromServer('dev.medienhaus.spaces.bookmarks');
+                    // hydrateBookmarks(medienhausBookmarks);
                     setInitialSyncDone(true);
                 })();
             }
@@ -377,26 +395,6 @@ function useMatrixProvider(auth) {
                     setServiceSpaces(object => { object[element] = roomId; });
                 }
             }
-
-            const findBookmarkSpace = Array.from(spaces.values()).find(space => space.name === 'bookmarks');
-
-            if (findBookmarkSpace) {
-                logger.debug('Found existing service space', { serviceType: 'bookmark', findBookmarkSpace });
-                setServiceSpaces(object => { object['bookmarks'] = findBookmarkSpace.roomId; });
-            } else {
-                logger.debug('creating bookmark space');
-                const roomId = await createRoom(
-                    'bookmarks',
-                    true,
-                    `This is your private space for your bookmarks. You can find all your bookmarks in here.`,
-                    'invite',
-                    'context',
-                    'application',
-                    applicationsFolder,
-                );
-                await authenticationProvider.addSpaceChild(applicationsFolder, roomId);
-                setServiceSpaces(object => { object['bookmarks'] = roomId; });
-            }
         }, 500);
 
         applicationsFolder && _.isEmpty(serviceSpaces) && lookForServiceSpaces();
@@ -468,6 +466,7 @@ function useMatrixProvider(auth) {
         hydrateRoomContent,
         getMetaEvent,
         isConnectedToServer,
+        bookmarks,
     };
 }
 
diff --git a/pages/dashboard/DisplayBookmarks.js b/pages/dashboard/DisplayBookmarks.js
index 92e55de8..bcd4edb4 100644
--- a/pages/dashboard/DisplayBookmarks.js
+++ b/pages/dashboard/DisplayBookmarks.js
@@ -2,10 +2,9 @@ import React, { useState } from 'react';
 import Link from 'next/link';
 import { useTranslation } from 'react-i18next';
 import { DeleteBinIcon } from '@remixicons/react/line';
+import getConfig from 'next/config';
 
-import { useMatrix } from '../../lib/Matrix';
 import { ServiceTable } from '../../components/UI/ServiceTable';
-import { useAuth } from '../../lib/Auth';
 import TextButton from '../../components/UI/TextButton';
 import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
 import CopyToClipboard from '../../components/UI/CopyToClipboard';
@@ -21,55 +20,49 @@ import Icon from '../../components/UI/Icon';
  * @returns {JSX.Element|null} - A JSX element containing the list of bookmarks, or null if the space is not found.
  */
 
-export default function DisplayBookmarks({ bookmarkSpaceId, name }) {
-    const auth = useAuth();
-    const matrix = useMatrix(auth.getAuthenticationProvider('matrix'));
+export default function DisplayBookmarks({ bookmarkObject, handleRemoveBookmark }) {
+    const getOrigin = () => {
+        if (bookmarkObject.meta) {
+            //check if there is a path name defined for the template, otherwise return the template name
+            if (bookmarkObject.meta.type === 'context') return '/explore';
 
-    const removeBookmark = async (parent, roomId) => {
-        await auth.getAuthenticationProvider('matrix').removeSpaceChild(parent, roomId);
-        await matrix.leaveRoom(roomId);
+            return getConfig().publicRuntimeConfig.authProviders[bookmarkObject.meta?.template]?.path || bookmarkObject.meta?.template;
+        } else return '/chat';
     };
 
-    if (!matrix.spaces.get(bookmarkSpaceId)) return null;
-
     return (
-        <>
-            { matrix.spaces.get(bookmarkSpaceId)?.children.map(roomId => {
-                return <Bookmark
-                    key={roomId}
-                    parent={bookmarkSpaceId}
-                    roomId={roomId}
-                    link={matrix.roomContents.get(roomId).body}
-                    name={matrix.rooms.get(roomId).name}
-                    origin={name}
-                    removeBookmark={removeBookmark}
-                />;
-            }) }
-        </>);
+        <Bookmark
+            key={bookmarkObject.roomId}
+            roomId={bookmarkObject.roomId}
+            link={`${getOrigin()}/${bookmarkObject.roomId}`}
+            name={bookmarkObject.name}
+            origin={getOrigin()}
+            handleRemoveBookmark={handleRemoveBookmark}
+        />
+    );
 }
 
 /**
  * Bookmark component for rendering a single bookmark entry.
  *
- * @param {string} parent - The ID of the parent space.
  * @param {string} roomId - The ID of the bookmarked room.
  * @param {string} link - The link associated with the bookmark.
  * @param {string} name - The name of the bookmarked room.
  * @param {string} origin - The name of the origin of the bookmarked room.
- * @param {Function} removeBookmark - A function to remove the bookmark.
+ * @param {Function} handleRemoveBookmark - A function to remove the bookmark.
  * @returns {JSX.Element} - A JSX element representing a single bookmark entry.
  *
  * @TODO
  * origin only works
  */
-const Bookmark = ({ parent, roomId, link, name, origin, removeBookmark }) => {
+const Bookmark = ({ roomId, link, name, origin, handleRemoveBookmark }) => {
     const [removingBookmark, setRemovingBookmark] = useState(false);
     const { t } = useTranslation();
 
     const handleRemove = async (e) => {
         e.preventDefault();
         setRemovingBookmark(true);
-        await removeBookmark(parent, roomId)
+        await handleRemoveBookmark(roomId)
             .catch(error => alert(error.data?.error));
         setRemovingBookmark(false);
     };
diff --git a/pages/dashboard/index.js b/pages/dashboard/index.js
index 14c71c30..f3caee71 100644
--- a/pages/dashboard/index.js
+++ b/pages/dashboard/index.js
@@ -18,9 +18,8 @@ export default function Dashboard() {
     const auth = useAuth();
     const matrix = useMatrix();
     const pendingKnocks = matrix.knockingMembers;
-    const bookmarks = matrix.spaces.get(matrix.serviceSpaces.bookmarks)?.children;
     const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
-
+    const bookmarks = matrix.bookmarks;
     // We are going to intentionally store a copy of every invitation in this array, which we're going only append to.
     // But we will never remove any entries. This is in order to keep a list of all invitations handled while looking
     // at this page. Only when leaving the page and returning back to it, we start with an empty map from scratch.
@@ -96,6 +95,21 @@ export default function Dashboard() {
         };
     }, [matrixClient, matrix, invitations, setInvitations]);
 
+    const handleRemoveBookmark = async (roomId) => {
+        // Find the index of the roomId in the bookmarks array
+        const index = bookmarks.indexOf(roomId);
+        // Check if the roomId is in the array
+        if (index === -1) return;
+        // Remove the element at the found index from the bookmarks array
+        bookmarks.splice(index, 1);
+        // // Update the account data with the modified bookmarks array
+        await matrixClient.setAccountData('dev.medienhaus.spaces.bookmarks', { bookmarks: bookmarks })
+            .catch((error) => {
+                //@TODO error handling
+                console.log(error);
+            });
+    };
+
     return (
         <DefaultLayout.LameColumn>
             <h2>/dashboard</h2>
@@ -170,13 +184,14 @@ export default function Dashboard() {
                         </ServiceTable.Head>
                         <ServiceTable.Body>
                             { bookmarks.map(bookmarkSpace => {
-                                const spaceName = matrix.spaces.get(bookmarkSpace)?.name;
-                                const pathName = getConfig().publicRuntimeConfig.authProviders[spaceName]?.path;
+                                const bookmarkObject = matrix.rooms.get(bookmarkSpace) || matrix.spaces.get(bookmarkSpace);
+
+                                if (!bookmarkObject) return;
 
                                 return <DisplayBookmarks
                                     key={bookmarkSpace}
-                                    bookmarkSpaceId={bookmarkSpace}
-                                    name={pathName || spaceName}
+                                    bookmarkObject={bookmarkObject}
+                                    handleRemoveBookmark={handleRemoveBookmark}
                                 />;
                             }) }
                         </ServiceTable.Body>

From 5c8d0800ad750b77aacb9528baab7e32a049fd76 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Fri, 19 Jan 2024 21:27:25 +0100
Subject: [PATCH 362/714] fix: add host url to clipboard copy

---
 pages/dashboard/DisplayBookmarks.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/dashboard/DisplayBookmarks.js b/pages/dashboard/DisplayBookmarks.js
index bcd4edb4..510beff0 100644
--- a/pages/dashboard/DisplayBookmarks.js
+++ b/pages/dashboard/DisplayBookmarks.js
@@ -76,7 +76,7 @@ const Bookmark = ({ roomId, link, name, origin, handleRemoveBookmark }) => {
                 <Link href={link}>{ name }</Link>
             </ServiceTable.Cell>
             <ServiceTable.Cell>
-                <CopyToClipboard content={link} />
+                <CopyToClipboard content={`${location.hostname}${link}`} />
             </ServiceTable.Cell>
             <ServiceTable.Cell>
                 <TextButton title={t('Remove bookmark')} onClick={handleRemove}>

From 68859331ddaacb27643a9187a1ad91ba0e5d283f Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 23 Jan 2024 09:08:25 +0100
Subject: [PATCH 363/714] refactor: avoid code duplication and extract
 getOrigin function from component

---
 pages/dashboard/DisplayBookmarks.js | 41 ++++++++++++++++++-----------
 1 file changed, 25 insertions(+), 16 deletions(-)

diff --git a/pages/dashboard/DisplayBookmarks.js b/pages/dashboard/DisplayBookmarks.js
index 510beff0..170fe954 100644
--- a/pages/dashboard/DisplayBookmarks.js
+++ b/pages/dashboard/DisplayBookmarks.js
@@ -10,33 +10,44 @@ import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
 import CopyToClipboard from '../../components/UI/CopyToClipboard';
 import Icon from '../../components/UI/Icon';
 
+/**
+ * Get the origin of the bookmarked room.
+ * If the bookmark is of the type 'context', return '/explore'.
+ * Otherwise, return the path of the auth provider. If the path is not found, return the template name.
+ * If the bookmark is not of the type 'context' and the template is not found, we can assume it's a chat room and return '/chat'.
+ * @function
+ * @param {Object} bookmarkObject - The object containing the bookmark data from the matrix account data.
+ * @returns {*|string} - The origin of the bookmarked room.
+ */
+const getOrigin = (bookmarkObject) => {
+    if (bookmarkObject.meta) {
+        if (bookmarkObject.meta.type === 'context') return '/explore';
+
+        return getConfig().publicRuntimeConfig.authProviders[bookmarkObject.meta?.template]?.path || bookmarkObject.meta?.template;
+    } else return '/chat';
+};
+
 /**
  * DisplayBookmarks component for rendering and managing bookmarks within a specified space.
- * This component displays a list of bookmarks, allowing users to remove them.
+ * This component displays a list of bookmarks, stored in the matrix account data, allowing users to remove them.
  *
-
- @param {string} bookmarkSpaceId - The ID of the space containing bookmarks.
- @param {string} name - the name of the origin of the bookmark.
+ * @component
+ * @param {string} bookmarkSpaceId - The ID of the space containing bookmarks.
+ * @param {Object} bookmarkObject - The object containing the bookmark data from the matrix account data.
+ * @param {Function} handleRemoveBookmark - A function to remove the bookmark.
  * @returns {JSX.Element|null} - A JSX element containing the list of bookmarks, or null if the space is not found.
  */
 
 export default function DisplayBookmarks({ bookmarkObject, handleRemoveBookmark }) {
-    const getOrigin = () => {
-        if (bookmarkObject.meta) {
-            //check if there is a path name defined for the template, otherwise return the template name
-            if (bookmarkObject.meta.type === 'context') return '/explore';
-
-            return getConfig().publicRuntimeConfig.authProviders[bookmarkObject.meta?.template]?.path || bookmarkObject.meta?.template;
-        } else return '/chat';
-    };
+    const origin = getOrigin(bookmarkObject);
 
     return (
         <Bookmark
             key={bookmarkObject.roomId}
             roomId={bookmarkObject.roomId}
-            link={`${getOrigin()}/${bookmarkObject.roomId}`}
+            link={`${origin}/${bookmarkObject.roomId}`}
             name={bookmarkObject.name}
-            origin={getOrigin()}
+            origin={origin}
             handleRemoveBookmark={handleRemoveBookmark}
         />
     );
@@ -52,8 +63,6 @@ export default function DisplayBookmarks({ bookmarkObject, handleRemoveBookmark
  * @param {Function} handleRemoveBookmark - A function to remove the bookmark.
  * @returns {JSX.Element} - A JSX element representing a single bookmark entry.
  *
- * @TODO
- * origin only works
  */
 const Bookmark = ({ roomId, link, name, origin, handleRemoveBookmark }) => {
     const [removingBookmark, setRemovingBookmark] = useState(false);

From 2c2982b5d1f2aa36cb2d72844b6c5579a6aa196c Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 23 Jan 2024 09:09:00 +0100
Subject: [PATCH 364/714] refactor: remove unnecessary condition

---
 lib/Matrix.js | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/lib/Matrix.js b/lib/Matrix.js
index e4eb8e5b..be2c01fb 100644
--- a/lib/Matrix.js
+++ b/lib/Matrix.js
@@ -151,10 +151,7 @@ function useMatrixProvider(auth) {
     }, [auth]);
 
     const hydrateBookmarks = useCallback((bookmarks) => {
-        // we check if the service already has a bookmark space
-        if (bookmarks) {
-            setBookmarks(bookmarks.bookmarks);
-        }
+        setBookmarks(bookmarks.bookmarks);
     }, []);
 
     const AccountDataEvent = useCallback(/** @param {MatrixEvent} event */ (event) => {

From 3c727dbe09762e9fcb83905a76bdbda238df1f2f Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 23 Jan 2024 09:23:44 +0100
Subject: [PATCH 365/714] refactor:remove lodash and directly get router query

---
 components/UI/bookmarks/AddBookmark.js | 40 ++++++++++++--------------
 1 file changed, 18 insertions(+), 22 deletions(-)

diff --git a/components/UI/bookmarks/AddBookmark.js b/components/UI/bookmarks/AddBookmark.js
index 0d33fbcb..8d18a8c6 100644
--- a/components/UI/bookmarks/AddBookmark.js
+++ b/components/UI/bookmarks/AddBookmark.js
@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useRouter } from 'next/router';
-import { BookmarkIcon, DeleteBinIcon } from '@remixicons/react/line';
+import { BookmarkIcon } from '@remixicons/react/line';
 import _ from 'lodash';
 
 import TextButton from '../TextButton';
@@ -10,7 +10,14 @@ import { useAuth } from '../../../lib/Auth';
 import LoadingSpinnerInline from '../LoadingSpinnerInline';
 import Icon from '../Icon';
 
-const AddBookmark = ({ name, service }) => {
+/**
+ * AddBookmark component for adding a bookmark to the matrix account data.
+ * This component displays a button that allows users to add a bookmark to the matrix account data.
+ * The button is disabled if the bookmark already exists.
+ * @component
+ * @returns {JSX.Element} - A JSX element containing the button to add a bookmark.
+ */
+const AddBookmark = () => {
     const [contentCopied, setContentCopied] = useState(false);
     const auth = useAuth();
     const matrix = useMatrix();
@@ -18,43 +25,32 @@ const AddBookmark = ({ name, service }) => {
     const { t } = useTranslation();
     const router = useRouter();
     const [isCreatingBookmark, setIsCreatingBookmark] = useState(false);
-    const [errorMessage, setErrorMessage] = useState('');
-    const roomId = _.get(router, 'query.roomId.1') || _.get(router, 'query.roomId.0');
+    const roomId = router.query.roomId?.[1] || router.query.roomId?.[0];
     const bookmarks = matrix.bookmarks;
 
-    const errorHandling = async () => {
-        setIsCreatingBookmark(false);
-        setErrorMessage(<Icon>
-            <DeleteBinIcon />
-        </Icon>);
-        await new Promise(() => setTimeout(() => {
-            setErrorMessage('');
-        }, 2000));
-    };
-
     const addBookmarkToMatrix = async () => {
         setIsCreatingBookmark(true);
 
         const accountData = { bookmarks: bookmarks || [] };
         accountData.bookmarks.push(roomId);
 
-        await matrixClient.setAccountData('dev.medienhaus.spaces.bookmarks', accountData);
+        await matrixClient.setAccountData('dev.medienhaus.spaces.bookmarks', accountData)
+            .catch((error) => {
+                alert(error.data?.error);
+            });
         setIsCreatingBookmark(false);
 
         setContentCopied(true);
-        await new Promise(r => setTimeout(r, 2000));
-        setContentCopied(false);
+        _.delay(() => {
+            setContentCopied(false);
+        }, 2000);
     };
 
     return (
         <TextButton disabled={bookmarks?.includes(roomId)} title={t('Add to bookmarks')} onClick={addBookmarkToMatrix}>
             { isCreatingBookmark ?
                 <LoadingSpinnerInline /> :
-                contentCopied ?
-                    '✔' :
-                    errorMessage ?
-                        errorMessage :
-                        <Icon><BookmarkIcon /></Icon> }
+                contentCopied ? '✔' : <Icon><BookmarkIcon /></Icon> }
         </TextButton>
     );
 };

From d1f15cafb04a486dc029d69fd145d3673fc5ee5e Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 23 Jan 2024 09:32:03 +0100
Subject: [PATCH 366/714] refactor: remove commented out code

---
 lib/Matrix.js | 2 --
 1 file changed, 2 deletions(-)

diff --git a/lib/Matrix.js b/lib/Matrix.js
index be2c01fb..2446b8ce 100644
--- a/lib/Matrix.js
+++ b/lib/Matrix.js
@@ -275,8 +275,6 @@ function useMatrixProvider(auth) {
                     const mDirectEventContent = await matrixClient.getAccountDataFromServer('m.direct');
                     hydrateDirectMessages(mDirectEventContent);
                     initializePendingKnocks();
-                    // const medienhausBookmarks = await matrixClient.getAccountDataFromServer('dev.medienhaus.spaces.bookmarks');
-                    // hydrateBookmarks(medienhausBookmarks);
                     setInitialSyncDone(true);
                 })();
             }

From dc25a6b7062635b628ddadf59df2106733de66fb Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 23 Jan 2024 09:37:52 +0100
Subject: [PATCH 367/714] refactor: use checkmark icon

---
 components/UI/bookmarks/AddBookmark.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/UI/bookmarks/AddBookmark.js b/components/UI/bookmarks/AddBookmark.js
index 8d18a8c6..63700cde 100644
--- a/components/UI/bookmarks/AddBookmark.js
+++ b/components/UI/bookmarks/AddBookmark.js
@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useRouter } from 'next/router';
-import { BookmarkIcon } from '@remixicons/react/line';
+import { BookmarkIcon, CheckIcon } from '@remixicons/react/line';
 import _ from 'lodash';
 
 import TextButton from '../TextButton';
@@ -50,7 +50,7 @@ const AddBookmark = () => {
         <TextButton disabled={bookmarks?.includes(roomId)} title={t('Add to bookmarks')} onClick={addBookmarkToMatrix}>
             { isCreatingBookmark ?
                 <LoadingSpinnerInline /> :
-                contentCopied ? '✔' : <Icon><BookmarkIcon /></Icon> }
+                contentCopied ? <Icon><CheckIcon /></Icon> : <Icon><BookmarkIcon /></Icon> }
         </TextButton>
     );
 };

From 5c627faf809da72856589ae38f64b825a48cfa25 Mon Sep 17 00:00:00 2001
From: Florian Weber <florian@weber.world>
Date: Wed, 24 Jan 2024 12:58:17 +0100
Subject: [PATCH 368/714] Restore package-lock.json from `main`

---
 package-lock.json | 4379 ++++++++++++++++++++++++++++++---------------
 1 file changed, 2903 insertions(+), 1476 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 8cb5576d..007c5a63 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -48,7 +48,6 @@
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.1.tgz",
       "integrity": "sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==",
-      "dev": true,
       "dependencies": {
         "@jridgewell/gen-mapping": "^0.3.0",
         "@jridgewell/trace-mapping": "^0.3.9"
@@ -57,11 +56,54 @@
         "node": ">=6.0.0"
       }
     },
+    "node_modules/@babel/cli": {
+      "version": "7.23.0",
+      "resolved": "https://registry.npmjs.org/@babel/cli/-/cli-7.23.0.tgz",
+      "integrity": "sha512-17E1oSkGk2IwNILM4jtfAvgjt+ohmpfBky8aLerUfYZhiPNg7ca+CRCxZn8QDxwNhV/upsc2VHBCqGFIR+iBfA==",
+      "dependencies": {
+        "@jridgewell/trace-mapping": "^0.3.17",
+        "commander": "^4.0.1",
+        "convert-source-map": "^2.0.0",
+        "fs-readdir-recursive": "^1.1.0",
+        "glob": "^7.2.0",
+        "make-dir": "^2.1.0",
+        "slash": "^2.0.0"
+      },
+      "bin": {
+        "babel": "bin/babel.js",
+        "babel-external-helpers": "bin/babel-external-helpers.js"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "optionalDependencies": {
+        "@nicolo-ribaudo/chokidar-2": "2.1.8-no-fsevents.3",
+        "chokidar": "^3.4.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/cli/node_modules/commander": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
+      "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/@babel/cli/node_modules/slash": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-2.0.0.tgz",
+      "integrity": "sha512-ZYKh3Wh2z1PpEXWr0MpSBZ0V6mZHAQfYevttO11c51CaWjGTaadiKZ+wVt1PbMlDV5qhMFslpZCemhwOK7C89A==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/@babel/code-frame": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.23.5.tgz",
-      "integrity": "sha512-CgH3s1a96LipHCmSUmYFPwY7MNx8C3avkq7i4Wl3cfa662ldtUe4VM1TPXX70pfmrlWTb6jLqTYrZyT2ZTJBgA==",
-      "dev": true,
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.23.4.tgz",
+      "integrity": "sha512-r1IONyb6Ia+jYR2vvIDhdWdlTGhqbBoFqLTQidzZ4kepUFH15ejXvFHxCVbtl7BOXIudsIubf4E81xeA3h3IXA==",
       "dependencies": {
         "@babel/highlight": "^7.23.4",
         "chalk": "^2.4.2"
@@ -71,30 +113,28 @@
       }
     },
     "node_modules/@babel/compat-data": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.23.5.tgz",
-      "integrity": "sha512-uU27kfDRlhfKl+w1U6vp16IuvSLtjAxdArVXPa9BvLkrr7CYIsxH5adpHObeAGY/41+syctUWOZ140a2Rvkgjw==",
-      "dev": true,
+      "version": "7.22.20",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.22.20.tgz",
+      "integrity": "sha512-BQYjKbpXjoXwFW5jGqiizJQQT/aC7pFm9Ok1OWssonuguICi264lbgMzRp2ZMmRSlfkX6DsWDDcsrctK8Rwfiw==",
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/core": {
-      "version": "7.23.7",
-      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.23.7.tgz",
-      "integrity": "sha512-+UpDgowcmqe36d4NwqvKsyPMlOLNGMsfMmQ5WGCu+siCe3t3dfe9njrzGfdN4qq+bcNUt0+Vw6haRxBOycs4dw==",
-      "dev": true,
+      "version": "7.23.0",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.23.0.tgz",
+      "integrity": "sha512-97z/ju/Jy1rZmDxybphrBuI+jtJjFVoz7Mr9yUQVVVi+DNZE333uFQeMOqcCIy1x3WYBIbWftUSLmbNXNT7qFQ==",
       "dependencies": {
         "@ampproject/remapping": "^2.2.0",
-        "@babel/code-frame": "^7.23.5",
-        "@babel/generator": "^7.23.6",
-        "@babel/helper-compilation-targets": "^7.23.6",
-        "@babel/helper-module-transforms": "^7.23.3",
-        "@babel/helpers": "^7.23.7",
-        "@babel/parser": "^7.23.6",
+        "@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.7",
-        "@babel/types": "^7.23.6",
+        "@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",
@@ -110,9 +150,9 @@
       }
     },
     "node_modules/@babel/eslint-parser": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/eslint-parser/-/eslint-parser-7.23.3.tgz",
-      "integrity": "sha512-9bTuNlyx7oSstodm1cR1bECj4fkiknsDa1YniISkJemMY3DGhJNYBECbe6QD/q54mp2J8VO66jW3/7uP//iFCw==",
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/eslint-parser/-/eslint-parser-7.22.15.tgz",
+      "integrity": "sha512-yc8OOBIQk1EcRrpizuARSQS0TWAcOMpEJ1aafhNznaeYkeL+OhqnDObGFylB8ka8VFF/sZc+S4RzHyO+3LjQxg==",
       "dev": true,
       "peer": true,
       "dependencies": {
@@ -128,10 +168,20 @@
         "eslint": "^7.5.0 || ^8.0.0"
       }
     },
+    "node_modules/@babel/eslint-parser/node_modules/eslint-visitor-keys": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz",
+      "integrity": "sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/@babel/eslint-plugin": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/eslint-plugin/-/eslint-plugin-7.23.5.tgz",
-      "integrity": "sha512-03+E/58Hoo/ui69gR+beFdGpplpoVK0BSIdke2iw4/Bz7eGN0ssRenNlnU4nmbkowNQOPCStKSwFr8H6DiY49g==",
+      "version": "7.22.10",
+      "resolved": "https://registry.npmjs.org/@babel/eslint-plugin/-/eslint-plugin-7.22.10.tgz",
+      "integrity": "sha512-SRZcvo3fnO5h79B9DZSV6LG2vHH7OWsSNp1huFLHsXKyytRG413byQk9zxW1VcPOhnzfx2VIUz+8aGbiE7fOkA==",
       "dev": true,
       "peer": true,
       "dependencies": {
@@ -146,12 +196,11 @@
       }
     },
     "node_modules/@babel/generator": {
-      "version": "7.23.6",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.23.6.tgz",
-      "integrity": "sha512-qrSfCYxYQB5owCmGLbl8XRpX1ytXlpueOb0N0UmQwA073KZxejgQTzAmJezxvpwQD9uGtK2shHdi55QT+MbjIw==",
-      "dev": true,
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.23.4.tgz",
+      "integrity": "sha512-esuS49Cga3HcThFNebGhlgsrVLkvhqvYDTzgjfFFlHJcIfLe5jFmRRfCQ1KuBfc4Jrtn3ndLgKWAKjBE+IraYQ==",
       "dependencies": {
-        "@babel/types": "^7.23.6",
+        "@babel/types": "^7.23.4",
         "@jridgewell/gen-mapping": "^0.3.2",
         "@jridgewell/trace-mapping": "^0.3.17",
         "jsesc": "^2.5.1"
@@ -160,15 +209,36 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/@babel/helper-annotate-as-pure": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.22.5.tgz",
+      "integrity": "sha512-LvBTxu8bQSQkcyKOU+a1btnNFQ1dMAd0R6PyW3arXes06F6QLWLIrd681bxRPIXlrMGR3XYnW9JyML7dP3qgxg==",
+      "dependencies": {
+        "@babel/types": "^7.22.5"
+      },
+      "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",
+      "integrity": "sha512-QkBXwGgaoC2GtGZRoma6kv7Szfv06khvhFav67ZExau2RaXzy8MpHSMO2PNoP2XtmQphJQRHFfg77Bq731Yizw==",
+      "dependencies": {
+        "@babel/types": "^7.22.15"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
     "node_modules/@babel/helper-compilation-targets": {
-      "version": "7.23.6",
-      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.23.6.tgz",
-      "integrity": "sha512-9JB548GZoQVmzrFgp8o7KxdgkTGm6xs9DW0o/Pim72UDjzr5ObUQ6ZzYPqA+g9OTS2bBQoctLJrky0RDCAWRgQ==",
-      "dev": true,
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.22.15.tgz",
+      "integrity": "sha512-y6EEzULok0Qvz8yyLkCvVX+02ic+By2UdOhylwUOvOn9dvYc9mKICJuuU1n1XBI02YWsNsnrY1kc6DVbjcXbtw==",
       "dependencies": {
-        "@babel/compat-data": "^7.23.5",
-        "@babel/helper-validator-option": "^7.23.5",
-        "browserslist": "^4.22.2",
+        "@babel/compat-data": "^7.22.9",
+        "@babel/helper-validator-option": "^7.22.15",
+        "browserslist": "^4.21.9",
         "lru-cache": "^5.1.1",
         "semver": "^6.3.1"
       },
@@ -176,11 +246,76 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/@babel/helper-compilation-targets/node_modules/lru-cache": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+      "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+      "dependencies": {
+        "yallist": "^3.0.2"
+      }
+    },
+    "node_modules/@babel/helper-compilation-targets/node_modules/yallist": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+      "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==",
+      "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-optimise-call-expression": "^7.22.5",
+        "@babel/helper-replace-supers": "^7.22.9",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5",
+        "@babel/helper-split-export-declaration": "^7.22.6",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-create-regexp-features-plugin": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.22.15.tgz",
+      "integrity": "sha512-29FkPLFjn4TPEa3RE7GpW+qbE8tlsu3jntNYNfcGsc49LphF1PQIiD+vMZ1z1xVOKt+93khA9tc2JBs3kBjA7w==",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.22.5",
+        "regexpu-core": "^5.3.1",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-compilation-targets": "^7.22.6",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "debug": "^4.1.1",
+        "lodash.debounce": "^4.0.8",
+        "resolve": "^1.14.2"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
+      }
+    },
     "node_modules/@babel/helper-environment-visitor": {
       "version": "7.22.20",
       "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.20.tgz",
       "integrity": "sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA==",
-      "dev": true,
       "engines": {
         "node": ">=6.9.0"
       }
@@ -189,7 +324,6 @@
       "version": "7.23.0",
       "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.23.0.tgz",
       "integrity": "sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw==",
-      "dev": true,
       "dependencies": {
         "@babel/template": "^7.22.15",
         "@babel/types": "^7.23.0"
@@ -202,7 +336,6 @@
       "version": "7.22.5",
       "resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.22.5.tgz",
       "integrity": "sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==",
-      "dev": true,
       "dependencies": {
         "@babel/types": "^7.22.5"
       },
@@ -210,11 +343,21 @@
         "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",
+      "integrity": "sha512-6gfrPwh7OuT6gZyJZvd6WbTfrqAo7vm4xCzAXOusKqq/vWdKXphTpj5klHKNmRUU6/QRGlBsyU9mAIPaWHlqJA==",
+      "dependencies": {
+        "@babel/types": "^7.23.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",
       "integrity": "sha512-0pYVBnDKZO2fnSPCrgM/6WMc7eS20Fbok+0r88fp+YtWVLZrp4CkafFGIp+W0VKw4a22sgebPT99y+FDNMdP4w==",
-      "dev": true,
       "dependencies": {
         "@babel/types": "^7.22.15"
       },
@@ -223,10 +366,9 @@
       }
     },
     "node_modules/@babel/helper-module-transforms": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.23.3.tgz",
-      "integrity": "sha512-7bBs4ED9OmswdfDzpz4MpWgSrV7FXlc3zIagvLFjS5H+Mk7Snr21vQ6QwrsoCGMfNC4e4LQPdoULEt4ykz0SRQ==",
-      "dev": true,
+      "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==",
       "dependencies": {
         "@babel/helper-environment-visitor": "^7.22.20",
         "@babel/helper-module-imports": "^7.22.15",
@@ -241,11 +383,72 @@
         "@babel/core": "^7.0.0"
       }
     },
+    "node_modules/@babel/helper-optimise-call-expression": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.22.5.tgz",
+      "integrity": "sha512-HBwaojN0xFRx4yIvpwGqxiV2tUfl7401jlok564NgB9EHS1y6QT17FmKWm4ztqjeVdXLuC4fSvHc5ePpQjoTbw==",
+      "dependencies": {
+        "@babel/types": "^7.22.5"
+      },
+      "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",
+      "integrity": "sha512-uLls06UVKgFG9QD4OeFYLEGteMIAa5kpTPcFL28yuCIIzsf6ZyKZMllKVOCZFhiZ5ptnwX4mtKdWCBE/uT4amg==",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-remap-async-to-generator": {
+      "version": "7.22.20",
+      "resolved": "https://registry.npmjs.org/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.22.20.tgz",
+      "integrity": "sha512-pBGyV4uBqOns+0UvhsTO8qgl8hO89PmiDYv+/COyp1aeMcmfrfruz+/nCMFiYyFF/Knn0yfrC85ZzNFjembFTw==",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.22.5",
+        "@babel/helper-environment-visitor": "^7.22.20",
+        "@babel/helper-wrap-function": "^7.22.20"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-replace-supers": {
+      "version": "7.22.20",
+      "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.22.20.tgz",
+      "integrity": "sha512-qsW0In3dbwQUbK8kejJ4R7IHVGwHJlV6lpG6UA7a9hSa2YEiAib+N1T2kr6PEeUT+Fl7najmSOS6SmAwCHK6Tw==",
+      "dependencies": {
+        "@babel/helper-environment-visitor": "^7.22.20",
+        "@babel/helper-member-expression-to-functions": "^7.22.15",
+        "@babel/helper-optimise-call-expression": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
     "node_modules/@babel/helper-simple-access": {
       "version": "7.22.5",
       "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.22.5.tgz",
       "integrity": "sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==",
-      "dev": true,
+      "dependencies": {
+        "@babel/types": "^7.22.5"
+      },
+      "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",
+      "integrity": "sha512-tK14r66JZKiC43p8Ki33yLBVJKlQDFoA8GYN67lWCDCqoL6EMMSuM9b+Iff2jHaM/RRFYl7K+iiru7hbRqNx8Q==",
       "dependencies": {
         "@babel/types": "^7.22.5"
       },
@@ -257,7 +460,6 @@
       "version": "7.22.6",
       "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.22.6.tgz",
       "integrity": "sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==",
-      "dev": true,
       "dependencies": {
         "@babel/types": "^7.22.5"
       },
@@ -269,7 +471,6 @@
       "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==",
-      "dev": true,
       "engines": {
         "node": ">=6.9.0"
       }
@@ -278,64 +479,1357 @@
       "version": "7.22.20",
       "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz",
       "integrity": "sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==",
-      "dev": true,
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-validator-option": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.23.5.tgz",
-      "integrity": "sha512-85ttAOMLsr53VgXkTbkx8oA6YTfT4q7/HzXSLEYmjcSTJPMPQtvq1BD79Byep5xMUYbGRzEpDsjUf3dyp54IKw==",
-      "dev": true,
+      "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==",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-wrap-function": {
+      "version": "7.22.20",
+      "resolved": "https://registry.npmjs.org/@babel/helper-wrap-function/-/helper-wrap-function-7.22.20.tgz",
+      "integrity": "sha512-pms/UwkOpnQe/PDAEdV/d7dVCoBbB+R4FvYoHGZz+4VPcg7RtYy2KP7S2lbuWM6FCSgob5wshfGESbC/hzNXZw==",
+      "dependencies": {
+        "@babel/helper-function-name": "^7.22.5",
+        "@babel/template": "^7.22.15",
+        "@babel/types": "^7.22.19"
+      },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helpers": {
-      "version": "7.23.8",
-      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.23.8.tgz",
-      "integrity": "sha512-KDqYz4PiOWvDFrdHLPhKtCThtIcKVy6avWD2oG4GEvyQ+XDZwHD4YQd+H2vNMnq2rkdxsDkU82T+Vk8U/WXHRQ==",
-      "dev": true,
+      "version": "7.23.1",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.23.1.tgz",
+      "integrity": "sha512-chNpneuK18yW5Oxsr+t553UZzzAs3aZnFm4bxhebsNTeshrC95yA7l5yl7GBAG+JG1rF0F7zzD2EixK9mWSDoA==",
       "dependencies": {
         "@babel/template": "^7.22.15",
-        "@babel/traverse": "^7.23.7",
-        "@babel/types": "^7.23.6"
+        "@babel/traverse": "^7.23.0",
+        "@babel/types": "^7.23.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/highlight": {
+      "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",
+        "js-tokens": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.23.4.tgz",
+      "integrity": "sha512-vf3Xna6UEprW+7t6EtOmFpHNAuxw3xqPZghy+brsnusscJRW5BMUzzHZc5ICjULee81WeUV2jjakG09MDglJXQ==",
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "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==",
+      "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"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.13.0"
+      }
+    },
+    "node_modules/@babel/plugin-external-helpers": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-external-helpers/-/plugin-external-helpers-7.22.5.tgz",
+      "integrity": "sha512-ngnNEWxmykPk82mH4ajZT0qTztr3Je6hrMuKAslZVM8G1YZTENJSYwrIGtt6KOtznug3exmAtF4so/nPqJuA4A==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-proposal-class-properties": {
+      "version": "7.18.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-class-properties/-/plugin-proposal-class-properties-7.18.6.tgz",
+      "integrity": "sha512-cumfXOF0+nzZrrN8Rf0t7M+tF6sZc7vhQwYQck9q1/5w2OExlD+b4v4RpMJFaV1Z7WcDRgO6FqvxqxGlwo+RHQ==",
+      "deprecated": "This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-class-properties instead.",
+      "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-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",
+      "integrity": "sha512-d2S98yCiLxDVmBmE8UjGcfPvNEUbA1U5q5WxaWFUGRzJSVAZqm5W6MbPct0jxnegUZ0niLeNX+IOzEs7wYg9Dg==",
+      "deprecated": "This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-object-rest-spread instead.",
+      "dependencies": {
+        "@babel/compat-data": "^7.20.5",
+        "@babel/helper-compilation-targets": "^7.20.7",
+        "@babel/helper-plugin-utils": "^7.20.2",
+        "@babel/plugin-syntax-object-rest-spread": "^7.8.3",
+        "@babel/plugin-transform-parameters": "^7.20.7"
+      },
+      "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",
+      "integrity": "sha512-SOSkfJDddaM7mak6cPEpswyTRnuRltl429hMraQEglW+OkovnCzsiszTmsrlY//qLFjCpQDFRvjdm2wA5pPm9w==",
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "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",
+      "integrity": "sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-class-properties": {
+      "version": "7.12.13",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-properties/-/plugin-syntax-class-properties-7.12.13.tgz",
+      "integrity": "sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.12.13"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-class-static-block": {
+      "version": "7.14.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-static-block/-/plugin-syntax-class-static-block-7.14.5.tgz",
+      "integrity": "sha512-b+YyPmr6ldyNnM6sqYeMWE+bgJcJpO6yS4QD7ymxgH34GBPNDM/THBh8iunyvKIZztiwLH4CJZ0RxTk9emgpjw==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.14.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-dynamic-import": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-dynamic-import/-/plugin-syntax-dynamic-import-7.8.3.tgz",
+      "integrity": "sha512-5gdGbFon+PszYzqs83S3E5mpi7/y/8M9eC90MRTZfduQOYW76ig6SOSPNe41IG5LoP3FGBn2N0RjVDSQiS94kQ==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-export-namespace-from": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-export-namespace-from/-/plugin-syntax-export-namespace-from-7.8.3.tgz",
+      "integrity": "sha512-MXf5laXo6c1IbEbegDmzGPwGNTsHZmEy6QGznu5Sh2UCWvueywb2ee+CCE4zQiZstxU9BMoQO9i6zUFSY0Kj0Q==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.3"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-import-meta": {
+      "version": "7.10.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-meta/-/plugin-syntax-import-meta-7.10.4.tgz",
+      "integrity": "sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-json-strings": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.8.3.tgz",
+      "integrity": "sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-jsx": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.22.5.tgz",
+      "integrity": "sha512-gvyP4hZrgrs/wWMaocvxZ44Hw0b3W8Pe+cMxc8V1ULQ07oh8VNbIRaoD1LRZVTvD+0nieDKjfgKg89sD7rrKrg==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-logical-assignment-operators": {
+      "version": "7.10.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.4.tgz",
+      "integrity": "sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-nullish-coalescing-operator": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-nullish-coalescing-operator/-/plugin-syntax-nullish-coalescing-operator-7.8.3.tgz",
+      "integrity": "sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-numeric-separator": {
+      "version": "7.10.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-numeric-separator/-/plugin-syntax-numeric-separator-7.10.4.tgz",
+      "integrity": "sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-object-rest-spread": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-object-rest-spread/-/plugin-syntax-object-rest-spread-7.8.3.tgz",
+      "integrity": "sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-optional-catch-binding": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-catch-binding/-/plugin-syntax-optional-catch-binding-7.8.3.tgz",
+      "integrity": "sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-optional-chaining": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-chaining/-/plugin-syntax-optional-chaining-7.8.3.tgz",
+      "integrity": "sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-private-property-in-object": {
+      "version": "7.14.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-private-property-in-object/-/plugin-syntax-private-property-in-object-7.14.5.tgz",
+      "integrity": "sha512-0wVnp9dxJ72ZUJDV27ZfbSj6iHLoytYZmh3rFcxNnvsJF3ktkzLDZPy/mA17HGsaQT3/DQsWYX1f1QGWkCoVUg==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.14.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-top-level-await": {
+      "version": "7.14.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.14.5.tgz",
+      "integrity": "sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.14.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-typescript": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.22.5.tgz",
+      "integrity": "sha512-1mS2o03i7t1c6VzH6fdQ3OA8tcEIxwG18zIPRp+UY1Ihv6W+XZzBCVxExF9upussPXJ0xE9XRHwMoNs1ep/nRQ==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-unicode-sets-regex": {
+      "version": "7.18.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-unicode-sets-regex/-/plugin-syntax-unicode-sets-regex-7.18.6.tgz",
+      "integrity": "sha512-727YkEAPwSIQTv5im8QHz3upqp92JTWhidIC81Tdx4VJYIte/VndKf1qKrfnnhPLiPghStWfvC/iFaMCQu7Nqg==",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.18.6",
+        "@babel/helper-plugin-utils": "^7.18.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-environment-visitor": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-remap-async-to-generator": "^7.22.9",
+        "@babel/plugin-syntax-async-generators": "^7.8.4"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-remap-async-to-generator": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-create-class-features-plugin": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-create-class-features-plugin": "^7.22.11",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-class-static-block": "^7.14.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.12.0"
+      }
+    },
+    "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==",
+      "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-optimise-call-expression": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-replace-supers": "^7.22.9",
+        "@babel/helper-split-export-declaration": "^7.22.6",
+        "globals": "^11.1.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/template": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-dynamic-import": "^7.8.3"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-builder-binary-assignment-operator-visitor": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-export-namespace-from": "^7.8.3"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-compilation-targets": "^7.22.5",
+        "@babel/helper-function-name": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-json-strings": "^7.8.3"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@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-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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-module-transforms": "^7.23.0",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-module-transforms": "^7.23.0",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-simple-access": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-hoist-variables": "^7.22.5",
+        "@babel/helper-module-transforms": "^7.23.0",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-validator-identifier": "^7.22.20"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-module-transforms": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-named-capturing-groups-regex": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.22.5.tgz",
+      "integrity": "sha512-YgLLKmS3aUBhHaxp5hi1WJTgOUb/NCuDHzGT9z9WTt3YG+CPRhJs6nprbStx6DnWM4dh6gt7SU3sZodbZ08adQ==",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@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-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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-numeric-separator": "^7.10.4"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/compat-data": "^7.22.9",
+        "@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"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-replace-supers": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@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-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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5",
+        "@babel/plugin-syntax-optional-chaining": "^7.8.3"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-create-class-features-plugin": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.22.5",
+        "@babel/helper-create-class-features-plugin": "^7.22.11",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-private-property-in-object": "^7.14.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-display-name": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.22.5.tgz",
+      "integrity": "sha512-PVk3WPYudRF5z4GKMEYUrLjPl38fJSKNaEOkFuoprioowGuWN6w2RKznuFNSlJx7pzzXXStPUnNSOEO0jL5EVw==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-jsx": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.22.15.tgz",
+      "integrity": "sha512-oKckg2eZFa8771O/5vi7XeTvmM6+O9cxZu+kanTU7tD4sin5nO/G8jGJhq8Hvt2Z0kUoEDRayuZLaUlYl8QuGA==",
+      "dependencies": {
+        "@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.22.5",
+        "@babel/types": "^7.22.15"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-jsx-development": {
+      "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==",
+      "dependencies": {
+        "@babel/plugin-transform-react-jsx": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-pure-annotations": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-pure-annotations/-/plugin-transform-react-pure-annotations-7.22.5.tgz",
+      "integrity": "sha512-gP4k85wx09q+brArVinTXhWiyzLl9UpmGva0+mWyKxk6JZequ05x3eUcIUE+FyttPKJFRRVtAvQaJ6YF9h1ZpA==",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "regenerator-transform": "^0.15.2"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-typescript": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.22.15.tgz",
+      "integrity": "sha512-1uirS0TnijxvQLnlv5wQBwOX3E1wCFX7ITv+9pBV2wKEk4K+M5tqDaoNXnTH8tjEIYHLO98MwiTWO04Ggz4XuA==",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.22.5",
+        "@babel/helper-create-class-features-plugin": "^7.22.15",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-typescript": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "@babel/compat-data": "^7.22.20",
+        "@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/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-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-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-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/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",
+        "core-js-compat": "^3.31.0",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/preset-modules": {
+      "version": "0.1.6-no-external-plugins",
+      "resolved": "https://registry.npmjs.org/@babel/preset-modules/-/preset-modules-0.1.6-no-external-plugins.tgz",
+      "integrity": "sha512-HrcgcIESLm9aIR842yhJ5RWan/gebQUJ6E/E5+rf0y9o6oj7w0Br+sWuL6kEQ/o/AdfvR1Je9jG18/gnpwjEyA==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.0.0",
+        "@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/@babel/preset-react": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/preset-react/-/preset-react-7.22.15.tgz",
+      "integrity": "sha512-Csy1IJ2uEh/PecCBXXoZGAZBeCATTuePzCSB7dLYWS0vOEj6CNpjxIhW4duWwZodBNueH7QO14WbGn8YyeuN9w==",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-validator-option": "^7.22.15",
+        "@babel/plugin-transform-react-display-name": "^7.22.5",
+        "@babel/plugin-transform-react-jsx": "^7.22.15",
+        "@babel/plugin-transform-react-jsx-development": "^7.22.5",
+        "@babel/plugin-transform-react-pure-annotations": "^7.22.5"
       },
       "engines": {
         "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@babel/highlight": {
-      "version": "7.23.4",
-      "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.23.4.tgz",
-      "integrity": "sha512-acGdbYSfp2WheJoJm/EBBBLh/ID8KDc64ISZ9DYtBmC8/Q204PZJLHyzeB5qMzJ5trcOkybd78M4x2KWsUq++A==",
-      "dev": true,
+    "node_modules/@babel/preset-typescript": {
+      "version": "7.23.0",
+      "resolved": "https://registry.npmjs.org/@babel/preset-typescript/-/preset-typescript-7.23.0.tgz",
+      "integrity": "sha512-6P6VVa/NM/VlAYj5s2Aq/gdVg8FSENCg3wlZ6Qau9AcPaoF5LbN1nyGlR9DTRIw9PpxI94e+ReydsJHcjwAweg==",
       "dependencies": {
-        "@babel/helper-validator-identifier": "^7.22.20",
-        "chalk": "^2.4.2",
-        "js-tokens": "^4.0.0"
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-validator-option": "^7.22.15",
+        "@babel/plugin-syntax-jsx": "^7.22.5",
+        "@babel/plugin-transform-modules-commonjs": "^7.23.0",
+        "@babel/plugin-transform-typescript": "^7.22.15"
       },
       "engines": {
         "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/parser": {
-      "version": "7.23.6",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.23.6.tgz",
-      "integrity": "sha512-Z2uID7YJ7oNvAI20O9X0bblw7Qqs8Q2hFy0R9tAfnfLkp5MW0UH9eUvnDSnFwKZ0AvgS1ucqR4KzvVHgnke1VQ==",
-      "dev": true,
-      "bin": {
-        "parser": "bin/babel-parser.js"
       },
-      "engines": {
-        "node": ">=6.0.0"
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
+    "node_modules/@babel/regjsgen": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/@babel/regjsgen/-/regjsgen-0.8.0.tgz",
+      "integrity": "sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA=="
+    },
     "node_modules/@babel/runtime": {
-      "version": "7.23.8",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.8.tgz",
-      "integrity": "sha512-Y7KbAP984rn1VGMbGqKmBLio9V7y5Je9GvU4rQPCPinCyNfUcToxIXl06d59URp/F3LwinvODxab5N/G6qggkw==",
+      "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.14.0"
       },
@@ -347,7 +1841,6 @@
       "version": "7.22.15",
       "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.22.15.tgz",
       "integrity": "sha512-QPErUVm4uyJa60rkI73qneDacvdvzxshT3kksGqlGWYdOTIUOwJ7RDUL8sGqslY1uXWSL6xMFKEXDS3ox2uF0w==",
-      "dev": true,
       "dependencies": {
         "@babel/code-frame": "^7.22.13",
         "@babel/parser": "^7.22.15",
@@ -358,20 +1851,19 @@
       }
     },
     "node_modules/@babel/traverse": {
-      "version": "7.23.7",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.23.7.tgz",
-      "integrity": "sha512-tY3mM8rH9jM0YHFGyfC0/xf+SB5eKUu7HPj7/k3fpi9dAlsMc5YbQvDi0Sh2QTPXqMhyaAtzAr807TIyfQrmyg==",
-      "dev": true,
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.23.4.tgz",
+      "integrity": "sha512-IYM8wSUwunWTB6tFC2dkKZhxbIjHoWemdK+3f8/wq8aKhbUscxD5MX72ubd90fxvFknaLPeGw5ycU84V1obHJg==",
       "dependencies": {
-        "@babel/code-frame": "^7.23.5",
-        "@babel/generator": "^7.23.6",
+        "@babel/code-frame": "^7.23.4",
+        "@babel/generator": "^7.23.4",
         "@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.6",
-        "@babel/types": "^7.23.6",
-        "debug": "^4.3.1",
+        "@babel/parser": "^7.23.4",
+        "@babel/types": "^7.23.4",
+        "debug": "^4.1.0",
         "globals": "^11.1.0"
       },
       "engines": {
@@ -379,10 +1871,9 @@
       }
     },
     "node_modules/@babel/types": {
-      "version": "7.23.6",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.6.tgz",
-      "integrity": "sha512-+uarb83brBzPKN38NX1MkB6vb6+mwvR6amUulqAE7ccQw1pEl+bCia9TbdG1lsnFP7lZySvUn37CHyXQdfTwzg==",
-      "dev": true,
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.4.tgz",
+      "integrity": "sha512-7uIFwVYpoplT5jp/kVv6EF93VaJ8H+Yn5IczYiaAi98ajzjfoZfslet/e0sLh+wVBjb2qqIut1b0S26VSafsSQ==",
       "dependencies": {
         "@babel/helper-string-parser": "^7.23.4",
         "@babel/helper-validator-identifier": "^7.22.20",
@@ -392,22 +1883,6 @@
         "node": ">=6.9.0"
       }
     },
-    "node_modules/@csstools/selector-specificity": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/@csstools/selector-specificity/-/selector-specificity-2.2.0.tgz",
-      "integrity": "sha512-+OJ9konv95ClSTOJCmMZqpd5+YGsB2S+x6w3E1oaM8UuR5j8nTNHYSz8c9BEPGDOCMQYIEEGlVPj/VY64iTbGw==",
-      "dev": true,
-      "engines": {
-        "node": "^14 || ^16 || >=18"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/csstools"
-      },
-      "peerDependencies": {
-        "postcss-selector-parser": "^6.0.10"
-      }
-    },
     "node_modules/@emotion/is-prop-valid": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.2.1.tgz",
@@ -422,9 +1897,9 @@
       "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA=="
     },
     "node_modules/@emotion/unitless": {
-      "version": "0.8.0",
-      "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.8.0.tgz",
-      "integrity": "sha512-VINS5vEYAscRl2ZUDiT3uMPlrFQupiKgHz5AA4bCH1miKBg4qtwkim1qPmJj/4WG6TreYMY111rEFsjupcOKHw=="
+      "version": "0.8.1",
+      "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.8.1.tgz",
+      "integrity": "sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ=="
     },
     "node_modules/@eslint-community/eslint-utils": {
       "version": "4.4.0",
@@ -441,18 +1916,6 @@
         "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
       }
     },
-    "node_modules/@eslint-community/eslint-utils/node_modules/eslint-visitor-keys": {
-      "version": "3.4.3",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
-      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
-      "dev": true,
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
     "node_modules/@eslint-community/regexpp": {
       "version": "4.10.0",
       "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.10.0.tgz",
@@ -485,20 +1948,10 @@
         "url": "https://opencollective.com/eslint"
       }
     },
-    "node_modules/@eslint/eslintrc/node_modules/brace-expansion": {
-      "version": "1.1.11",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
-      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
-      "dev": true,
-      "dependencies": {
-        "balanced-match": "^1.0.0",
-        "concat-map": "0.0.1"
-      }
-    },
     "node_modules/@eslint/eslintrc/node_modules/globals": {
-      "version": "13.24.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
-      "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
+      "version": "13.23.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-13.23.0.tgz",
+      "integrity": "sha512-XAmF0RjlrjY23MA51q3HltdlGxUpXPvg0GioKiD9X6HD28iMjo2dKC8Vqwm7lne4GNr78+RHTfliktR6ZH09wA==",
       "dev": true,
       "dependencies": {
         "type-fest": "^0.20.2"
@@ -510,34 +1963,10 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/@eslint/eslintrc/node_modules/minimatch": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-      "dev": true,
-      "dependencies": {
-        "brace-expansion": "^1.1.7"
-      },
-      "engines": {
-        "node": "*"
-      }
-    },
-    "node_modules/@eslint/eslintrc/node_modules/type-fest": {
-      "version": "0.20.2",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
-      "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/@eslint/js": {
-      "version": "8.56.0",
-      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.56.0.tgz",
-      "integrity": "sha512-gMsVel9D7f2HLkBma9VbtzZRehRogVRfbr++f06nL2vnCGCNlzOD+/MUov/F4p8myyAHspEhVobgjpX64q5m6A==",
+      "version": "8.55.0",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.55.0.tgz",
+      "integrity": "sha512-qQfo2mxH5yVom1kacMtZZJFVdW+E70mqHMJvVg6WTLo+VBuQJ4TojZlfWBjK0ve5BdEeNAVxOsl/nvNMpJOaJA==",
       "dev": true,
       "engines": {
         "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
@@ -557,28 +1986,6 @@
         "node": ">=10.10.0"
       }
     },
-    "node_modules/@humanwhocodes/config-array/node_modules/brace-expansion": {
-      "version": "1.1.11",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
-      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
-      "dev": true,
-      "dependencies": {
-        "balanced-match": "^1.0.0",
-        "concat-map": "0.0.1"
-      }
-    },
-    "node_modules/@humanwhocodes/config-array/node_modules/minimatch": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-      "dev": true,
-      "dependencies": {
-        "brace-expansion": "^1.1.7"
-      },
-      "engines": {
-        "node": "*"
-      }
-    },
     "node_modules/@humanwhocodes/module-importer": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
@@ -602,7 +2009,6 @@
       "version": "0.3.3",
       "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz",
       "integrity": "sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==",
-      "dev": true,
       "dependencies": {
         "@jridgewell/set-array": "^1.0.1",
         "@jridgewell/sourcemap-codec": "^1.4.10",
@@ -613,10 +2019,9 @@
       }
     },
     "node_modules/@jridgewell/resolve-uri": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.1.tgz",
-      "integrity": "sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==",
-      "dev": true,
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz",
+      "integrity": "sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==",
       "engines": {
         "node": ">=6.0.0"
       }
@@ -625,15 +2030,14 @@
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz",
       "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==",
-      "dev": true,
       "engines": {
         "node": ">=6.0.0"
       }
     },
     "node_modules/@jridgewell/source-map": {
-      "version": "0.3.5",
-      "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.5.tgz",
-      "integrity": "sha512-UTYAUj/wviwdsMfzoSJspJxbkH5o1snzwX0//0ENX1u/55kkZZkcTZP6u9bwKGkv+dkk9at4m1Cpt0uY80kcpQ==",
+      "version": "0.3.3",
+      "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.3.tgz",
+      "integrity": "sha512-b+fsZXeLYi9fEULmfBrhxn4IrPlINf8fiNarzTof004v3lFdntdwa9PF7vFJqm3mg7s+ScJMxXaE3Acp1irZcg==",
       "dev": true,
       "peer": true,
       "dependencies": {
@@ -644,45 +2048,68 @@
     "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
+      "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg=="
     },
     "node_modules/@jridgewell/trace-mapping": {
-      "version": "0.3.20",
-      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.20.tgz",
-      "integrity": "sha512-R8LcPeWZol2zR8mmH3JeKQ6QRCFb7XgUhV9ZlGhHLGyg4wpPiPZNQOOWhFZhxKw8u//yTbNGI42Bx/3paXEQ+Q==",
-      "dev": true,
+      "version": "0.3.18",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.18.tgz",
+      "integrity": "sha512-w+niJYzMHdd7USdiH2U6869nqhD2nbfZXND5Yp93qIbEmnDNk7PD48o+YchRVpzMU7M6jVCbenTR7PA1FLQ9pA==",
       "dependencies": {
-        "@jridgewell/resolve-uri": "^3.1.0",
-        "@jridgewell/sourcemap-codec": "^1.4.14"
+        "@jridgewell/resolve-uri": "3.1.0",
+        "@jridgewell/sourcemap-codec": "1.4.14"
       }
     },
+    "node_modules/@jridgewell/trace-mapping/node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.4.14",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz",
+      "integrity": "sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw=="
+    },
     "node_modules/@matrix-org/matrix-sdk-crypto-wasm": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/@matrix-org/matrix-sdk-crypto-wasm/-/matrix-sdk-crypto-wasm-3.6.0.tgz",
-      "integrity": "sha512-fvuYczcp/r/MOkOAUbK+tMaTerEe7/QHGQcRJz3W3JuEma0YN59d35zTBlts7EkN6Ichw1vLSyM+GkcbuosuyA==",
+      "version": "3.4.0",
+      "resolved": "https://registry.npmjs.org/@matrix-org/matrix-sdk-crypto-wasm/-/matrix-sdk-crypto-wasm-3.4.0.tgz",
+      "integrity": "sha512-noO6QnH+ypT//CxewoQdlK/z2iuyQo1Ecp1PDaYyr/NV5yXkWvGfGIIcShXqrQJfL5kuWxg/14edNplXsaXoDQ==",
       "engines": {
         "node": ">= 10"
       }
     },
     "node_modules/@next/env": {
-      "version": "14.0.4",
-      "resolved": "https://registry.npmjs.org/@next/env/-/env-14.0.4.tgz",
-      "integrity": "sha512-irQnbMLbUNQpP1wcE5NstJtbuA/69kRfzBrpAD7Gsn8zm/CY6YQYc3HQBz8QPxwISG26tIm5afvvVbu508oBeQ=="
+      "version": "14.0.4-canary.41",
+      "resolved": "https://registry.npmjs.org/@next/env/-/env-14.0.4-canary.41.tgz",
+      "integrity": "sha512-q5ia0tB65XxTZNDuKkAT19sZSXLa2yHXWdxyqlLBAy0UXuECycxLzOXFD3Ix5L5qNygmj+R5U6mrySxqBMMp1w=="
     },
     "node_modules/@next/eslint-plugin-next": {
-      "version": "14.0.4",
-      "resolved": "https://registry.npmjs.org/@next/eslint-plugin-next/-/eslint-plugin-next-14.0.4.tgz",
-      "integrity": "sha512-U3qMNHmEZoVmHA0j/57nRfi3AscXNvkOnxDmle/69Jz/G0o/gWjXTDdlgILZdrxQ0Lw/jv2mPW8PGy0EGIHXhQ==",
+      "version": "14.0.3",
+      "resolved": "https://registry.npmjs.org/@next/eslint-plugin-next/-/eslint-plugin-next-14.0.3.tgz",
+      "integrity": "sha512-j4K0n+DcmQYCVnSAM+UByTVfIHnYQy2ODozfQP+4RdwtRDfobrIvKq1K4Exb2koJ79HSSa7s6B2SA8T/1YR3RA==",
       "dev": true,
       "dependencies": {
         "glob": "7.1.7"
       }
     },
+    "node_modules/@next/eslint-plugin-next/node_modules/glob": {
+      "version": "7.1.7",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.7.tgz",
+      "integrity": "sha512-OvD9ENzPLbegENnYP5UUfJIirTg4+XwMWGaQfQTY0JenxNvvIKP3U3/tAQSPIu/lHxXYSZmpXlUHeqAIdKzBLQ==",
+      "dev": true,
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.0.4",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      },
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
     "node_modules/@next/swc-darwin-arm64": {
-      "version": "14.0.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-14.0.4.tgz",
-      "integrity": "sha512-mF05E/5uPthWzyYDyptcwHptucf/jj09i2SXBPwNzbgBNc+XnwzrL0U6BmPjQeOL+FiB+iG1gwBeq7mlDjSRPg==",
+      "version": "14.0.4-canary.41",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-14.0.4-canary.41.tgz",
+      "integrity": "sha512-K5nKQB/iVisfJwg2KuJSvnAqLbfhqr/WYUxvz0wSHrVTkBl9G0EDw0d5yDdInZVmH6dIZQA7V9EHcuk9XycO4Q==",
       "cpu": [
         "arm64"
       ],
@@ -695,9 +2122,9 @@
       }
     },
     "node_modules/@next/swc-darwin-x64": {
-      "version": "14.0.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-14.0.4.tgz",
-      "integrity": "sha512-IZQ3C7Bx0k2rYtrZZxKKiusMTM9WWcK5ajyhOZkYYTCc8xytmwSzR1skU7qLgVT/EY9xtXDG0WhY6fyujnI3rw==",
+      "version": "14.0.4-canary.41",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-14.0.4-canary.41.tgz",
+      "integrity": "sha512-WR/ijMN2r+/ayrNi/ubOXlx1F8++QqjcwlLxXcP1gA9UxQ1sgYT+q6Cddnd63YUFS5ha1cuVOnCxbY1e01DAVQ==",
       "cpu": [
         "x64"
       ],
@@ -710,9 +2137,9 @@
       }
     },
     "node_modules/@next/swc-linux-arm64-gnu": {
-      "version": "14.0.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-14.0.4.tgz",
-      "integrity": "sha512-VwwZKrBQo/MGb1VOrxJ6LrKvbpo7UbROuyMRvQKTFKhNaXjUmKTu7wxVkIuCARAfiI8JpaWAnKR+D6tzpCcM4w==",
+      "version": "14.0.4-canary.41",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-14.0.4-canary.41.tgz",
+      "integrity": "sha512-TAVAJn4dI8SqA1/Qn8d6PRq4xA/j8BI8BQNoosWRtCJoHUo6oKul7B4HELmC9kN2A+N4ZwTVpaCM9IELiR8New==",
       "cpu": [
         "arm64"
       ],
@@ -725,9 +2152,9 @@
       }
     },
     "node_modules/@next/swc-linux-arm64-musl": {
-      "version": "14.0.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-14.0.4.tgz",
-      "integrity": "sha512-8QftwPEW37XxXoAwsn+nXlodKWHfpMaSvt81W43Wh8dv0gkheD+30ezWMcFGHLI71KiWmHK5PSQbTQGUiidvLQ==",
+      "version": "14.0.4-canary.41",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-14.0.4-canary.41.tgz",
+      "integrity": "sha512-K9IKJzj+g4RmFLXq4Jbth6ZDU/dk6Bs36EVkgTxjYEWSPOhhBwIn8WPOKVsEt2WQqBiOgK9gfqtNKrK4DaAHKw==",
       "cpu": [
         "arm64"
       ],
@@ -740,9 +2167,9 @@
       }
     },
     "node_modules/@next/swc-linux-x64-gnu": {
-      "version": "14.0.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-14.0.4.tgz",
-      "integrity": "sha512-/s/Pme3VKfZAfISlYVq2hzFS8AcAIOTnoKupc/j4WlvF6GQ0VouS2Q2KEgPuO1eMBwakWPB1aYFIA4VNVh667A==",
+      "version": "14.0.4-canary.41",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-14.0.4-canary.41.tgz",
+      "integrity": "sha512-oJuwTgwjgHoTKV1L5ZSUUUhcx6kW1A0M4rur+qZV0ZVHf16VRSaYJ03JUg3c2KnPCehrpDok13PdaJDRVza+1A==",
       "cpu": [
         "x64"
       ],
@@ -755,9 +2182,9 @@
       }
     },
     "node_modules/@next/swc-linux-x64-musl": {
-      "version": "14.0.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-14.0.4.tgz",
-      "integrity": "sha512-m8z/6Fyal4L9Bnlxde5g2Mfa1Z7dasMQyhEhskDATpqr+Y0mjOBZcXQ7G5U+vgL22cI4T7MfvgtrM2jdopqWaw==",
+      "version": "14.0.4-canary.41",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-14.0.4-canary.41.tgz",
+      "integrity": "sha512-dXVWe7y0Cir369sCuH+NfssejFlnQM4RPCkOrxK+/HoNSt/muhGQ+sR4ybhc/T5LbOSSlwzhqpMVXy4IzsXEUQ==",
       "cpu": [
         "x64"
       ],
@@ -770,9 +2197,9 @@
       }
     },
     "node_modules/@next/swc-win32-arm64-msvc": {
-      "version": "14.0.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-14.0.4.tgz",
-      "integrity": "sha512-7Wv4PRiWIAWbm5XrGz3D8HUkCVDMMz9igffZG4NB1p4u1KoItwx9qjATHz88kwCEal/HXmbShucaslXCQXUM5w==",
+      "version": "14.0.4-canary.41",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-14.0.4-canary.41.tgz",
+      "integrity": "sha512-YKfhpyAtHjnj+eJyy/bqopz8wliJbG/J6B8GIZI9BL6h+6OB/BTpmrsPy/wqhqMsS3jZAHfYAVGlpgHBFfl0Ng==",
       "cpu": [
         "arm64"
       ],
@@ -785,9 +2212,9 @@
       }
     },
     "node_modules/@next/swc-win32-ia32-msvc": {
-      "version": "14.0.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-14.0.4.tgz",
-      "integrity": "sha512-zLeNEAPULsl0phfGb4kdzF/cAVIfaC7hY+kt0/d+y9mzcZHsMS3hAS829WbJ31DkSlVKQeHEjZHIdhN+Pg7Gyg==",
+      "version": "14.0.4-canary.41",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-14.0.4-canary.41.tgz",
+      "integrity": "sha512-W9MhZYVIPsIruoUfiAuzuIU6XbTiupopy9iy1q3exhhNx1w7eNbgxcXa6T1vLqIP6oD3lLb8XjZKGOU4QwlcVQ==",
       "cpu": [
         "ia32"
       ],
@@ -800,9 +2227,9 @@
       }
     },
     "node_modules/@next/swc-win32-x64-msvc": {
-      "version": "14.0.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-14.0.4.tgz",
-      "integrity": "sha512-yEh2+R8qDlDCjxVpzOTEpBLQTEFAcP2A8fUFLaWNap9GitYKkKv1//y2S6XY6zsR4rCOPRpU7plYDR+az2n30A==",
+      "version": "14.0.4-canary.41",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-14.0.4-canary.41.tgz",
+      "integrity": "sha512-M6IsKZsw2KdasiZKxVsc7Bw33VYUZwg2jbuWMwe9J6q0cRS1WNXVYhMKVcPm52EOIAy6FjjSQI6RhZ7RPJ0v6Q==",
       "cpu": [
         "x64"
       ],
@@ -814,6 +2241,12 @@
         "node": ">= 10"
       }
     },
+    "node_modules/@nicolo-ribaudo/chokidar-2": {
+      "version": "2.1.8-no-fsevents.3",
+      "resolved": "https://registry.npmjs.org/@nicolo-ribaudo/chokidar-2/-/chokidar-2-2.1.8-no-fsevents.3.tgz",
+      "integrity": "sha512-s88O1aVtXftvp5bCPB7WnmXc5IwOZZ7YPuwNPt+GtOOXpPvad1LfbmjYv+qII7zP6RU2QGnqve27dnLycEnyEQ==",
+      "optional": true
+    },
     "node_modules/@nicolo-ribaudo/eslint-scope-5-internals": {
       "version": "5.1.1-v1",
       "resolved": "https://registry.npmjs.org/@nicolo-ribaudo/eslint-scope-5-internals/-/eslint-scope-5-internals-5.1.1-v1.tgz",
@@ -869,16 +2302,15 @@
       }
     },
     "node_modules/@rushstack/eslint-patch": {
-      "version": "1.6.1",
-      "resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.6.1.tgz",
-      "integrity": "sha512-UY+FGM/2jjMkzQLn8pxcHGMaVLh9aEitG3zY2CiY7XHdLiz3bZOwa6oDxNqEMv7zZkV+cj5DOdz0cQ1BP5Hjgw==",
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.5.1.tgz",
+      "integrity": "sha512-6i/8UoL0P5y4leBIGzvkZdS85RDMG9y1ihZzmTZQ5LdHUYmZ7pKFoj8X0236s3lusPs1Fa5HTQUpwI+UfTcmeA==",
       "dev": true
     },
     "node_modules/@stylelint/postcss-css-in-js": {
       "version": "0.38.0",
       "resolved": "https://registry.npmjs.org/@stylelint/postcss-css-in-js/-/postcss-css-in-js-0.38.0.tgz",
       "integrity": "sha512-XOz5CAe49kS95p5yRd+DAIWDojTjfmyAQ4bbDlXMdbZTQ5t0ThjSLvWI6JI2uiS7MFurVBkZ6zUqcimzcLTBoQ==",
-      "deprecated": "Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.",
       "dev": true,
       "dependencies": {
         "@babel/core": "^7.17.9"
@@ -897,9 +2329,9 @@
       }
     },
     "node_modules/@types/eslint": {
-      "version": "8.56.1",
-      "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-8.56.1.tgz",
-      "integrity": "sha512-18PLWRzhy9glDQp3+wOgfLYRWlhgX0azxgJ63rdpoUHyrC9z0f5CkFburjQx4uD7ZCruw85ZtMt6K+L+R8fLJQ==",
+      "version": "8.4.2",
+      "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-8.4.2.tgz",
+      "integrity": "sha512-Z1nseZON+GEnFjJc04sv4NSALGjhFwy6K0HXt7qsn5ArfAKtb63dXNJHf+1YW6IpOIYRBGUbu3GwJdj8DGnCjA==",
       "dev": true,
       "peer": true,
       "dependencies": {
@@ -908,9 +2340,9 @@
       }
     },
     "node_modules/@types/eslint-scope": {
-      "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==",
+      "version": "3.7.3",
+      "resolved": "https://registry.npmjs.org/@types/eslint-scope/-/eslint-scope-3.7.3.tgz",
+      "integrity": "sha512-PB3ldyrcnAicT35TWPs5IcwKD8S333HMaa2VVv4+wdvebJkjWuW/xESoB8IwRcog8HYVYamb1g/R31Qv5Bx03g==",
       "dev": true,
       "peer": true,
       "dependencies": {
@@ -919,21 +2351,21 @@
       }
     },
     "node_modules/@types/estree": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.5.tgz",
-      "integrity": "sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==",
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.1.tgz",
+      "integrity": "sha512-LG4opVs2ANWZ1TJoKc937iMmNstM/d0ae1vNbnBvBhqCSezgVUOzcLCqbI5elV8Vy6WKwKjaqR+zO9VKirBBCA==",
       "dev": true,
       "peer": true
     },
     "node_modules/@types/events": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/@types/events/-/events-3.0.3.tgz",
-      "integrity": "sha512-trOc4AAUThEz9hapPtSd7wf5tiQKvTtu5b371UxXdTuqzIh0ArcRspRP0i0Viu+LXstIQ1z96t1nsPxT9ol01g=="
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@types/events/-/events-3.0.1.tgz",
+      "integrity": "sha512-QfUFdKjGSc+iCf8OFZhqJKfDuqB6lP57kSMkPw8ba3yNDANicUwCdaPt5ytZ4nDXXVFxQkvT8v73I4stSVrCxA=="
     },
     "node_modules/@types/json-schema": {
-      "version": "7.0.15",
-      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
-      "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==",
+      "version": "7.0.12",
+      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.12.tgz",
+      "integrity": "sha512-Hr5Jfhc9eYOQNPYO5WLDq/n4jqijdHNlDXjuAQkkt+mWdQR+XJToOHrsD4cPaMXpn6KO7y2+wM8AZEs8VpBLVA==",
       "dev": true
     },
     "node_modules/@types/json5": {
@@ -943,65 +2375,63 @@
       "dev": true
     },
     "node_modules/@types/minimist": {
-      "version": "1.2.5",
-      "resolved": "https://registry.npmjs.org/@types/minimist/-/minimist-1.2.5.tgz",
-      "integrity": "sha512-hov8bUuiLiyFPGyFPE1lwWhmzYbirOXQNNo40+y3zow8aFVTeyn3VWL0VFFfdNddA8S4Vf0Tc062rzyNr7Paag==",
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/@types/minimist/-/minimist-1.2.2.tgz",
+      "integrity": "sha512-jhuKLIRrhvCPLqwPcx6INqmKeiA5EWrsCOPhrlFSrbrmU4ZMPjj5Ul/oLCMDO98XRUIwVm78xICz4EPCektzeQ==",
       "dev": true
     },
     "node_modules/@types/node": {
-      "version": "20.10.8",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.10.8.tgz",
-      "integrity": "sha512-f8nQs3cLxbAFc00vEU59yf9UyGUftkPaLGfvbVOIDdx2i1b8epBqj2aNGyP19fiyXWvlmZ7qC1XLjAzw/OKIeA==",
-      "dev": true,
-      "dependencies": {
-        "undici-types": "~5.26.4"
-      }
+      "version": "17.0.31",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-17.0.31.tgz",
+      "integrity": "sha512-AR0x5HbXGqkEx9CadRH3EBYx/VkiUgZIhP4wvPn/+5KIsgpNoyFaRlVe0Zlx9gRtg8fA06a9tskE2MSN7TcG4Q==",
+      "dev": true
     },
     "node_modules/@types/normalize-package-data": {
-      "version": "2.4.4",
-      "resolved": "https://registry.npmjs.org/@types/normalize-package-data/-/normalize-package-data-2.4.4.tgz",
-      "integrity": "sha512-37i+OaWTh9qeK4LSHPsyRC7NahnGotNuZvjLSgcPzblpHB3rrCJxAOgI5gCdKm7coonsaX1Of0ILiTcnZjbfxA==",
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/@types/normalize-package-data/-/normalize-package-data-2.4.1.tgz",
+      "integrity": "sha512-Gj7cI7z+98M282Tqmp2K5EIsoouUEzbBJhQQzDE3jSIRk6r9gsz0oUokqIUR4u1R3dMHo0pDHM7sNOHyhulypw==",
       "dev": true
     },
     "node_modules/@types/parse-json": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.2.tgz",
-      "integrity": "sha512-dISoDXWWQwUquiKsyZ4Ng+HX2KsPL7LyHKHQwgGFEA3IaKac4Obd+h2a/a6waisAoepJlBcx9paWqjA8/HVjCw==",
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.0.tgz",
+      "integrity": "sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==",
       "dev": true
     },
     "node_modules/@types/retry": {
-      "version": "0.12.0",
-      "resolved": "https://registry.npmjs.org/@types/retry/-/retry-0.12.0.tgz",
-      "integrity": "sha512-wWKOClTTiizcZhXnPY4wikVAwmdYHp8q6DmC+EJUzAMsycb7HB32Kh9RN4+0gExjmPmZSAQjgURXIGATPegAvA=="
+      "version": "0.12.1",
+      "resolved": "https://registry.npmjs.org/@types/retry/-/retry-0.12.1.tgz",
+      "integrity": "sha512-xoDlM2S4ortawSWORYqsdU+2rxdh4LRW9ytc3zmT37RIKQh6IHyKwwtKhKis9ah8ol07DCkZxPt8BBvPjC6v4g=="
     },
     "node_modules/@types/semver": {
-      "version": "7.5.6",
-      "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.5.6.tgz",
-      "integrity": "sha512-dn1l8LaMea/IjDoHNd9J52uBbInB796CDffS6VdIxvqYCPSG0V0DzHp76GpaWnlhg88uYyPbXCDIowa86ybd5A==",
+      "version": "7.5.0",
+      "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.5.0.tgz",
+      "integrity": "sha512-G8hZ6XJiHnuhQKR7ZmysCeJWE08o8T0AXtk5darsCaTVsYZhhgUrq53jizaR2FvsoeCwJhlmwTjkXBY5Pn/ZHw==",
       "dev": true,
       "peer": true
     },
     "node_modules/@types/stylis": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/@types/stylis/-/stylis-4.2.0.tgz",
-      "integrity": "sha512-n4sx2bqL0mW1tvDf/loQ+aMX7GQD3lc3fkCMC55VFNDu/vBOabO+LTIeXKM14xK0ppk5TUGcWRjiSpIlUpghKw=="
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/@types/stylis/-/stylis-4.2.1.tgz",
+      "integrity": "sha512-OSaMrXUKxVigGlKRrET39V2xdhzlztQ9Aqumn1WbCBKHOi9ry7jKSd7rkyj0GzmWaU960Rd+LpOFpLfx5bMQAg=="
     },
     "node_modules/@typescript-eslint/eslint-plugin": {
-      "version": "6.18.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-6.18.1.tgz",
-      "integrity": "sha512-nISDRYnnIpk7VCFrGcu1rnZfM1Dh9LRHnfgdkjcbi/l7g16VYRri3TjXi9Ir4lOZSw5N/gnV/3H7jIPQ8Q4daA==",
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-6.1.0.tgz",
+      "integrity": "sha512-qg7Bm5TyP/I7iilGyp6DRqqkt8na00lI6HbjWZObgk3FFSzH5ypRwAHXJhJkwiRtTcfn+xYQIMOR5kJgpo6upw==",
       "dev": true,
       "peer": true,
       "dependencies": {
         "@eslint-community/regexpp": "^4.5.1",
-        "@typescript-eslint/scope-manager": "6.18.1",
-        "@typescript-eslint/type-utils": "6.18.1",
-        "@typescript-eslint/utils": "6.18.1",
-        "@typescript-eslint/visitor-keys": "6.18.1",
+        "@typescript-eslint/scope-manager": "6.1.0",
+        "@typescript-eslint/type-utils": "6.1.0",
+        "@typescript-eslint/utils": "6.1.0",
+        "@typescript-eslint/visitor-keys": "6.1.0",
         "debug": "^4.3.4",
         "graphemer": "^1.4.0",
         "ignore": "^5.2.4",
         "natural-compare": "^1.4.0",
+        "natural-compare-lite": "^1.4.0",
         "semver": "^7.5.4",
         "ts-api-utils": "^1.0.1"
       },
@@ -1022,19 +2452,6 @@
         }
       }
     },
-    "node_modules/@typescript-eslint/eslint-plugin/node_modules/lru-cache": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "yallist": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
     "node_modules/@typescript-eslint/eslint-plugin/node_modules/semver": {
       "version": "7.5.4",
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
@@ -1051,23 +2468,16 @@
         "node": ">=10"
       }
     },
-    "node_modules/@typescript-eslint/eslint-plugin/node_modules/yallist": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "dev": true,
-      "peer": true
-    },
     "node_modules/@typescript-eslint/parser": {
-      "version": "6.18.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-6.18.1.tgz",
-      "integrity": "sha512-zct/MdJnVaRRNy9e84XnVtRv9Vf91/qqe+hZJtKanjojud4wAVy/7lXxJmMyX6X6J+xc6c//YEWvpeif8cAhWA==",
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-6.1.0.tgz",
+      "integrity": "sha512-hIzCPvX4vDs4qL07SYzyomamcs2/tQYXg5DtdAfj35AyJ5PIUqhsLf4YrEIFzZcND7R2E8tpQIZKayxg8/6Wbw==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/scope-manager": "6.18.1",
-        "@typescript-eslint/types": "6.18.1",
-        "@typescript-eslint/typescript-estree": "6.18.1",
-        "@typescript-eslint/visitor-keys": "6.18.1",
+        "@typescript-eslint/scope-manager": "6.1.0",
+        "@typescript-eslint/types": "6.1.0",
+        "@typescript-eslint/typescript-estree": "6.1.0",
+        "@typescript-eslint/visitor-keys": "6.1.0",
         "debug": "^4.3.4"
       },
       "engines": {
@@ -1087,13 +2497,13 @@
       }
     },
     "node_modules/@typescript-eslint/scope-manager": {
-      "version": "6.18.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-6.18.1.tgz",
-      "integrity": "sha512-BgdBwXPFmZzaZUuw6wKiHKIovms97a7eTImjkXCZE04TGHysG+0hDQPmygyvgtkoB/aOQwSM/nWv3LzrOIQOBw==",
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-6.1.0.tgz",
+      "integrity": "sha512-AxjgxDn27hgPpe2rQe19k0tXw84YCOsjDJ2r61cIebq1t+AIxbgiXKvD4999Wk49GVaAcdJ/d49FYel+Pp3jjw==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/types": "6.18.1",
-        "@typescript-eslint/visitor-keys": "6.18.1"
+        "@typescript-eslint/types": "6.1.0",
+        "@typescript-eslint/visitor-keys": "6.1.0"
       },
       "engines": {
         "node": "^16.0.0 || >=18.0.0"
@@ -1104,14 +2514,14 @@
       }
     },
     "node_modules/@typescript-eslint/type-utils": {
-      "version": "6.18.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-6.18.1.tgz",
-      "integrity": "sha512-wyOSKhuzHeU/5pcRDP2G2Ndci+4g653V43gXTpt4nbyoIOAASkGDA9JIAgbQCdCkcr1MvpSYWzxTz0olCn8+/Q==",
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-6.1.0.tgz",
+      "integrity": "sha512-kFXBx6QWS1ZZ5Ni89TyT1X9Ag6RXVIVhqDs0vZE/jUeWlBv/ixq2diua6G7ece6+fXw3TvNRxP77/5mOMusx2w==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@typescript-eslint/typescript-estree": "6.18.1",
-        "@typescript-eslint/utils": "6.18.1",
+        "@typescript-eslint/typescript-estree": "6.1.0",
+        "@typescript-eslint/utils": "6.1.0",
         "debug": "^4.3.4",
         "ts-api-utils": "^1.0.1"
       },
@@ -1132,9 +2542,9 @@
       }
     },
     "node_modules/@typescript-eslint/types": {
-      "version": "6.18.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-6.18.1.tgz",
-      "integrity": "sha512-4TuMAe+tc5oA7wwfqMtB0Y5OrREPF1GeJBAjqwgZh1lEMH5PJQgWgHGfYufVB51LtjD+peZylmeyxUXPfENLCw==",
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-6.1.0.tgz",
+      "integrity": "sha512-+Gfd5NHCpDoHDOaU/yIF3WWRI2PcBRKKpP91ZcVbL0t5tQpqYWBs3z/GGhvU+EV1D0262g9XCnyqQh19prU0JQ==",
       "dev": true,
       "engines": {
         "node": "^16.0.0 || >=18.0.0"
@@ -1145,17 +2555,16 @@
       }
     },
     "node_modules/@typescript-eslint/typescript-estree": {
-      "version": "6.18.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-6.18.1.tgz",
-      "integrity": "sha512-fv9B94UAhywPRhUeeV/v+3SBDvcPiLxRZJw/xZeeGgRLQZ6rLMG+8krrJUyIf6s1ecWTzlsbp0rlw7n9sjufHA==",
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-6.1.0.tgz",
+      "integrity": "sha512-nUKAPWOaP/tQjU1IQw9sOPCDavs/iU5iYLiY/6u7gxS7oKQoi4aUxXS1nrrVGTyBBaGesjkcwwHkbkiD5eBvcg==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/types": "6.18.1",
-        "@typescript-eslint/visitor-keys": "6.18.1",
+        "@typescript-eslint/types": "6.1.0",
+        "@typescript-eslint/visitor-keys": "6.1.0",
         "debug": "^4.3.4",
         "globby": "^11.1.0",
         "is-glob": "^4.0.3",
-        "minimatch": "9.0.3",
         "semver": "^7.5.4",
         "ts-api-utils": "^1.0.1"
       },
@@ -1172,18 +2581,6 @@
         }
       }
     },
-    "node_modules/@typescript-eslint/typescript-estree/node_modules/lru-cache": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-      "dev": true,
-      "dependencies": {
-        "yallist": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
     "node_modules/@typescript-eslint/typescript-estree/node_modules/semver": {
       "version": "7.5.4",
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
@@ -1199,25 +2596,19 @@
         "node": ">=10"
       }
     },
-    "node_modules/@typescript-eslint/typescript-estree/node_modules/yallist": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "dev": true
-    },
     "node_modules/@typescript-eslint/utils": {
-      "version": "6.18.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-6.18.1.tgz",
-      "integrity": "sha512-zZmTuVZvD1wpoceHvoQpOiewmWu3uP9FuTWo8vqpy2ffsmfCE8mklRPi+vmnIYAIk9t/4kOThri2QCDgor+OpQ==",
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-6.1.0.tgz",
+      "integrity": "sha512-wp652EogZlKmQoMS5hAvWqRKplXvkuOnNzZSE0PVvsKjpexd/XznRVHAtrfHFYmqaJz0DFkjlDsGYC9OXw+OhQ==",
       "dev": true,
       "peer": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.4.0",
         "@types/json-schema": "^7.0.12",
         "@types/semver": "^7.5.0",
-        "@typescript-eslint/scope-manager": "6.18.1",
-        "@typescript-eslint/types": "6.18.1",
-        "@typescript-eslint/typescript-estree": "6.18.1",
+        "@typescript-eslint/scope-manager": "6.1.0",
+        "@typescript-eslint/types": "6.1.0",
+        "@typescript-eslint/typescript-estree": "6.1.0",
         "semver": "^7.5.4"
       },
       "engines": {
@@ -1231,19 +2622,6 @@
         "eslint": "^7.0.0 || ^8.0.0"
       }
     },
-    "node_modules/@typescript-eslint/utils/node_modules/lru-cache": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "yallist": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
     "node_modules/@typescript-eslint/utils/node_modules/semver": {
       "version": "7.5.4",
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
@@ -1260,20 +2638,13 @@
         "node": ">=10"
       }
     },
-    "node_modules/@typescript-eslint/utils/node_modules/yallist": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "dev": true,
-      "peer": true
-    },
     "node_modules/@typescript-eslint/visitor-keys": {
-      "version": "6.18.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-6.18.1.tgz",
-      "integrity": "sha512-/kvt0C5lRqGoCfsbmm7/CwMqoSkY3zzHLIjdhHZQW3VFrnz7ATecOHR7nb7V+xn4286MBxfnQfQhAmCI0u+bJA==",
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-6.1.0.tgz",
+      "integrity": "sha512-yQeh+EXhquh119Eis4k0kYhj9vmFzNpbhM3LftWQVwqVjipCkwHBQOZutcYW+JVkjtTG9k8nrZU1UoNedPDd1A==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/types": "6.18.1",
+        "@typescript-eslint/types": "6.1.0",
         "eslint-visitor-keys": "^3.4.1"
       },
       "engines": {
@@ -1284,18 +2655,6 @@
         "url": "https://opencollective.com/typescript-eslint"
       }
     },
-    "node_modules/@typescript-eslint/visitor-keys/node_modules/eslint-visitor-keys": {
-      "version": "3.4.3",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
-      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
-      "dev": true,
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
     "node_modules/@ungap/structured-clone": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.2.0.tgz",
@@ -1303,73 +2662,73 @@
       "dev": true
     },
     "node_modules/@webassemblyjs/ast": {
-      "version": "1.11.6",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.11.6.tgz",
-      "integrity": "sha512-IN1xI7PwOvLPgjcf180gC1bqn3q/QaOCwYUahIOhbYUu8KA/3tw2RT/T0Gidi1l7Hhj5D/INhJxiICObqpMu4Q==",
+      "version": "1.11.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.11.5.tgz",
+      "integrity": "sha512-LHY/GSAZZRpsNQH+/oHqhRQ5FT7eoULcBqgfyTB5nQHogFnK3/7QoN7dLnwSE/JkUAF0SrRuclT7ODqMFtWxxQ==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@webassemblyjs/helper-numbers": "1.11.6",
-        "@webassemblyjs/helper-wasm-bytecode": "1.11.6"
+        "@webassemblyjs/helper-numbers": "1.11.5",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.5"
       }
     },
     "node_modules/@webassemblyjs/floating-point-hex-parser": {
-      "version": "1.11.6",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.11.6.tgz",
-      "integrity": "sha512-ejAj9hfRJ2XMsNHk/v6Fu2dGS+i4UaXBXGemOfQ/JfQ6mdQg/WXtwleQRLLS4OvfDhv8rYnVwH27YJLMyYsxhw==",
+      "version": "1.11.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.11.5.tgz",
+      "integrity": "sha512-1j1zTIC5EZOtCplMBG/IEwLtUojtwFVwdyVMbL/hwWqbzlQoJsWCOavrdnLkemwNoC/EOwtUFch3fuo+cbcXYQ==",
       "dev": true,
       "peer": true
     },
     "node_modules/@webassemblyjs/helper-api-error": {
-      "version": "1.11.6",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.11.6.tgz",
-      "integrity": "sha512-o0YkoP4pVu4rN8aTJgAyj9hC2Sv5UlkzCHhxqWj8butaLvnpdc2jOwh4ewE6CX0txSfLn/UYaV/pheS2Txg//Q==",
+      "version": "1.11.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.11.5.tgz",
+      "integrity": "sha512-L65bDPmfpY0+yFrsgz8b6LhXmbbs38OnwDCf6NpnMUYqa+ENfE5Dq9E42ny0qz/PdR0LJyq/T5YijPnU8AXEpA==",
       "dev": true,
       "peer": true
     },
     "node_modules/@webassemblyjs/helper-buffer": {
-      "version": "1.11.6",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.11.6.tgz",
-      "integrity": "sha512-z3nFzdcp1mb8nEOFFk8DrYLpHvhKC3grJD2ardfKOzmbmJvEf/tPIqCY+sNcwZIY8ZD7IkB2l7/pqhUhqm7hLA==",
+      "version": "1.11.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.11.5.tgz",
+      "integrity": "sha512-fDKo1gstwFFSfacIeH5KfwzjykIE6ldh1iH9Y/8YkAZrhmu4TctqYjSh7t0K2VyDSXOZJ1MLhht/k9IvYGcIxg==",
       "dev": true,
       "peer": true
     },
     "node_modules/@webassemblyjs/helper-numbers": {
-      "version": "1.11.6",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-numbers/-/helper-numbers-1.11.6.tgz",
-      "integrity": "sha512-vUIhZ8LZoIWHBohiEObxVm6hwP034jwmc9kuq5GdHZH0wiLVLIPcMCdpJzG4C11cHoQ25TFIQj9kaVADVX7N3g==",
+      "version": "1.11.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-numbers/-/helper-numbers-1.11.5.tgz",
+      "integrity": "sha512-DhykHXM0ZABqfIGYNv93A5KKDw/+ywBFnuWybZZWcuzWHfbp21wUfRkbtz7dMGwGgT4iXjWuhRMA2Mzod6W4WA==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@webassemblyjs/floating-point-hex-parser": "1.11.6",
-        "@webassemblyjs/helper-api-error": "1.11.6",
+        "@webassemblyjs/floating-point-hex-parser": "1.11.5",
+        "@webassemblyjs/helper-api-error": "1.11.5",
         "@xtuc/long": "4.2.2"
       }
     },
     "node_modules/@webassemblyjs/helper-wasm-bytecode": {
-      "version": "1.11.6",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.11.6.tgz",
-      "integrity": "sha512-sFFHKwcmBprO9e7Icf0+gddyWYDViL8bpPjJJl0WHxCdETktXdmtWLGVzoHbqUcY4Be1LkNfwTmXOJUFZYSJdA==",
+      "version": "1.11.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.11.5.tgz",
+      "integrity": "sha512-oC4Qa0bNcqnjAowFn7MPCETQgDYytpsfvz4ujZz63Zu/a/v71HeCAAmZsgZ3YVKec3zSPYytG3/PrRCqbtcAvA==",
       "dev": true,
       "peer": true
     },
     "node_modules/@webassemblyjs/helper-wasm-section": {
-      "version": "1.11.6",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.11.6.tgz",
-      "integrity": "sha512-LPpZbSOwTpEC2cgn4hTydySy1Ke+XEu+ETXuoyvuyezHO3Kjdu90KK95Sh9xTbmjrCsUwvWwCOQQNta37VrS9g==",
+      "version": "1.11.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.11.5.tgz",
+      "integrity": "sha512-uEoThA1LN2NA+K3B9wDo3yKlBfVtC6rh0i4/6hvbz071E8gTNZD/pT0MsBf7MeD6KbApMSkaAK0XeKyOZC7CIA==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@webassemblyjs/ast": "1.11.6",
-        "@webassemblyjs/helper-buffer": "1.11.6",
-        "@webassemblyjs/helper-wasm-bytecode": "1.11.6",
-        "@webassemblyjs/wasm-gen": "1.11.6"
+        "@webassemblyjs/ast": "1.11.5",
+        "@webassemblyjs/helper-buffer": "1.11.5",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.5",
+        "@webassemblyjs/wasm-gen": "1.11.5"
       }
     },
     "node_modules/@webassemblyjs/ieee754": {
-      "version": "1.11.6",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.11.6.tgz",
-      "integrity": "sha512-LM4p2csPNvbij6U1f19v6WR56QZ8JcHg3QIJTlSwzFcmx6WSORicYj6I63f9yU1kEUtrpG+kjkiIAkevHpDXrg==",
+      "version": "1.11.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.11.5.tgz",
+      "integrity": "sha512-37aGq6qVL8A8oPbPrSGMBcp38YZFXcHfiROflJn9jxSdSMMM5dS5P/9e2/TpaJuhE+wFrbukN2WI6Hw9MH5acg==",
       "dev": true,
       "peer": true,
       "dependencies": {
@@ -1377,9 +2736,9 @@
       }
     },
     "node_modules/@webassemblyjs/leb128": {
-      "version": "1.11.6",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.11.6.tgz",
-      "integrity": "sha512-m7a0FhE67DQXgouf1tbN5XQcdWoNgaAuoULHIfGFIEVKA6tu/edls6XnIlkmS6FrXAquJRPni3ZZKjw6FSPjPQ==",
+      "version": "1.11.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.11.5.tgz",
+      "integrity": "sha512-ajqrRSXaTJoPW+xmkfYN6l8VIeNnR4vBOTQO9HzR7IygoCcKWkICbKFbVTNMjMgMREqXEr0+2M6zukzM47ZUfQ==",
       "dev": true,
       "peer": true,
       "dependencies": {
@@ -1387,79 +2746,79 @@
       }
     },
     "node_modules/@webassemblyjs/utf8": {
-      "version": "1.11.6",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.11.6.tgz",
-      "integrity": "sha512-vtXf2wTQ3+up9Zsg8sa2yWiQpzSsMyXj0qViVP6xKGCUT8p8YJ6HqI7l5eCnWx1T/FYdsv07HQs2wTFbbof/RA==",
+      "version": "1.11.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.11.5.tgz",
+      "integrity": "sha512-WiOhulHKTZU5UPlRl53gHR8OxdGsSOxqfpqWeA2FmcwBMaoEdz6b2x2si3IwC9/fSPLfe8pBMRTHVMk5nlwnFQ==",
       "dev": true,
       "peer": true
     },
     "node_modules/@webassemblyjs/wasm-edit": {
-      "version": "1.11.6",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.11.6.tgz",
-      "integrity": "sha512-Ybn2I6fnfIGuCR+Faaz7YcvtBKxvoLV3Lebn1tM4o/IAJzmi9AWYIPWpyBfU8cC+JxAO57bk4+zdsTjJR+VTOw==",
+      "version": "1.11.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.11.5.tgz",
+      "integrity": "sha512-C0p9D2fAu3Twwqvygvf42iGCQ4av8MFBLiTb+08SZ4cEdwzWx9QeAHDo1E2k+9s/0w1DM40oflJOpkZ8jW4HCQ==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@webassemblyjs/ast": "1.11.6",
-        "@webassemblyjs/helper-buffer": "1.11.6",
-        "@webassemblyjs/helper-wasm-bytecode": "1.11.6",
-        "@webassemblyjs/helper-wasm-section": "1.11.6",
-        "@webassemblyjs/wasm-gen": "1.11.6",
-        "@webassemblyjs/wasm-opt": "1.11.6",
-        "@webassemblyjs/wasm-parser": "1.11.6",
-        "@webassemblyjs/wast-printer": "1.11.6"
+        "@webassemblyjs/ast": "1.11.5",
+        "@webassemblyjs/helper-buffer": "1.11.5",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.5",
+        "@webassemblyjs/helper-wasm-section": "1.11.5",
+        "@webassemblyjs/wasm-gen": "1.11.5",
+        "@webassemblyjs/wasm-opt": "1.11.5",
+        "@webassemblyjs/wasm-parser": "1.11.5",
+        "@webassemblyjs/wast-printer": "1.11.5"
       }
     },
     "node_modules/@webassemblyjs/wasm-gen": {
-      "version": "1.11.6",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.11.6.tgz",
-      "integrity": "sha512-3XOqkZP/y6B4F0PBAXvI1/bky7GryoogUtfwExeP/v7Nzwo1QLcq5oQmpKlftZLbT+ERUOAZVQjuNVak6UXjPA==",
+      "version": "1.11.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.11.5.tgz",
+      "integrity": "sha512-14vteRlRjxLK9eSyYFvw1K8Vv+iPdZU0Aebk3j6oB8TQiQYuO6hj9s4d7qf6f2HJr2khzvNldAFG13CgdkAIfA==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@webassemblyjs/ast": "1.11.6",
-        "@webassemblyjs/helper-wasm-bytecode": "1.11.6",
-        "@webassemblyjs/ieee754": "1.11.6",
-        "@webassemblyjs/leb128": "1.11.6",
-        "@webassemblyjs/utf8": "1.11.6"
+        "@webassemblyjs/ast": "1.11.5",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.5",
+        "@webassemblyjs/ieee754": "1.11.5",
+        "@webassemblyjs/leb128": "1.11.5",
+        "@webassemblyjs/utf8": "1.11.5"
       }
     },
     "node_modules/@webassemblyjs/wasm-opt": {
-      "version": "1.11.6",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.11.6.tgz",
-      "integrity": "sha512-cOrKuLRE7PCe6AsOVl7WasYf3wbSo4CeOk6PkrjS7g57MFfVUF9u6ysQBBODX0LdgSvQqRiGz3CXvIDKcPNy4g==",
+      "version": "1.11.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.11.5.tgz",
+      "integrity": "sha512-tcKwlIXstBQgbKy1MlbDMlXaxpucn42eb17H29rawYLxm5+MsEmgPzeCP8B1Cl69hCice8LeKgZpRUAPtqYPgw==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@webassemblyjs/ast": "1.11.6",
-        "@webassemblyjs/helper-buffer": "1.11.6",
-        "@webassemblyjs/wasm-gen": "1.11.6",
-        "@webassemblyjs/wasm-parser": "1.11.6"
+        "@webassemblyjs/ast": "1.11.5",
+        "@webassemblyjs/helper-buffer": "1.11.5",
+        "@webassemblyjs/wasm-gen": "1.11.5",
+        "@webassemblyjs/wasm-parser": "1.11.5"
       }
     },
     "node_modules/@webassemblyjs/wasm-parser": {
-      "version": "1.11.6",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.11.6.tgz",
-      "integrity": "sha512-6ZwPeGzMJM3Dqp3hCsLgESxBGtT/OeCvCZ4TA1JUPYgmhAx38tTPR9JaKy0S5H3evQpO/h2uWs2j6Yc/fjkpTQ==",
+      "version": "1.11.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.11.5.tgz",
+      "integrity": "sha512-SVXUIwsLQlc8srSD7jejsfTU83g7pIGr2YYNb9oHdtldSxaOhvA5xwvIiWIfcX8PlSakgqMXsLpLfbbJ4cBYew==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@webassemblyjs/ast": "1.11.6",
-        "@webassemblyjs/helper-api-error": "1.11.6",
-        "@webassemblyjs/helper-wasm-bytecode": "1.11.6",
-        "@webassemblyjs/ieee754": "1.11.6",
-        "@webassemblyjs/leb128": "1.11.6",
-        "@webassemblyjs/utf8": "1.11.6"
+        "@webassemblyjs/ast": "1.11.5",
+        "@webassemblyjs/helper-api-error": "1.11.5",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.5",
+        "@webassemblyjs/ieee754": "1.11.5",
+        "@webassemblyjs/leb128": "1.11.5",
+        "@webassemblyjs/utf8": "1.11.5"
       }
     },
     "node_modules/@webassemblyjs/wast-printer": {
-      "version": "1.11.6",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.11.6.tgz",
-      "integrity": "sha512-JM7AhRcE+yW2GWYaKeHL5vt4xqee5N2WcezptmgyhNS+ScggqcT1OtXykhAb13Sn5Yas0j2uv9tHgrjwvzAP4A==",
+      "version": "1.11.5",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.11.5.tgz",
+      "integrity": "sha512-f7Pq3wvg3GSPUPzR0F6bmI89Hdb+u9WXrSKc4v+N0aV0q6r42WoF92Jp2jEorBEBRoRNXgjp53nBniDXcqZYPA==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@webassemblyjs/ast": "1.11.6",
+        "@webassemblyjs/ast": "1.11.5",
         "@xtuc/long": "4.2.2"
       }
     },
@@ -1489,9 +2848,9 @@
       }
     },
     "node_modules/acorn": {
-      "version": "8.11.3",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.3.tgz",
-      "integrity": "sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==",
+      "version": "8.11.2",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.2.tgz",
+      "integrity": "sha512-nc0Axzp/0FILLEVsm4fNwLCwMttvhEI263QtVPQcbpfZZ3ts0hLsZGOpE6czNlid7CJ9MlyH8reXkpsf3YUY4w==",
       "dev": true,
       "bin": {
         "acorn": "bin/acorn"
@@ -1501,9 +2860,9 @@
       }
     },
     "node_modules/acorn-import-assertions": {
-      "version": "1.9.0",
-      "resolved": "https://registry.npmjs.org/acorn-import-assertions/-/acorn-import-assertions-1.9.0.tgz",
-      "integrity": "sha512-cmMwop9x+8KFhxvKrKfPYmN6/pKTYYHBqLa0DfvVZcKMJWNyWLnaqND7dx/qn66R7ewM1UX5XMaDVP5wlVTaVA==",
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/acorn-import-assertions/-/acorn-import-assertions-1.8.0.tgz",
+      "integrity": "sha512-m7VZ3jwz4eK6A4Vtt8Ew1/mNbP24u0FhdyfA7fSvnJR6LMdfOYnmuIrrJAgrYfYJ10F/otaHTtrtrtmHdMNzEw==",
       "dev": true,
       "peer": true,
       "peerDependencies": {
@@ -1553,9 +2912,9 @@
       }
     },
     "node_modules/ajv-formats/node_modules/ajv": {
-      "version": "8.12.0",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz",
-      "integrity": "sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==",
+      "version": "8.11.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.11.0.tgz",
+      "integrity": "sha512-wGgprdCvMalC0BztXvitD2hC04YffAvtsUn93JbGXYLAtCUO4xd17mCCZQxUOItiBwZvJScWo8NIvQMQ71rdpg==",
       "dev": true,
       "dependencies": {
         "fast-deep-equal": "^3.1.1",
@@ -1587,7 +2946,7 @@
     "node_modules/another-json": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/another-json/-/another-json-0.2.0.tgz",
-      "integrity": "sha512-/Ndrl68UQLhnCdsAzEXLMFuOR546o2qbYRqCglaNHbjXrwG1ayTcdwr3zkSGOGtGXDyR5X9nCFfnyG2AFJIsqg=="
+      "integrity": "sha1-tfQBnJc7bdXGUGotk0acttMq7tw="
     },
     "node_modules/ansi-regex": {
       "version": "5.0.1",
@@ -1602,7 +2961,6 @@
       "version": "3.2.1",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
       "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
-      "dev": true,
       "dependencies": {
         "color-convert": "^1.9.0"
       },
@@ -1610,6 +2968,19 @@
         "node": ">=4"
       }
     },
+    "node_modules/anymatch": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
+      "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
+      "optional": true,
+      "dependencies": {
+        "normalize-path": "^3.0.0",
+        "picomatch": "^2.0.4"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
     "node_modules/argparse": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
@@ -1617,12 +2988,12 @@
       "dev": true
     },
     "node_modules/aria-query": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.0.tgz",
-      "integrity": "sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==",
+      "version": "5.1.3",
+      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.1.3.tgz",
+      "integrity": "sha512-R5iJ5lkuHybztUfuOAznmboyjWq8O6sqNqtK7CLOqdydi54VNbORp49mb14KbWgG1QD3JFO9hJdZ+y4KutfdOQ==",
       "dev": true,
       "dependencies": {
-        "dequal": "^2.0.3"
+        "deep-equal": "^2.0.5"
       }
     },
     "node_modules/array-buffer-byte-length": {
@@ -1722,16 +3093,16 @@
       }
     },
     "node_modules/array.prototype.tosorted": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/array.prototype.tosorted/-/array.prototype.tosorted-1.1.2.tgz",
-      "integrity": "sha512-HuQCHOlk1Weat5jzStICBCd83NxiIMwqDg/dHEsoefabn/hJRj5pVdWcPUSpRrwhwxZOsQassMpgN/xRYFBMIg==",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/array.prototype.tosorted/-/array.prototype.tosorted-1.1.1.tgz",
+      "integrity": "sha512-pZYPXPRl2PqWcsUs6LOMn+1f1532nEoPTYowBtqLwAW+W8vSVhkIGnmOX1t/UQjD6YGI0vcD2B1U7ZFGQH9jnQ==",
       "dev": true,
       "dependencies": {
         "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
+        "define-properties": "^1.1.4",
+        "es-abstract": "^1.20.4",
         "es-shim-unscopables": "^1.0.0",
-        "get-intrinsic": "^1.2.1"
+        "get-intrinsic": "^1.1.3"
       }
     },
     "node_modules/arraybuffer.prototype.slice": {
@@ -1758,16 +3129,16 @@
     "node_modules/arrify": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/arrify/-/arrify-1.0.1.tgz",
-      "integrity": "sha512-3CYzex9M9FGQjCGMGyi6/31c8GJbgb0qGyrx5HWxPd0aCwh4cB2YjMb2Xf9UuoogrMrlO9cTqnB5rI5GHZTcUA==",
+      "integrity": "sha1-iYUI2iIm84DfkEcoRWhJwVAaSw0=",
       "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
     },
     "node_modules/ast-types-flow": {
-      "version": "0.0.8",
-      "resolved": "https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.8.tgz",
-      "integrity": "sha512-OH/2E5Fg20h2aPrbe+QL8JZQFko0YZaF+j4mnQ7BGhfavO7OpSLa8a0y9sBwomHdSbkhTS8TQNayBfnW5DwbvQ==",
+      "version": "0.0.7",
+      "resolved": "https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.7.tgz",
+      "integrity": "sha1-9wtzXGvKGlycItmCw+Oef+ujva0=",
       "dev": true
     },
     "node_modules/astral-regex": {
@@ -1818,19 +3189,71 @@
       }
     },
     "node_modules/axobject-query": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-3.2.1.tgz",
-      "integrity": "sha512-jsyHu61e6N4Vbz/v18DHwWYKK0bSWLqn47eeDSKPB7m8tqMHF9YJ+mhIk2lVteyZrY8tnSj/jHOv4YiTCuCJgg==",
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-3.1.1.tgz",
+      "integrity": "sha512-goKlv8DZrK9hUh975fnHzhNIO4jUnFCfv/dszV5VwUGDFjI6vQ2VwoyjYjYNEbBE8AH87TduWP5uyDR1D+Iteg==",
       "dev": true,
       "dependencies": {
-        "dequal": "^2.0.3"
+        "deep-equal": "^2.0.5"
+      }
+    },
+    "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-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==",
+      "dependencies": {
+        "@babel/helper-define-polyfill-provider": "^0.4.2",
+        "core-js-compat": "^3.32.2"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
+      }
+    },
+    "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-plugin-styled-components": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/babel-plugin-styled-components/-/babel-plugin-styled-components-2.1.4.tgz",
+      "integrity": "sha512-Xgp9g+A/cG47sUyRwwYxGM4bR/jDRg5N6it/8+HxCnbT5XNKSKDT9xm4oag/osgqjC2It/vH0yXsomOG6k558g==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.22.5",
+        "@babel/helper-module-imports": "^7.22.5",
+        "@babel/plugin-syntax-jsx": "^7.22.5",
+        "lodash": "^4.17.21",
+        "picomatch": "^2.3.1"
+      },
+      "peerDependencies": {
+        "styled-components": ">= 2"
       }
     },
     "node_modules/balanced-match": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
-      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
-      "dev": true
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="
     },
     "node_modules/base-x": {
       "version": "4.0.0",
@@ -1856,20 +3279,29 @@
         }
       ]
     },
+    "node_modules/binary-extensions": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
+      "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==",
+      "optional": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/brace-expansion": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
-      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
-      "dev": true,
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
       "dependencies": {
-        "balanced-match": "^1.0.0"
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
       }
     },
     "node_modules/braces": {
       "version": "3.0.2",
       "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
       "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
-      "dev": true,
+      "devOptional": true,
       "dependencies": {
         "fill-range": "^7.0.1"
       },
@@ -1878,10 +3310,9 @@
       }
     },
     "node_modules/browserslist": {
-      "version": "4.22.2",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.22.2.tgz",
-      "integrity": "sha512-0UgcrvQmBDvZHFGdYUehrCNIazki7/lUP3kkoi/r3YB2amZbFM9J43ZRkJTXBUZK4gmx56+Sqk9+Vs9mwZx9+A==",
-      "dev": true,
+      "version": "4.22.1",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.22.1.tgz",
+      "integrity": "sha512-FEVc202+2iuClEhZhrWy6ZiAcRLvNMyYcxZ8raemul1DYVOVdFsbqckWLdsixQZCpJlwe77Z3UTalE7jsjnKfQ==",
       "funding": [
         {
           "type": "opencollective",
@@ -1897,9 +3328,9 @@
         }
       ],
       "dependencies": {
-        "caniuse-lite": "^1.0.30001565",
-        "electron-to-chromium": "^1.4.601",
-        "node-releases": "^2.0.14",
+        "caniuse-lite": "^1.0.30001541",
+        "electron-to-chromium": "^1.4.535",
+        "node-releases": "^2.0.13",
         "update-browserslist-db": "^1.0.13"
       },
       "bin": {
@@ -2029,9 +3460,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001576",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001576.tgz",
-      "integrity": "sha512-ff5BdakGe2P3SQsMsiqmt1Lc8221NR1VzHj5jXN5vBny9A6fpze94HiVV/n7XRosOlsShJcvMv5mdnpjOGCEgg==",
+      "version": "1.0.30001546",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001546.tgz",
+      "integrity": "sha512-zvtSJwuQFpewSyRrI3AsftF6rM0X80mZkChIt1spBGEvRglCrjTniXvinc8JKRoqTwXAgvqTImaN9igfSMtUBw==",
       "funding": [
         {
           "type": "opencollective",
@@ -2051,7 +3482,6 @@
       "version": "2.4.2",
       "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
       "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
-      "dev": true,
       "dependencies": {
         "ansi-styles": "^3.2.1",
         "escape-string-regexp": "^1.0.5",
@@ -2061,6 +3491,64 @@
         "node": ">=4"
       }
     },
+    "node_modules/chalk/node_modules/has-flag": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
+      "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/chalk/node_modules/supports-color": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+      "dependencies": {
+        "has-flag": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/chokidar": {
+      "version": "3.5.3",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz",
+      "integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://paulmillr.com/funding/"
+        }
+      ],
+      "optional": true,
+      "dependencies": {
+        "anymatch": "~3.1.2",
+        "braces": "~3.0.2",
+        "glob-parent": "~5.1.2",
+        "is-binary-path": "~2.1.0",
+        "is-glob": "~4.0.1",
+        "normalize-path": "~3.0.0",
+        "readdirp": "~3.6.0"
+      },
+      "engines": {
+        "node": ">= 8.10.0"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/chokidar/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "optional": true,
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/chrome-trace-event": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/chrome-trace-event/-/chrome-trace-event-1.0.3.tgz",
@@ -2072,9 +3560,9 @@
       }
     },
     "node_modules/ci-info": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-4.0.0.tgz",
-      "integrity": "sha512-TdHqgGf9odd8SXNuxtUBVx8Nv+qZOejE6qyqiy5NtbYYQOeFa6zmHkxlPzmaLxWWHsU6nJmB7AETdVPi+2NBUg==",
+      "version": "3.8.0",
+      "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-3.8.0.tgz",
+      "integrity": "sha512-eXTggHWSooYhq49F2opQhuHWgzucfF2YgODK4e1566GQs5BIfP30B0oenwBJHfWxAs2fyPB1s7Mg949zLf61Yw==",
       "dev": true,
       "funding": [
         {
@@ -2105,11 +3593,22 @@
       "resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
       "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA=="
     },
+    "node_modules/clone-regexp": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/clone-regexp/-/clone-regexp-2.2.0.tgz",
+      "integrity": "sha512-beMpP7BOtTipFuW8hrJvREQ2DrRu3BE7by0ZpibtfBA+qfHYvMGTc2Yb1JMYPKg/JUw0CHYvpg796aNTSW9z7Q==",
+      "dev": true,
+      "dependencies": {
+        "is-regexp": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/color-convert": {
       "version": "1.9.3",
       "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
       "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
-      "dev": true,
       "dependencies": {
         "color-name": "1.1.3"
       }
@@ -2117,13 +3616,12 @@
     "node_modules/color-name": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
-      "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==",
-      "dev": true
+      "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw=="
     },
     "node_modules/colord": {
-      "version": "2.9.3",
-      "resolved": "https://registry.npmjs.org/colord/-/colord-2.9.3.tgz",
-      "integrity": "sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw==",
+      "version": "2.9.2",
+      "resolved": "https://registry.npmjs.org/colord/-/colord-2.9.2.tgz",
+      "integrity": "sha512-Uqbg+J445nc1TKn4FoDPS6ZZqAvEDnwrH42yo8B40JSOgSLxMZ/gt3h4nmCtPLQeXhjJJkqBx7SCY35WnIixaQ==",
       "dev": true
     },
     "node_modules/commander": {
@@ -2136,13 +3634,12 @@
     "node_modules/concat-map": {
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
-      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
-      "dev": true
+      "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s="
     },
     "node_modules/content-type": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz",
-      "integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==",
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.4.tgz",
+      "integrity": "sha512-hIP3EEPs8tB9AT1L+NUqtwOAps4mk2Zob89MWXMHjHWg9milF/j4osnnQLXBCBFBk/tvIG/tUc9mOUJiPBhPXA==",
       "engines": {
         "node": ">= 0.6"
       }
@@ -2150,17 +3647,14 @@
     "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
+      "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg=="
     },
     "node_modules/core-js-compat": {
-      "version": "3.35.0",
-      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.35.0.tgz",
-      "integrity": "sha512-5blwFAddknKeNgsjBzilkdQ0+YK8L1PfqPYq40NOYMYFSS38qj+hpTcLLWwpIwA2A5bje/x5jmVn2tzUMg9IVw==",
-      "dev": true,
-      "peer": true,
+      "version": "3.33.0",
+      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.33.0.tgz",
+      "integrity": "sha512-0w4LcLXsVEuNkIqwjjf9rjCoPhK8uqA4tMRh4Ge26vfLtUutshn+aRJU21I9LCJlh2QQHfisNToLjw1XEJLTWw==",
       "dependencies": {
-        "browserslist": "^4.22.2"
+        "browserslist": "^4.22.1"
       },
       "funding": {
         "type": "opencollective",
@@ -2168,9 +3662,9 @@
       }
     },
     "node_modules/cosmiconfig": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.1.0.tgz",
-      "integrity": "sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==",
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.0.1.tgz",
+      "integrity": "sha512-a1YWNUV2HwGimB7dU2s1wUMurNKjpx60HxBB6xUM8Re+2s1g1IIfJvFR0/iCF+XHdE0GMTKTuLR32UQff4TEyQ==",
       "dev": true,
       "dependencies": {
         "@types/parse-json": "^4.0.0",
@@ -2211,12 +3705,12 @@
       }
     },
     "node_modules/css-functions-list": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/css-functions-list/-/css-functions-list-3.2.1.tgz",
-      "integrity": "sha512-Nj5YcaGgBtuUmn1D7oHqPW0c9iui7xsTsj5lIX8ZgevdfhmjFfKB3r8moHJtNJnctnYXJyYX5I1pp90HM4TPgQ==",
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/css-functions-list/-/css-functions-list-3.0.1.tgz",
+      "integrity": "sha512-PriDuifDt4u4rkDgnqRCLnjfMatufLmWNfQnGCq34xZwpY3oabwhB9SqRBmuvWUgndbemCFlKqg+nO7C2q0SBw==",
       "dev": true,
       "engines": {
-        "node": ">=12 || >=16"
+        "node": ">=12.22"
       }
     },
     "node_modules/css-to-react-native": {
@@ -2256,7 +3750,6 @@
       "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"
       },
@@ -2272,16 +3765,16 @@
     "node_modules/decamelize": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz",
-      "integrity": "sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==",
+      "integrity": "sha1-9lNNFRSCabIDUue+4m9QH5oZEpA=",
       "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
     },
     "node_modules/decamelize-keys": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/decamelize-keys/-/decamelize-keys-1.1.1.tgz",
-      "integrity": "sha512-WiPxgEirIV0/eIOMcnFBA3/IJZAZqKnwAwWyvvdi4lsr1WCN22nhdf/3db3DoZcUjTV2SqfzIwNyp6y2xs3nmg==",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/decamelize-keys/-/decamelize-keys-1.1.0.tgz",
+      "integrity": "sha1-0XGoeTMlKAfrPLYdwcFEXQeN8tk=",
       "dev": true,
       "dependencies": {
         "decamelize": "^1.1.0",
@@ -2289,20 +3782,46 @@
       },
       "engines": {
         "node": ">=0.10.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/decamelize-keys/node_modules/map-obj": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-1.0.1.tgz",
-      "integrity": "sha512-7N/q3lyZ+LVCp7PzuxrJr4KMbBE2hW7BT7YNia330OFxIf4d3r5zVpicP2650l7CPN6RM9zOJRl3NGpqSiw3Eg==",
+      "integrity": "sha1-2TPOuSBdgr3PSIb2dCvcK03qFG0=",
       "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
     },
+    "node_modules/deep-equal": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-2.2.1.tgz",
+      "integrity": "sha512-lKdkdV6EOGoVn65XaOsPdH4rMxTZOnmFyuIkMjM1i5HHCbfjC97dawgTAy0deYNfuqUqW+Q5VrVaQYtUpSd6yQ==",
+      "dev": true,
+      "dependencies": {
+        "array-buffer-byte-length": "^1.0.0",
+        "call-bind": "^1.0.2",
+        "es-get-iterator": "^1.1.3",
+        "get-intrinsic": "^1.2.0",
+        "is-arguments": "^1.1.1",
+        "is-array-buffer": "^3.0.2",
+        "is-date-object": "^1.0.5",
+        "is-regex": "^1.1.4",
+        "is-shared-array-buffer": "^1.0.2",
+        "isarray": "^2.0.5",
+        "object-is": "^1.1.5",
+        "object-keys": "^1.1.1",
+        "object.assign": "^4.1.4",
+        "regexp.prototype.flags": "^1.5.0",
+        "side-channel": "^1.0.4",
+        "which-boxed-primitive": "^1.0.2",
+        "which-collection": "^1.0.1",
+        "which-typed-array": "^1.1.9"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/deep-is": {
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
@@ -2340,15 +3859,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/dequal": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
-      "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
     "node_modules/dir-glob": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
@@ -2374,10 +3884,9 @@
       }
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.4.626",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.626.tgz",
-      "integrity": "sha512-f7/be56VjRRQk+Ric6PmIrEtPcIqsn3tElyAu9Sh6egha2VLJ82qwkcOdcnT06W+Pb6RUulV1ckzrGbKzVcTHg==",
-      "dev": true
+      "version": "1.4.543",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.543.tgz",
+      "integrity": "sha512-t2ZP4AcGE0iKCCQCBx/K2426crYdxD3YU6l0uK2EO3FZH0pbC4pFz/sZm2ruZsND6hQBTcDWWlo/MLpiOdif5g=="
     },
     "node_modules/emoji-regex": {
       "version": "9.2.2",
@@ -2386,9 +3895,9 @@
       "dev": true
     },
     "node_modules/enhanced-resolve": {
-      "version": "5.15.0",
-      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.15.0.tgz",
-      "integrity": "sha512-LXYT42KJ7lpIKECr2mAXIaMldcNCh/7E0KBKOu4KSfkHmP+mZmSs+8V5gBAqisWBy0OO4W5Oyys0GO1Y8KtdKg==",
+      "version": "5.13.0",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.13.0.tgz",
+      "integrity": "sha512-eyV8f0y1+bzyfh8xAwW/WTSZpLbjhqc4ne9eGSH4Zo2ejdyiNG9pU6mf9DG8a7+Auk6MFTlNOT4Y2y/9k8GKVg==",
       "dev": true,
       "dependencies": {
         "graceful-fs": "^4.2.4",
@@ -2460,6 +3969,26 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/es-get-iterator": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/es-get-iterator/-/es-get-iterator-1.1.3.tgz",
+      "integrity": "sha512-sPZmqHBe6JIiTfN5q2pEi//TwxmAFHwj/XEuYjTuse78i8KxaqMTTzxPoFKuzRpDpTJ+0NAbpfenkmH2rePtuw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.1.3",
+        "has-symbols": "^1.0.3",
+        "is-arguments": "^1.1.1",
+        "is-map": "^2.0.2",
+        "is-set": "^2.0.2",
+        "is-string": "^1.0.7",
+        "isarray": "^2.0.5",
+        "stop-iteration-iterator": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/es-iterator-helpers": {
       "version": "1.0.15",
       "resolved": "https://registry.npmjs.org/es-iterator-helpers/-/es-iterator-helpers-1.0.15.tgz",
@@ -2483,33 +4012,33 @@
       }
     },
     "node_modules/es-module-lexer": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.4.1.tgz",
-      "integrity": "sha512-cXLGjP0c4T3flZJKQSuziYoq7MlT+rnvfZjfp7h+I7K9BNX54kP9nyWvdbwjQ4u1iWbOL4u96fgeZLToQlZC7w==",
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.2.1.tgz",
+      "integrity": "sha512-9978wrXM50Y4rTMmW5kXIC09ZdXQZqkE4mxhwkd8VbzsGkXGPgV4zWuqQJgCEzYngdo2dYDa0l8xhX4fkSwJSg==",
       "dev": true,
       "peer": true
     },
     "node_modules/es-set-tostringtag": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.0.2.tgz",
-      "integrity": "sha512-BuDyupZt65P9D2D2vA/zqcI3G5xRsklm5N3xCwuiy+/vKy8i0ifdsQP1sLgO4tZDSCaQUSnmC48khknGMV3D2Q==",
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.0.1.tgz",
+      "integrity": "sha512-g3OMbtlwY3QewlqAiMLI47KywjWZoEytKr8pf6iTC8uJq5bIAH52Z9pnQ8pVL6whrCto53JZDuUIsifGeLorTg==",
       "dev": true,
       "dependencies": {
-        "get-intrinsic": "^1.2.2",
-        "has-tostringtag": "^1.0.0",
-        "hasown": "^2.0.0"
+        "get-intrinsic": "^1.1.3",
+        "has": "^1.0.3",
+        "has-tostringtag": "^1.0.0"
       },
       "engines": {
         "node": ">= 0.4"
       }
     },
     "node_modules/es-shim-unscopables": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.0.2.tgz",
-      "integrity": "sha512-J3yBRXCzDu4ULnQwxyToo/OjdMx6akgVC7K6few0a7F/0wLtmKKN7I73AH5T2836UuXRqN7Qg+IIUw/+YJksRw==",
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.0.0.tgz",
+      "integrity": "sha512-Jm6GPcCdC30eMLbZ2x8z2WuRwAws3zTBBKuusffYVUrNj/GVSUAZ+xKMaUpfNDR5IbyNA5LJbaecoUVbmUcB1w==",
       "dev": true,
       "dependencies": {
-        "hasown": "^2.0.0"
+        "has": "^1.0.3"
       }
     },
     "node_modules/es-to-primitive": {
@@ -2533,7 +4062,6 @@
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
       "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
-      "dev": true,
       "engines": {
         "node": ">=6"
       }
@@ -2542,21 +4070,20 @@
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
       "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
-      "dev": true,
       "engines": {
         "node": ">=0.8.0"
       }
     },
     "node_modules/eslint": {
-      "version": "8.56.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.56.0.tgz",
-      "integrity": "sha512-Go19xM6T9puCOWntie1/P997aXxFsOi37JIHRWI514Hc6ZnaHGKY9xFhrU65RT6CcBEzZoGG1e6Nq+DT04ZtZQ==",
+      "version": "8.55.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.55.0.tgz",
+      "integrity": "sha512-iyUUAM0PCKj5QpwGfmCAG9XXbZCWsqP/eWAWrG/W0umvjuLRBECwSFdt+rCntju0xEH7teIABPwXpahftIaTdA==",
       "dev": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.2.0",
         "@eslint-community/regexpp": "^4.6.1",
         "@eslint/eslintrc": "^2.1.4",
-        "@eslint/js": "8.56.0",
+        "@eslint/js": "8.55.0",
         "@humanwhocodes/config-array": "^0.11.13",
         "@humanwhocodes/module-importer": "^1.0.1",
         "@nodelib/fs.walk": "^1.2.8",
@@ -2616,12 +4143,12 @@
       }
     },
     "node_modules/eslint-config-next": {
-      "version": "14.0.4",
-      "resolved": "https://registry.npmjs.org/eslint-config-next/-/eslint-config-next-14.0.4.tgz",
-      "integrity": "sha512-9/xbOHEQOmQtqvQ1UsTQZpnA7SlDMBtuKJ//S4JnoyK3oGLhILKXdBgu/UO7lQo/2xOykQULS1qQ6p2+EpHgAQ==",
+      "version": "14.0.3",
+      "resolved": "https://registry.npmjs.org/eslint-config-next/-/eslint-config-next-14.0.3.tgz",
+      "integrity": "sha512-IKPhpLdpSUyKofmsXUfrvBC49JMUTdeaD8ZIH4v9Vk0sC1X6URTuTJCLtA0Vwuj7V/CQh0oISuSTvNn5//Buew==",
       "dev": true,
       "dependencies": {
-        "@next/eslint-plugin-next": "14.0.4",
+        "@next/eslint-plugin-next": "14.0.3",
         "@rushstack/eslint-patch": "^1.3.3",
         "@typescript-eslint/parser": "^5.4.2 || ^6.0.0",
         "eslint-import-resolver-node": "^0.3.6",
@@ -2713,9 +4240,9 @@
       }
     },
     "node_modules/eslint-plugin-deprecate": {
-      "version": "0.8.4",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-deprecate/-/eslint-plugin-deprecate-0.8.4.tgz",
-      "integrity": "sha512-bzpQTyXNWXbMWRH77XiuzfAthOhQhizEZrTf7krRiMYrq6ENUsWfbCe8A3SeRNa4eW8T2QrHsg/lXmxLq9xXXA==",
+      "version": "0.7.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-deprecate/-/eslint-plugin-deprecate-0.7.0.tgz",
+      "integrity": "sha512-MylhCqoH/SJ2MwzVgX0we6oE+lKPVwhOu9hAJ98vMCmbz3FNwqJ8XipdI23bCF7NHxUbhd6mdxFjywKE52pt7A==",
       "dev": true,
       "peer": true,
       "peerDependencies": {
@@ -2723,9 +4250,9 @@
       }
     },
     "node_modules/eslint-plugin-import": {
-      "version": "2.29.1",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.29.1.tgz",
-      "integrity": "sha512-BbPC0cuExzhiMo4Ff1BTVwHpjjv28C5R+btTOGaCRC7UEz801up0JadwkeSk5Ued6TG34uaczuVuH6qyy5YUxw==",
+      "version": "2.29.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.29.0.tgz",
+      "integrity": "sha512-QPOO5NO6Odv5lpoTkddtutccQjysJuFxoPS7fAHO+9m9udNHvTCPSAMW9zGAYj8lAIdr40I8yPCdUYrncXtrwg==",
       "dev": true,
       "dependencies": {
         "array-includes": "^3.1.7",
@@ -2744,7 +4271,7 @@
         "object.groupby": "^1.0.1",
         "object.values": "^1.1.7",
         "semver": "^6.3.1",
-        "tsconfig-paths": "^3.15.0"
+        "tsconfig-paths": "^3.14.2"
       },
       "engines": {
         "node": ">=4"
@@ -2753,16 +4280,6 @@
         "eslint": "^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8"
       }
     },
-    "node_modules/eslint-plugin-import/node_modules/brace-expansion": {
-      "version": "1.1.11",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
-      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
-      "dev": true,
-      "dependencies": {
-        "balanced-match": "^1.0.0",
-        "concat-map": "0.0.1"
-      }
-    },
     "node_modules/eslint-plugin-import/node_modules/debug": {
       "version": "3.2.7",
       "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
@@ -2784,40 +4301,28 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/eslint-plugin-import/node_modules/minimatch": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-      "dev": true,
-      "dependencies": {
-        "brace-expansion": "^1.1.7"
-      },
-      "engines": {
-        "node": "*"
-      }
-    },
     "node_modules/eslint-plugin-jsx-a11y": {
-      "version": "6.8.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.8.0.tgz",
-      "integrity": "sha512-Hdh937BS3KdwwbBaKd5+PLCOmYY6U4f2h9Z2ktwtNKvIdIEu137rjYbcb9ApSbVJfWxANNuiKTD/9tOKjK9qOA==",
+      "version": "6.7.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.7.1.tgz",
+      "integrity": "sha512-63Bog4iIethyo8smBklORknVjB0T2dwB8Mr/hIC+fBS0uyHdYYpzM/Ed+YC8VxTjlXHEWFOdmgwcDn1U2L9VCA==",
       "dev": true,
       "dependencies": {
-        "@babel/runtime": "^7.23.2",
-        "aria-query": "^5.3.0",
-        "array-includes": "^3.1.7",
-        "array.prototype.flatmap": "^1.3.2",
-        "ast-types-flow": "^0.0.8",
-        "axe-core": "=4.7.0",
-        "axobject-query": "^3.2.1",
+        "@babel/runtime": "^7.20.7",
+        "aria-query": "^5.1.3",
+        "array-includes": "^3.1.6",
+        "array.prototype.flatmap": "^1.3.1",
+        "ast-types-flow": "^0.0.7",
+        "axe-core": "^4.6.2",
+        "axobject-query": "^3.1.1",
         "damerau-levenshtein": "^1.0.8",
         "emoji-regex": "^9.2.2",
-        "es-iterator-helpers": "^1.0.15",
-        "hasown": "^2.0.0",
-        "jsx-ast-utils": "^3.3.5",
-        "language-tags": "^1.0.9",
+        "has": "^1.0.3",
+        "jsx-ast-utils": "^3.3.3",
+        "language-tags": "=1.0.5",
         "minimatch": "^3.1.2",
-        "object.entries": "^1.1.7",
-        "object.fromentries": "^2.0.7"
+        "object.entries": "^1.1.6",
+        "object.fromentries": "^2.0.6",
+        "semver": "^6.3.0"
       },
       "engines": {
         "node": ">=4.0"
@@ -2826,28 +4331,6 @@
         "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8"
       }
     },
-    "node_modules/eslint-plugin-jsx-a11y/node_modules/brace-expansion": {
-      "version": "1.1.11",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
-      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
-      "dev": true,
-      "dependencies": {
-        "balanced-match": "^1.0.0",
-        "concat-map": "0.0.1"
-      }
-    },
-    "node_modules/eslint-plugin-jsx-a11y/node_modules/minimatch": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-      "dev": true,
-      "dependencies": {
-        "brace-expansion": "^1.1.7"
-      },
-      "engines": {
-        "node": "*"
-      }
-    },
     "node_modules/eslint-plugin-matrix-org": {
       "version": "0.8.0",
       "resolved": "https://registry.npmjs.org/eslint-plugin-matrix-org/-/eslint-plugin-matrix-org-0.8.0.tgz",
@@ -2912,16 +4395,6 @@
         "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0"
       }
     },
-    "node_modules/eslint-plugin-react/node_modules/brace-expansion": {
-      "version": "1.1.11",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
-      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
-      "dev": true,
-      "dependencies": {
-        "balanced-match": "^1.0.0",
-        "concat-map": "0.0.1"
-      }
-    },
     "node_modules/eslint-plugin-react/node_modules/doctrine": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
@@ -2934,25 +4407,13 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/eslint-plugin-react/node_modules/minimatch": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-      "dev": true,
-      "dependencies": {
-        "brace-expansion": "^1.1.7"
-      },
-      "engines": {
-        "node": "*"
-      }
-    },
     "node_modules/eslint-plugin-react/node_modules/resolve": {
-      "version": "2.0.0-next.5",
-      "resolved": "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.5.tgz",
-      "integrity": "sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA==",
+      "version": "2.0.0-next.4",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.4.tgz",
+      "integrity": "sha512-iMDbmAWtfU+MHpxt/I5iWI7cY6YVEZUQ3MBgPQ++XD1PELuJHIl82xBmObyP2KyQmkNB2dsqF7seoQQiAn5yDQ==",
       "dev": true,
       "dependencies": {
-        "is-core-module": "^2.13.0",
+        "is-core-module": "^2.9.0",
         "path-parse": "^1.0.7",
         "supports-preserve-symlinks-flag": "^1.0.0"
       },
@@ -2964,37 +4425,37 @@
       }
     },
     "node_modules/eslint-plugin-unicorn": {
-      "version": "50.0.1",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-unicorn/-/eslint-plugin-unicorn-50.0.1.tgz",
-      "integrity": "sha512-KxenCZxqSYW0GWHH18okDlOQcpezcitm5aOSz6EnobyJ6BIByiPDviQRjJIUAjG/tMN11958MxaQ+qCoU6lfDA==",
+      "version": "46.0.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-unicorn/-/eslint-plugin-unicorn-46.0.0.tgz",
+      "integrity": "sha512-j07WkC+PFZwk8J33LYp6JMoHa1lXc1u6R45pbSAipjpfpb7KIGr17VE2D685zCxR5VL4cjrl65kTJflziQWMDA==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@babel/helper-validator-identifier": "^7.22.20",
-        "@eslint-community/eslint-utils": "^4.4.0",
-        "@eslint/eslintrc": "^2.1.4",
-        "ci-info": "^4.0.0",
+        "@babel/helper-validator-identifier": "^7.19.1",
+        "@eslint-community/eslint-utils": "^4.1.2",
+        "ci-info": "^3.6.1",
         "clean-regexp": "^1.0.0",
-        "core-js-compat": "^3.34.0",
-        "esquery": "^1.5.0",
+        "esquery": "^1.4.0",
         "indent-string": "^4.0.0",
-        "is-builtin-module": "^3.2.1",
+        "is-builtin-module": "^3.2.0",
         "jsesc": "^3.0.2",
+        "lodash": "^4.17.21",
         "pluralize": "^8.0.0",
         "read-pkg-up": "^7.0.1",
-        "regexp-tree": "^0.1.27",
-        "regjsparser": "^0.10.0",
-        "semver": "^7.5.4",
+        "regexp-tree": "^0.1.24",
+        "regjsparser": "^0.9.1",
+        "safe-regex": "^2.1.1",
+        "semver": "^7.3.8",
         "strip-indent": "^3.0.0"
       },
       "engines": {
-        "node": ">=16"
+        "node": ">=14.18"
       },
       "funding": {
         "url": "https://github.com/sindresorhus/eslint-plugin-unicorn?sponsor=1"
       },
       "peerDependencies": {
-        "eslint": ">=8.56.0"
+        "eslint": ">=8.28.0"
       }
     },
     "node_modules/eslint-plugin-unicorn/node_modules/jsesc": {
@@ -3010,19 +4471,6 @@
         "node": ">=6"
       }
     },
-    "node_modules/eslint-plugin-unicorn/node_modules/lru-cache": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "yallist": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
     "node_modules/eslint-plugin-unicorn/node_modules/semver": {
       "version": "7.5.4",
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
@@ -3039,13 +4487,6 @@
         "node": ">=10"
       }
     },
-    "node_modules/eslint-plugin-unicorn/node_modules/yallist": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "dev": true,
-      "peer": true
-    },
     "node_modules/eslint-rule-composer": {
       "version": "0.3.0",
       "resolved": "https://registry.npmjs.org/eslint-rule-composer/-/eslint-rule-composer-0.3.0.tgz",
@@ -3081,13 +4522,15 @@
       }
     },
     "node_modules/eslint-visitor-keys": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz",
-      "integrity": "sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==",
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
       "dev": true,
-      "peer": true,
       "engines": {
-        "node": ">=10"
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
       }
     },
     "node_modules/eslint/node_modules/ansi-styles": {
@@ -3101,18 +4544,8 @@
       "engines": {
         "node": ">=8"
       },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/eslint/node_modules/brace-expansion": {
-      "version": "1.1.11",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
-      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
-      "dev": true,
-      "dependencies": {
-        "balanced-match": "^1.0.0",
-        "concat-map": "0.0.1"
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
     "node_modules/eslint/node_modules/chalk": {
@@ -3177,22 +4610,10 @@
         "url": "https://opencollective.com/eslint"
       }
     },
-    "node_modules/eslint/node_modules/eslint-visitor-keys": {
-      "version": "3.4.3",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
-      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
-      "dev": true,
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
     "node_modules/eslint/node_modules/globals": {
-      "version": "13.24.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
-      "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
+      "version": "13.20.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-13.20.0.tgz",
+      "integrity": "sha512-Qg5QtVkCy/kv3FUSlu4ukeZDVf9ee0iXLAUYX13gbR17bnejFTzr4iS9bY7kwCf1NztRNm1t91fjOiyx4CSwPQ==",
       "dev": true,
       "dependencies": {
         "type-fest": "^0.20.2"
@@ -3204,51 +4625,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/eslint/node_modules/has-flag": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/eslint/node_modules/minimatch": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-      "dev": true,
-      "dependencies": {
-        "brace-expansion": "^1.1.7"
-      },
-      "engines": {
-        "node": "*"
-      }
-    },
-    "node_modules/eslint/node_modules/supports-color": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-      "dev": true,
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/eslint/node_modules/type-fest": {
-      "version": "0.20.2",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
-      "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/espree": {
       "version": "9.6.1",
       "resolved": "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz",
@@ -3266,18 +4642,6 @@
         "url": "https://opencollective.com/eslint"
       }
     },
-    "node_modules/espree/node_modules/eslint-visitor-keys": {
-      "version": "3.4.3",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
-      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
-      "dev": true,
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
     "node_modules/esquery": {
       "version": "1.5.0",
       "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.5.0.tgz",
@@ -3315,7 +4679,6 @@
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
       "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
-      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -3336,6 +4699,18 @@
         "node": ">=0.8.x"
       }
     },
+    "node_modules/execall": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/execall/-/execall-2.0.0.tgz",
+      "integrity": "sha512-0FU2hZ5Hh6iQnarpRtQurM/aAvp3RIbfvgLHrcqJYzhXyV2KFruhuChf9NC6waAhiUR7FFtlugkI4p7f2Fqlow==",
+      "dev": true,
+      "dependencies": {
+        "clone-regexp": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/fast-deep-equal": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
@@ -3343,9 +4718,9 @@
       "dev": true
     },
     "node_modules/fast-glob": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.2.tgz",
-      "integrity": "sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==",
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.1.tgz",
+      "integrity": "sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==",
       "dev": true,
       "dependencies": {
         "@nodelib/fs.stat": "^2.0.2",
@@ -3383,26 +4758,23 @@
       "dev": true
     },
     "node_modules/fast-redact": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/fast-redact/-/fast-redact-3.3.0.tgz",
-      "integrity": "sha512-6T5V1QK1u4oF+ATxs1lWUmlEk6P2T9HqJG3e2DnHOdVgZy2rFJBoEnrIedcTXlkAHU/zKC+7KETJ+KGGKwxgMQ==",
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/fast-redact/-/fast-redact-3.2.0.tgz",
+      "integrity": "sha512-zaTadChr+NekyzallAMXATXLOR8MNx3zqpZ0MUF2aGf4EathnG0f32VLODNlY8IuGY3HoRO2L6/6fSzNsLaHIw==",
       "engines": {
         "node": ">=6"
       }
     },
     "node_modules/fastest-levenshtein": {
-      "version": "1.0.16",
-      "resolved": "https://registry.npmjs.org/fastest-levenshtein/-/fastest-levenshtein-1.0.16.tgz",
-      "integrity": "sha512-eRnCtTTtGZFpQCwhJiUOuxPQWRXVKYDn0b2PeHfXL6/Zi53SLAzAHfVhVWK2AryC/WH05kGfxhFIPvTF0SXQzg==",
-      "dev": true,
-      "engines": {
-        "node": ">= 4.9.1"
-      }
+      "version": "1.0.12",
+      "resolved": "https://registry.npmjs.org/fastest-levenshtein/-/fastest-levenshtein-1.0.12.tgz",
+      "integrity": "sha512-On2N+BpYJ15xIC974QNVuYGMOlEVt4s0EOI3wwMqOmK1fdDY+FN/zltPV8vosq4ad4c/gJ1KHScUn/6AWIgiow==",
+      "dev": true
     },
     "node_modules/fastq": {
-      "version": "1.16.0",
-      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.16.0.tgz",
-      "integrity": "sha512-ifCoaXsDrsdkWTtiNJX5uzHDsrck5TzfKKDcuFFTIrrc/BS076qgEIfoIy1VeZqViznfKiysPYTh/QeHtnIsYA==",
+      "version": "1.13.0",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.13.0.tgz",
+      "integrity": "sha512-YpkpUnK8od0o1hmeSc7UUs/eB/vIPWJYjKck2QKIzAf71Vm1AAQ3EbuZB3g2JIy+pg+ERD0vqI79KyZiB2e2Nw==",
       "dev": true,
       "dependencies": {
         "reusify": "^1.0.4"
@@ -3424,7 +4796,7 @@
       "version": "7.0.1",
       "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
       "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
-      "dev": true,
+      "devOptional": true,
       "dependencies": {
         "to-regex-range": "^5.0.1"
       },
@@ -3449,13 +4821,12 @@
       }
     },
     "node_modules/flat-cache": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.2.0.tgz",
-      "integrity": "sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw==",
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.0.4.tgz",
+      "integrity": "sha512-dm9s5Pw7Jc0GvMYbshN6zchCA9RgQlzzEZX3vylR9IqFfS8XciblUXOKfW6SiuJ0e13eDYZoZV5wdrev7P3Nwg==",
       "dev": true,
       "dependencies": {
-        "flatted": "^3.2.9",
-        "keyv": "^4.5.3",
+        "flatted": "^3.1.0",
         "rimraf": "^3.0.2"
       },
       "engines": {
@@ -3463,9 +4834,9 @@
       }
     },
     "node_modules/flatted": {
-      "version": "3.2.9",
-      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.2.9.tgz",
-      "integrity": "sha512-36yxDn5H7OFZQla0/jFJmbIKTdZAQHngCedGxiMmpNfEZM0sdEeT+WczLQrjK6D7o2aiyLYDnkw0R3JK0Qv1RQ==",
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.2.4.tgz",
+      "integrity": "sha512-8/sOawo8tJ4QOBX8YlQBMxL8+RLZfxMQOif9o0KUKTNTjMYElWPE0r/m5VNFxTRd0NSw8qSy8dajrwX4RYI1Hw==",
       "dev": true
     },
     "node_modules/for-each": {
@@ -3477,17 +4848,33 @@
         "is-callable": "^1.1.3"
       }
     },
+    "node_modules/fs-readdir-recursive": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/fs-readdir-recursive/-/fs-readdir-recursive-1.1.0.tgz",
+      "integrity": "sha512-GNanXlVr2pf02+sPN40XN8HG+ePaNcvM0q5mZBd668Obwb0yD5GiUbZOFgwn8kGMY6I3mdyDJzieUy3PTYyTRA=="
+    },
     "node_modules/fs.realpath": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
-      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
-      "dev": true
+      "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8="
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "hasInstallScript": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
     },
     "node_modules/function-bind": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
       "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
-      "dev": true,
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
@@ -3523,7 +4910,6 @@
       "version": "1.0.0-beta.2",
       "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
       "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
-      "dev": true,
       "engines": {
         "node": ">=6.9.0"
       }
@@ -3543,6 +4929,18 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/get-stdin": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-8.0.0.tgz",
+      "integrity": "sha512-sY22aA6xchAzprjyqmSEQv4UbAAzRN0L2dQB0NlN5acTTK9Don6nhoc3eAbUnpZiCANAMfd/+40kVdKfFygohg==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/get-symbol-description": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.0.0.tgz",
@@ -3572,10 +4970,9 @@
       }
     },
     "node_modules/glob": {
-      "version": "7.1.7",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.7.tgz",
-      "integrity": "sha512-OvD9ENzPLbegENnYP5UUfJIirTg4+XwMWGaQfQTY0JenxNvvIKP3U3/tAQSPIu/lHxXYSZmpXlUHeqAIdKzBLQ==",
-      "dev": true,
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.0.tgz",
+      "integrity": "sha512-lmLf6gtyrPq8tTjSmrO94wBeQbFR3HbLHbuyD69wuyQkImp2hWqMGB47OX65FBkPffO641IP9jWa1z4ivqG26Q==",
       "dependencies": {
         "fs.realpath": "^1.0.0",
         "inflight": "^1.0.4",
@@ -3608,28 +5005,6 @@
       "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz",
       "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw=="
     },
-    "node_modules/glob/node_modules/brace-expansion": {
-      "version": "1.1.11",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
-      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
-      "dev": true,
-      "dependencies": {
-        "balanced-match": "^1.0.0",
-        "concat-map": "0.0.1"
-      }
-    },
-    "node_modules/glob/node_modules/minimatch": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-      "dev": true,
-      "dependencies": {
-        "brace-expansion": "^1.1.7"
-      },
-      "engines": {
-        "node": "*"
-      }
-    },
     "node_modules/global-modules": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/global-modules/-/global-modules-2.0.0.tgz",
@@ -3672,7 +5047,6 @@
       "version": "11.12.0",
       "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz",
       "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==",
-      "dev": true,
       "engines": {
         "node": ">=4"
       }
@@ -3715,7 +5089,7 @@
     "node_modules/globjoin": {
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/globjoin/-/globjoin-0.1.4.tgz",
-      "integrity": "sha512-xYfnw62CKG8nLkZBfWbhWwDw02CHty86jfPcc2cr3ZfeuK9ysoVPPEUxf21bAD/rWAgk52SuBrLJlefNy8mvFg==",
+      "integrity": "sha1-L0SUrIkZ43Z8XLtpHp9GMyQoXUM=",
       "dev": true
     },
     "node_modules/gopd": {
@@ -3750,6 +5124,18 @@
         "node": ">=6"
       }
     },
+    "node_modules/has": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
+      "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
+      "dev": true,
+      "dependencies": {
+        "function-bind": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4.0"
+      }
+    },
     "node_modules/has-bigints": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz",
@@ -3760,21 +5146,21 @@
       }
     },
     "node_modules/has-flag": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
-      "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
       "dev": true,
       "engines": {
-        "node": ">=4"
+        "node": ">=8"
       }
     },
     "node_modules/has-property-descriptors": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.1.tgz",
-      "integrity": "sha512-VsX8eaIewvas0xnvinAe9bw4WfIeODpGYikiWYLH+dma0Jw6KHYqWiWfhQlgOVK8D6PvjubK5Uc4P0iIhIcNVg==",
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.0.tgz",
+      "integrity": "sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ==",
       "dev": true,
       "dependencies": {
-        "get-intrinsic": "^1.2.2"
+        "get-intrinsic": "^1.1.1"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
@@ -3823,7 +5209,6 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.0.tgz",
       "integrity": "sha512-vUptKVTpIJhcczKBbgnS+RtcuYMB8+oNzPK2/Hp3hanz8JmpATdmmgLgSaadVREkDm+e2giHwY3ZRkyjSIDDFA==",
-      "dev": true,
       "dependencies": {
         "function-bind": "^1.1.2"
       },
@@ -3832,10 +5217,16 @@
       }
     },
     "node_modules/hosted-git-info": {
-      "version": "2.8.9",
-      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.9.tgz",
-      "integrity": "sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==",
-      "dev": true
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-4.1.0.tgz",
+      "integrity": "sha512-kyCuEOWjJqZuDbRHzL8V93NzQhwIB71oFWSyzVo+KPZI+pnQPPxucdkrOZvkLRnrf5URsQM+IJ09Dw29cRALIA==",
+      "dev": true,
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
     },
     "node_modules/html-parse-stringify": {
       "version": "3.0.1",
@@ -3846,9 +5237,9 @@
       }
     },
     "node_modules/html-tags": {
-      "version": "3.3.1",
-      "resolved": "https://registry.npmjs.org/html-tags/-/html-tags-3.3.1.tgz",
-      "integrity": "sha512-ztqyC3kLto0e9WbNp0aeP+M3kTt+nbaIveGmUxAtZa+8iFgKLUOD4YKM5j+f3QD89bra7UeumolZHKuOXnTmeQ==",
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/html-tags/-/html-tags-3.2.0.tgz",
+      "integrity": "sha512-vy7ClnArOZwCnqZgvv+ddgHgJiAFXe3Ge9ML5/mBctVJoUoYPCdxVucOywjDARn6CVoh3dRSFdPHy2sX80L0Wg==",
       "dev": true,
       "engines": {
         "node": ">=8"
@@ -3858,9 +5249,9 @@
       }
     },
     "node_modules/i18next": {
-      "version": "23.7.16",
-      "resolved": "https://registry.npmjs.org/i18next/-/i18next-23.7.16.tgz",
-      "integrity": "sha512-SrqFkMn9W6Wb43ZJ9qrO6U2U4S80RsFMA7VYFSqp7oc7RllQOYDCdRfsse6A7Cq/V8MnpxKvJCYgM8++27n4Fw==",
+      "version": "23.7.7",
+      "resolved": "https://registry.npmjs.org/i18next/-/i18next-23.7.7.tgz",
+      "integrity": "sha512-peTvdT+Lma+o0LfLFD7IC2M37N9DJ04dH0IJYOyOHRhDfLo6nK36v7LkrQH35C2l8NHiiXZqGirhKESlEb/5PA==",
       "funding": [
         {
           "type": "individual",
@@ -3915,9 +5306,9 @@
       ]
     },
     "node_modules/ignore": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.0.tgz",
-      "integrity": "sha512-g7dmpshy+gD7mh88OC9NwSGTKoc3kyLAZQRU1mt53Aw/vnvfXnbC+F/7F7QoYVKbV+KNvJx8wArewKy1vXMtlg==",
+      "version": "5.2.4",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.4.tgz",
+      "integrity": "sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==",
       "dev": true,
       "engines": {
         "node": ">= 4"
@@ -3960,7 +5351,7 @@
     "node_modules/imurmurhash": {
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
-      "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
+      "integrity": "sha1-khi5srkoojixPcT7a21XbyMUU+o=",
       "dev": true,
       "engines": {
         "node": ">=0.8.19"
@@ -3978,8 +5369,7 @@
     "node_modules/inflight": {
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
-      "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
-      "dev": true,
+      "integrity": "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=",
       "dependencies": {
         "once": "^1.3.0",
         "wrappy": "1"
@@ -3988,8 +5378,7 @@
     "node_modules/inherits": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
-      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
-      "dev": true
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
     },
     "node_modules/ini": {
       "version": "1.3.8",
@@ -3998,19 +5387,35 @@
       "dev": true
     },
     "node_modules/internal-slot": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.6.tgz",
-      "integrity": "sha512-Xj6dv+PsbtwyPpEflsejS+oIZxmMlV44zAhG479uYu89MsjcYOhCFnNyKrkJrihbsiasQyY0afoCl/9BLR65bg==",
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.5.tgz",
+      "integrity": "sha512-Y+R5hJrzs52QCG2laLn4udYVnxsfny9CpOhNhUvk/SSSVyF6T27FzRbF0sroPidSu3X8oEAkOn2K804mjpt6UQ==",
       "dev": true,
       "dependencies": {
-        "get-intrinsic": "^1.2.2",
-        "hasown": "^2.0.0",
+        "get-intrinsic": "^1.2.0",
+        "has": "^1.0.3",
         "side-channel": "^1.0.4"
       },
       "engines": {
         "node": ">= 0.4"
       }
     },
+    "node_modules/is-arguments": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.1.1.tgz",
+      "integrity": "sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/is-array-buffer": {
       "version": "3.0.2",
       "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.2.tgz",
@@ -4028,7 +5433,7 @@
     "node_modules/is-arrayish": {
       "version": "0.2.1",
       "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
-      "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==",
+      "integrity": "sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0=",
       "dev": true
     },
     "node_modules/is-async-function": {
@@ -4058,6 +5463,18 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/is-binary-path": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
+      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+      "optional": true,
+      "dependencies": {
+        "binary-extensions": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/is-boolean-object": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.1.2.tgz",
@@ -4106,7 +5523,6 @@
       "version": "2.13.1",
       "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.13.1.tgz",
       "integrity": "sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==",
-      "dev": true,
       "dependencies": {
         "hasown": "^2.0.0"
       },
@@ -4132,8 +5548,8 @@
     "node_modules/is-extglob": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
-      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
-      "dev": true,
+      "integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=",
+      "devOptional": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -4178,7 +5594,7 @@
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
       "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
-      "dev": true,
+      "devOptional": true,
       "dependencies": {
         "is-extglob": "^2.1.1"
       },
@@ -4211,7 +5627,7 @@
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
       "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
-      "dev": true,
+      "devOptional": true,
       "engines": {
         "node": ">=0.12.0"
       }
@@ -4243,7 +5659,7 @@
     "node_modules/is-plain-obj": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-1.1.0.tgz",
-      "integrity": "sha512-yvkRyxmFKEOQ4pNXCmJG5AEQNlXJS5LaONXo5/cLdTZdWvsZ1ioJEonLGAosKlMWE8lwUy/bJzMjcw8az73+Fg==",
+      "integrity": "sha1-caUMhCnfync8kqOQpKA7OfzVHT4=",
       "dev": true,
       "engines": {
         "node": ">=0.10.0"
@@ -4274,6 +5690,15 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/is-regexp": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-regexp/-/is-regexp-2.1.0.tgz",
+      "integrity": "sha512-OZ4IlER3zmRIoB9AqNhEggVxqIH4ofDns5nRrPS6yQxXE1TPCUpFznBfRQmQa8uC+pXqjMnukiJBxCisIxiLGA==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/is-set": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.2.tgz",
@@ -4383,7 +5808,7 @@
     "node_modules/isexe": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
-      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+      "integrity": "sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=",
       "dev": true
     },
     "node_modules/iterator.prototype": {
@@ -4400,9 +5825,9 @@
       }
     },
     "node_modules/jest-worker": {
-      "version": "28.1.3",
-      "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-28.1.3.tgz",
-      "integrity": "sha512-CqRA220YV/6jCo8VWvAt1KKx6eek1VIHMPeLEbpcfSfkEeWyBNppynM/o6q+Wmw+sOhos2ml34wZbSX3G13//g==",
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.5.1.tgz",
+      "integrity": "sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==",
       "dev": true,
       "dependencies": {
         "@types/node": "*",
@@ -4410,16 +5835,7 @@
         "supports-color": "^8.0.0"
       },
       "engines": {
-        "node": "^12.13.0 || ^14.15.0 || ^16.10.0 || >=17.0.0"
-      }
-    },
-    "node_modules/jest-worker/node_modules/has-flag": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
+        "node": ">= 10.13.0"
       }
     },
     "node_modules/jest-worker/node_modules/supports-color": {
@@ -4458,7 +5874,6 @@
       "version": "2.5.2",
       "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz",
       "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==",
-      "dev": true,
       "bin": {
         "jsesc": "bin/jsesc"
       },
@@ -4466,12 +5881,6 @@
         "node": ">=4"
       }
     },
-    "node_modules/json-buffer": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
-      "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
-      "dev": true
-    },
     "node_modules/json-parse-even-better-errors": {
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
@@ -4487,14 +5896,13 @@
     "node_modules/json-stable-stringify-without-jsonify": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
-      "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
+      "integrity": "sha1-nbe1lJatPzz+8wp1FC0tkwrXJlE=",
       "dev": true
     },
     "node_modules/json5": {
       "version": "2.2.3",
       "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
       "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
-      "dev": true,
       "bin": {
         "json5": "lib/cli.js"
       },
@@ -4503,15 +5911,13 @@
       }
     },
     "node_modules/jsx-ast-utils": {
-      "version": "3.3.5",
-      "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.3.5.tgz",
-      "integrity": "sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==",
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.3.3.tgz",
+      "integrity": "sha512-fYQHZTZ8jSfmWZ0iyzfwiU4WDX4HpHbMCZ3gPlWYiCl3BoeOTsqKBqnTVfH2rYT7eP5c3sVbeSPHnnJOaTrWiw==",
       "dev": true,
       "dependencies": {
-        "array-includes": "^3.1.6",
-        "array.prototype.flat": "^1.3.1",
-        "object.assign": "^4.1.4",
-        "object.values": "^1.1.6"
+        "array-includes": "^3.1.5",
+        "object.assign": "^4.1.3"
       },
       "engines": {
         "node": ">=4.0"
@@ -4522,15 +5928,6 @@
       "resolved": "https://registry.npmjs.org/jwt-decode/-/jwt-decode-3.1.2.tgz",
       "integrity": "sha512-UfpWE/VZn0iP50d8cz9NrZLM9lSWhcJ+0Gt/nm4by88UL+J1SiKN8/5dkjMmbEzwL2CAe+67GsegCbIKtbp75A=="
     },
-    "node_modules/keyv": {
-      "version": "4.5.4",
-      "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
-      "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
-      "dev": true,
-      "dependencies": {
-        "json-buffer": "3.0.1"
-      }
-    },
     "node_modules/kind-of": {
       "version": "6.0.3",
       "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
@@ -4541,27 +5938,24 @@
       }
     },
     "node_modules/known-css-properties": {
-      "version": "0.26.0",
-      "resolved": "https://registry.npmjs.org/known-css-properties/-/known-css-properties-0.26.0.tgz",
-      "integrity": "sha512-5FZRzrZzNTBruuurWpvZnvP9pum+fe0HcK8z/ooo+U+Hmp4vtbyp1/QDsqmufirXy4egGzbaH/y2uCZf+6W5Kg==",
+      "version": "0.25.0",
+      "resolved": "https://registry.npmjs.org/known-css-properties/-/known-css-properties-0.25.0.tgz",
+      "integrity": "sha512-b0/9J1O9Jcyik1GC6KC42hJ41jKwdO/Mq8Mdo5sYN+IuRTXs2YFHZC3kZSx6ueusqa95x3wLYe/ytKjbAfGixA==",
       "dev": true
     },
     "node_modules/language-subtag-registry": {
-      "version": "0.3.22",
-      "resolved": "https://registry.npmjs.org/language-subtag-registry/-/language-subtag-registry-0.3.22.tgz",
-      "integrity": "sha512-tN0MCzyWnoz/4nHS6uxdlFWoUZT7ABptwKPQ52Ea7URk6vll88bWBVhodtnlfEuCcKWNGoc+uGbw1cwa9IKh/w==",
+      "version": "0.3.21",
+      "resolved": "https://registry.npmjs.org/language-subtag-registry/-/language-subtag-registry-0.3.21.tgz",
+      "integrity": "sha512-L0IqwlIXjilBVVYKFT37X9Ih11Um5NEl9cbJIuU/SwP/zEEAbBPOnEeeuxVMf45ydWQRDQN3Nqc96OgbH1K+Pg==",
       "dev": true
     },
     "node_modules/language-tags": {
-      "version": "1.0.9",
-      "resolved": "https://registry.npmjs.org/language-tags/-/language-tags-1.0.9.tgz",
-      "integrity": "sha512-MbjN408fEndfiQXbFQ1vnd+1NoLDsnQW41410oQBXiyXDMYH5z505juWa4KUE1LqxRC7DgOgZDbKLxHIwm27hA==",
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/language-tags/-/language-tags-1.0.5.tgz",
+      "integrity": "sha1-0yHbxNowuovzAk4ED6XBRmH5GTo=",
       "dev": true,
       "dependencies": {
-        "language-subtag-registry": "^0.3.20"
-      },
-      "engines": {
-        "node": ">=0.10"
+        "language-subtag-registry": "~0.3.2"
       }
     },
     "node_modules/levn": {
@@ -4613,6 +6007,11 @@
       "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
       "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
     },
+    "node_modules/lodash.debounce": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
+      "integrity": "sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow=="
+    },
     "node_modules/lodash.merge": {
       "version": "4.6.2",
       "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
@@ -4622,13 +6021,13 @@
     "node_modules/lodash.truncate": {
       "version": "4.4.2",
       "resolved": "https://registry.npmjs.org/lodash.truncate/-/lodash.truncate-4.4.2.tgz",
-      "integrity": "sha512-jttmRe7bRse52OsWIMDLaXxWqRAmtIUccAQ3garviCqJjafXOfNMO0yMfNpdD6zbGaTU0P5Nz7e7gAT6cKmJRw==",
+      "integrity": "sha1-WjUNoLERO4N+z//VgSy+WNbq4ZM=",
       "dev": true
     },
     "node_modules/loglevel": {
-      "version": "1.8.1",
-      "resolved": "https://registry.npmjs.org/loglevel/-/loglevel-1.8.1.tgz",
-      "integrity": "sha512-tCRIJM51SHjAayKwC+QAg8hT8vg6z7GSgLJKGvzuPb1Wc+hLzqtuVLxp6/HzSPOozuK+8ErAhy7U/sVzw8Dgfg==",
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/loglevel/-/loglevel-1.8.0.tgz",
+      "integrity": "sha512-G6A/nJLRgWOuuwdNuA6koovfEV1YpqqAG4pRUlFaz3jj2QNZ8M4vBqnVA+HBTmU/AMNUtlOsMmSpF6NyOjztbA==",
       "engines": {
         "node": ">= 0.6.0"
       },
@@ -4637,24 +6036,47 @@
         "url": "https://tidelift.com/funding/github/npm/loglevel"
       }
     },
-    "node_modules/loose-envify": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
-      "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+    "node_modules/loose-envify": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
+      "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+      "dependencies": {
+        "js-tokens": "^3.0.0 || ^4.0.0"
+      },
+      "bin": {
+        "loose-envify": "cli.js"
+      }
+    },
+    "node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dev": true,
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/make-dir": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-2.1.0.tgz",
+      "integrity": "sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==",
       "dependencies": {
-        "js-tokens": "^3.0.0 || ^4.0.0"
+        "pify": "^4.0.1",
+        "semver": "^5.6.0"
       },
-      "bin": {
-        "loose-envify": "cli.js"
+      "engines": {
+        "node": ">=6"
       }
     },
-    "node_modules/lru-cache": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
-      "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
-      "dev": true,
-      "dependencies": {
-        "yallist": "^3.0.2"
+    "node_modules/make-dir/node_modules/semver": {
+      "version": "5.7.2",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
+      "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
+      "bin": {
+        "semver": "bin/semver"
       }
     },
     "node_modules/map-obj": {
@@ -4685,12 +6107,12 @@
       "integrity": "sha512-1QEOsXO+bhyCroIe2/A5OwaxHvBm7EsSQ46DEDn8RBIfQwN5HWBpFvyWWR4QY0KHPPnnJdI99wgRiAl7Ad5qaA=="
     },
     "node_modules/matrix-js-sdk": {
-      "version": "30.3.0",
-      "resolved": "https://registry.npmjs.org/matrix-js-sdk/-/matrix-js-sdk-30.3.0.tgz",
-      "integrity": "sha512-yqAn1IhvrSxvqRP4UMToaWhtA/iC6FYTt4qj5K8H3BmAQDOqObw9qPLm43HmdbsBGk6VUwz9szgNblhVyq0sKg==",
+      "version": "30.2.0",
+      "resolved": "https://registry.npmjs.org/matrix-js-sdk/-/matrix-js-sdk-30.2.0.tgz",
+      "integrity": "sha512-EUWL6JMbjvnvo/5MidHNZyrA6VfNavelMqLwlQ3v76Fui9ORTqDlgxO/zu9XB+dBInJNbyGmI3EjQOR7f1AQUA==",
       "dependencies": {
         "@babel/runtime": "^7.12.5",
-        "@matrix-org/matrix-sdk-crypto-wasm": "^3.4.0",
+        "@matrix-org/matrix-sdk-crypto-wasm": "^3.1.0",
         "another-json": "^0.2.0",
         "bs58": "^5.0.0",
         "content-type": "^1.0.4",
@@ -4743,60 +6165,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/meow/node_modules/hosted-git-info": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-4.1.0.tgz",
-      "integrity": "sha512-kyCuEOWjJqZuDbRHzL8V93NzQhwIB71oFWSyzVo+KPZI+pnQPPxucdkrOZvkLRnrf5URsQM+IJ09Dw29cRALIA==",
-      "dev": true,
-      "dependencies": {
-        "lru-cache": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/meow/node_modules/lru-cache": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-      "dev": true,
-      "dependencies": {
-        "yallist": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/meow/node_modules/normalize-package-data": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-3.0.3.tgz",
-      "integrity": "sha512-p2W1sgqij3zMMyRC067Dg16bfzVH+w7hyegmpIvZ4JNjqtGOVAIvLmjBx3yP7YTe9vKJgkoNOPjwQGogDoMXFA==",
-      "dev": true,
-      "dependencies": {
-        "hosted-git-info": "^4.0.1",
-        "is-core-module": "^2.5.0",
-        "semver": "^7.3.4",
-        "validate-npm-package-license": "^3.0.1"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/meow/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/meow/node_modules/type-fest": {
       "version": "0.18.1",
       "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.18.1.tgz",
@@ -4809,12 +6177,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/meow/node_modules/yallist": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "dev": true
-    },
     "node_modules/merge-stream": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
@@ -4844,9 +6206,9 @@
       }
     },
     "node_modules/mime-db": {
-      "version": "1.52.0",
-      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
-      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "version": "1.51.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.51.0.tgz",
+      "integrity": "sha512-5y8A56jg7XVQx2mbv1lu49NR4dokRnhZYTtL+KGfaa27uq4pSTXkwQkFJl4pkRMyNFz/EtYDSkiiEHx3F7UN6g==",
       "dev": true,
       "peer": true,
       "engines": {
@@ -4854,13 +6216,13 @@
       }
     },
     "node_modules/mime-types": {
-      "version": "2.1.35",
-      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
-      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "version": "2.1.34",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.34.tgz",
+      "integrity": "sha512-6cP692WwGIs9XXdOO4++N+7qjqv0rqxxVvJ3VHPh/Sc9mVZcQP+ZGhkKiTvWMQRr2tbHkJP/Yn7Y0npb3ZBs4A==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "mime-db": "1.52.0"
+        "mime-db": "1.51.0"
       },
       "engines": {
         "node": ">= 0.6"
@@ -4876,18 +6238,14 @@
       }
     },
     "node_modules/minimatch": {
-      "version": "9.0.3",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.3.tgz",
-      "integrity": "sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==",
-      "dev": true,
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
       "dependencies": {
-        "brace-expansion": "^2.0.1"
+        "brace-expansion": "^1.1.7"
       },
       "engines": {
-        "node": ">=16 || 14 >=14.17"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
+        "node": "*"
       }
     },
     "node_modules/minimist": {
@@ -4916,13 +6274,12 @@
     "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
+      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
     },
     "node_modules/nanoid": {
-      "version": "3.3.7",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz",
-      "integrity": "sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==",
+      "version": "3.3.6",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz",
+      "integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==",
       "funding": [
         {
           "type": "github",
@@ -4939,9 +6296,16 @@
     "node_modules/natural-compare": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
-      "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
+      "integrity": "sha1-Sr6/7tdUHywnrPspvbvRXI1bpPc=",
       "dev": true
     },
+    "node_modules/natural-compare-lite": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/natural-compare-lite/-/natural-compare-lite-1.4.0.tgz",
+      "integrity": "sha512-Tj+HTDSJJKaZnfiuw+iaF9skdPpTo2GtEly5JHnWV/hfv2Qj/9RKsGISQtLh2ox3l5EAGw487hnBee0sIJ6v2g==",
+      "dev": true,
+      "peer": true
+    },
     "node_modules/neo-async": {
       "version": "2.6.2",
       "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz",
@@ -4950,11 +6314,11 @@
       "peer": true
     },
     "node_modules/next": {
-      "version": "14.0.4",
-      "resolved": "https://registry.npmjs.org/next/-/next-14.0.4.tgz",
-      "integrity": "sha512-qbwypnM7327SadwFtxXnQdGiKpkuhaRLE2uq62/nRul9cj9KhQ5LhHmlziTNqUidZotw/Q1I9OjirBROdUJNgA==",
+      "version": "14.0.4-canary.41",
+      "resolved": "https://registry.npmjs.org/next/-/next-14.0.4-canary.41.tgz",
+      "integrity": "sha512-djYxNpleE80oldK1j5MLDMWESVQZjbPDQNW3JvH9poYeyV5YhRZRomySqXUO/cgnwH52QVn4V7rJlssb0C+lAQ==",
       "dependencies": {
-        "@next/env": "14.0.4",
+        "@next/env": "14.0.4-canary.41",
         "@swc/helpers": "0.5.2",
         "busboy": "1.6.0",
         "caniuse-lite": "^1.0.30001406",
@@ -4970,15 +6334,15 @@
         "node": ">=18.17.0"
       },
       "optionalDependencies": {
-        "@next/swc-darwin-arm64": "14.0.4",
-        "@next/swc-darwin-x64": "14.0.4",
-        "@next/swc-linux-arm64-gnu": "14.0.4",
-        "@next/swc-linux-arm64-musl": "14.0.4",
-        "@next/swc-linux-x64-gnu": "14.0.4",
-        "@next/swc-linux-x64-musl": "14.0.4",
-        "@next/swc-win32-arm64-msvc": "14.0.4",
-        "@next/swc-win32-ia32-msvc": "14.0.4",
-        "@next/swc-win32-x64-msvc": "14.0.4"
+        "@next/swc-darwin-arm64": "14.0.4-canary.41",
+        "@next/swc-darwin-x64": "14.0.4-canary.41",
+        "@next/swc-linux-arm64-gnu": "14.0.4-canary.41",
+        "@next/swc-linux-arm64-musl": "14.0.4-canary.41",
+        "@next/swc-linux-x64-gnu": "14.0.4-canary.41",
+        "@next/swc-linux-x64-musl": "14.0.4-canary.41",
+        "@next/swc-win32-arm64-msvc": "14.0.4-canary.41",
+        "@next/swc-win32-ia32-msvc": "14.0.4-canary.41",
+        "@next/swc-win32-x64-msvc": "14.0.4-canary.41"
       },
       "peerDependencies": {
         "@opentelemetry/api": "^1.1.0",
@@ -4995,69 +6359,56 @@
         }
       }
     },
-    "node_modules/next/node_modules/postcss": {
-      "version": "8.4.31",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
-      "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/postcss/"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/postcss"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "dependencies": {
-        "nanoid": "^3.3.6",
-        "picocolors": "^1.0.0",
-        "source-map-js": "^1.0.2"
-      },
-      "engines": {
-        "node": "^10 || ^12 || >=14"
-      }
-    },
     "node_modules/node-releases": {
-      "version": "2.0.14",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.14.tgz",
-      "integrity": "sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==",
-      "dev": true
+      "version": "2.0.13",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.13.tgz",
+      "integrity": "sha512-uYr7J37ae/ORWdZeQ1xxMJe3NtdmqMC/JZK+geofDrkLUApKRHPd18/TxtBOJ4A0/+uUIliorNrfYV6s1b02eQ=="
     },
     "node_modules/normalize-package-data": {
-      "version": "2.5.0",
-      "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.5.0.tgz",
-      "integrity": "sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==",
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-3.0.3.tgz",
+      "integrity": "sha512-p2W1sgqij3zMMyRC067Dg16bfzVH+w7hyegmpIvZ4JNjqtGOVAIvLmjBx3yP7YTe9vKJgkoNOPjwQGogDoMXFA==",
       "dev": true,
       "dependencies": {
-        "hosted-git-info": "^2.1.4",
-        "resolve": "^1.10.0",
-        "semver": "2 || 3 || 4 || 5",
+        "hosted-git-info": "^4.0.1",
+        "is-core-module": "^2.5.0",
+        "semver": "^7.3.4",
         "validate-npm-package-license": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=10"
       }
     },
     "node_modules/normalize-package-data/node_modules/semver": {
-      "version": "5.7.2",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
-      "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
+      "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"
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
       }
     },
     "node_modules/normalize-path": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
       "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
-      "dev": true,
+      "devOptional": true,
       "engines": {
         "node": ">=0.10.0"
       }
     },
+    "node_modules/normalize-selector": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/normalize-selector/-/normalize-selector-0.2.0.tgz",
+      "integrity": "sha1-0LFF62kRicY6eNIB3E/bEpPvDAM=",
+      "dev": true
+    },
     "node_modules/normalize.css": {
       "version": "8.0.1",
       "resolved": "https://registry.npmjs.org/normalize.css/-/normalize.css-8.0.1.tgz",
@@ -5066,7 +6417,7 @@
     "node_modules/object-assign": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
-      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=",
       "dev": true,
       "engines": {
         "node": ">=0.10.0"
@@ -5081,6 +6432,22 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/object-is": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/object-is/-/object-is-1.1.5.tgz",
+      "integrity": "sha512-3cyDsyHgtmi7I7DfSSI2LDp6SK2lwvtbg0p0R1e0RvTqF5ceGx+K2dfSjm1bKDMVCFEDAQvy+o8c6a7VujOddw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/object-keys": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
@@ -5091,13 +6458,13 @@
       }
     },
     "node_modules/object.assign": {
-      "version": "4.1.5",
-      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.5.tgz",
-      "integrity": "sha512-byy+U7gp+FVwmyzKPYhW2h5l3crpmGsxl7X2s8y43IgxvG4g3QZ6CffDtsNQy1WsmZpQbO+ybo0AlW7TY6DcBQ==",
+      "version": "4.1.4",
+      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.4.tgz",
+      "integrity": "sha512-1mxKf0e58bvyjSCtKYY4sRe9itRk3PJpquJOjeIkz885CczcI4IvJJDLPS72oowuSh+pBxUFROpX+TU++hxhZQ==",
       "dev": true,
       "dependencies": {
-        "call-bind": "^1.0.5",
-        "define-properties": "^1.2.1",
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.4",
         "has-symbols": "^1.0.3",
         "object-keys": "^1.1.1"
       },
@@ -5109,14 +6476,14 @@
       }
     },
     "node_modules/object.entries": {
-      "version": "1.1.7",
-      "resolved": "https://registry.npmjs.org/object.entries/-/object.entries-1.1.7.tgz",
-      "integrity": "sha512-jCBs/0plmPsOnrKAfFQXRG2NFjlhZgjjcBLSmTnEhU8U6vVTsVe8ANeQJCHTl3gSsI4J+0emOoCgoKlmQPMgmA==",
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/object.entries/-/object.entries-1.1.6.tgz",
+      "integrity": "sha512-leTPzo4Zvg3pmbQ3rDK69Rl8GQvIqMWubrkxONG9/ojtFE2rD9fjMKfSI5BxW3osRH1m6VdzmqK8oAY9aT4x5w==",
       "dev": true,
       "dependencies": {
         "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1"
+        "define-properties": "^1.1.4",
+        "es-abstract": "^1.20.4"
       },
       "engines": {
         "node": ">= 0.4"
@@ -5152,13 +6519,13 @@
       }
     },
     "node_modules/object.hasown": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/object.hasown/-/object.hasown-1.1.3.tgz",
-      "integrity": "sha512-fFI4VcYpRHvSLXxP7yiZOMAd331cPfd2p7PFDVbgUsYOfCT3tICVqXWngbjr4m49OvsBwUBQ6O2uQoJvy3RexA==",
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/object.hasown/-/object.hasown-1.1.2.tgz",
+      "integrity": "sha512-B5UIT3J1W+WuWIU55h0mjlwaqxiE5vYENJXIXZ4VFe05pNYrkKuK0U/6aFcb0pKywYJh7IhfoqUfKVmrJJHZHw==",
       "dev": true,
       "dependencies": {
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1"
+        "define-properties": "^1.1.4",
+        "es-abstract": "^1.20.4"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
@@ -5194,18 +6561,14 @@
       }
     },
     "node_modules/on-exit-leak-free": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/on-exit-leak-free/-/on-exit-leak-free-2.1.2.tgz",
-      "integrity": "sha512-0eJJY6hXLGf1udHwfNftBqH+g73EU4B504nZeKpz1sYRKafAghwxEJunB2O7rDZkL4PGfsMVnTXZ2EjibbqcsA==",
-      "engines": {
-        "node": ">=14.0.0"
-      }
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/on-exit-leak-free/-/on-exit-leak-free-2.1.0.tgz",
+      "integrity": "sha512-VuCaZZAjReZ3vUwgOB8LxAosIurDiAW0s13rI1YwmaP++jvcxP77AWoQvenZebpCA2m8WC1/EosPYPMjnRAp/w=="
     },
     "node_modules/once": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
-      "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
-      "dev": true,
+      "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=",
       "dependencies": {
         "wrappy": "1"
       }
@@ -5258,26 +6621,17 @@
       }
     },
     "node_modules/p-retry": {
-      "version": "4.6.2",
-      "resolved": "https://registry.npmjs.org/p-retry/-/p-retry-4.6.2.tgz",
-      "integrity": "sha512-312Id396EbJdvRONlngUx0NydfrIQ5lsYu0znKVUzVvArzEIt08V1qhtyESbGVd1FGX7UKtiFp5uwKZdM8wIuQ==",
+      "version": "4.6.1",
+      "resolved": "https://registry.npmjs.org/p-retry/-/p-retry-4.6.1.tgz",
+      "integrity": "sha512-e2xXGNhZOZ0lfgR9kL34iGlU8N/KO0xZnQxVEwdeOvpqNDQfdnxIYizvWtK8RglUa3bGqI8g0R/BdfzLMxRkiA==",
       "dependencies": {
-        "@types/retry": "0.12.0",
+        "@types/retry": "^0.12.0",
         "retry": "^0.13.1"
       },
       "engines": {
         "node": ">=8"
       }
     },
-    "node_modules/p-try": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
-      "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
     "node_modules/parent-module": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
@@ -5320,8 +6674,7 @@
     "node_modules/path-is-absolute": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
-      "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
-      "dev": true,
+      "integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18=",
       "engines": {
         "node": ">=0.10.0"
       }
@@ -5338,8 +6691,7 @@
     "node_modules/path-parse": {
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
-      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
-      "dev": true
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw=="
     },
     "node_modules/path-type": {
       "version": "4.0.0",
@@ -5359,7 +6711,7 @@
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
       "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
-      "dev": true,
+      "devOptional": true,
       "engines": {
         "node": ">=8.6"
       },
@@ -5367,17 +6719,25 @@
         "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
+    "node_modules/pify": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz",
+      "integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/pino": {
-      "version": "8.17.2",
-      "resolved": "https://registry.npmjs.org/pino/-/pino-8.17.2.tgz",
-      "integrity": "sha512-LA6qKgeDMLr2ux2y/YiUt47EfgQ+S9LznBWOJdN3q1dx2sv0ziDLUBeVpyVv17TEcGCBuWf0zNtg3M5m1NhhWQ==",
+      "version": "8.16.2",
+      "resolved": "https://registry.npmjs.org/pino/-/pino-8.16.2.tgz",
+      "integrity": "sha512-2advCDGVEvkKu9TTVSa/kWW7Z3htI/sBKEZpqiHk6ive0i/7f5b1rsU8jn0aimxqfnSz5bj/nOYkwhBUn5xxvg==",
       "dependencies": {
         "atomic-sleep": "^1.0.0",
         "fast-redact": "^3.1.1",
         "on-exit-leak-free": "^2.1.0",
         "pino-abstract-transport": "v1.1.0",
         "pino-std-serializers": "^6.0.0",
-        "process-warning": "^3.0.0",
+        "process-warning": "^2.0.0",
         "quick-format-unescaped": "^4.0.3",
         "real-require": "^0.2.0",
         "safe-stable-stringify": "^2.3.1",
@@ -5413,10 +6773,9 @@
       }
     },
     "node_modules/postcss": {
-      "version": "8.4.33",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.33.tgz",
-      "integrity": "sha512-Kkpbhhdjw2qQs2O2DGX+8m5OVqEcbB9HRBvuYM9pgrjEFUg30A9LmXNlTAUj4S9kgtGyrMbTzVjH7E+s5Re2yg==",
-      "dev": true,
+      "version": "8.4.31",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
+      "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
       "funding": [
         {
           "type": "opencollective",
@@ -5432,7 +6791,7 @@
         }
       ],
       "dependencies": {
-        "nanoid": "^3.3.7",
+        "nanoid": "^3.3.6",
         "picocolors": "^1.0.0",
         "source-map-js": "^1.0.2"
       },
@@ -5443,13 +6802,13 @@
     "node_modules/postcss-media-query-parser": {
       "version": "0.2.3",
       "resolved": "https://registry.npmjs.org/postcss-media-query-parser/-/postcss-media-query-parser-0.2.3.tgz",
-      "integrity": "sha512-3sOlxmbKcSHMjlUXQZKQ06jOswE7oVkXPxmZdoB1r5l0q6gTFTQSHxNxOrCccElbW7dxNytifNEo8qidX2Vsig==",
+      "integrity": "sha1-J7Ocb02U+Bsac7j3Y1HGCeXO8kQ=",
       "dev": true
     },
     "node_modules/postcss-resolve-nested-selector": {
       "version": "0.1.1",
       "resolved": "https://registry.npmjs.org/postcss-resolve-nested-selector/-/postcss-resolve-nested-selector-0.1.1.tgz",
-      "integrity": "sha512-HvExULSwLqHLgUy1rl3ANIqCsvMS0WHss2UOsXhXnQaZ9VCc2oBvIpXrl00IUFT5ZDITME0o6oiXeiHr2SAIfw==",
+      "integrity": "sha1-Kcy8fDfe36wwTp//C/FZaz9qDk4=",
       "dev": true
     },
     "node_modules/postcss-safe-parser": {
@@ -5469,9 +6828,9 @@
       }
     },
     "node_modules/postcss-selector-parser": {
-      "version": "6.0.15",
-      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.15.tgz",
-      "integrity": "sha512-rEYkQOMUCEMhsKbK66tbEU9QVIxbhN18YiniAwA7XQYTVBqrBy+P2p5JcdqsHgKM2zWylp8d7J6eszocfds5Sw==",
+      "version": "6.0.10",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz",
+      "integrity": "sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==",
       "dev": true,
       "dependencies": {
         "cssesc": "^3.0.0",
@@ -5523,9 +6882,9 @@
       }
     },
     "node_modules/process-warning": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/process-warning/-/process-warning-3.0.0.tgz",
-      "integrity": "sha512-mqn0kFRl0EoqhnL0GQ0veqFHyIN1yig9RHh/InzORTUiZHFRAur+aMtRkELNwGs9aNwKS6tg/An4NYBPGwvtzQ=="
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/process-warning/-/process-warning-2.2.0.tgz",
+      "integrity": "sha512-/1WZ8+VQjR6avWOgHeEPd7SDQmFQ1B5mC1eRXsCm5TarlNmx/wCsa5GEaxGm05BORRtyG/Ex/3xq3TuRvq57qg=="
     },
     "node_modules/prop-types": {
       "version": "15.8.1",
@@ -5538,10 +6897,16 @@
         "react-is": "^16.13.1"
       }
     },
+    "node_modules/prop-types/node_modules/react-is": {
+      "version": "16.13.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
+      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
+      "dev": true
+    },
     "node_modules/punycode": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
-      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz",
+      "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==",
       "dev": true,
       "engines": {
         "node": ">=6"
@@ -5635,12 +7000,6 @@
         }
       }
     },
-    "node_modules/react-is": {
-      "version": "16.13.1",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
-      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
-      "dev": true
-    },
     "node_modules/read-pkg": {
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-5.2.0.tgz",
@@ -5713,16 +7072,61 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/read-pkg-up/node_modules/p-locate": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
-      "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
+    "node_modules/read-pkg-up/node_modules/p-locate": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
+      "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
+      "dev": true,
+      "dependencies": {
+        "p-limit": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/read-pkg-up/node_modules/p-try": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
+      "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/read-pkg-up/node_modules/type-fest": {
+      "version": "0.8.1",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz",
+      "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/read-pkg/node_modules/hosted-git-info": {
+      "version": "2.8.9",
+      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.9.tgz",
+      "integrity": "sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==",
+      "dev": true
+    },
+    "node_modules/read-pkg/node_modules/normalize-package-data": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.5.0.tgz",
+      "integrity": "sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==",
+      "dev": true,
+      "dependencies": {
+        "hosted-git-info": "^2.1.4",
+        "resolve": "^1.10.0",
+        "semver": "2 || 3 || 4 || 5",
+        "validate-npm-package-license": "^3.0.1"
+      }
+    },
+    "node_modules/read-pkg/node_modules/semver": {
+      "version": "5.7.2",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
+      "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
       "dev": true,
-      "dependencies": {
-        "p-limit": "^2.2.0"
-      },
-      "engines": {
-        "node": ">=8"
+      "bin": {
+        "semver": "bin/semver"
       }
     },
     "node_modules/read-pkg/node_modules/type-fest": {
@@ -5735,9 +7139,9 @@
       }
     },
     "node_modules/readable-stream": {
-      "version": "4.5.2",
-      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-4.5.2.tgz",
-      "integrity": "sha512-yjavECdqeZ3GLXNgRXgeQEdz9fvDDkNKyHnbHRFtOr7/LcfgBcmct7t/ET+HaCTqfh06OzoAxrkN/IfjJBVe+g==",
+      "version": "4.4.2",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-4.4.2.tgz",
+      "integrity": "sha512-Lk/fICSyIhodxy1IDK2HazkeGjSmezAWX2egdtJnYhtzKEsBPJowlI6F6LPb5tqIQILrMbx22S5o3GuJavPusA==",
       "dependencies": {
         "abort-controller": "^3.0.0",
         "buffer": "^6.0.3",
@@ -5749,6 +7153,18 @@
         "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
       }
     },
+    "node_modules/readdirp": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+      "optional": true,
+      "dependencies": {
+        "picomatch": "^2.2.1"
+      },
+      "engines": {
+        "node": ">=8.10.0"
+      }
+    },
     "node_modules/real-require": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/real-require/-/real-require-0.2.0.tgz",
@@ -5790,10 +7206,34 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/regenerate": {
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.4.2.tgz",
+      "integrity": "sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A=="
+    },
+    "node_modules/regenerate-unicode-properties": {
+      "version": "10.1.1",
+      "resolved": "https://registry.npmjs.org/regenerate-unicode-properties/-/regenerate-unicode-properties-10.1.1.tgz",
+      "integrity": "sha512-X007RyZLsCJVVrjgEFVpLUTZwyOZk3oiL75ZcuYjlIWd6rNJtOjkBwQc5AsRrpbKVkxN6sklw/k/9m2jJYOf8Q==",
+      "dependencies": {
+        "regenerate": "^1.4.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/regenerator-runtime": {
-      "version": "0.14.1",
-      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz",
-      "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw=="
+      "version": "0.14.0",
+      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.0.tgz",
+      "integrity": "sha512-srw17NI0TUWHuGa5CFGGmhfNIeja30WMBfbslPNhf6JrqQlLN5gcrvig1oqPxiVaXb0oW0XRKtH6Nngs5lKCIA=="
+    },
+    "node_modules/regenerator-transform": {
+      "version": "0.15.2",
+      "resolved": "https://registry.npmjs.org/regenerator-transform/-/regenerator-transform-0.15.2.tgz",
+      "integrity": "sha512-hfMp2BoF0qOk3uc5V20ALGDS2ddjQaLrdl7xrGXvAIow7qeWRM2VA2HuCHkUKk9slq3VwEwLNK3DFBqDfPGYtg==",
+      "dependencies": {
+        "@babel/runtime": "^7.8.4"
+      }
     },
     "node_modules/regexp-tree": {
       "version": "0.1.27",
@@ -5822,12 +7262,26 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/regexpu-core": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-5.3.2.tgz",
+      "integrity": "sha512-RAM5FlZz+Lhmo7db9L298p2vHP5ZywrVXmVXpmAD9GuL5MPH6t9ROw1iA/wfHkQ76Qe7AaPF0nGuim96/IrQMQ==",
+      "dependencies": {
+        "@babel/regjsgen": "^0.8.0",
+        "regenerate": "^1.4.2",
+        "regenerate-unicode-properties": "^10.1.0",
+        "regjsparser": "^0.9.1",
+        "unicode-match-property-ecmascript": "^2.0.0",
+        "unicode-match-property-value-ecmascript": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/regjsparser": {
-      "version": "0.10.0",
-      "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.10.0.tgz",
-      "integrity": "sha512-qx+xQGZVsy55CH0a1hiVwHmqjLryfh7wQyF5HO07XJ9f7dQMY/gPQHhlyDkIzJKC+x2fUCpCcUODUUUFrm7SHA==",
-      "dev": true,
-      "peer": true,
+      "version": "0.9.1",
+      "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.9.1.tgz",
+      "integrity": "sha512-dQUtn90WanSNl+7mQKcXAgZxvUe7Z0SqXlgzv0za4LwiUhyzBC58yQO3liFoUgu8GiJVInAhJjkj1N0EtQ5nkQ==",
       "dependencies": {
         "jsesc": "~0.5.0"
       },
@@ -5839,8 +7293,6 @@
       "version": "0.5.0",
       "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-0.5.0.tgz",
       "integrity": "sha512-uZz5UnB7u4T9LvwmFqXii7pZSouaRPorGs5who1Ip7VO0wxanFvBL7GkM6dTHlgX+jhBApRetaWpnDabOeTcnA==",
-      "dev": true,
-      "peer": true,
       "bin": {
         "jsesc": "bin/jsesc"
       }
@@ -5858,7 +7310,6 @@
       "version": "1.22.8",
       "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz",
       "integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==",
-      "dev": true,
       "dependencies": {
         "is-core-module": "^2.13.0",
         "path-parse": "^1.0.7",
@@ -5982,19 +7433,26 @@
         }
       ]
     },
+    "node_modules/safe-regex": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/safe-regex/-/safe-regex-2.1.1.tgz",
+      "integrity": "sha512-rx+x8AMzKb5Q5lQ95Zoi6ZbJqwCLkqi3XuJXp5P3rT8OEc6sZCJG5AE5dU3lsgRr/F4Bs31jSlVN+j5KrsGu9A==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "regexp-tree": "~0.1.1"
+      }
+    },
     "node_modules/safe-regex-test": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.0.1.tgz",
-      "integrity": "sha512-Y5NejJTTliTyY4H7sipGqY+RX5P87i3F7c4Rcepy72nq+mNLhIsD0W4c7kEmduMDQCSqtPsXPlSTsFhh2LQv+g==",
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.0.0.tgz",
+      "integrity": "sha512-JBUUzyOgEwXQY1NuPtvcj/qcBDbDmEvWufhlnXZIm75DEHp+afM1r1ujJpJsV/gSM4t59tpDyPi1sd6ZaPFfsA==",
       "dev": true,
       "dependencies": {
-        "call-bind": "^1.0.5",
-        "get-intrinsic": "^1.2.2",
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.1.3",
         "is-regex": "^1.1.4"
       },
-      "engines": {
-        "node": ">= 0.4"
-      },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
@@ -6016,15 +7474,15 @@
       }
     },
     "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==",
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.0.0.tgz",
+      "integrity": "sha512-1edyXKgh6XnJsJSQ8mKWXnN/BVaIbFMLpouRUrXgVq7WYne5kw3MW7UPhO44uRXQSIpTSXoJbmrR2X0w9kUTyg==",
       "dev": true,
       "dependencies": {
         "@types/json-schema": "^7.0.9",
-        "ajv": "^8.9.0",
+        "ajv": "^8.8.0",
         "ajv-formats": "^2.1.1",
-        "ajv-keywords": "^5.1.0"
+        "ajv-keywords": "^5.0.0"
       },
       "engines": {
         "node": ">= 12.13.0"
@@ -6035,9 +7493,9 @@
       }
     },
     "node_modules/schema-utils/node_modules/ajv": {
-      "version": "8.12.0",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz",
-      "integrity": "sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==",
+      "version": "8.11.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.11.0.tgz",
+      "integrity": "sha512-wGgprdCvMalC0BztXvitD2hC04YffAvtsUn93JbGXYLAtCUO4xd17mCCZQxUOItiBwZvJScWo8NIvQMQ71rdpg==",
       "dev": true,
       "dependencies": {
         "fast-deep-equal": "^3.1.1",
@@ -6080,15 +7538,14 @@
       "version": "6.3.1",
       "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
       "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
-      "dev": true,
       "bin": {
         "semver": "bin/semver.js"
       }
     },
     "node_modules/serialize-javascript": {
-      "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.2.tgz",
-      "integrity": "sha512-Saa1xPByTTq2gdeFZYLLo+RFE35NHZkAbqZeWNd3BpzppeVisAqpDjcp8dyf6uIvEqJRd46jemmyA4iFIeVk8g==",
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.1.tgz",
+      "integrity": "sha512-owoXEFjWRllis8/M1Q+Cw5k8ZH40e3zhp/ovX+Xr/vi1qj6QesbyXXViFbpNvWvPNAD62SutwEXavefrLJWj7w==",
       "dev": true,
       "peer": true,
       "dependencies": {
@@ -6230,9 +7687,9 @@
       "dev": true
     },
     "node_modules/sonic-boom": {
-      "version": "3.8.0",
-      "resolved": "https://registry.npmjs.org/sonic-boom/-/sonic-boom-3.8.0.tgz",
-      "integrity": "sha512-ybz6OYOUjoQQCQ/i4LU8kaToD8ACtYP+Cj5qd2AO36bwbdewxWJ3ArmJ2cr6AvxlL2o0PqnCcPGUgkILbfkaCA==",
+      "version": "3.7.0",
+      "resolved": "https://registry.npmjs.org/sonic-boom/-/sonic-boom-3.7.0.tgz",
+      "integrity": "sha512-IudtNvSqA/ObjN97tfgNmOKyDOs4dNcg4cUUsHDebqsgb8wGBBwb31LIgShNO8fye0dFI52X1+tFoKKI6Rq1Gg==",
       "dependencies": {
         "atomic-sleep": "^1.0.0"
       }
@@ -6267,9 +7724,9 @@
       }
     },
     "node_modules/spdx-correct": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.2.0.tgz",
-      "integrity": "sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==",
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.1.1.tgz",
+      "integrity": "sha512-cOYcUWwhCuHCXi49RhFRCyJEK3iPj1Ziz9DpViV3tbZOwXD49QzIN3MpOLJNxh2qwq2lJJZaKMVw9qNi4jTC0w==",
       "dev": true,
       "dependencies": {
         "spdx-expression-parse": "^3.0.0",
@@ -6293,11 +7750,20 @@
       }
     },
     "node_modules/spdx-license-ids": {
-      "version": "3.0.16",
-      "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.16.tgz",
-      "integrity": "sha512-eWN+LnM3GR6gPu35WxNgbGl8rmY1AEmoMDvL/QD6zYmPWgywxWqJWNdLGT+ke8dKNWrcYgYjPpG5gbTfghP8rw==",
+      "version": "3.0.11",
+      "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.11.tgz",
+      "integrity": "sha512-Ctl2BrFiM0X3MANYgj3CkygxhRmr9mi6xhejbdO960nF6EDJApTYpn0BQnDKlnNBULKiCN1n3w9EBkHK8ZWg+g==",
       "dev": true
     },
+    "node_modules/specificity": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/specificity/-/specificity-0.4.1.tgz",
+      "integrity": "sha512-1klA3Gi5PD1Wv9Q0wUoOQN1IWAuPu0D1U03ThXTr0cJ20+/iq2tHSDnK7Kk/0LXJ1ztUB2/1Os0wKmfyNgUQfg==",
+      "dev": true,
+      "bin": {
+        "specificity": "bin/specificity"
+      }
+    },
     "node_modules/split2": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/split2/-/split2-4.2.0.tgz",
@@ -6306,6 +7772,18 @@
         "node": ">= 10.x"
       }
     },
+    "node_modules/stop-iteration-iterator": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/stop-iteration-iterator/-/stop-iteration-iterator-1.0.0.tgz",
+      "integrity": "sha512-iCGQj+0l0HOdZ2AEeBADlsRC+vsnDsZsbdSiH1yNSjcfKM7fdpCMfqAL/dwF5BLiw/XhRft/Wax6zQbhq2BcjQ==",
+      "dev": true,
+      "dependencies": {
+        "internal-slot": "^1.0.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/streamsearch": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/streamsearch/-/streamsearch-1.1.0.tgz",
@@ -6343,19 +7821,18 @@
       "dev": true
     },
     "node_modules/string.prototype.matchall": {
-      "version": "4.0.10",
-      "resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.10.tgz",
-      "integrity": "sha512-rGXbGmOEosIQi6Qva94HUjgPs9vKW+dkG7Y8Q5O2OYkWL6wFaTRZO8zM4mhP94uX55wgyrXzfS2aGtGzUL7EJQ==",
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.8.tgz",
+      "integrity": "sha512-6zOCOcJ+RJAQshcTvXPHoxoQGONa3e/Lqx90wUA+wEzX78sg5Bo+1tQo4N0pohS0erG9qtCqJDjNCQBjeWVxyg==",
       "dev": true,
       "dependencies": {
         "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "get-intrinsic": "^1.2.1",
+        "define-properties": "^1.1.4",
+        "es-abstract": "^1.20.4",
+        "get-intrinsic": "^1.1.3",
         "has-symbols": "^1.0.3",
-        "internal-slot": "^1.0.5",
-        "regexp.prototype.flags": "^1.5.0",
-        "set-function-name": "^2.0.0",
+        "internal-slot": "^1.0.3",
+        "regexp.prototype.flags": "^1.4.3",
         "side-channel": "^1.0.4"
       },
       "funding": {
@@ -6455,23 +7932,33 @@
     "node_modules/style-search": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/style-search/-/style-search-0.1.0.tgz",
-      "integrity": "sha512-Dj1Okke1C3uKKwQcetra4jSuk0DqbzbYtXipzFlFMZtowbF1x7BKJwB9AayVMyFARvU8EDrZdcax4At/452cAg==",
+      "integrity": "sha1-eVjHk+R+MuB9K1yv5cC/jhLneQI=",
       "dev": true
     },
     "node_modules/styled-components": {
-      "version": "6.1.8",
-      "resolved": "https://registry.npmjs.org/styled-components/-/styled-components-6.1.8.tgz",
-      "integrity": "sha512-PQ6Dn+QxlWyEGCKDS71NGsXoVLKfE1c3vApkvDYS5KAK+V8fNWGhbSUEo9Gg2iaID2tjLXegEW3bZDUGpofRWw==",
-      "dependencies": {
-        "@emotion/is-prop-valid": "1.2.1",
-        "@emotion/unitless": "0.8.0",
-        "@types/stylis": "4.2.0",
-        "css-to-react-native": "3.2.0",
-        "csstype": "3.1.2",
-        "postcss": "8.4.31",
-        "shallowequal": "1.1.0",
-        "stylis": "4.3.1",
-        "tslib": "2.5.0"
+      "version": "6.0.8",
+      "resolved": "https://registry.npmjs.org/styled-components/-/styled-components-6.0.8.tgz",
+      "integrity": "sha512-AwI02MTWZwqjzfXgR5QcbmcSn5xVjY4N2TLjSuYnmuBGF3y7GicHz3ysbpUq2EMJP5M8/Nc22vcmF3V3WNZDFA==",
+      "dependencies": {
+        "@babel/cli": "^7.21.0",
+        "@babel/core": "^7.21.0",
+        "@babel/helper-module-imports": "^7.18.6",
+        "@babel/plugin-external-helpers": "^7.18.6",
+        "@babel/plugin-proposal-class-properties": "^7.18.6",
+        "@babel/plugin-proposal-object-rest-spread": "^7.20.7",
+        "@babel/preset-env": "^7.20.2",
+        "@babel/preset-react": "^7.18.6",
+        "@babel/preset-typescript": "^7.21.0",
+        "@babel/traverse": "^7.21.2",
+        "@emotion/is-prop-valid": "^1.2.1",
+        "@emotion/unitless": "^0.8.0",
+        "@types/stylis": "^4.0.2",
+        "css-to-react-native": "^3.2.0",
+        "csstype": "^3.1.2",
+        "postcss": "^8.4.23",
+        "shallowequal": "^1.1.0",
+        "stylis": "^4.3.0",
+        "tslib": "^2.5.0"
       },
       "engines": {
         "node": ">= 16"
@@ -6481,42 +7968,16 @@
         "url": "https://opencollective.com/styled-components"
       },
       "peerDependencies": {
+        "babel-plugin-styled-components": ">= 2",
         "react": ">= 16.8.0",
         "react-dom": ">= 16.8.0"
-      }
-    },
-    "node_modules/styled-components/node_modules/postcss": {
-      "version": "8.4.31",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
-      "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/postcss/"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/postcss"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "dependencies": {
-        "nanoid": "^3.3.6",
-        "picocolors": "^1.0.0",
-        "source-map-js": "^1.0.2"
       },
-      "engines": {
-        "node": "^10 || ^12 || >=14"
+      "peerDependenciesMeta": {
+        "babel-plugin-styled-components": {
+          "optional": true
+        }
       }
     },
-    "node_modules/styled-components/node_modules/tslib": {
-      "version": "2.5.0",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.0.tgz",
-      "integrity": "sha512-336iVw3rtn2BUK7ORdIAHTyxHGRIHVReokCR3XjbckJMK7ms8FysBfhLR8IXnAgy7T0PTPNBWKiH514FOW/WSg=="
-    },
     "node_modules/styled-jsx": {
       "version": "5.1.1",
       "resolved": "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.1.1.tgz",
@@ -6540,49 +8001,52 @@
       }
     },
     "node_modules/stylelint": {
-      "version": "14.16.1",
-      "resolved": "https://registry.npmjs.org/stylelint/-/stylelint-14.16.1.tgz",
-      "integrity": "sha512-ErlzR/T3hhbV+a925/gbfc3f3Fep9/bnspMiJPorfGEmcBbXdS+oo6LrVtoUZ/w9fqD6o6k7PtUlCOsCRdjX/A==",
+      "version": "14.8.2",
+      "resolved": "https://registry.npmjs.org/stylelint/-/stylelint-14.8.2.tgz",
+      "integrity": "sha512-tjDfexCYfoPdl/xcDJ9Fv+Ko9cvzbDnmdiaqEn3ovXHXasi/hbkt5tSjsiReQ+ENqnz0eltaX/AOO+AlzVdcNA==",
       "dev": true,
       "dependencies": {
-        "@csstools/selector-specificity": "^2.0.2",
         "balanced-match": "^2.0.0",
-        "colord": "^2.9.3",
-        "cosmiconfig": "^7.1.0",
-        "css-functions-list": "^3.1.0",
+        "colord": "^2.9.2",
+        "cosmiconfig": "^7.0.1",
+        "css-functions-list": "^3.0.1",
         "debug": "^4.3.4",
-        "fast-glob": "^3.2.12",
-        "fastest-levenshtein": "^1.0.16",
+        "execall": "^2.0.0",
+        "fast-glob": "^3.2.11",
+        "fastest-levenshtein": "^1.0.12",
         "file-entry-cache": "^6.0.1",
+        "get-stdin": "^8.0.0",
         "global-modules": "^2.0.0",
         "globby": "^11.1.0",
         "globjoin": "^0.1.4",
         "html-tags": "^3.2.0",
-        "ignore": "^5.2.1",
+        "ignore": "^5.2.0",
         "import-lazy": "^4.0.0",
         "imurmurhash": "^0.1.4",
         "is-plain-object": "^5.0.0",
-        "known-css-properties": "^0.26.0",
+        "known-css-properties": "^0.25.0",
         "mathml-tag-names": "^2.1.3",
         "meow": "^9.0.0",
         "micromatch": "^4.0.5",
         "normalize-path": "^3.0.0",
+        "normalize-selector": "^0.2.0",
         "picocolors": "^1.0.0",
-        "postcss": "^8.4.19",
+        "postcss": "^8.4.13",
         "postcss-media-query-parser": "^0.2.3",
         "postcss-resolve-nested-selector": "^0.1.1",
         "postcss-safe-parser": "^6.0.0",
-        "postcss-selector-parser": "^6.0.11",
+        "postcss-selector-parser": "^6.0.10",
         "postcss-value-parser": "^4.2.0",
         "resolve-from": "^5.0.0",
+        "specificity": "^0.4.1",
         "string-width": "^4.2.3",
         "strip-ansi": "^6.0.1",
         "style-search": "^0.1.0",
-        "supports-hyperlinks": "^2.3.0",
+        "supports-hyperlinks": "^2.2.0",
         "svg-tags": "^1.0.0",
-        "table": "^6.8.1",
+        "table": "^6.8.0",
         "v8-compile-cache": "^2.3.0",
-        "write-file-atomic": "^4.0.2"
+        "write-file-atomic": "^4.0.1"
       },
       "bin": {
         "stylelint": "bin/stylelint.js"
@@ -6596,9 +8060,9 @@
       }
     },
     "node_modules/stylelint-config-recess-order": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/stylelint-config-recess-order/-/stylelint-config-recess-order-3.1.0.tgz",
-      "integrity": "sha512-LXR6zD5O9cS1a9gbLbuKvWLs7qmHj4xm5MQ5KhhwZPMhtQP9da3F6Jsp/NAUdsAwDQEnT1ShU16YVdgN6p4a/w==",
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/stylelint-config-recess-order/-/stylelint-config-recess-order-3.0.0.tgz",
+      "integrity": "sha512-uNXrlDz570Q7HJlrq8mNjgfO/xlKIh2hKVKEFMTG1/ih/6tDLcTbuvO1Zoo2dnQay990OAkWLDpTDOorB+hmBw==",
       "dev": true,
       "dependencies": {
         "stylelint-order": "5.x"
@@ -6648,14 +8112,14 @@
       }
     },
     "node_modules/stylelint-webpack-plugin": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/stylelint-webpack-plugin/-/stylelint-webpack-plugin-3.3.0.tgz",
-      "integrity": "sha512-F53bapIZ9zI16ero8IWm6TrUE6SSibZBphJE9b5rR2FxtvmGmm1YmS+a5xjQzn63+cv71GVSCu4byX66fBLpEw==",
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/stylelint-webpack-plugin/-/stylelint-webpack-plugin-3.2.0.tgz",
+      "integrity": "sha512-KY4P+0wrs5G680LzNLt8UZDiX3j+UNNDt1BBEdlhZUiUUYAI0j9Lumf5QH9eRHx/uMZcpKbboiYWba0F+jMWTg==",
       "dev": true,
       "dependencies": {
         "globby": "^11.1.0",
-        "jest-worker": "^28.1.0",
-        "micromatch": "^4.0.5",
+        "jest-worker": "^27.5.1",
+        "micromatch": "^4.0.4",
         "normalize-path": "^3.0.0",
         "schema-utils": "^4.0.0"
       },
@@ -6687,26 +8151,26 @@
       }
     },
     "node_modules/stylis": {
-      "version": "4.3.1",
-      "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.3.1.tgz",
-      "integrity": "sha512-EQepAV+wMsIaGVGX1RECzgrcqRRU/0sYOHkeLsZ3fzHaHXZy4DaOOX0vOlGQdlsjkh3mFHAIlVimpwAs4dslyQ=="
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.3.0.tgz",
+      "integrity": "sha512-E87pIogpwUsUwXw7dNyU4QDjdgVMy52m+XEOPEKUn161cCzWjjhPSQhByfd1CcNvrOLnXQ6OnnZDwnJrz/Z4YQ=="
     },
     "node_modules/supports-color": {
-      "version": "5.5.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
-      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
       "dev": true,
       "dependencies": {
-        "has-flag": "^3.0.0"
+        "has-flag": "^4.0.0"
       },
       "engines": {
-        "node": ">=4"
+        "node": ">=8"
       }
     },
     "node_modules/supports-hyperlinks": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/supports-hyperlinks/-/supports-hyperlinks-2.3.0.tgz",
-      "integrity": "sha512-RpsAZlpWcDwOPQA22aCH4J0t7L8JmAvsCxfOSEwm7cQs3LshN36QaTkwd70DnBOXDWGssw2eUoc8CaRWT0XunA==",
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/supports-hyperlinks/-/supports-hyperlinks-2.2.0.tgz",
+      "integrity": "sha512-6sXEzV5+I5j8Bmq9/vUphGRM/RJNT9SCURJLjwfOg51heRtguGWDzcaBlgAzKhQa0EVNpPEKzQuBwZ8S8WaCeQ==",
       "dev": true,
       "dependencies": {
         "has-flag": "^4.0.0",
@@ -6716,32 +8180,10 @@
         "node": ">=8"
       }
     },
-    "node_modules/supports-hyperlinks/node_modules/has-flag": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/supports-hyperlinks/node_modules/supports-color": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-      "dev": true,
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/supports-preserve-symlinks-flag": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
       "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
-      "dev": true,
       "engines": {
         "node": ">= 0.4"
       },
@@ -6752,13 +8194,13 @@
     "node_modules/svg-tags": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/svg-tags/-/svg-tags-1.0.0.tgz",
-      "integrity": "sha512-ovssysQTa+luh7A5Weu3Rta6FJlFBBbInjOh722LIt6klpU2/HtdUbszju/G4devcvk8PGt7FCLv5wftu3THUA==",
+      "integrity": "sha1-WPcc7jvVGbWdSyqEO2x95krAR2Q=",
       "dev": true
     },
     "node_modules/table": {
-      "version": "6.8.1",
-      "resolved": "https://registry.npmjs.org/table/-/table-6.8.1.tgz",
-      "integrity": "sha512-Y4X9zqrCftUhMeH2EptSSERdVKt/nEdijTOacGD/97EKjhQ/Qs8RTlEGABSJNNN8lac9kheH+af7yAkEWlgneA==",
+      "version": "6.8.0",
+      "resolved": "https://registry.npmjs.org/table/-/table-6.8.0.tgz",
+      "integrity": "sha512-s/fitrbVeEyHKFa7mFdkuQMWlH1Wgw/yEXMt5xACT4ZpzWFluehAxRtUUQKPuWhaLAWhFcVx6w3oC8VKaUfPGA==",
       "dev": true,
       "dependencies": {
         "ajv": "^8.0.1",
@@ -6772,9 +8214,9 @@
       }
     },
     "node_modules/table/node_modules/ajv": {
-      "version": "8.12.0",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz",
-      "integrity": "sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==",
+      "version": "8.11.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.11.0.tgz",
+      "integrity": "sha512-wGgprdCvMalC0BztXvitD2hC04YffAvtsUn93JbGXYLAtCUO4xd17mCCZQxUOItiBwZvJScWo8NIvQMQ71rdpg==",
       "dev": true,
       "dependencies": {
         "fast-deep-equal": "^3.1.1",
@@ -6803,14 +8245,14 @@
       }
     },
     "node_modules/terser": {
-      "version": "5.26.0",
-      "resolved": "https://registry.npmjs.org/terser/-/terser-5.26.0.tgz",
-      "integrity": "sha512-dytTGoE2oHgbNV9nTzgBEPaqAWvcJNl66VZ0BkJqlvp71IjO8CxdBx/ykCNb47cLnCmCvRZ6ZR0tLkqvZCdVBQ==",
+      "version": "5.17.1",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-5.17.1.tgz",
+      "integrity": "sha512-hVl35zClmpisy6oaoKALOpS0rDYLxRFLHhRuDlEGTKey9qHjS1w9GMORjuwIMt70Wan4lwsLYyWDVnWgF+KUEw==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@jridgewell/source-map": "^0.3.3",
-        "acorn": "^8.8.2",
+        "@jridgewell/source-map": "^0.3.2",
+        "acorn": "^8.5.0",
         "commander": "^2.20.0",
         "source-map-support": "~0.5.20"
       },
@@ -6822,17 +8264,17 @@
       }
     },
     "node_modules/terser-webpack-plugin": {
-      "version": "5.3.10",
-      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.10.tgz",
-      "integrity": "sha512-BKFPWlPDndPs+NGGCr1U59t0XScL5317Y0UReNrHaw9/FwhPENlq6bfgs+4yPfyP51vqC1bQ4rp1EfXW5ZSH9w==",
+      "version": "5.3.7",
+      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.7.tgz",
+      "integrity": "sha512-AfKwIktyP7Cu50xNjXF/6Qb5lBNzYaWpU6YfoX3uZicTx0zTy0stDDCsvjDapKsSDvOeWo5MEq4TmdBy2cNoHw==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@jridgewell/trace-mapping": "^0.3.20",
+        "@jridgewell/trace-mapping": "^0.3.17",
         "jest-worker": "^27.4.5",
         "schema-utils": "^3.1.1",
         "serialize-javascript": "^6.0.1",
-        "terser": "^5.26.0"
+        "terser": "^5.16.5"
       },
       "engines": {
         "node": ">= 10.13.0"
@@ -6856,35 +8298,10 @@
         }
       }
     },
-    "node_modules/terser-webpack-plugin/node_modules/has-flag": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-      "dev": true,
-      "peer": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/terser-webpack-plugin/node_modules/jest-worker": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.5.1.tgz",
-      "integrity": "sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@types/node": "*",
-        "merge-stream": "^2.0.0",
-        "supports-color": "^8.0.0"
-      },
-      "engines": {
-        "node": ">= 10.13.0"
-      }
-    },
     "node_modules/terser-webpack-plugin/node_modules/schema-utils": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.3.0.tgz",
-      "integrity": "sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==",
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.1.2.tgz",
+      "integrity": "sha512-pvjEHOgWc9OWA/f/DE3ohBWTD6EleVLf7iFUkoSwAxttdBhB9QUebQgxER2kWueOvRJXPHNnyrvvh9eZINB8Eg==",
       "dev": true,
       "peer": true,
       "dependencies": {
@@ -6900,32 +8317,16 @@
         "url": "https://opencollective.com/webpack"
       }
     },
-    "node_modules/terser-webpack-plugin/node_modules/supports-color": {
-      "version": "8.1.1",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
-      "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/supports-color?sponsor=1"
-      }
-    },
     "node_modules/text-table": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
-      "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==",
+      "integrity": "sha1-f17oI66AUgfACvLfSoTsP8+lcLQ=",
       "dev": true
     },
     "node_modules/thread-stream": {
-      "version": "2.4.1",
-      "resolved": "https://registry.npmjs.org/thread-stream/-/thread-stream-2.4.1.tgz",
-      "integrity": "sha512-d/Ex2iWd1whipbT681JmTINKw0ZwOUBZm7+Gjs64DHuX34mmw8vJL2bFAaNacaW72zYiTJxSHi5abUuOi5nsfg==",
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/thread-stream/-/thread-stream-2.3.0.tgz",
+      "integrity": "sha512-kaDqm1DET9pp3NXwR8382WHbnpXnRkN9xGN9dQt3B2+dmXiW8X1SOwmFOxAErEQ47ObhZ96J6yhZNXuyCOL7KA==",
       "dependencies": {
         "real-require": "^0.2.0"
       }
@@ -6933,8 +8334,7 @@
     "node_modules/to-fast-properties": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz",
-      "integrity": "sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==",
-      "dev": true,
+      "integrity": "sha1-3F5pjL0HkmW8c+A3doGk5Og/YW4=",
       "engines": {
         "node": ">=4"
       }
@@ -6943,7 +8343,7 @@
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
       "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
-      "dev": true,
+      "devOptional": true,
       "dependencies": {
         "is-number": "^7.0.0"
       },
@@ -6961,9 +8361,9 @@
       }
     },
     "node_modules/ts-api-utils": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.0.3.tgz",
-      "integrity": "sha512-wNMeqtMz5NtwpT/UZGY5alT+VoKdSsOOP/kqHFcUW1P/VRhH2wJ48+DN2WwUliNbQ976ETwDL0Ifd2VVvgonvg==",
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.0.1.tgz",
+      "integrity": "sha512-lC/RGlPmwdrIBFTX59wwNzqh7aR2otPNPR/5brHZm/XKFYKsfqxihXUe9pU3JI+3vGkl+vyCoNNnPhJn3aLK1A==",
       "dev": true,
       "engines": {
         "node": ">=16.13.0"
@@ -6973,9 +8373,9 @@
       }
     },
     "node_modules/tsconfig-paths": {
-      "version": "3.15.0",
-      "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.15.0.tgz",
-      "integrity": "sha512-2Ac2RgzDe/cn48GvOe3M+o82pEFewD3UPbyoUHHdKasHwJKjds4fLXWf/Ux5kATBKN20oaFGu+jbElp1pos0mg==",
+      "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",
@@ -7014,12 +8414,15 @@
       }
     },
     "node_modules/type-fest": {
-      "version": "0.8.1",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz",
-      "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==",
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
+      "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
       "dev": true,
       "engines": {
-        "node": ">=8"
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/typed-array-buffer": {
@@ -7088,9 +8491,9 @@
       }
     },
     "node_modules/typescript": {
-      "version": "5.3.3",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.3.3.tgz",
-      "integrity": "sha512-pXWcraxM0uxAS+tN0AG/BF2TyqmHO014Z070UsJ+pFvYuRSq8KH8DmWpnbXe0pEPDHXZV3FcAbJkijJ5oNEnWw==",
+      "version": "5.1.6",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.1.6.tgz",
+      "integrity": "sha512-zaWCozRZ6DLEWAWFrVDz1H6FVXzUSfTy5FUMWsQlU8Ym5JP9eO4xkTIROFCQvhQf61z6O/G6ugw3SgAnvvm+HA==",
       "dev": true,
       "peer": true,
       "bin": {
@@ -7116,22 +8519,51 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "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/unhomoglyph": {
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/unhomoglyph/-/unhomoglyph-1.0.6.tgz",
       "integrity": "sha512-7uvcWI3hWshSADBu4JpnyYbTVc7YlhF5GDW/oPD5AxIxl34k4wXR3WDkPnzLxkN32LiTCTKMQLtKVZiwki3zGg=="
     },
+    "node_modules/unicode-canonical-property-names-ecmascript": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.0.tgz",
+      "integrity": "sha512-yY5PpDlfVIU5+y/BSCxAJRBIS1Zc2dDG3Ujq+sR0U+JjUevW2JhocOF+soROYDSaAezOzOKuyyixhD6mBknSmQ==",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/unicode-match-property-ecmascript": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/unicode-match-property-ecmascript/-/unicode-match-property-ecmascript-2.0.0.tgz",
+      "integrity": "sha512-5kaZCrbp5mmbz5ulBkDkbY0SsPOjKqVS35VpL9ulMPfSl0J0Xsm+9Evphv9CoIZFwre7aJoa94AY6seMKGVN5Q==",
+      "dependencies": {
+        "unicode-canonical-property-names-ecmascript": "^2.0.0",
+        "unicode-property-aliases-ecmascript": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/unicode-match-property-value-ecmascript": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-2.1.0.tgz",
+      "integrity": "sha512-qxkjQt6qjg/mYscYMC0XKRn3Rh0wFPlfxB0xkt9CfyTvpX1Ra0+rAmdX2QyAobptSEvuy4RtpPRui6XkV+8wjA==",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/unicode-property-aliases-ecmascript": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-2.1.0.tgz",
+      "integrity": "sha512-6t3foTQI9qne+OZoVQB/8x8rk2k1eVy1gRXhV3oFQ5T6R1dqQ1xtin3XqSlx3+ATBkliTaR/hHyJBm+LVPNM8w==",
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/update-browserslist-db": {
       "version": "1.0.13",
       "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz",
       "integrity": "sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==",
-      "dev": true,
       "funding": [
         {
           "type": "opencollective",
@@ -7178,25 +8610,21 @@
     "node_modules/util-deprecate": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
-      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+      "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=",
       "dev": true
     },
     "node_modules/uuid": {
-      "version": "9.0.1",
-      "resolved": "https://registry.npmjs.org/uuid/-/uuid-9.0.1.tgz",
-      "integrity": "sha512-b+1eJOlsR9K8HJpow9Ok3fiWOWSIcIzXodvv0rQjVoOVNpWMpxf1wZNpt4y9h10odCNrqnYp1OBzRktckBe3sA==",
-      "funding": [
-        "https://github.com/sponsors/broofa",
-        "https://github.com/sponsors/ctavan"
-      ],
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-9.0.0.tgz",
+      "integrity": "sha512-MXcSTerfPa4uqyzStbRoTgt5XIe3x5+42+q1sDuy3R5MDk66URdLMOZe5aPX/SQd+kuYAh0FdP/pO28IkQyTeg==",
       "bin": {
         "uuid": "dist/bin/uuid"
       }
     },
     "node_modules/v8-compile-cache": {
-      "version": "2.4.0",
-      "resolved": "https://registry.npmjs.org/v8-compile-cache/-/v8-compile-cache-2.4.0.tgz",
-      "integrity": "sha512-ocyWc3bAHBB/guyqJQVI5o4BZkPhznPYUG2ea80Gond/BgNWpap8TOmLSeeQG7bnh2KMISxskdADG59j7zruhw==",
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz",
+      "integrity": "sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA==",
       "dev": true
     },
     "node_modules/validate-npm-package-license": {
@@ -7212,7 +8640,7 @@
     "node_modules/void-elements": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/void-elements/-/void-elements-3.1.0.tgz",
-      "integrity": "sha512-Dhxzh5HZuiHQhbvTW9AMetFfBHDMYpo23Uo9btPXgdYP+3T5S+p+jgNy7spra+veYhBP2dCSgxR/i2Y02h5/6w==",
+      "integrity": "sha1-YU9/v42AHwu18GYfWy9XhXUOTwk=",
       "engines": {
         "node": ">=0.10.0"
       }
@@ -7230,9 +8658,9 @@
       }
     },
     "node_modules/webpack": {
-      "version": "5.89.0",
-      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.89.0.tgz",
-      "integrity": "sha512-qyfIC10pOr70V+jkmud8tMfajraGCZMBWJtrmuBymQKCrLTRejBI8STDp1MCyZu/QTdZSeacCQYpYNQVOzX5kw==",
+      "version": "5.81.0",
+      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.81.0.tgz",
+      "integrity": "sha512-AAjaJ9S4hYCVODKLQTgG5p5e11hiMawBwV2v8MYLE0C/6UAGLuAF4n1qa9GOwdxnicaP+5k6M5HrLmD4+gIB8Q==",
       "dev": true,
       "peer": true,
       "dependencies": {
@@ -7242,10 +8670,10 @@
         "@webassemblyjs/wasm-edit": "^1.11.5",
         "@webassemblyjs/wasm-parser": "^1.11.5",
         "acorn": "^8.7.1",
-        "acorn-import-assertions": "^1.9.0",
+        "acorn-import-assertions": "^1.7.6",
         "browserslist": "^4.14.5",
         "chrome-trace-event": "^1.0.2",
-        "enhanced-resolve": "^5.15.0",
+        "enhanced-resolve": "^5.13.0",
         "es-module-lexer": "^1.2.1",
         "eslint-scope": "5.1.1",
         "events": "^3.2.0",
@@ -7255,7 +8683,7 @@
         "loader-runner": "^4.2.0",
         "mime-types": "^2.1.27",
         "neo-async": "^2.6.2",
-        "schema-utils": "^3.2.0",
+        "schema-utils": "^3.1.2",
         "tapable": "^2.1.1",
         "terser-webpack-plugin": "^5.3.7",
         "watchpack": "^2.4.0",
@@ -7288,9 +8716,9 @@
       }
     },
     "node_modules/webpack/node_modules/schema-utils": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.3.0.tgz",
-      "integrity": "sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==",
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.1.2.tgz",
+      "integrity": "sha512-pvjEHOgWc9OWA/f/DE3ohBWTD6EleVLf7iFUkoSwAxttdBhB9QUebQgxER2kWueOvRJXPHNnyrvvh9eZINB8Eg==",
       "dev": true,
       "peer": true,
       "dependencies": {
@@ -7400,26 +8828,25 @@
     "node_modules/wrappy": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
-      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
-      "dev": true
+      "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8="
     },
     "node_modules/write-file-atomic": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-4.0.2.tgz",
-      "integrity": "sha512-7KxauUdBmSdWnmpaGFg+ppNjKF8uNLry8LyzjauQDOVONfFLNKrKvQOxZ/VuTIcS/gge/YNahf5RIIQWTSarlg==",
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-4.0.1.tgz",
+      "integrity": "sha512-nSKUxgAbyioruk6hU87QzVbY279oYT6uiwgDoujth2ju4mJ+TZau7SQBhtbTmUyuNYTuXnSyRn66FV0+eCgcrQ==",
       "dev": true,
       "dependencies": {
         "imurmurhash": "^0.1.4",
         "signal-exit": "^3.0.7"
       },
       "engines": {
-        "node": "^12.13.0 || ^14.15.0 || >=16.0.0"
+        "node": "^12.13.0 || ^14.15.0 || >=16"
       }
     },
     "node_modules/yallist": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
-      "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
       "dev": true
     },
     "node_modules/yaml": {

From f8088c948d47ee743e06285f063fd940c161fd59 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 24 Jan 2024 15:43:28 +0100
Subject: [PATCH 369/714] refactor: parse roomId to AddBookmark.js

---
 components/UI/bookmarks/AddBookmark.js | 6 ++----
 pages/etherpad/[[...roomId]].js        | 2 +-
 pages/spacedeck/[[...roomId]].js       | 2 +-
 3 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/components/UI/bookmarks/AddBookmark.js b/components/UI/bookmarks/AddBookmark.js
index 63700cde..5d10cf1b 100644
--- a/components/UI/bookmarks/AddBookmark.js
+++ b/components/UI/bookmarks/AddBookmark.js
@@ -1,6 +1,5 @@
 import React, { useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import { useRouter } from 'next/router';
 import { BookmarkIcon, CheckIcon } from '@remixicons/react/line';
 import _ from 'lodash';
 
@@ -15,17 +14,16 @@ import Icon from '../Icon';
  * This component displays a button that allows users to add a bookmark to the matrix account data.
  * The button is disabled if the bookmark already exists.
  * @component
+ * @param {string} roomId - The id of the room to add to the bookmarks.
  * @returns {JSX.Element} - A JSX element containing the button to add a bookmark.
  */
-const AddBookmark = () => {
+const AddBookmark = ({ roomId }) => {
     const [contentCopied, setContentCopied] = useState(false);
     const auth = useAuth();
     const matrix = useMatrix();
     const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
     const { t } = useTranslation();
-    const router = useRouter();
     const [isCreatingBookmark, setIsCreatingBookmark] = useState(false);
-    const roomId = router.query.roomId?.[1] || router.query.roomId?.[0];
     const bookmarks = matrix.bookmarks;
 
     const addBookmarkToMatrix = async () => {
diff --git a/pages/etherpad/[[...roomId]].js b/pages/etherpad/[[...roomId]].js
index 444df68d..018f8a20 100644
--- a/pages/etherpad/[[...roomId]].js
+++ b/pages/etherpad/[[...roomId]].js
@@ -311,7 +311,7 @@ export default function Etherpad() {
                                 name={matrix.rooms.get(roomId).name}
                                 onClick={() => setIsInviteUsersOpen(prevState => !prevState)}
                                 inviteUsersOpen={isInviteUsersOpen} />
-                            <AddBookmark name={matrix.rooms.get(roomId).name} roomId={roomId} service="etherpad" />
+                            <AddBookmark roomId={roomId} />
                             <CopyToClipboard title={t('Copy pad link to clipboard')}
                                 content={matrix.roomContents.get(roomId)?.body} />
                             <TextButton title={t(myPadsObject ? 'Delete pad' : 'Remove pad from my library')}
diff --git a/pages/spacedeck/[[...roomId]].js b/pages/spacedeck/[[...roomId]].js
index d9b35dc3..660a1a26 100644
--- a/pages/spacedeck/[[...roomId]].js
+++ b/pages/spacedeck/[[...roomId]].js
@@ -236,7 +236,7 @@ export default function Spacedeck() {
                                 onClick={() => setIsInviteUsersOpen(prevState => !prevState)}
                                 inviteUsersOpen={isInviteUsersOpen}
                             />
-                            <AddBookmark name={matrix.rooms.get(roomId).name} roomId={roomId} service="spacedeck" />
+                            <AddBookmark roomId={roomId} />
                             <CopyToClipboard title={t('Copy sketch link to clipboard')} content={content.body} />
                             <TextButton title={t('Delete sketch')} onClick={removeSketch}>
                                 { isDeletingSketch ?

From 433f053f711461fd45ba72d96d17020c30237f3a Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 24 Jan 2024 15:45:07 +0100
Subject: [PATCH 370/714] refactor: remove unused width variable in table
 header

---
 components/UI/ServiceTable.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/UI/ServiceTable.js b/components/UI/ServiceTable.js
index 2c7fcc0f..16926007 100644
--- a/components/UI/ServiceTable.js
+++ b/components/UI/ServiceTable.js
@@ -67,7 +67,7 @@ const TableHeader = styled.th`
   line-height: calc(var(--margin) * 3);
   text-align: ${props => props.align && props.align};
   white-space: nowrap;
-  ${props => props.width && `width: ${ typeof props.width === 'string' ? props.width : '8ch'};`}
+
   > * {
     display: inline-block;
     line-height: calc(var(--margin) * 3);

From aa80dee0bbd9548ff767ef9ccf4e2ae9fb1d2aed Mon Sep 17 00:00:00 2001
From: Florian Weber <florian@weber.world>
Date: Wed, 24 Jan 2024 16:57:35 +0100
Subject: [PATCH 371/714] Bring in /chat CSS changes from `main`

---
 pages/chat/ChatIframeView.js | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/pages/chat/ChatIframeView.js b/pages/chat/ChatIframeView.js
index 4f12fa65..1080b962 100644
--- a/pages/chat/ChatIframeView.js
+++ b/pages/chat/ChatIframeView.js
@@ -53,7 +53,8 @@ const ChatIframeView = ({ src }) => {
                 /* Hide the search bar buttons to only allow searching inside current room */
                 .mx_SearchBar_buttons { display: none !important; }
                 /* Make the header look like the "header" component we use in other pages */
-                .mx_RoomHeader { border-bottom: none; height: unset; padding: calc(var(--margin) * 1.695) calc(var(--margin) * 1.5); }
+                .mx_RoomHeader { border-bottom: none; height: unset; padding: calc(var(--margin) * 1.695) calc(var(--margin) * 1.5); border-radius: unset !important; }
+                .mx_RoomHeader:hover { background-color: unset; }
                 .mx_RoomHeader_heading { font-weight: 900; }
                 /* Hide avatar of the user we're chatting with */
                 .mx_RoomHeader .mx_BaseAvatar { display: none !important; }
@@ -62,7 +63,9 @@ const ChatIframeView = ({ src }) => {
 
                 @media (max-device-width: 1079px) {
                     .mx_RoomHeader { padding: calc(var(--margin) * 0.75) var(--margin); border-bottom: 1px solid var(--color-foreground-alpha); }
-                    
+                }
+
+                @media (max-width: 1079px) {
                     /* Make the "right panel" cover the full screen */
                     .mx_RightPanel { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 999999; }
 

From 1592aef8107244c4a90bba6d822446a24249d913 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 24 Jan 2024 17:22:00 +0100
Subject: [PATCH 372/714] feat: first draft of new workflow implementation as
 described in #130

---
 components/UI/switch.jsx               |  22 ++++
 package-lock.json                      | 165 +++++++++++++++++++++++++
 package.json                           |   1 +
 pages/etherpad/[[...roomId]].js        |  10 +-
 pages/etherpad/actions/CreateNewPad.js |  42 +++++++
 5 files changed, 234 insertions(+), 6 deletions(-)
 create mode 100644 components/UI/switch.jsx
 create mode 100644 pages/etherpad/actions/CreateNewPad.js

diff --git a/components/UI/switch.jsx b/components/UI/switch.jsx
new file mode 100644
index 00000000..5054512e
--- /dev/null
+++ b/components/UI/switch.jsx
@@ -0,0 +1,22 @@
+import * as React from 'react';
+import * as SwitchPrimitives from '@radix-ui/react-switch';
+
+import { cn } from '@/lib/utils';
+
+const Switch = React.forwardRef(({ className, ...props }, ref) => (
+    <SwitchPrimitives.Root
+        className={cn(
+            'tw-peer tw-inline-flex tw-h-6 tw-w-11 tw-shrink-0 tw-cursor-pointer tw-items-center tw-rounded-full tw-border-2 tw-border-transparent tw-transition-colors focus-visible:tw-outline-none focus-visible:tw-ring-2 focus-visible:tw-ring-ring focus-visible:tw-ring-offset-2 focus-visible:tw-ring-offset-background disabled:tw-cursor-not-allowed disabled:tw-opacity-50 data-[state=checked]:tw-bg-primary data-[state=unchecked]:tw-bg-input',
+            className,
+        )}
+        {...props}
+        ref={ref}>
+        <SwitchPrimitives.Thumb
+            className={cn(
+                'tw-pointer-events-none tw-block tw-h-5 tw-w-5 tw-rounded-full tw-bg-background tw-shadow-lg tw-ring-0 tw-transition-transform data-[state=checked]:tw-translate-x-5 data-[state=unchecked]:tw-translate-x-0',
+            )} />
+    </SwitchPrimitives.Root>
+));
+Switch.displayName = SwitchPrimitives.Root.displayName;
+
+export { Switch };
diff --git a/package-lock.json b/package-lock.json
index 72565f0e..0a0bc084 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -7,6 +7,7 @@
       "name": "medienhaus-frontend",
       "dependencies": {
         "@radix-ui/react-slot": "^1.0.2",
+        "@radix-ui/react-switch": "^1.0.3",
         "class-variance-authority": "^0.7.0",
         "clsx": "^2.1.0",
         "i18next": "^23.7.7",
@@ -2377,6 +2378,14 @@
         "node": ">=14"
       }
     },
+    "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==",
+      "dependencies": {
+        "@babel/runtime": "^7.13.10"
+      }
+    },
     "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",
@@ -2394,6 +2403,46 @@
         }
       }
     },
+    "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==",
+      "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-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==",
+      "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-slot": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.0.2.tgz",
@@ -2412,6 +2461,122 @@
         }
       }
     },
+    "node_modules/@radix-ui/react-switch": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-switch/-/react-switch-1.0.3.tgz",
+      "integrity": "sha512-mxm87F88HyHztsI7N+ZUmEoARGkC22YVW5CaC+Byc+HRpuvCrOBPTAnXgf+tZ/7i0Sg/eOePGdMhUKhPaQEqow==",
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/primitive": "1.0.1",
+        "@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-controllable-state": "1.0.1",
+        "@radix-ui/react-use-previous": "1.0.1",
+        "@radix-ui/react-use-size": "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-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==",
+      "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==",
+      "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==",
+      "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==",
+      "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-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==",
+      "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/@remixicons/react": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/@remixicons/react/-/react-1.0.0.tgz",
diff --git a/package.json b/package.json
index c8d24bd4..e8e35b8f 100644
--- a/package.json
+++ b/package.json
@@ -9,6 +9,7 @@
   },
   "dependencies": {
     "@radix-ui/react-slot": "^1.0.2",
+    "@radix-ui/react-switch": "^1.0.3",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.0",
     "i18next": "^23.7.7",
diff --git a/pages/etherpad/[[...roomId]].js b/pages/etherpad/[[...roomId]].js
index 1d3d0619..b609ffa4 100644
--- a/pages/etherpad/[[...roomId]].js
+++ b/pages/etherpad/[[...roomId]].js
@@ -18,13 +18,11 @@ import LoadingSpinner from '../../components/UI/LoadingSpinner';
 import logger from '../../lib/Logging';
 import ServiceLink from '../../components/UI/ServiceLink';
 import CopyToClipboard from '../../components/UI/CopyToClipboard';
-import CreateAnonymousPad from './actions/CreateAnonymousPad';
 import AddExistingPad from './actions/AddExistingPad';
-import CreateAuthoredPad from './actions/CreateAuthoredPad';
-import CreatePasswordPad from './actions/CreatePasswordPad';
 import { InviteUserToMatrixRoom } from '../../components/UI/InviteUsersToMatrixRoom';
 import { isMyPadsApiEnabled, path as etherpadPath } from '../../lib/Etherpad';
 import LoginPrompt from '../../components/UI/LoginPrompt';
+import CreateNewPad from '@/pages/etherpad/actions/CreateNewPad';
 
 const EtherpadListEntry = memo(({ isPasswordProtected, name, href, etherpadId, ref, selected }) => {
     const etherpad = useAuth().getAuthenticationProvider('etherpad');
@@ -240,9 +238,9 @@ export default function Etherpad() {
 
     const submenuItems = _.filter([
         { value: 'existingPad', actionComponentToRender: <AddExistingPad createWriteRoom={createWriteRoom} />, label: t('Add existing pad') },
-        { value: 'anonymousPad', actionComponentToRender: <CreateAnonymousPad createWriteRoom={createWriteRoom} />, label: t('Create new anonymous pad') },
-        isMyPadsApiEnabled && { value: 'authoredPad', actionComponentToRender: <CreateAuthoredPad createPadAndOpen={createPadAndOpen} />, label: t('Create new authored pad') },
-        isMyPadsApiEnabled && { value: 'passwordPad', actionComponentToRender: <CreatePasswordPad createPadAndOpen={createPadAndOpen} />, label: t('Create password protected pad') },
+        // { value: 'anonymousPad', actionComponentToRender: <CreateAnonymousPad createWriteRoom={createWriteRoom} />, label: t('Create new anonymous pad') },
+        // isMyPadsApiEnabled && { value: 'authoredPad', actionComponentToRender: <CreateAuthoredPad createPadAndOpen={createPadAndOpen} />, label: t('Create new authored pad') },
+        { value: 'passwordPad', actionComponentToRender: <CreateNewPad createPadAndOpen={createPadAndOpen} isMyPadsApiEnabled={isMyPadsApiEnabled} />, label: t('Create new pad') },
     ]);
 
     const listEntries = useMemo(() => {
diff --git a/pages/etherpad/actions/CreateNewPad.js b/pages/etherpad/actions/CreateNewPad.js
new file mode 100644
index 00000000..efd6c13f
--- /dev/null
+++ b/pages/etherpad/actions/CreateNewPad.js
@@ -0,0 +1,42 @@
+import { useState } from 'react';
+import { useTranslation } from 'react-i18next';
+
+import Form from '../../../components/UI/Form';
+import LoadingSpinnerInline from '../../../components/UI/LoadingSpinnerInline';
+import logger from '../../../lib/Logging';
+import { Switch } from '@/components/UI/switch.jsx';
+
+export default function CreateNewPad({ createPadAndOpen, isMyPadsApiEnabled, callbackDone }) {
+    const { t } = useTranslation('etherpad');
+
+    const [padName, setPadName] = useState('');
+    const [passwordProtected, setPasswordProtected] = useState(false);
+    const [password, setPassword] = useState('');
+    const [validatePassword, setValidatePassword] = useState('');
+    const [isLoading, setIsLoading] = useState(false);
+
+    const createPasswordPad = async () => {
+        setIsLoading(true);
+        const createPad = await createPadAndOpen(padName, 'private', password)
+            .catch(error => logger.debug(error));
+        setIsLoading(false);
+        if (!createPad) return;
+        callbackDone && callbackDone();
+        setPadName('');
+    };
+
+    return (<Form onSubmit={(e) => { e.preventDefault(); createPasswordPad(); }}>
+        <input type="text" placeholder={t('Name')} value={padName} onChange={(e) => setPadName(e.target.value)} />
+        { isMyPadsApiEnabled && <div>
+            <label htmlFor="passwordProtected">{ t('Password protected') }</label>
+            <Switch
+                id="passwordProtected"
+                checked={passwordProtected}
+                onCheckedChange={() => setPasswordProtected(prevState => !prevState)}
+            />
+        </div> }
+        <input type="password" disabled={!passwordProtected} placeholder={t('Password')} value={password} onChange={(e) => setPassword(e.target.value)} />
+        <input type="password" disabled={!passwordProtected} placeholder={t('Confirm password')} value={validatePassword} onChange={(e) => setValidatePassword(e.target.value)} />
+        <button type="submit" disabled={!padName || (passwordProtected && !password || password !== validatePassword)}>{ isLoading ? <LoadingSpinnerInline inverted /> :t('Create pad') }</button>
+    </Form>);
+}

From 120b41c9fc84436c21aa6991516b0d18b25154e7 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 24 Jan 2024 18:02:06 +0100
Subject: [PATCH 373/714] refactor: remove unnecessary component

---
 .../{DisplayBookmarks.js => Bookmark.js}      | 35 ++++---------------
 pages/dashboard/index.js                      |  7 ++--
 2 files changed, 11 insertions(+), 31 deletions(-)
 rename pages/dashboard/{DisplayBookmarks.js => Bookmark.js} (68%)

diff --git a/pages/dashboard/DisplayBookmarks.js b/pages/dashboard/Bookmark.js
similarity index 68%
rename from pages/dashboard/DisplayBookmarks.js
rename to pages/dashboard/Bookmark.js
index 170fe954..defe6f55 100644
--- a/pages/dashboard/DisplayBookmarks.js
+++ b/pages/dashboard/Bookmark.js
@@ -27,45 +27,20 @@ const getOrigin = (bookmarkObject) => {
     } else return '/chat';
 };
 
-/**
- * DisplayBookmarks component for rendering and managing bookmarks within a specified space.
- * This component displays a list of bookmarks, stored in the matrix account data, allowing users to remove them.
- *
- * @component
- * @param {string} bookmarkSpaceId - The ID of the space containing bookmarks.
- * @param {Object} bookmarkObject - The object containing the bookmark data from the matrix account data.
- * @param {Function} handleRemoveBookmark - A function to remove the bookmark.
- * @returns {JSX.Element|null} - A JSX element containing the list of bookmarks, or null if the space is not found.
- */
-
-export default function DisplayBookmarks({ bookmarkObject, handleRemoveBookmark }) {
-    const origin = getOrigin(bookmarkObject);
-
-    return (
-        <Bookmark
-            key={bookmarkObject.roomId}
-            roomId={bookmarkObject.roomId}
-            link={`${origin}/${bookmarkObject.roomId}`}
-            name={bookmarkObject.name}
-            origin={origin}
-            handleRemoveBookmark={handleRemoveBookmark}
-        />
-    );
-}
-
 /**
  * Bookmark component for rendering a single bookmark entry.
  *
  * @param {string} roomId - The ID of the bookmarked room.
- * @param {string} link - The link associated with the bookmark.
+ * @param {Object} metaEvent - The meta event associated with the bookmark.
  * @param {string} name - The name of the bookmarked room.
- * @param {string} origin - The name of the origin of the bookmarked room.
  * @param {Function} handleRemoveBookmark - A function to remove the bookmark.
  * @returns {JSX.Element} - A JSX element representing a single bookmark entry.
  *
  */
-const Bookmark = ({ roomId, link, name, origin, handleRemoveBookmark }) => {
+const Bookmark =({ roomId, metaEvent, name, handleRemoveBookmark }) => {
     const [removingBookmark, setRemovingBookmark] = useState(false);
+    const origin = getOrigin(metaEvent);
+    const link=`${origin}/${roomId}`;
     const { t } = useTranslation();
 
     const handleRemove = async (e) => {
@@ -96,3 +71,5 @@ const Bookmark = ({ roomId, link, name, origin, handleRemoveBookmark }) => {
         </ServiceTable.Row>
     );
 };
+
+export default Bookmark;
diff --git a/pages/dashboard/index.js b/pages/dashboard/index.js
index f3caee71..4d73c29b 100644
--- a/pages/dashboard/index.js
+++ b/pages/dashboard/index.js
@@ -9,7 +9,7 @@ import { useMatrix } from '../../lib/Matrix';
 import InvitationCard from './InvitationCard';
 import DefaultLayout from '../../components/layouts/default';
 import KnockCard from './KnockCard';
-import DisplayBookmarks from './DisplayBookmarks';
+import Bookmark from './Bookmark';
 import { ServiceTable } from '../../components/UI/ServiceTable';
 
 export default function Dashboard() {
@@ -188,8 +188,11 @@ export default function Dashboard() {
 
                                 if (!bookmarkObject) return;
 
-                                return <DisplayBookmarks
+                                return <Bookmark
                                     key={bookmarkSpace}
+                                    metaEvent={bookmarkObject.meta}
+                                    roomId={bookmarkSpace}
+                                    name={bookmarkObject.name}
                                     bookmarkObject={bookmarkObject}
                                     handleRemoveBookmark={handleRemoveBookmark}
                                 />;

From 54b60ac146094d50fc155f855127e495671f6f2e Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 24 Jan 2024 18:08:43 +0100
Subject: [PATCH 374/714] refactor: adapt getOrigin function to refactor of
 previous commit

---
 pages/dashboard/Bookmark.js | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/pages/dashboard/Bookmark.js b/pages/dashboard/Bookmark.js
index defe6f55..268c343d 100644
--- a/pages/dashboard/Bookmark.js
+++ b/pages/dashboard/Bookmark.js
@@ -16,14 +16,14 @@ import Icon from '../../components/UI/Icon';
  * Otherwise, return the path of the auth provider. If the path is not found, return the template name.
  * If the bookmark is not of the type 'context' and the template is not found, we can assume it's a chat room and return '/chat'.
  * @function
- * @param {Object} bookmarkObject - The object containing the bookmark data from the matrix account data.
+ * @param {Object} metaEvent - The meta event associated with the bookmark.
  * @returns {*|string} - The origin of the bookmarked room.
  */
-const getOrigin = (bookmarkObject) => {
-    if (bookmarkObject.meta) {
-        if (bookmarkObject.meta.type === 'context') return '/explore';
+const getOrigin = (metaEvent) => {
+    if (metaEvent) {
+        if (metaEvent.type === 'context') return '/explore';
 
-        return getConfig().publicRuntimeConfig.authProviders[bookmarkObject.meta?.template]?.path || bookmarkObject.meta?.template;
+        return getConfig().publicRuntimeConfig.authProviders[metaEvent?.template]?.path || metaEvent?.template;
     } else return '/chat';
 };
 

From 6c3fcaaa76f11a78aaffe3a1f7ccdf99feca47f8 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Thu, 25 Jan 2024 11:39:43 +0100
Subject: [PATCH 375/714] chore: remve console.log

---
 pages/explore/manage-room/ChangeJoinRule.js | 2 --
 1 file changed, 2 deletions(-)

diff --git a/pages/explore/manage-room/ChangeJoinRule.js b/pages/explore/manage-room/ChangeJoinRule.js
index 5bb3d3cd..d3b0bddd 100644
--- a/pages/explore/manage-room/ChangeJoinRule.js
+++ b/pages/explore/manage-room/ChangeJoinRule.js
@@ -36,8 +36,6 @@ const JoinRuleChanger = ({ roomId, roomName, onCancel }) => {
         setChangingJoinRule(false);
     };
 
-    console.log(joinRule);
-
     return (
         <Form onSubmit={handleChangeJoinRule}>
             <h1>{ t('Change Join Rule for') } { roomName }</h1>

From 6101e86842dfc589fad79598ab657d42ca6376c5 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Thu, 25 Jan 2024 12:04:59 +0100
Subject: [PATCH 376/714] chore: fix switch styling by removing obsolete styles

---
 components/UI/ServiceSubmenu.js | 9 ---------
 1 file changed, 9 deletions(-)

diff --git a/components/UI/ServiceSubmenu.js b/components/UI/ServiceSubmenu.js
index 468918fc..83fed101 100644
--- a/components/UI/ServiceSubmenu.js
+++ b/components/UI/ServiceSubmenu.js
@@ -24,15 +24,6 @@ const Submenu = styled.aside`
     line-height: calc(var(--margin) * 3);
     border-bottom: 1px solid transparent;
   }
-
-  button {
-    padding: calc(var(--margin) / 1.5);
-    text-align: center;
-
-    & + button {
-      margin-top: calc(var(--margin) / 1.5);
-    }
-  }
 `;
 
 export function ServiceSubmenu({ title, icon, subheadline, items, disabled }) {

From 240300eca84a3dae63674082dc356c110c0d7a82 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Thu, 25 Jan 2024 12:05:40 +0100
Subject: [PATCH 377/714] refactor: only display invite users button, if a user
 is part of the room.

---
 components/UI/ServiceIframeHeader.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/components/UI/ServiceIframeHeader.js b/components/UI/ServiceIframeHeader.js
index eb31103b..f014dccc 100644
--- a/components/UI/ServiceIframeHeader.js
+++ b/components/UI/ServiceIframeHeader.js
@@ -18,6 +18,7 @@ const ToggleButton = styled.button`
   border: unset;
 `;
 
+// @TODO check if user actually has the needed power level to invite users to the matrix room
 const ServiceIframeHeader = ({ isDeletingPad, deleteContent, title, myPadsObject, content, myPowerLevel, setManageContextActionToggle, manageContextActionToggle, isInviteUsersOpen, setIsInviteUsersOpen }) => {
     const { t } = useTranslation('write');
 
@@ -29,14 +30,14 @@ const ServiceIframeHeader = ({ isDeletingPad, deleteContent, title, myPadsObject
                 { deleteContent && <TextButton title={t(myPadsObject ? 'Delete pad' : 'Remove pad from my library')} onClick={deleteContent}>
                     { isDeletingPad ? <LoadingSpinnerInline /> : <DeleteBinIcon width="var(--icon-size)" height="var(--icon-size)" fill="var(--color-foreground)" /> }
                 </TextButton> }
-                <InviteUserToMatrixRoom.Button
+                { myPowerLevel && <InviteUserToMatrixRoom.Button
                     name={title}
                     onClick={() => {
                         if (manageContextActionToggle) setManageContextActionToggle(false);
 
                         setIsInviteUsersOpen(prevState => !prevState);
                     }}
-                    inviteUsersOpen={isInviteUsersOpen} />
+                    inviteUsersOpen={isInviteUsersOpen} /> }
                 { myPowerLevel && (
                     manageContextActionToggle ? (
                         <ToggleButton onClick={() => {

From e4d5fd9df64f2ce0231a061684b906dae12b859b Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Thu, 25 Jan 2024 12:17:22 +0100
Subject: [PATCH 378/714] fix: remove inline-flex and padding from switch

---
 components/UI/switch.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/UI/switch.jsx b/components/UI/switch.jsx
index 5054512e..f012c114 100644
--- a/components/UI/switch.jsx
+++ b/components/UI/switch.jsx
@@ -6,7 +6,7 @@ import { cn } from '@/lib/utils';
 const Switch = React.forwardRef(({ className, ...props }, ref) => (
     <SwitchPrimitives.Root
         className={cn(
-            'tw-peer tw-inline-flex tw-h-6 tw-w-11 tw-shrink-0 tw-cursor-pointer tw-items-center tw-rounded-full tw-border-2 tw-border-transparent tw-transition-colors focus-visible:tw-outline-none focus-visible:tw-ring-2 focus-visible:tw-ring-ring focus-visible:tw-ring-offset-2 focus-visible:tw-ring-offset-background disabled:tw-cursor-not-allowed disabled:tw-opacity-50 data-[state=checked]:tw-bg-primary data-[state=unchecked]:tw-bg-input',
+            'tw-p-0 tw-peer tw-h-6 tw-w-11 tw-shrink-0 tw-cursor-pointer tw-items-center tw-rounded-full tw-border-2 tw-border-transparent tw-transition-colors focus-visible:tw-outline-none focus-visible:tw-ring-2 focus-visible:tw-ring-ring focus-visible:tw-ring-offset-2 focus-visible:tw-ring-offset-background disabled:tw-cursor-not-allowed disabled:tw-opacity-50 data-[state=checked]:tw-bg-primary data-[state=unchecked]:tw-bg-input',
             className,
         )}
         {...props}

From 0deab3ecd9a762aa3fbe055624675e35a8006d4c Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Thu, 25 Jan 2024 12:17:44 +0100
Subject: [PATCH 379/714] fix: wrap label and switch in flex container

---
 pages/etherpad/actions/CreateNewPad.js | 29 ++++++++++++++++++--------
 1 file changed, 20 insertions(+), 9 deletions(-)

diff --git a/pages/etherpad/actions/CreateNewPad.js b/pages/etherpad/actions/CreateNewPad.js
index efd6c13f..1b85da3e 100644
--- a/pages/etherpad/actions/CreateNewPad.js
+++ b/pages/etherpad/actions/CreateNewPad.js
@@ -1,11 +1,20 @@
 import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
+import { styled } from 'styled-components';
 
 import Form from '../../../components/UI/Form';
 import LoadingSpinnerInline from '../../../components/UI/LoadingSpinnerInline';
 import logger from '../../../lib/Logging';
+
 import { Switch } from '@/components/UI/switch.jsx';
 
+const SwitchContainer = styled.div`
+  display: flex;
+  gap: var(--margin);
+  align-items: center;
+  justify-content: space-between;
+`;
+
 export default function CreateNewPad({ createPadAndOpen, isMyPadsApiEnabled, callbackDone }) {
     const { t } = useTranslation('etherpad');
 
@@ -27,16 +36,18 @@ export default function CreateNewPad({ createPadAndOpen, isMyPadsApiEnabled, cal
 
     return (<Form onSubmit={(e) => { e.preventDefault(); createPasswordPad(); }}>
         <input type="text" placeholder={t('Name')} value={padName} onChange={(e) => setPadName(e.target.value)} />
-        { isMyPadsApiEnabled && <div>
-            <label htmlFor="passwordProtected">{ t('Password protected') }</label>
-            <Switch
-                id="passwordProtected"
-                checked={passwordProtected}
-                onCheckedChange={() => setPasswordProtected(prevState => !prevState)}
-            />
-        </div> }
+        { isMyPadsApiEnabled &&
+      <SwitchContainer>
+          <label htmlFor="passwordProtected">{ t('Password protected') }</label>
+          <Switch
+              id="passwordProtected"
+              checked={passwordProtected}
+              onCheckedChange={() => setPasswordProtected(prevState => !prevState)}
+          />
+      </SwitchContainer>
+        }
         <input type="password" disabled={!passwordProtected} placeholder={t('Password')} value={password} onChange={(e) => setPassword(e.target.value)} />
         <input type="password" disabled={!passwordProtected} placeholder={t('Confirm password')} value={validatePassword} onChange={(e) => setValidatePassword(e.target.value)} />
-        <button type="submit" disabled={!padName || (passwordProtected && !password || password !== validatePassword)}>{ isLoading ? <LoadingSpinnerInline inverted /> :t('Create pad') }</button>
+        <button type="submit" disabled={!padName || (passwordProtected && !password || password !== validatePassword)}>{ isLoading ? <LoadingSpinnerInline inverted /> : t('Create pad') }</button>
     </Form>);
 }

From 0ef6e4c101afffde2644d313efacb1c8d3c5ce46 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Thu, 25 Jan 2024 13:49:07 +0100
Subject: [PATCH 380/714] refactor: createPad function to create private or
 public password depending on selection. Add headline to component

---
 pages/etherpad/actions/CreateNewPad.js | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/pages/etherpad/actions/CreateNewPad.js b/pages/etherpad/actions/CreateNewPad.js
index 1b85da3e..1a1384f9 100644
--- a/pages/etherpad/actions/CreateNewPad.js
+++ b/pages/etherpad/actions/CreateNewPad.js
@@ -5,8 +5,8 @@ import { styled } from 'styled-components';
 import Form from '../../../components/UI/Form';
 import LoadingSpinnerInline from '../../../components/UI/LoadingSpinnerInline';
 import logger from '../../../lib/Logging';
-
 import { Switch } from '@/components/UI/switch.jsx';
+import ErrorMessage from '@/components/UI/ErrorMessage';
 
 const SwitchContainer = styled.div`
   display: flex;
@@ -23,18 +23,24 @@ export default function CreateNewPad({ createPadAndOpen, isMyPadsApiEnabled, cal
     const [password, setPassword] = useState('');
     const [validatePassword, setValidatePassword] = useState('');
     const [isLoading, setIsLoading] = useState(false);
+    const [errorMessage, setErrorMessage] = useState('');
 
-    const createPasswordPad = async () => {
+    const createPad = async () => {
         setIsLoading(true);
-        const createPad = await createPadAndOpen(padName, 'private', password)
-            .catch(error => logger.debug(error));
+        setErrorMessage('');
+        const createPad = await createPadAndOpen(padName, passwordProtected ? 'private' : 'public', password)
+            .catch(error => {
+                logger.debug(error);
+                setErrorMessage('Something went wrong, please try again.');
+            });
         setIsLoading(false);
         if (!createPad) return;
         callbackDone && callbackDone();
         setPadName('');
     };
 
-    return (<Form onSubmit={(e) => { e.preventDefault(); createPasswordPad(); }}>
+    return (<Form onSubmit={(e) => { e.preventDefault(); createPad(); }}>
+        <h3>{ t('Create new pad') }</h3>
         <input type="text" placeholder={t('Name')} value={padName} onChange={(e) => setPadName(e.target.value)} />
         { isMyPadsApiEnabled &&
       <SwitchContainer>
@@ -49,5 +55,6 @@ export default function CreateNewPad({ createPadAndOpen, isMyPadsApiEnabled, cal
         <input type="password" disabled={!passwordProtected} placeholder={t('Password')} value={password} onChange={(e) => setPassword(e.target.value)} />
         <input type="password" disabled={!passwordProtected} placeholder={t('Confirm password')} value={validatePassword} onChange={(e) => setValidatePassword(e.target.value)} />
         <button type="submit" disabled={!padName || (passwordProtected && !password || password !== validatePassword)}>{ isLoading ? <LoadingSpinnerInline inverted /> : t('Create pad') }</button>
+        { errorMessage && <ErrorMessage>{ errorMessage }</ErrorMessage> }
     </Form>);
 }

From 12194c3f0c45f6e1ade1144f034e442c59920677 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Thu, 25 Jan 2024 13:52:07 +0100
Subject: [PATCH 381/714] remove ServiceSubmenu and other etherpad actions and
 display create new pad workflow directly.

---
 pages/etherpad/[[...roomId]].js | 38 +++++++++++++++++++--------------
 1 file changed, 22 insertions(+), 16 deletions(-)

diff --git a/pages/etherpad/[[...roomId]].js b/pages/etherpad/[[...roomId]].js
index b609ffa4..9cdae861 100644
--- a/pages/etherpad/[[...roomId]].js
+++ b/pages/etherpad/[[...roomId]].js
@@ -3,14 +3,13 @@ import { useTranslation } from 'react-i18next';
 import getConfig from 'next/config';
 import _ from 'lodash';
 import { useRouter } from 'next/router';
-import { DeleteBinIcon } from '@remixicons/react/line';
+import { CloseIcon, DeleteBinIcon, MenuAddIcon } from '@remixicons/react/line';
+import { styled } from 'styled-components';
 
 import { useAuth } from '../../lib/Auth';
 import { useMatrix } from '../../lib/Matrix';
-import ErrorMessage from '../../components/UI/ErrorMessage';
 import Icon from '../../components/UI/Icon';
 import DefaultLayout from '../../components/layouts/default';
-import { ServiceSubmenu } from '../../components/UI/ServiceSubmenu';
 import TextButton from '../../components/UI/TextButton';
 import { ServiceTable } from '../../components/UI/ServiceTable';
 import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
@@ -18,12 +17,20 @@ import LoadingSpinner from '../../components/UI/LoadingSpinner';
 import logger from '../../lib/Logging';
 import ServiceLink from '../../components/UI/ServiceLink';
 import CopyToClipboard from '../../components/UI/CopyToClipboard';
-import AddExistingPad from './actions/AddExistingPad';
 import { InviteUserToMatrixRoom } from '../../components/UI/InviteUsersToMatrixRoom';
 import { isMyPadsApiEnabled, path as etherpadPath } from '../../lib/Etherpad';
 import LoginPrompt from '../../components/UI/LoginPrompt';
 import CreateNewPad from '@/pages/etherpad/actions/CreateNewPad';
 
+const Header = styled.header`
+  display: grid;
+  grid-template-columns: 1fr auto;
+`;
+
+const ToggleButton = styled(TextButton)`
+  height: calc(var(--margin) * var(--line-height));
+`;
+
 const EtherpadListEntry = memo(({ isPasswordProtected, name, href, etherpadId, ref, selected }) => {
     const etherpad = useAuth().getAuthenticationProvider('etherpad');
 
@@ -70,6 +77,7 @@ export default function Etherpad() {
     const [serverPads, setServerPads] = useState(null);
     const [isDeletingPad, setIsDeletingPad] = useState(false);
     const [isInviteUsersOpen, setIsInviteUsersOpen] = useState(false);
+    const [displayCreatePad, setDisplayCreatePad] = useState(false);
 
     /**
      * A roomId is set when the route is /etherpad/<roomId>, otherwise it's undefined
@@ -236,13 +244,6 @@ export default function Etherpad() {
         setIsDeletingPad(false);
     };
 
-    const submenuItems = _.filter([
-        { value: 'existingPad', actionComponentToRender: <AddExistingPad createWriteRoom={createWriteRoom} />, label: t('Add existing pad') },
-        // { value: 'anonymousPad', actionComponentToRender: <CreateAnonymousPad createWriteRoom={createWriteRoom} />, label: t('Create new anonymous pad') },
-        // isMyPadsApiEnabled && { value: 'authoredPad', actionComponentToRender: <CreateAuthoredPad createPadAndOpen={createPadAndOpen} />, label: t('Create new authored pad') },
-        { value: 'passwordPad', actionComponentToRender: <CreateNewPad createPadAndOpen={createPadAndOpen} isMyPadsApiEnabled={isMyPadsApiEnabled} />, label: t('Create new pad') },
-    ]);
-
     const listEntries = useMemo(() => {
         return matrix.spaces.get(matrix.serviceSpaces.etherpad)?.children?.map(writeRoomId => {
             const name = _.get(matrix.rooms.get(writeRoomId), 'name');
@@ -286,11 +287,16 @@ export default function Etherpad() {
                     </>
                 ) : (
                     <>
-                        <ServiceSubmenu
-                            title={<h2>{ etherpadPath }</h2>}
-                            subheadline={t('What would you like to do?')}
-                            items={submenuItems} />
-                        { getConfig().publicRuntimeConfig.authProviders.etherpad.myPads?.api && !serverPads && <ErrorMessage>{ t('Can\'t connect to the provided {{path}} server. Please try again later.', { path: etherpadPath }) }</ErrorMessage> }
+                        <Header>
+                            <h2>{ etherpadPath }</h2>
+                            <ToggleButton
+                                onClick={() => setDisplayCreatePad(prevState => !prevState)}>
+                                <Icon>
+                                    { displayCreatePad ? <CloseIcon /> : <MenuAddIcon /> }
+                                </Icon>
+                            </ToggleButton>
+                        </Header>
+                        { displayCreatePad && <CreateNewPad createPadAndOpen={createPadAndOpen} isMyPadsApiEnabled={isMyPadsApiEnabled} /> }
                         <ServiceTable>
                             <ServiceTable.Body>
                                 { listEntries }

From db703a9e6070e5ef52c1caea222009b49622c0c6 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Thu, 25 Jan 2024 14:31:16 +0100
Subject: [PATCH 382/714] refactor: use shadcn mostly out of the box, adapt
 colours, use avatar component

---
 assets/_globalCss.css             |   8 +--
 components/UI/card.jsx            |  18 +++---
 package-lock.json                 |  27 ++++++++
 package.json                      |   1 +
 pages/dashboard/InvitationCard.js | 100 ++++++++++++------------------
 tailwind.config.js                |   4 +-
 6 files changed, 83 insertions(+), 75 deletions(-)

diff --git a/assets/_globalCss.css b/assets/_globalCss.css
index 04a16046..dafb3170 100644
--- a/assets/_globalCss.css
+++ b/assets/_globalCss.css
@@ -21,8 +21,8 @@
   --primary-foreground: 210 20% 98%;
   --secondary: 220 14.3% 95.9%;
   --secondary-foreground: 220.9 39.3% 11%;
-  --muted: 220 14.3% 95.9%;
-  --muted-foreground: 220 8.9% 46.1%;
+  --muted: var(--color-disabled);
+  --muted-foreground: var(--color-disabled);
   --accent: 220 14.3% 95.9%;
   --accent-foreground: 220.9 39.3% 11%;
   --destructive: var(--color-notification);
@@ -58,8 +58,8 @@
     --primary-foreground: 210 20% 98%;
     --secondary: 215 27.9% 16.9%;
     --secondary-foreground: 210 20% 98%;
-    --muted: 215 27.9% 16.9%;
-    --muted-foreground: 217.9 10.6% 64.9%;
+    --muted: var(--color-disabled);
+    --muted-foreground: var(--color-disabled);
     --accent: 215 27.9% 16.9%;
     --accent-foreground: 210 20% 98%;
     --border: 215 27.9% 16.9%;
diff --git a/components/UI/card.jsx b/components/UI/card.jsx
index 058eead2..97094f00 100644
--- a/components/UI/card.jsx
+++ b/components/UI/card.jsx
@@ -6,7 +6,7 @@ const Card = React.forwardRef(({ className, ...props }, ref) => (
     <div
         ref={ref}
         className={cn(
-            'tw-rounded-lg tw-border tw-bg-card tw-text-card-foreground tw-shadow-sm',
+            'tw-rounded-lg tw-border tw-bg-card tw-text-card-foreground tw-border-solid',
             className,
         )}
         {...props} />
@@ -16,41 +16,39 @@ Card.displayName = 'Card';
 const CardHeader = React.forwardRef(({ className, ...props }, ref) => (
     <div
         ref={ref}
-        className={cn('tw-flex tw-flex-col tw-space-y-1.5 tw-py-6', className)}
+        className={cn('tw-flex tw-flex-col tw-space-y-1.5 tw-p-6', className)}
         {...props} />
 ));
 CardHeader.displayName = 'CardHeader';
 
-const CardTitle = React.forwardRef(({ className, children, ...props }, ref) => (
+const CardTitle = React.forwardRef(({ className, ...props }, ref) => (
     <h3
         ref={ref}
         className={cn(
-            'tw-leading-none tw-tracking-tight',
+            'tw-text-2xl tw-font-semibold tw-leading-none tw-tracking-tight',
             className,
         )}
-        {...props}>
-        { children }
-    </h3>
+        {...props} />
 ));
 CardTitle.displayName = 'CardTitle';
 
 const CardDescription = React.forwardRef(({ className, ...props }, ref) => (
     <p
         ref={ref}
-        className={cn('', className)}
+        className={cn('tw-text-sm tw-text-muted-foreground', className)}
         {...props} />
 ));
 CardDescription.displayName = 'CardDescription';
 
 const CardContent = React.forwardRef(({ className, ...props }, ref) => (
-    <div ref={ref} className={cn('tw-py-6 tw-pt-0', className)} {...props} />
+    <div ref={ref} className={cn('tw-p-6 tw-pt-0', className)} {...props} />
 ));
 CardContent.displayName = 'CardContent';
 
 const CardFooter = React.forwardRef(({ className, ...props }, ref) => (
     <div
         ref={ref}
-        className={cn('tw-flex tw-items-center tw-py-6 tw-pt-0', className)}
+        className={cn('tw-flex tw-items-center tw-p-6 tw-pt-0', className)}
         {...props} />
 ));
 CardFooter.displayName = 'CardFooter';
diff --git a/package-lock.json b/package-lock.json
index 0a0bc084..0334425d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -6,6 +6,7 @@
     "": {
       "name": "medienhaus-frontend",
       "dependencies": {
+        "@radix-ui/react-avatar": "^1.0.4",
         "@radix-ui/react-slot": "^1.0.2",
         "@radix-ui/react-switch": "^1.0.3",
         "class-variance-authority": "^0.7.0",
@@ -2386,6 +2387,32 @@
         "@babel/runtime": "^7.13.10"
       }
     },
+    "node_modules/@radix-ui/react-avatar": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-avatar/-/react-avatar-1.0.4.tgz",
+      "integrity": "sha512-kVK2K7ZD3wwj3qhle0ElXhOjbezIgyl2hVvgwfIdexL3rN6zJmy5AqqIf+D31lxVppdzV8CjAfZ6PklkmInZLw==",
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@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"
+      },
+      "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",
diff --git a/package.json b/package.json
index e8e35b8f..afbe4416 100644
--- a/package.json
+++ b/package.json
@@ -8,6 +8,7 @@
     "export": "NEXT_TELEMETRY_DISABLED=1 next build && NEXT_TELEMETRY_DISABLED=1 next export"
   },
   "dependencies": {
+    "@radix-ui/react-avatar": "^1.0.4",
     "@radix-ui/react-slot": "^1.0.2",
     "@radix-ui/react-switch": "^1.0.3",
     "class-variance-authority": "^0.7.0",
diff --git a/pages/dashboard/InvitationCard.js b/pages/dashboard/InvitationCard.js
index 4e381a85..cac29304 100644
--- a/pages/dashboard/InvitationCard.js
+++ b/pages/dashboard/InvitationCard.js
@@ -1,30 +1,12 @@
 import React, { useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import Link from 'next/link';
-import { styled } from 'styled-components';
 
 import ConfirmCancelButtons from '../../components/UI/ConfirmCancelButtons';
 import { useAuth } from '../../lib/Auth';
 import { useMatrix } from '../../lib/Matrix';
-
-import { Card, CardDescription, CardFooter, CardHeader, CardTitle } from '@/components/UI/card';
-
-const InvitationCardHeader = styled.div`
-  display: flex;
-  align-items: center;
-  margin-bottom: var(--margin);
-`;
-
-const Avatar = styled.img`
-  display: block;
-  flex-shrink: 0;
-  width: 2.5ch;
-  height: 2.5ch;
-  margin-right: var(--margin);
-  overflow: hidden;
-  background: var(--color-foreground);
-  border-radius: 50%;
-`;
+import { Card, CardContent, CardFooter, CardHeader, CardTitle } from '@/components/UI/card';
+import { Avatar, AvatarFallback, AvatarImage } from '@/components/UI/avatar';
 
 /**
  * Displays one invitation for a matrix room/space and gives users the option to accept or decline them.
@@ -82,50 +64,50 @@ export default function InvitationCard({ roomId, roomName, inviterUsername, avat
         >
             <Card>
                 <CardHeader>
-                    <CardTitle>
-                        <InvitationCardHeader>
-                            <Avatar src={avatar} alt={roomName} />{
-                                // Invites for direct messages
-                                isDm ? (t('Direct Message')) : (
+                    <CardTitle className="tw-flex tw-items-center tw-gap-4">
+                        <Avatar>
+                            <AvatarImage src={avatar} />
+                            <AvatarFallback />
+                        </Avatar>
+                        {
+                            // Invites for direct messages
+                            isDm ? (t('Direct Message')) : (
                                 // Application service specific invites (e.g. for Spacedeck, Etherpad, ...)
-                                    service ? roomName : (
+                                service ? roomName : (
                                     // All other invitations
-                                        <>
-                                            { roomName }
-                                            { (joinRule === 'private' && (
-                                                <>
-                                            &nbsp;<em>({ t('private') })</em>
-                                                </>
-                                            )) }
-                                        </>
-                                    )
+                                    <>
+                                        { roomName }
+                                        { (joinRule === 'private' && (
+                                            <>
+                                                &nbsp;<em>({ t('private') })</em>
+                                            </>
+                                        )) }
+                                    </>
                                 )
-                            }
-                        </InvitationCardHeader>
-                    </CardTitle>
-                    <CardDescription>
-                        { wasHandled ? (
-                            link ? (
-                                // Invitation accepted
-                                <Trans t={t} i18nKey="invitationCardHandled" values={{ roomName: roomName }}>
-                                    You can now view <Link href={link}><strong>{ roomName }</strong></Link>.
-                                </Trans>
-                            ) : (
-                                // Invitation rejected
-                                t('You’ve declined the invitation.')
                             )
-                        ) : (
-                            // Invitation pending
-                            <Trans
-                                t={t}
-                                i18nKey="invitationCard"
-                                defaults="<bold>{{ username }}</bold> wants to <bold>{{ service }}</bold> with you."
-                                values={{ username: inviterUsername, service: path }}
-                                components={{ bold: <strong /> }}
-                            />
-                        ) }
-                    </CardDescription>
+                        }
+                    </CardTitle>
                 </CardHeader>
+                <CardContent>  { wasHandled ? (
+                    link ? (
+                        // Invitation accepted
+                        <Trans t={t} i18nKey="invitationCardHandled" values={{ roomName: roomName }}>
+                            You can now view <Link href={link}><strong>{ roomName }</strong></Link>.
+                        </Trans>
+                    ) : (
+                        // Invitation rejected
+                        t('You’ve declined the invitation.')
+                    )
+                ) : (
+                    // Invitation pending
+                    <Trans
+                        t={t}
+                        i18nKey="invitationCard"
+                        defaults="<bold>{{ username }}</bold> wants to <bold>{{ service }}</bold> with you."
+                        values={{ username: inviterUsername, service: path }}
+                        components={{ bold: <strong /> }}
+                    />
+                ) }</CardContent>
                 <CardFooter>
                     { !wasHandled && (
                         <>
diff --git a/tailwind.config.js b/tailwind.config.js
index f73c9942..fdc09dee 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -39,8 +39,8 @@ module.exports = {
                     foreground: 'var(--color-foreground)',
                 },
                 muted: {
-                    DEFAULT: 'hsl(var(--muted))',
-                    foreground: 'hsl(var(--muted-foreground))',
+                    DEFAULT: 'var(--muted)',
+                    foreground: 'var(--muted-foreground)',
                 },
                 accent: {
                     DEFAULT: 'hsl(var(--accent))',

From cfe4e50bf96d4e76b591fb4895fefffac341dd00 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Thu, 25 Jan 2024 14:35:22 +0100
Subject: [PATCH 383/714] add avatar component

---
 components/UI/avatar.jsx | 36 ++++++++++++++++++++++++++++++++++++
 1 file changed, 36 insertions(+)
 create mode 100644 components/UI/avatar.jsx

diff --git a/components/UI/avatar.jsx b/components/UI/avatar.jsx
new file mode 100644
index 00000000..44b050a7
--- /dev/null
+++ b/components/UI/avatar.jsx
@@ -0,0 +1,36 @@
+import * as React from 'react';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+
+import { cn } from '@/lib/utils';
+
+const Avatar = React.forwardRef(({ className, ...props }, ref) => (
+    <AvatarPrimitive.Root
+        ref={ref}
+        className={cn(
+            'tw-relative tw-flex tw-h-10 tw-w-10 tw-shrink-0 tw-overflow-hidden tw-rounded-full',
+            className,
+        )}
+        {...props} />
+));
+Avatar.displayName = AvatarPrimitive.Root.displayName;
+
+const AvatarImage = React.forwardRef(({ className, ...props }, ref) => (
+    <AvatarPrimitive.Image
+        ref={ref}
+        className={cn('tw-aspect-square tw-h-full tw-w-full', className)}
+        {...props} />
+));
+AvatarImage.displayName = AvatarPrimitive.Image.displayName;
+
+const AvatarFallback = React.forwardRef(({ className, ...props }, ref) => (
+    <AvatarPrimitive.Fallback
+        ref={ref}
+        className={cn(
+            'tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center tw-rounded-full tw-bg-muted',
+            className,
+        )}
+        {...props} />
+));
+AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
+
+export { Avatar, AvatarImage, AvatarFallback };

From 2bf13375d7f06ca12869c696962e45910e3c5c4e Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Thu, 25 Jan 2024 14:55:34 +0100
Subject: [PATCH 384/714] chore: remove unused class

---
 assets/_globalCss.css | 12 ------------
 1 file changed, 12 deletions(-)

diff --git a/assets/_globalCss.css b/assets/_globalCss.css
index dafb3170..d9929679 100644
--- a/assets/_globalCss.css
+++ b/assets/_globalCss.css
@@ -201,18 +201,6 @@ input[type='submit'][disabled] {
   border-color: var(--color-disabled);
 }
 
-.resetButtonStyle {
-  width: auto;
-  height: auto;
-  padding: 0;
-  margin: 0;
-  font: inherit;
-  color: inherit;
-  background: none;
-  border: none;
-  outline: inherit;
-}
-
 input[id*='datalist'],
 input[type='color'],
 input[type='date'],

From f00d39565f8ee9f2f4c27e72d442aa01232f49f5 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Thu, 25 Jan 2024 15:47:09 +0100
Subject: [PATCH 385/714] refactor: move remove function for bookmarks into
 component and refactor logic to use lodash `without`.

---
 pages/dashboard/Bookmark.js | 55 ++++++++++++++++++++++---------------
 pages/dashboard/index.js    | 17 ------------
 2 files changed, 33 insertions(+), 39 deletions(-)

diff --git a/pages/dashboard/Bookmark.js b/pages/dashboard/Bookmark.js
index 268c343d..c8e583b1 100644
--- a/pages/dashboard/Bookmark.js
+++ b/pages/dashboard/Bookmark.js
@@ -3,29 +3,15 @@ import Link from 'next/link';
 import { useTranslation } from 'react-i18next';
 import { DeleteBinIcon } from '@remixicons/react/line';
 import getConfig from 'next/config';
+import _ from 'lodash';
 
 import { ServiceTable } from '../../components/UI/ServiceTable';
 import TextButton from '../../components/UI/TextButton';
 import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
 import CopyToClipboard from '../../components/UI/CopyToClipboard';
 import Icon from '../../components/UI/Icon';
-
-/**
- * Get the origin of the bookmarked room.
- * If the bookmark is of the type 'context', return '/explore'.
- * Otherwise, return the path of the auth provider. If the path is not found, return the template name.
- * If the bookmark is not of the type 'context' and the template is not found, we can assume it's a chat room and return '/chat'.
- * @function
- * @param {Object} metaEvent - The meta event associated with the bookmark.
- * @returns {*|string} - The origin of the bookmarked room.
- */
-const getOrigin = (metaEvent) => {
-    if (metaEvent) {
-        if (metaEvent.type === 'context') return '/explore';
-
-        return getConfig().publicRuntimeConfig.authProviders[metaEvent?.template]?.path || metaEvent?.template;
-    } else return '/chat';
-};
+import { useMatrix } from '../../lib/Matrix';
+import { useAuth } from '../../lib/Auth';
 
 /**
  * Bookmark component for rendering a single bookmark entry.
@@ -33,21 +19,46 @@ const getOrigin = (metaEvent) => {
  * @param {string} roomId - The ID of the bookmarked room.
  * @param {Object} metaEvent - The meta event associated with the bookmark.
  * @param {string} name - The name of the bookmarked room.
- * @param {Function} handleRemoveBookmark - A function to remove the bookmark.
+ * @param {number} index - The index of the bookmarked room in the bookmarks array.
  * @returns {JSX.Element} - A JSX element representing a single bookmark entry.
  *
  */
-const Bookmark =({ roomId, metaEvent, name, handleRemoveBookmark }) => {
+const Bookmark =({ roomId, metaEvent, name }) => {
     const [removingBookmark, setRemovingBookmark] = useState(false);
+    const { t } = useTranslation();
+    const matrix = useMatrix();
+    const matrixClient = useAuth().getAuthenticationProvider('matrix').getMatrixClient();
+
+    /**
+     * Get the origin of the bookmarked room.
+     * If the bookmark is of the type 'context', return '/explore'.
+     * Otherwise, return the path of the auth provider. If the path is not found, return the template name.
+     * If the bookmark is not of the type 'context' and the template is not found, we can assume it's a chat room and return '/chat'.
+     * @function
+     * @param {Object} metaEvent - The meta event associated with the bookmark.
+     * @returns {*|string} - The origin of the bookmarked room.
+     */
+    const getOrigin = (metaEvent) => {
+        if (metaEvent) {
+            if (metaEvent.type === 'context') return '/explore';
+
+            return getConfig().publicRuntimeConfig.authProviders[metaEvent?.template]?.path || metaEvent?.template;
+        } else return '/chat';
+    };
+
     const origin = getOrigin(metaEvent);
     const link=`${origin}/${roomId}`;
-    const { t } = useTranslation();
 
     const handleRemove = async (e) => {
         e.preventDefault();
         setRemovingBookmark(true);
-        await handleRemoveBookmark(roomId)
-            .catch(error => alert(error.data?.error));
+        // Remove the bookmark from the account data
+        await matrixClient.setAccountData('dev.medienhaus.spaces.bookmarks', { bookmarks: _.without([...matrix.bookmarks], roomId) })
+            .catch((error) => {
+                //@TODO error handling
+                console.log(error);
+            });
+
         setRemovingBookmark(false);
     };
 
diff --git a/pages/dashboard/index.js b/pages/dashboard/index.js
index 4d73c29b..3b3beee7 100644
--- a/pages/dashboard/index.js
+++ b/pages/dashboard/index.js
@@ -95,21 +95,6 @@ export default function Dashboard() {
         };
     }, [matrixClient, matrix, invitations, setInvitations]);
 
-    const handleRemoveBookmark = async (roomId) => {
-        // Find the index of the roomId in the bookmarks array
-        const index = bookmarks.indexOf(roomId);
-        // Check if the roomId is in the array
-        if (index === -1) return;
-        // Remove the element at the found index from the bookmarks array
-        bookmarks.splice(index, 1);
-        // // Update the account data with the modified bookmarks array
-        await matrixClient.setAccountData('dev.medienhaus.spaces.bookmarks', { bookmarks: bookmarks })
-            .catch((error) => {
-                //@TODO error handling
-                console.log(error);
-            });
-    };
-
     return (
         <DefaultLayout.LameColumn>
             <h2>/dashboard</h2>
@@ -193,8 +178,6 @@ export default function Dashboard() {
                                     metaEvent={bookmarkObject.meta}
                                     roomId={bookmarkSpace}
                                     name={bookmarkObject.name}
-                                    bookmarkObject={bookmarkObject}
-                                    handleRemoveBookmark={handleRemoveBookmark}
                                 />;
                             }) }
                         </ServiceTable.Body>

From 656718dc194d79e29244ac583300c5569d72f14a Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 30 Jan 2024 13:40:58 +0100
Subject: [PATCH 386/714] chore: rename children to spaceChildren

---
 pages/explore/[[...roomId]].js                     |  2 +-
 pages/explore/manage-room/ExploreMatrixActions.js  |  8 ++++----
 pages/explore/manage-room/RemoveSpaceFromParent.js | 11 +++++++----
 3 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 7e06d1cd..c96ad7fb 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -224,7 +224,7 @@ export default function Explore() {
                                     myPowerLevel={myPowerLevel}
                                     currentId={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].room_id}
                                     parentId={selectedSpaceChildren[selectedSpaceChildren.length - 2]?.[0].room_id}
-                                    children={selectedSpaceChildren[selectedSpaceChildren.length - 1]}
+                                    spaceChildren={selectedSpaceChildren[selectedSpaceChildren.length - 1]}
                                     callApiAndAddToObject={callApiAndAddToObject}
                                 />
                                 : <ServiceTable>
diff --git a/pages/explore/manage-room/ExploreMatrixActions.js b/pages/explore/manage-room/ExploreMatrixActions.js
index a3020bc4..04aab96e 100644
--- a/pages/explore/manage-room/ExploreMatrixActions.js
+++ b/pages/explore/manage-room/ExploreMatrixActions.js
@@ -46,7 +46,7 @@ const RadioWrapper = styled.div`
   justify-content: start;
 `;
 
-const ExploreMatrixActions = ({ currentId, parentId, myPowerLevel, children, callApiAndAddToObject }) => {
+const ExploreMatrixActions = ({ currentId, parentId, myPowerLevel, spaceChildren, callApiAndAddToObject }) => {
     const { t } = useTranslation('explore');
     const matrix = useMatrix();
     const roomName = matrix.spaces.get(currentId)?.name || matrix.rooms.get(currentId)?.name;
@@ -61,7 +61,7 @@ const ExploreMatrixActions = ({ currentId, parentId, myPowerLevel, children, cal
                     currentId={currentId}
                     parentId={parentId}
                     roomName={roomName}
-                    children={children}
+                    spaceChildren={spaceChildren}
                     callApiAndAddToObject={callApiAndAddToObject}
                     myPowerLevel={myPowerLevel}
                 />
@@ -73,7 +73,7 @@ const ExploreMatrixActions = ({ currentId, parentId, myPowerLevel, children, cal
 
 export default ExploreMatrixActions;
 
-const RenderSwitch = ({ currentId, parentId, roomName, children, callApiAndAddToObject, myPowerLevel }) => {
+const RenderSwitch = ({ currentId, parentId, roomName, spaceChildren, callApiAndAddToObject, myPowerLevel }) => {
     const [selectedAction, setSelectedAction] = useState('');
     const [selectedRadioButton, setSelectedRadioButton] = useState('');
     const matrixClient = useAuth().getAuthenticationProvider('matrix').getMatrixClient();
@@ -108,7 +108,7 @@ const RenderSwitch = ({ currentId, parentId, roomName, children, callApiAndAddTo
         case 'removeSpace':
             return <RemoveSpaceFromParent parentId={currentId}
                 parentName={roomName}
-                children={children}
+                spaceChildren={spaceChildren}
                 callApiAndAddToObject={callApiAndAddToObject}
                 onCancel={() => {
                     setSelectedRadioButton('');
diff --git a/pages/explore/manage-room/RemoveSpaceFromParent.js b/pages/explore/manage-room/RemoveSpaceFromParent.js
index a2375f37..e2d40db2 100644
--- a/pages/explore/manage-room/RemoveSpaceFromParent.js
+++ b/pages/explore/manage-room/RemoveSpaceFromParent.js
@@ -29,7 +29,7 @@ const RemoveSection = styled.div`
 /**
  * Component for removing a space from its parent.
  *
- * @param {Function} children - children to display.
+ * @param {Object} spaceChildren - An object representing the children of the current space.
  * @param {String} parentId - The ID of the current observed Room.
  * @param {String} parentName - The name of the parent space.
  * @param {Function} callApiAndAddToObject - Callback function to update the list of children.
@@ -37,7 +37,7 @@ const RemoveSection = styled.div`
  * @returns {JSX.Element} JSX element representing the "Remove Space From Parent" component.
  */
 const RemoveSpaceFromParent = ({
-    children,
+    spaceChildren,
     parentId,
     parentName,
     callApiAndAddToObject,
@@ -54,12 +54,14 @@ const RemoveSpaceFromParent = ({
     const removeChildFromParent = async (e) => {
         e.preventDefault();
         setIsRemovingChild(true);
+
         for (const roomId of itemsToRemove) {
             await matrix.removeSpaceChild(parentId, roomId)
                 .catch(error => {
                     setErrorMessages(prevState => [...prevState, error.data?.error]);
                 });
         }
+
         await callApiAndAddToObject(e, parentId);
         setItemsToRemove([]);
         setIsRemovingChild(false);
@@ -72,14 +74,15 @@ const RemoveSpaceFromParent = ({
             } else return [...prevState, roomId];
         });
     };
-    if (!children || !matrix) return;
+
+    if (!spaceChildren || !matrix) return;
 
     return (
         <Form
             onSubmit={removeChildFromParent}>
             <RemoveSection>
                 <ServiceTable>
-                    { children.map(child => {
+                    { spaceChildren.map(child => {
                         // don't display the root space, so it not accidentally deleted
                         if (child.room_id === getConfig().publicRuntimeConfig.contextRootSpaceRoomId) return;
 

From 5da90dcde8df834c7861d066167d9c264cfc8f0c Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 30 Jan 2024 13:48:33 +0100
Subject: [PATCH 387/714] chore: rename callApiAndAddToObect function to
 getSpaceChildren

---
 pages/explore/[[...roomId]].js                     |  6 ++++--
 pages/explore/manage-room/CreateContext.js         |  8 ++++++--
 pages/explore/manage-room/ExploreMatrixActions.js  | 12 ++++++------
 pages/explore/manage-room/RemoveSpaceFromParent.js |  6 +++---
 4 files changed, 19 insertions(+), 13 deletions(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index c96ad7fb..3a400d43 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -80,10 +80,12 @@ export default function Explore() {
     }, [iframeRoomId, matrix]);
 
     // Call API to fetch and add room hierarchy to selectedSpaceChildren
-    const callApiAndAddToObject = useCallback(async (e, roomId) => {
+    const getSpaceChildren = useCallback(async (e, roomId) => {
         if (!selectedSpaceChildren) return;
         e && e.preventDefault();
         logger.debug('Fetch the room hierarchy for ' + roomId);
+
+        //@TODO check local storage for cached data
         const getSpaceHierarchy = async () => await matrix.roomHierarchy(roomId, null, 1);
 
         const spaceHierarchy = await getSpaceHierarchy()
@@ -225,7 +227,7 @@ export default function Explore() {
                                     currentId={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].room_id}
                                     parentId={selectedSpaceChildren[selectedSpaceChildren.length - 2]?.[0].room_id}
                                     spaceChildren={selectedSpaceChildren[selectedSpaceChildren.length - 1]}
-                                    callApiAndAddToObject={callApiAndAddToObject}
+                                    getSpaceChildren={getSpaceChildren}
                                 />
                                 : <ServiceTable>
                                     { selectedSpaceChildren[selectedSpaceChildren.length - 1]
diff --git a/pages/explore/manage-room/CreateContext.js b/pages/explore/manage-room/CreateContext.js
index 3925b04b..794818bb 100644
--- a/pages/explore/manage-room/CreateContext.js
+++ b/pages/explore/manage-room/CreateContext.js
@@ -10,7 +10,7 @@ import Form from '../../../components/UI/Form';
 import PreviousNextButtons from '../../../components/UI/PreviousNextButtons';
 import LoadingSpinnerInline from '../../../components/UI/LoadingSpinnerInline';
 
-const CreateContext = ({ currentId, onCancel, callApiAndAddToObject }) => {
+const CreateContext = ({ currentId, onCancel, getSpaceChildren }) => {
     const auth = useAuth();
     const matrix = useMatrix();
 
@@ -27,11 +27,13 @@ const CreateContext = ({ currentId, onCancel, callApiAndAddToObject }) => {
         e.preventDefault();
         //first of all some content checking otherwise displaying custom error messages
         setIsLoading(true);
+
         if (!name) {
             setCreateNewContextErrorMessage('name not set');
 
             return;
         }
+
         if (!template) {
             setCreateNewContextErrorMessage('template not selected');
 
@@ -47,6 +49,7 @@ const CreateContext = ({ currentId, onCancel, callApiAndAddToObject }) => {
         if (!powerLevels) {
             setPowerLevels('default');
         }
+
         // create the new context space
         const createNewSubContext = await matrix.createRoom(
             name,
@@ -77,7 +80,8 @@ const CreateContext = ({ currentId, onCancel, callApiAndAddToObject }) => {
             },
             );
         }
-        await callApiAndAddToObject(null, currentId);
+
+        await getSpaceChildren(null, currentId);
         setName('');
         setTopic('');
         setTemplate('');
diff --git a/pages/explore/manage-room/ExploreMatrixActions.js b/pages/explore/manage-room/ExploreMatrixActions.js
index 04aab96e..1bd27d82 100644
--- a/pages/explore/manage-room/ExploreMatrixActions.js
+++ b/pages/explore/manage-room/ExploreMatrixActions.js
@@ -23,7 +23,7 @@ import ChangeTopic from './ChangeTopic';
  * @param {String} currentId - The ID of the current room.
  * @param {String} parentId - The ID of the parent of the currently observed room.
  * @param {Number} myPowerLevel - Number between 0 and 100.
- * @callback callApiAndAddToObject - A callback function.
+ * @callback getSpaceChildren - A callback function.
  * @returns {JSX.Element} - The rendered component.
  */
 
@@ -46,7 +46,7 @@ const RadioWrapper = styled.div`
   justify-content: start;
 `;
 
-const ExploreMatrixActions = ({ currentId, parentId, myPowerLevel, spaceChildren, callApiAndAddToObject }) => {
+const ExploreMatrixActions = ({ currentId, parentId, myPowerLevel, spaceChildren, getSpaceChildren }) => {
     const { t } = useTranslation('explore');
     const matrix = useMatrix();
     const roomName = matrix.spaces.get(currentId)?.name || matrix.rooms.get(currentId)?.name;
@@ -62,7 +62,7 @@ const ExploreMatrixActions = ({ currentId, parentId, myPowerLevel, spaceChildren
                     parentId={parentId}
                     roomName={roomName}
                     spaceChildren={spaceChildren}
-                    callApiAndAddToObject={callApiAndAddToObject}
+                    getSpaceChildren={getSpaceChildren}
                     myPowerLevel={myPowerLevel}
                 />
             )
@@ -73,7 +73,7 @@ const ExploreMatrixActions = ({ currentId, parentId, myPowerLevel, spaceChildren
 
 export default ExploreMatrixActions;
 
-const RenderSwitch = ({ currentId, parentId, roomName, spaceChildren, callApiAndAddToObject, myPowerLevel }) => {
+const RenderSwitch = ({ currentId, parentId, roomName, spaceChildren, getSpaceChildren, myPowerLevel }) => {
     const [selectedAction, setSelectedAction] = useState('');
     const [selectedRadioButton, setSelectedRadioButton] = useState('');
     const matrixClient = useAuth().getAuthenticationProvider('matrix').getMatrixClient();
@@ -85,7 +85,7 @@ const RenderSwitch = ({ currentId, parentId, roomName, spaceChildren, callApiAnd
         case 'substructure':
             return <CreateContext currentId={currentId}
                 parentId={parentId}
-                callApiAndAddToObject={callApiAndAddToObject}
+                getSpaceChildren={getSpaceChildren}
                 onCancel={() => {
                     setSelectedRadioButton('');
                     setSelectedAction('');
@@ -109,7 +109,7 @@ const RenderSwitch = ({ currentId, parentId, roomName, spaceChildren, callApiAnd
             return <RemoveSpaceFromParent parentId={currentId}
                 parentName={roomName}
                 spaceChildren={spaceChildren}
-                callApiAndAddToObject={callApiAndAddToObject}
+                getSpaceChildren={getSpaceChildren}
                 onCancel={() => {
                     setSelectedRadioButton('');
                     setSelectedAction('');
diff --git a/pages/explore/manage-room/RemoveSpaceFromParent.js b/pages/explore/manage-room/RemoveSpaceFromParent.js
index e2d40db2..cf893290 100644
--- a/pages/explore/manage-room/RemoveSpaceFromParent.js
+++ b/pages/explore/manage-room/RemoveSpaceFromParent.js
@@ -32,7 +32,7 @@ const RemoveSection = styled.div`
  * @param {Object} spaceChildren - An object representing the children of the current space.
  * @param {String} parentId - The ID of the current observed Room.
  * @param {String} parentName - The name of the parent space.
- * @param {Function} callApiAndAddToObject - Callback function to update the list of children.
+ * @param {Function} getSpaceChildren - Callback function to update the list of children.
  * @param {Function} onCancel - Callback function to cancel the operation.
  * @returns {JSX.Element} JSX element representing the "Remove Space From Parent" component.
  */
@@ -40,7 +40,7 @@ const RemoveSpaceFromParent = ({
     spaceChildren,
     parentId,
     parentName,
-    callApiAndAddToObject,
+    getSpaceChildren,
     onCancel,
 }) => {
     const auth = useAuth();
@@ -62,7 +62,7 @@ const RemoveSpaceFromParent = ({
                 });
         }
 
-        await callApiAndAddToObject(e, parentId);
+        await getSpaceChildren(e, parentId);
         setItemsToRemove([]);
         setIsRemovingChild(false);
     };

From 69414f3f98d810f0552d59fc95061a127a110cfa Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 30 Jan 2024 13:49:50 +0100
Subject: [PATCH 388/714] chore: replace function with new name

---
 pages/explore/[[...roomId]].js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 3a400d43..680ffcc3 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -165,7 +165,7 @@ export default function Explore() {
         const onRouterChange = async () => {
             setIsFetchingContent(roomId);
             setManageContextActionToggle(false);
-            await callApiAndAddToObject(null, roomId);
+            await getSpaceChildren(null, roomId);
             setIsFetchingContent(false);
         };
 

From f991974627cbd245f4117142cc315db813bda83a Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 30 Jan 2024 15:17:01 +0100
Subject: [PATCH 389/714] feat: check local state for cached data of space
 before calling getRoomHierarchy()

---
 pages/explore/TreeLeaves.js    |  15 +++--
 pages/explore/TreePath.js      |   7 +-
 pages/explore/[[...roomId]].js | 114 ++++++++++++++++++++-------------
 3 files changed, 82 insertions(+), 54 deletions(-)

diff --git a/pages/explore/TreeLeaves.js b/pages/explore/TreeLeaves.js
index e6aefb03..f3d014fe 100644
--- a/pages/explore/TreeLeaves.js
+++ b/pages/explore/TreeLeaves.js
@@ -9,8 +9,9 @@ import LoadingSpinner from '../../components/UI/LoadingSpinner';
 
 const TreeLeaves = ({ leaf, selectedRoomId, isFetchingContent, small, isChat }) => {
     const router = useRouter();
-    const roomId = leaf.id || leaf.room_id;
-    const parentId = leaf.parent.id || leaf.parent.room_id;
+    const roomId = leaf.id || leaf.room_id || leaf.roomId;
+    const parentId = leaf.parent.id || leaf.parent.room_id || leaf.parent.roomId;
+    const template = leaf.meta?.template;
     if (!leaf) return <LoadingSpinner />;
     // if an iframe is open we only want to show items in the list
     if (selectedRoomId && leaf.type !== 'item') return null;
@@ -22,13 +23,13 @@ const TreeLeaves = ({ leaf, selectedRoomId, isFetchingContent, small, isChat })
                 selected={router.query.roomId[1] === roomId|| router.query.roomId[0] === roomId}
                 small={small}
             >
-                <Link disabled={isFetchingContent} href={getConfig().publicRuntimeConfig.templates?.item.includes(leaf.template) || isChat ? `/explore/${parentId}/${roomId}` : `/explore/${roomId}`}>{ leaf.name }{ isFetchingContent === roomId && <LoadingSpinnerInline /> }</Link>
+                <Link disabled={isFetchingContent} href={getConfig().publicRuntimeConfig.templates?.item.includes(template) || isChat ? `/explore/${parentId}/${roomId}` : `/explore/${roomId}`}>{ leaf.name }{ isFetchingContent === roomId && <LoadingSpinnerInline /> }</Link>
             </ServiceTable.Cell>
-            <ServiceTable.Cell title={isChat ? 'chat' : leaf.template}>
+            <ServiceTable.Cell title={isChat ? 'chat' : template}>
                 { isChat ? '💬'
-                    : leaf.template === 'etherpad' ? '📝'
-                        : leaf.template === 'spacedeck' ? '🎨'
-                            : leaf.template === 'studentproject' && '🎓'
+                    : template === 'etherpad' ? '📝'
+                        : template === 'spacedeck' ? '🎨'
+                            : template === 'studentproject' && '🎓'
                 }
             </ServiceTable.Cell>
         </ServiceTable.Row>
diff --git a/pages/explore/TreePath.js b/pages/explore/TreePath.js
index 8e53d253..73f1023b 100644
--- a/pages/explore/TreePath.js
+++ b/pages/explore/TreePath.js
@@ -28,13 +28,14 @@ const TreePath = ({ selectedSpaceChildren, isFetchingContent, iframeRoomId }) =>
     return (
         <ServiceTable>
             { selectedSpaceChildren.map((path, index) => {
-                if (!path[0]?.parent) return null;
+                if (!path[0]) return null;
+                const roomId = path[0].id || path[0].room_id || path[0].roomId;
 
                 return <ServiceTable.Row key={index}>
                     <Leaf selected
                         disabled={isFetchingContent}
                     >
-                        <Link disabled href={`/explore/${path[0].parent.room_id}`}>{ index > 0 && '↳ ' }{ path[0].parent.name }{ isFetchingContent === path[0].parent.room_id && <LoadingSpinnerInline /> }</Link>
+                        <Link disabled href={`/explore/${roomId}`}>{ index > 0 && '↳ ' }{ path[0].name }{ isFetchingContent === roomId && <LoadingSpinnerInline /> }</Link>
                     </Leaf>
 
                 </ServiceTable.Row>;
@@ -65,7 +66,7 @@ const TreePath = ({ selectedSpaceChildren, isFetchingContent, iframeRoomId }) =>
                         key={leaf.room_id + '_' + index}
                         iframeRoomId={iframeRoomId}
                         isFetchingContent={isFetchingContent}
-                        isChat={(leaf.missingMetaEvent && !leaf.room_type) || (leaf.missingMetaEvent && leaf.room_type === 'm.room')} // chat rooms created with element do not have a room_type attribute. therefore we have to check for both cases
+                        isChat={(!leaf.meta && !leaf.room_type) || (!leaf.meta && leaf.room_type === 'm.room')} // chat rooms created with element do not have a room_type attribute. therefore we have to check for both cases
                     />;
                 }) }
         </ServiceTable>
diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 680ffcc3..542e3d40 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -57,7 +57,11 @@ export default function Explore() {
      */
     const myPowerLevel = _.get(matrixClient.getRoom(roomId)?.getLiveTimeline().getState(EventTimeline.FORWARDS)?.getStateEvents('m.room.power_levels', '')?.getContent(), ['users', matrixClient.getUserId()]);
     /** @type {string|undefined} */
-    const currentTemplate = iframeRoomId && selectedSpaceChildren[selectedSpaceChildren.length - 1]?.find(space => space.room_id === iframeRoomId).template;
+    const currentTemplate = iframeRoomId && selectedSpaceChildren[selectedSpaceChildren.length - 1]?.find(space => {
+        const roomId = space.id || space.room_id || space.roomId;
+
+        return roomId === iframeRoomId;
+    }).meta?.template;
     // Redirect to the default room if no roomId is provided
     useEffect(() => {
         if (!roomId) {
@@ -85,54 +89,73 @@ export default function Explore() {
         e && e.preventDefault();
         logger.debug('Fetch the room hierarchy for ' + roomId);
 
-        //@TODO check local storage for cached data
-        const getSpaceHierarchy = async () => await matrix.roomHierarchy(roomId, null, 1);
+        const getHierarchyFromServer = async (roomId) => {
+            spaceHierarchy = await matrix.roomHierarchy(roomId, null, 1)
+                .catch(async error => {
+                    if (error.data?.error.includes('not in room')) {
+                        // If the error indicates the user is not in the room and previews are disabled
+                        // We prompt the user to join the room.
+                        if (confirm(t('You are currently not in room {{roomId}}, and previews are disabled. Do you want to join the room?', { roomId: roomId }))) {
+                            const joinRoom = await matrixClient.joinRoom(roomId)
+                                .catch(error => setErrorMessage(error.data?.error));
+
+                            // If successfully joined, recursively call 'getSpaceHierarchy' again.
+                            if (joinRoom) return await spaceHierarchy();
+                        }
+                    } else {
+                        return matrix.handleRateLimit(error, () => spaceHierarchy())
+                            .catch(error => {
+                                setErrorMessage(error.message);
+                            });  // Handle other errors by setting an error message.
+                    }
+                });
+            if (!spaceHierarchy) return;
+            const parent = spaceHierarchy[0];
 
-        const spaceHierarchy = await getSpaceHierarchy()
-            .catch(async error => {
-                if (error.data?.error.includes('not in room')) {
-                    // If the error indicates the user is not in the room and previews are disabled
-                    // We prompt the user to join the room.
-                    if (confirm(t('You are currently not in room {{roomId}}, and previews are disabled. Do you want to join the room?', { roomId: roomId }))) {
-                        const joinRoom = await matrixClient.joinRoom(roomId)
-                            .catch(error => setErrorMessage(error.data?.error));
+            const getMetaEvent = async (obj) => {
+                logger.debug('Getting meta event for ' + (obj.state_key || obj.room_id));
+                const metaEvent = await auth.getAuthenticationProvider('matrix').getMatrixClient().getStateEvent(obj.state_key || obj.room_id, 'dev.medienhaus.meta');
 
-                        // If successfully joined, recursively call 'getSpaceHierarchy' again.
-                        if (joinRoom) return await getSpaceHierarchy();
-                    }
-                } else {
-                    return matrix.handleRateLimit(error, () => getSpaceHierarchy())
-                        .catch(error => {
-                            setErrorMessage(error.message);
-                        });  // Handle other errors by setting an error message.
+                if (metaEvent) obj.meta = metaEvent;
+            };
+
+            for (const space of spaceHierarchy) {
+                if (space.room_id !== spaceHierarchy[0].room_id) {
+                    space.parent = parent;
                 }
-            });
-        if (!spaceHierarchy) return;
-        const parent = spaceHierarchy[0];
-
-        const getMetaEvent = async (obj) => {
-            logger.debug('Getting meta event for ' + (obj.state_key || obj.room_id));
-            const metaEvent = await auth.getAuthenticationProvider('matrix').getMatrixClient().getStateEvent(obj.state_key || obj.room_id, 'dev.medienhaus.meta');
-
-            if (metaEvent) {
-                obj.type = metaEvent.type;
-                obj.template = metaEvent.template;
-                obj.application = metaEvent.application;
+
+                await getMetaEvent(space)
+                    .catch((error) => {
+                        logger.debug(error);
+
+                        return matrix.handleRateLimit(error, () => getMetaEvent(space))
+                            .catch(error => {
+                                setErrorMessage(error.message);
+                            });
+                    });
             }
+
+            return spaceHierarchy;
         };
 
-        for (const space of spaceHierarchy) {
-            space.parent = parent;
-            await getMetaEvent(space)
-                .catch((error) => {
-                    logger.debug(error);
-
-                    return matrix.handleRateLimit(error, () => getMetaEvent(space))
-                        .catch(error => {
-                            space.missingMetaEvent = true;
-                            setErrorMessage(error.message);
-                        });
+        let spaceHierarchy;
+        // check our local state for cached data
+        const cachedSpace = matrix.spaces.get(roomId);
+
+        if (cachedSpace) {
+            if (cachedSpace.children) {
+                spaceHierarchy = cachedSpace.children.map((roomId) => {
+                    const child = { ...(matrix.spaces.get(roomId) || matrix.rooms.get(roomId)) };
+                    child.parent = cachedSpace;
+
+                    //@TODO what if the user is not part of the hierarchy element? needs to call getHierarchyFromServer for this element
+                    return child;
                 });
+                // insert the cached space at the beginning of the array to mimic the behaviour of matrix.getRoomHierarchy
+                spaceHierarchy.splice(0, 0, cachedSpace);
+            }
+        } else {
+            await getHierarchyFromServer(roomId);
         }
 
         setSelectedSpaceChildren((prevState) => {
@@ -140,7 +163,9 @@ export default function Explore() {
             let indexOfParent = null;
 
             for (const [index, children] of prevState.entries()) {
-                if (children[0].room_id === roomId) {
+                const childRoomId = children[0].room_id || children[0].roomId || children[0].id;
+
+                if (childRoomId === roomId) {
                     // If there is a match, return the position and exit the loop
                     indexOfParent = index;
                     break;
@@ -247,13 +272,14 @@ export default function Explore() {
                                                 </ErrorMessage>;
                                             }
 
+                                            // @TODO check why we don't exclude the parent from the array, maybe used to parse to components (there's probably a better solution)
                                             if (index === 0) return null;
 
                                             // Sort the array to display objects of type 'item' before others
                                             return <TreeLeaves
                                                 depth={selectedSpaceChildren.length}
                                                 leaf={leaf}
-                                                isChat={(leaf.missingMetaEvent && !leaf.room_type) || (leaf.missingMetaEvent && leaf.room_type === 'm.room')} // chat rooms created with element do not have a room_type attribute. therefore we have to check for both cases
+                                                isChat={(!leaf.meta && !leaf.room_type) || (!leaf.meta && leaf.room_type === 'm.room')} // chat rooms created with element do not have a room_type attribute. therefore we have to check for both cases
                                                 parent={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].room_id}
                                                 key={leaf.room_id + '_' + index}
                                                 iframeRoomId={iframeRoomId}

From 3a911bf1a9b534db541d5d3336d68cbbeda46898 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 30 Jan 2024 15:27:03 +0100
Subject: [PATCH 390/714] chore: add conditional depending on cached or server
 data for room id

---
 pages/explore/[[...roomId]].js | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 542e3d40..b6d3a35e 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -249,8 +249,8 @@ export default function Explore() {
                             manageContextActionToggle ?
                                 <ExploreMatrixActions
                                     myPowerLevel={myPowerLevel}
-                                    currentId={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].room_id}
-                                    parentId={selectedSpaceChildren[selectedSpaceChildren.length - 2]?.[0].room_id}
+                                    currentId={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].room_id || selectedSpaceChildren[selectedSpaceChildren.length - 1][0].roomId}
+                                    parentId={selectedSpaceChildren[selectedSpaceChildren.length - 2]?.[0].room_id || selectedSpaceChildren[selectedSpaceChildren.length - 2]?.[0].roomId}
                                     spaceChildren={selectedSpaceChildren[selectedSpaceChildren.length - 1]}
                                     getSpaceChildren={getSpaceChildren}
                                 />
@@ -272,16 +272,15 @@ export default function Explore() {
                                                 </ErrorMessage>;
                                             }
 
-                                            // @TODO check why we don't exclude the parent from the array, maybe used to parse to components (there's probably a better solution)
                                             if (index === 0) return null;
+                                            const roomId = leaf.id || leaf.room_id || leaf.roomId;
 
                                             // Sort the array to display objects of type 'item' before others
                                             return <TreeLeaves
                                                 depth={selectedSpaceChildren.length}
                                                 leaf={leaf}
                                                 isChat={(!leaf.meta && !leaf.room_type) || (!leaf.meta && leaf.room_type === 'm.room')} // chat rooms created with element do not have a room_type attribute. therefore we have to check for both cases
-                                                parent={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].room_id}
-                                                key={leaf.room_id + '_' + index}
+                                                key={roomId + '_' + index}
                                                 iframeRoomId={iframeRoomId}
                                                 isFetchingContent={isFetchingContent}
                                             />;

From 32da2ccace8c9f7b269a9932ee2b81838738e423 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 30 Jan 2024 15:30:32 +0100
Subject: [PATCH 391/714] refactor: display placeholder for topics and don't
 display an error whe no topic has been set yet

---
 pages/explore/manage-room/ChangeTopic.js | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/pages/explore/manage-room/ChangeTopic.js b/pages/explore/manage-room/ChangeTopic.js
index 37db2083..bfb461e9 100644
--- a/pages/explore/manage-room/ChangeTopic.js
+++ b/pages/explore/manage-room/ChangeTopic.js
@@ -1,5 +1,6 @@
 import React, { useCallback, useEffect, useState } from 'react';
-import styled from 'styled-components';
+import { styled } from 'styled-components';
+import { useTranslation } from 'react-i18next';
 
 import { useAuth } from '../../../lib/Auth';
 import PreviousNextButtons from '../../../components/UI/PreviousNextButtons';
@@ -25,13 +26,17 @@ const ChangeTopic = ({ roomId, onCancel }) => {
     const [isUpdating, setIsUpdating] = useState(false);
     const [currentTopic, setCurrentTopic] = useState('');
     const [errorMessage, setErrorMessage] = useState('');
+    const { t } = useTranslation('explore');
 
     const getCurrentTopic = useCallback(async () => {
         // Use the Matrix client to get the current room topic
         const stateEvent = await matrixClient.getStateEvent(roomId, 'm.room.topic')
             .catch(error => {
+                // don't show an error if the topic is not set
+                if (error.errcode === 'M_NOT_FOUND') return;
                 setErrorMessage(error.data?.error);
             });
+
         if (stateEvent?.topic) {
             setCurrentTopic(stateEvent.topic);
             setNewTopic(stateEvent.topic);
@@ -76,6 +81,7 @@ const ChangeTopic = ({ roomId, onCancel }) => {
                 value={newTopic}
                 onChange={handleTopicChange}
                 disabled={isUpdating}
+                placeholder={t('Enter a new topic')}
             />
 
             <PreviousNextButtons onCancel={onCancel} disableNext={isUpdating || currentTopic === newTopic} />

From 4e8f045a7862811e76c0f0c91da660295d46aef5 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 30 Jan 2024 15:36:43 +0100
Subject: [PATCH 392/714] refactor: replace funtion name after it was renamed,
 add JSDoc

---
 .../explore/manage-room/AddOrCreateChat/index.js | 16 ++++++++++++----
 .../explore/manage-room/ExploreMatrixActions.js  |  6 +++---
 2 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/pages/explore/manage-room/AddOrCreateChat/index.js b/pages/explore/manage-room/AddOrCreateChat/index.js
index b62b70da..7c7979a6 100644
--- a/pages/explore/manage-room/AddOrCreateChat/index.js
+++ b/pages/explore/manage-room/AddOrCreateChat/index.js
@@ -8,7 +8,15 @@ import RadioButton from '../../../../components/UI/RadioButton';
 import AddExistingChat from './AddExistingChat';
 import AddNewChat from './AddNewChat';
 
-const Index = ({ currentId, parentName, callApiAndAddToObject, onCancel }) => {
+/**
+ * This component provides options for adding an existing or creating a new chat room.
+ * @param {String} currentId - The ID of the current room.
+ * @param {String} parentName - The name of the parent of the currently observed room.
+ * @param {Function} getSpaceChildren - A callback function to update the room list.
+ * @param {Function} onCancel - A callback function to cancel the action.
+ * @returns {JSX.Element}
+ */
+const CreateChatOptions = ({ currentId, parentName, getSpaceChildren, onCancel }) => {
     const matrix = useMatrix();
     const [selectedRadioButton, setSelectedRadioButton] = useState('');
     const [selectedOption, setSelectedOption] = useState(''); // 'existing' or 'new'
@@ -35,7 +43,7 @@ const Index = ({ currentId, parentName, callApiAndAddToObject, onCancel }) => {
             onSuccess={handleCancel}
             currentId={currentId}
             parentName={parentName}
-            updateRoomList={callApiAndAddToObject}
+            updateRoomList={getSpaceChildren}
         />;
     }
 
@@ -45,7 +53,7 @@ const Index = ({ currentId, parentName, callApiAndAddToObject, onCancel }) => {
             onSuccess={handleCancel}
             currentId={currentId}
             parentName={parentName}
-            updateRoomList={callApiAndAddToObject}
+            updateRoomList={getSpaceChildren}
         />;
     }
 
@@ -72,5 +80,5 @@ const Index = ({ currentId, parentName, callApiAndAddToObject, onCancel }) => {
     );
 };
 
-export default Index;
+export default CreateChatOptions;
 
diff --git a/pages/explore/manage-room/ExploreMatrixActions.js b/pages/explore/manage-room/ExploreMatrixActions.js
index ab5d051b..34ceec7a 100644
--- a/pages/explore/manage-room/ExploreMatrixActions.js
+++ b/pages/explore/manage-room/ExploreMatrixActions.js
@@ -16,7 +16,7 @@ import LeaveRoom from './LeaveRoom';
 import ChangeJoinRule from './ChangeJoinRule';
 import { useMatrix } from '../../../lib/Matrix';
 import ChangeTopic from './ChangeTopic';
-import Index from './AddOrCreateChat';
+import CreateChatOptions from './AddOrCreateChat';
 import RadioButton from '../../../components/UI/RadioButton';
 
 /**
@@ -100,10 +100,10 @@ const RenderSwitch = ({ currentId, parentId, roomName, spaceChildren, getSpaceCh
                     setSelectedAction('');
                 }} />;
         case 'addOrCreateChat':
-            return <Index
+            return <CreateChatOptions
                 currentId={currentId}
                 parentName={roomName}
-                callApiAndAddToObject={callApiAndAddToObject}
+                getSpaceChildren={getSpaceChildren}
                 onCancel={() => {
                     setSelectedRadioButton('');
                     setSelectedAction('');

From 28a6b4c16500d14d2b3743a2a1f1d724b38f9ac1 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 30 Jan 2024 16:04:12 +0100
Subject: [PATCH 393/714] chore: adapt to changes from main

---
 pages/chat/ChatIframeView.js | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/pages/chat/ChatIframeView.js b/pages/chat/ChatIframeView.js
index 4f12fa65..2d2f473a 100644
--- a/pages/chat/ChatIframeView.js
+++ b/pages/chat/ChatIframeView.js
@@ -17,17 +17,24 @@ const ChatIframeView = ({ src }) => {
                     --cpd-avatar-bg: #000000 !important;
                     --cpd-avatar-color: #ffffff !important;
                     --cpd-color-text-action-accent: #000 !important;
+                    --cpd-color-bg-subtle-secondary: hsl(0deg 0% 94%) !important;
                     --color-foreground-alpha: rgb(0 0 0 / 5%);
 
                     border-radius: 4px !important;
                 }
                 
+                /* Unset the border-radius override from above for certain elements again */
+                .mx_RoomHeader { border-radius: 0 !important; }
+                .mx_RoomHeader .mx_FacePile .mx_BaseAvatar { border-radius: 50% !important; }
+                .mx_RoomKnocksBar { border-radius: 0 !important; }
+                
                 @media (prefers-color-scheme: dark) {
                     * {
                         --cpd-color-theme-bg: hsl(0deg 0% 8%) !important;
                         --cpd-avatar-bg: #ffffff !important;
                         --cpd-avatar-color: #000000 !important;
                         --cpd-color-text-action-accent: #fff !important;
+                        --cpd-color-bg-subtle-secondary: hsl(0deg 0% 0%) !important;
                         --color-foreground-alpha: rgb(255 255 255 / 7%);
                     }
                     
@@ -54,15 +61,19 @@ const ChatIframeView = ({ src }) => {
                 .mx_SearchBar_buttons { display: none !important; }
                 /* Make the header look like the "header" component we use in other pages */
                 .mx_RoomHeader { border-bottom: none; height: unset; padding: calc(var(--margin) * 1.695) calc(var(--margin) * 1.5); }
+                .mx_RoomHeader:hover { background-color: unset; }
                 .mx_RoomHeader_heading { font-weight: 900; }
                 /* Hide avatar of the user we're chatting with */
-                .mx_RoomHeader .mx_BaseAvatar { display: none !important; }
+                .mx_RoomHeader_infoWrapper .mx_BaseAvatar { display: none !important; }
+                /* Give that bar to manage pending knocks our background-color */
                 /* Override all of the colorful usernames with the default text color */
                 .mx_EventTile .mx_DisambiguatedProfile > span { color: var(--cpd-color-text-primary) !important; }
 
                 @media (max-device-width: 1079px) {
                     .mx_RoomHeader { padding: calc(var(--margin) * 0.75) var(--margin); border-bottom: 1px solid var(--color-foreground-alpha); }
-                    
+                }
+
+                @media (max-width: 1079px) {
                     /* Make the "right panel" cover the full screen */
                     .mx_RightPanel { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 999999; }
 

From d78b997b980432bf47171fd71ac6a83978da4563 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 31 Jan 2024 15:50:40 +0100
Subject: [PATCH 394/714] refactor: rename bookmarks to favourites and show
 favourited room with filled icon. Add ability to remove favourite directly
 from the header. chore: add translations

---
 components/UI/bookmarks/AddBookmark.js        | 56 -------------
 components/UI/favourites/AddFavourite.js      | 79 +++++++++++++++++++
 lib/Matrix.js                                 | 14 ++--
 pages/dashboard/{Bookmark.js => Favourite.js} | 42 +++++-----
 pages/dashboard/index.js                      | 24 +++---
 pages/etherpad/[[...roomId]].js               |  4 +-
 pages/spacedeck/[[...roomId]].js              |  2 +-
 public/locales/de/_defaults.json              |  2 +
 public/locales/de/dashboard.json              |  8 +-
 9 files changed, 129 insertions(+), 102 deletions(-)
 delete mode 100644 components/UI/bookmarks/AddBookmark.js
 create mode 100644 components/UI/favourites/AddFavourite.js
 rename pages/dashboard/{Bookmark.js => Favourite.js} (66%)

diff --git a/components/UI/bookmarks/AddBookmark.js b/components/UI/bookmarks/AddBookmark.js
deleted file mode 100644
index 5d10cf1b..00000000
--- a/components/UI/bookmarks/AddBookmark.js
+++ /dev/null
@@ -1,56 +0,0 @@
-import React, { useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { BookmarkIcon, CheckIcon } from '@remixicons/react/line';
-import _ from 'lodash';
-
-import TextButton from '../TextButton';
-import { useMatrix } from '../../../lib/Matrix';
-import { useAuth } from '../../../lib/Auth';
-import LoadingSpinnerInline from '../LoadingSpinnerInline';
-import Icon from '../Icon';
-
-/**
- * AddBookmark component for adding a bookmark to the matrix account data.
- * This component displays a button that allows users to add a bookmark to the matrix account data.
- * The button is disabled if the bookmark already exists.
- * @component
- * @param {string} roomId - The id of the room to add to the bookmarks.
- * @returns {JSX.Element} - A JSX element containing the button to add a bookmark.
- */
-const AddBookmark = ({ roomId }) => {
-    const [contentCopied, setContentCopied] = useState(false);
-    const auth = useAuth();
-    const matrix = useMatrix();
-    const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
-    const { t } = useTranslation();
-    const [isCreatingBookmark, setIsCreatingBookmark] = useState(false);
-    const bookmarks = matrix.bookmarks;
-
-    const addBookmarkToMatrix = async () => {
-        setIsCreatingBookmark(true);
-
-        const accountData = { bookmarks: bookmarks || [] };
-        accountData.bookmarks.push(roomId);
-
-        await matrixClient.setAccountData('dev.medienhaus.spaces.bookmarks', accountData)
-            .catch((error) => {
-                alert(error.data?.error);
-            });
-        setIsCreatingBookmark(false);
-
-        setContentCopied(true);
-        _.delay(() => {
-            setContentCopied(false);
-        }, 2000);
-    };
-
-    return (
-        <TextButton disabled={bookmarks?.includes(roomId)} title={t('Add to bookmarks')} onClick={addBookmarkToMatrix}>
-            { isCreatingBookmark ?
-                <LoadingSpinnerInline /> :
-                contentCopied ? <Icon><CheckIcon /></Icon> : <Icon><BookmarkIcon /></Icon> }
-        </TextButton>
-    );
-};
-
-export default AddBookmark;
diff --git a/components/UI/favourites/AddFavourite.js b/components/UI/favourites/AddFavourite.js
new file mode 100644
index 00000000..a7b8af6e
--- /dev/null
+++ b/components/UI/favourites/AddFavourite.js
@@ -0,0 +1,79 @@
+import React, { useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { StarIcon } from '@remixicons/react/line';
+import { StarIcon as StarIconFill } from '@remixicons/react/fill';
+import _ from 'lodash';
+
+import TextButton from '../TextButton';
+import { useMatrix } from '../../../lib/Matrix';
+import { useAuth } from '../../../lib/Auth';
+import LoadingSpinnerInline from '../LoadingSpinnerInline';
+import Icon from '../Icon';
+
+/**
+ * AddFavourite component for adding a favourite to the matrix account data.
+ * This component displays a button that allows users to add a favourite to the matrix account data.
+ * The button is disabled if the favourite already exists.
+ * @component
+ * @param {string} roomId - The id of the room to add to the favourites.
+ * @returns {JSX.Element} - A JSX element containing the button to add a favourite.
+ */
+const AddFavourite = ({ roomId }) => {
+    const auth = useAuth();
+    const matrix = useMatrix();
+    const matrixClient = auth
+        .getAuthenticationProvider('matrix')
+        .getMatrixClient();
+    const { t } = useTranslation();
+    const [isHandlingFavourite, setIsHandlingFavourite] = useState(false);
+    const favourites = matrix.favourites;
+    const isFavourite = favourites?.includes(roomId);
+
+    const addFavouriteToMatrix = async () => {
+        setIsHandlingFavourite(true);
+
+        const accountData = { favourites: favourites || [] };
+        accountData.favourites.push(roomId);
+
+        await matrixClient
+            .setAccountData('dev.medienhaus.spaces.favourites', accountData)
+            .catch((error) => {
+                alert(error.data?.error);
+            });
+        setIsHandlingFavourite(false);
+    };
+
+    const removeFavouriteFromMatrix = async (e) => {
+        e.preventDefault();
+        setIsHandlingFavourite(true);
+        // Remove the favourite from the account data
+        await matrixClient.setAccountData('dev.medienhaus.spaces.favourites', { favourites: _.without([...matrix.favourites], roomId) })
+            .catch((error) => {
+                //@TODO error handling
+                logger.log(error);
+            });
+
+        setIsHandlingFavourite(false);
+    };
+
+    return (
+        <TextButton
+            title={isFavourite ? t('Remove from favourites') : t('Add to favourites')}
+            onClick={isFavourite ? removeFavouriteFromMatrix : addFavouriteToMatrix}
+        >
+            { isHandlingFavourite ? (
+                <LoadingSpinnerInline />
+            ) : isFavourite ? (
+                <Icon>
+                    <StarIconFill />
+                </Icon>
+            ) : (
+                <Icon>
+                    <StarIcon />
+                </Icon>
+            ) }
+        </TextButton>
+    );
+};
+
+export default AddFavourite;
diff --git a/lib/Matrix.js b/lib/Matrix.js
index f64a9d8b..7c014a62 100644
--- a/lib/Matrix.js
+++ b/lib/Matrix.js
@@ -13,7 +13,7 @@ function useMatrixProvider(auth) {
     const [rooms, setRooms] = useImmer(new Map());
     const [spaces, setSpaces] = useImmer(new Map());
     const [invites, setInvites] = useImmer(new Set());
-    const [bookmarks, setBookmarks] = useState([]);
+    const [favourites, setFavourites] = useState([]);
     const [knockingMembers, setKnockingMembers] = useImmer(new Map());
     const [directMessages, setDirectMessages] = useImmer(new Map());
     const [roomContents, setRoomContents] = useImmer(new Map());
@@ -150,8 +150,8 @@ function useMatrixProvider(auth) {
         });
     }, [auth]);
 
-    const hydrateBookmarks = useCallback((bookmarks) => {
-        setBookmarks(bookmarks.bookmarks);
+    const hydrateFavourites = useCallback((favourites) => {
+        setFavourites(favourites.favourites);
     }, []);
 
     const AccountDataEvent = useCallback(/** @param {MatrixEvent} event */ (event) => {
@@ -167,9 +167,9 @@ function useMatrixProvider(auth) {
 
                 break;
 
-            case 'dev.medienhaus.spaces.bookmarks':
+            case 'dev.medienhaus.spaces.favourites':
                 if (Object.keys(event.getContent()).length > 0) {
-                    hydrateBookmarks(event.getContent());
+                    hydrateFavourites(event.getContent());
                 }
 
                 break;
@@ -177,7 +177,7 @@ function useMatrixProvider(auth) {
             default:
                 return;
         }
-    }, [assignAccessTokenToAuthProvider, hydrateBookmarks, hydrateDirectMessages]);
+    }, [assignAccessTokenToAuthProvider, hydrateFavourites, hydrateDirectMessages]);
 
     const RoomTimelineEvent = useCallback(
         /**
@@ -461,7 +461,7 @@ function useMatrixProvider(auth) {
         hydrateRoomContent,
         getMetaEvent,
         isConnectedToServer,
-        bookmarks,
+        favourites,
     };
 }
 
diff --git a/pages/dashboard/Bookmark.js b/pages/dashboard/Favourite.js
similarity index 66%
rename from pages/dashboard/Bookmark.js
rename to pages/dashboard/Favourite.js
index c8e583b1..4cf8d42f 100644
--- a/pages/dashboard/Bookmark.js
+++ b/pages/dashboard/Favourite.js
@@ -14,29 +14,29 @@ import { useMatrix } from '../../lib/Matrix';
 import { useAuth } from '../../lib/Auth';
 
 /**
- * Bookmark component for rendering a single bookmark entry.
+ * Favourite component for rendering a single favourite entry.
  *
- * @param {string} roomId - The ID of the bookmarked room.
- * @param {Object} metaEvent - The meta event associated with the bookmark.
- * @param {string} name - The name of the bookmarked room.
- * @param {number} index - The index of the bookmarked room in the bookmarks array.
- * @returns {JSX.Element} - A JSX element representing a single bookmark entry.
+ * @param {string} roomId - The ID of the favourite room.
+ * @param {Object} metaEvent - The meta event associated with the favourite.
+ * @param {string} name - The name of the favourite room.
+ * @param {number} index - The index of the favourite room in the favourites array.
+ * @returns {JSX.Element} - A JSX element representing a single favourite entry.
  *
  */
-const Bookmark =({ roomId, metaEvent, name }) => {
-    const [removingBookmark, setRemovingBookmark] = useState(false);
+const Favourite =({ roomId, metaEvent, name }) => {
+    const [removingFavourite, setRemovingFavourite] = useState(false);
     const { t } = useTranslation();
     const matrix = useMatrix();
     const matrixClient = useAuth().getAuthenticationProvider('matrix').getMatrixClient();
 
     /**
-     * Get the origin of the bookmarked room.
-     * If the bookmark is of the type 'context', return '/explore'.
+     * Get the origin of the favourite room.
+     * If the favourite is of the type 'context', return '/explore'.
      * Otherwise, return the path of the auth provider. If the path is not found, return the template name.
-     * If the bookmark is not of the type 'context' and the template is not found, we can assume it's a chat room and return '/chat'.
+     * If the favourite is not of the type 'context' and the template is not found, we can assume it's a chat room and return '/chat'.
      * @function
-     * @param {Object} metaEvent - The meta event associated with the bookmark.
-     * @returns {*|string} - The origin of the bookmarked room.
+     * @param {Object} metaEvent - The meta event associated with the favourite.
+     * @returns {*|string} - The origin of the favourite room.
      */
     const getOrigin = (metaEvent) => {
         if (metaEvent) {
@@ -51,15 +51,15 @@ const Bookmark =({ roomId, metaEvent, name }) => {
 
     const handleRemove = async (e) => {
         e.preventDefault();
-        setRemovingBookmark(true);
-        // Remove the bookmark from the account data
-        await matrixClient.setAccountData('dev.medienhaus.spaces.bookmarks', { bookmarks: _.without([...matrix.bookmarks], roomId) })
+        setRemovingFavourite(true);
+        // Remove the favourite from the account data
+        await matrixClient.setAccountData('dev.medienhaus.spaces.favourites', { favourites: _.without([...matrix.favourites], roomId) })
             .catch((error) => {
                 //@TODO error handling
-                console.log(error);
+                logger.log(error);
             });
 
-        setRemovingBookmark(false);
+        setRemovingFavourite(false);
     };
 
     return (
@@ -74,8 +74,8 @@ const Bookmark =({ roomId, metaEvent, name }) => {
                 <CopyToClipboard content={`${location.hostname}${link}`} />
             </ServiceTable.Cell>
             <ServiceTable.Cell>
-                <TextButton title={t('Remove bookmark')} onClick={handleRemove}>
-                    { removingBookmark ? <LoadingSpinnerInline /> : <Icon>
+                <TextButton title={t('Remove favourite')} onClick={handleRemove}>
+                    { removingFavourite ? <LoadingSpinnerInline /> : <Icon>
                         <DeleteBinIcon />
                     </Icon> }
                 </TextButton></ServiceTable.Cell>
@@ -83,4 +83,4 @@ const Bookmark =({ roomId, metaEvent, name }) => {
     );
 };
 
-export default Bookmark;
+export default Favourite;
diff --git a/pages/dashboard/index.js b/pages/dashboard/index.js
index 3b3beee7..19161035 100644
--- a/pages/dashboard/index.js
+++ b/pages/dashboard/index.js
@@ -9,7 +9,7 @@ import { useMatrix } from '../../lib/Matrix';
 import InvitationCard from './InvitationCard';
 import DefaultLayout from '../../components/layouts/default';
 import KnockCard from './KnockCard';
-import Bookmark from './Bookmark';
+import Favourite from './Favourite';
 import { ServiceTable } from '../../components/UI/ServiceTable';
 
 export default function Dashboard() {
@@ -19,7 +19,7 @@ export default function Dashboard() {
     const matrix = useMatrix();
     const pendingKnocks = matrix.knockingMembers;
     const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
-    const bookmarks = matrix.bookmarks;
+    const favourite = matrix.favourites;
     // We are going to intentionally store a copy of every invitation in this array, which we're going only append to.
     // But we will never remove any entries. This is in order to keep a list of all invitations handled while looking
     // at this page. Only when leaving the page and returning back to it, we start with an empty map from scratch.
@@ -146,10 +146,10 @@ export default function Dashboard() {
                     )) }
                 </>
             }
-            { !_.isEmpty(bookmarks) &&
+            { !_.isEmpty(favourite) &&
                     <ServiceTable>
                         <ServiceTable.Caption>
-                            { t('Bookmarks') }
+                            { t('Favourites') }
                         </ServiceTable.Caption>
                         <ServiceTable.Head>
                             <ServiceTable.Row>
@@ -168,16 +168,16 @@ export default function Dashboard() {
                             </ServiceTable.Row>
                         </ServiceTable.Head>
                         <ServiceTable.Body>
-                            { bookmarks.map(bookmarkSpace => {
-                                const bookmarkObject = matrix.rooms.get(bookmarkSpace) || matrix.spaces.get(bookmarkSpace);
+                            { favourite.map(favouriteSpace => {
+                                const favouriteObject = matrix.rooms.get(favouriteSpace) || matrix.spaces.get(favouriteSpace);
 
-                                if (!bookmarkObject) return;
+                                if (!favouriteObject) return;
 
-                                return <Bookmark
-                                    key={bookmarkSpace}
-                                    metaEvent={bookmarkObject.meta}
-                                    roomId={bookmarkSpace}
-                                    name={bookmarkObject.name}
+                                return <Favourite
+                                    key={favouriteSpace}
+                                    metaEvent={favouriteObject.meta}
+                                    roomId={favouriteSpace}
+                                    name={favouriteObject.name}
                                 />;
                             }) }
                         </ServiceTable.Body>
diff --git a/pages/etherpad/[[...roomId]].js b/pages/etherpad/[[...roomId]].js
index 018f8a20..a6cd5b3c 100644
--- a/pages/etherpad/[[...roomId]].js
+++ b/pages/etherpad/[[...roomId]].js
@@ -25,7 +25,7 @@ import CreatePasswordPad from './actions/CreatePasswordPad';
 import { InviteUserToMatrixRoom } from '../../components/UI/InviteUsersToMatrixRoom';
 import { isMyPadsApiEnabled, path as etherpadPath } from '../../lib/Etherpad';
 import LoginPrompt from '../../components/UI/LoginPrompt';
-import AddBookmark from '../../components/UI/bookmarks/AddBookmark';
+import AddFavourite from '../../components/UI/favourites/AddFavourite';
 
 const EtherpadListEntry = memo(({ isPasswordProtected, name, href, etherpadId, ref, selected }) => {
     const etherpad = useAuth().getAuthenticationProvider('etherpad');
@@ -311,7 +311,7 @@ export default function Etherpad() {
                                 name={matrix.rooms.get(roomId).name}
                                 onClick={() => setIsInviteUsersOpen(prevState => !prevState)}
                                 inviteUsersOpen={isInviteUsersOpen} />
-                            <AddBookmark roomId={roomId} />
+                            <AddFavourite roomId={roomId} />
                             <CopyToClipboard title={t('Copy pad link to clipboard')}
                                 content={matrix.roomContents.get(roomId)?.body} />
                             <TextButton title={t(myPadsObject ? 'Delete pad' : 'Remove pad from my library')}
diff --git a/pages/spacedeck/[[...roomId]].js b/pages/spacedeck/[[...roomId]].js
index 660a1a26..64c3de93 100644
--- a/pages/spacedeck/[[...roomId]].js
+++ b/pages/spacedeck/[[...roomId]].js
@@ -23,7 +23,7 @@ import AddExistingSketch from './actions/AddExistingSketch';
 import { path as spacedeckPath } from '../../lib/Spacedeck';
 import { InviteUserToMatrixRoom } from '../../components/UI/InviteUsersToMatrixRoom';
 import LoginPrompt from '../../components/UI/LoginPrompt';
-import AddBookmark from '../../components/UI/bookmarks/AddBookmark';
+import AddBookmark from '../../components/UI/favourites/AddFavourite';
 
 export default function Spacedeck() {
     const auth = useAuth();
diff --git a/public/locales/de/_defaults.json b/public/locales/de/_defaults.json
index 26ccd91a..85d30621 100644
--- a/public/locales/de/_defaults.json
+++ b/public/locales/de/_defaults.json
@@ -1,4 +1,5 @@
 {
+  "Add to favourites": "Zu Favoriten hinzufügen",
   "Cancel": "Abbrechen",
   "Confirm": "Bestätigen",
   "Copy link to clipboard": "Link kopieren",
@@ -10,6 +11,7 @@
   "Password": "Passwort",
   "password protected": "Passwortgeschützt",
   "Upload": "Hochladen",
+  "Remove from favourites": "Aus Favoriten entfernen",
   "Save": "Speichern",
   "Select action": "Aktion wählen",
   "What would you like to do?": "Was möchtest du tun?",
diff --git a/public/locales/de/dashboard.json b/public/locales/de/dashboard.json
index 72ab1b7b..779fef4e 100644
--- a/public/locales/de/dashboard.json
+++ b/public/locales/de/dashboard.json
@@ -1,10 +1,12 @@
 {
+
+  "Asking To Join": "Beitrittsanfragen",
+  "Direct Message": "Direktnachricht",
+  "Favourites": "Favoriten",
   "invitationCard": "<bold>{{username}}</bold> hat dich zu <bold>{{service}}</bold> eingeladen.",
   "invitationCardHandled": "Du kannst dir nun <1><strong>{{roomName}}</strong></1> ansehen.",
   "knockCard": "<bold>{{username}}</bold> möchte <bold>{{roomName}}</bold> betreten.",
-  "You’ve declined the invitation.": "Du hast die Einladung abgelehnt.",
-  "Direct Message": "Direktnachricht",
   "public": "öffentlich",
   "private": "privat",
-  "Asking To Join": "Beitrittsanfragen"
+  "You’ve declined the invitation.": "Du hast die Einladung abgelehnt."
 }

From 303bd6053305fd93ed8fa5d15f30afa7478dfb07 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 31 Jan 2024 15:51:26 +0100
Subject: [PATCH 395/714] fix: import logger correctly

---
 components/UI/favourites/AddFavourite.js | 1 +
 pages/dashboard/Favourite.js             | 1 +
 2 files changed, 2 insertions(+)

diff --git a/components/UI/favourites/AddFavourite.js b/components/UI/favourites/AddFavourite.js
index a7b8af6e..30949f3f 100644
--- a/components/UI/favourites/AddFavourite.js
+++ b/components/UI/favourites/AddFavourite.js
@@ -9,6 +9,7 @@ import { useMatrix } from '../../../lib/Matrix';
 import { useAuth } from '../../../lib/Auth';
 import LoadingSpinnerInline from '../LoadingSpinnerInline';
 import Icon from '../Icon';
+import logger from '../../../lib/Logging';
 
 /**
  * AddFavourite component for adding a favourite to the matrix account data.
diff --git a/pages/dashboard/Favourite.js b/pages/dashboard/Favourite.js
index 4cf8d42f..2a99a0b8 100644
--- a/pages/dashboard/Favourite.js
+++ b/pages/dashboard/Favourite.js
@@ -12,6 +12,7 @@ import CopyToClipboard from '../../components/UI/CopyToClipboard';
 import Icon from '../../components/UI/Icon';
 import { useMatrix } from '../../lib/Matrix';
 import { useAuth } from '../../lib/Auth';
+import logger from '../../lib/Logging';
 
 /**
  * Favourite component for rendering a single favourite entry.

From 170e560a01f9a47070a7d5b4fe3612731edffdc2 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 31 Jan 2024 17:10:03 +0100
Subject: [PATCH 396/714] feat: add first draft to upload avatars for spaces
 and rooms from /explore

---
 components/UI/ImageUpload.js                  | 125 ++++++++++++++++++
 pages/explore/manage-room/ChangeAvatar.js     |  34 +++++
 .../manage-room/ExploreMatrixActions.js       |  16 +++
 3 files changed, 175 insertions(+)
 create mode 100644 components/UI/ImageUpload.js
 create mode 100644 pages/explore/manage-room/ChangeAvatar.js

diff --git a/components/UI/ImageUpload.js b/components/UI/ImageUpload.js
new file mode 100644
index 00000000..101cfb3b
--- /dev/null
+++ b/components/UI/ImageUpload.js
@@ -0,0 +1,125 @@
+import React, { useCallback, useRef, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { styled } from 'styled-components';
+
+import { useAuth } from '../../lib/Auth';
+import LoadingSpinner from './LoadingSpinner';
+import LoadingSpinnerInline from './LoadingSpinnerInline';
+import ConfirmCancelButtons from './ConfirmCancelButtons';
+import { useMatrix } from '../../lib/Matrix';
+
+const Avatar = styled.img`
+  display: block;
+  max-width: 100%;
+  max-height: 60vh;
+  margin: 0 auto var(--margin) auto;
+`;
+
+const AvatarContainer = styled.div`
+  position: relative;
+`;
+
+const SpinnerOverlay = styled.div`
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  background: rgb(255 255 255 / 70%);
+`;
+
+/**
+ * ImageUpload component for selecting and uploading an image.
+ *
+ * @param {String} currentAvatarUrl - string with the url for the current avatar
+ * @param {function} callback - The callback function to handle the uploaded image.
+ * @returns {JSX.Element} - The rendered component.
+ */
+
+const ImageUpload = ({ roomId, callback }) => {
+    const [isUploadingImage, setIsUploadingImage] = useState(false);
+    const matrixClient = useAuth().getAuthenticationProvider('matrix').getMatrixClient();
+    const { t } = useTranslation();
+    const imageUploadRef = useRef(null);
+    const matrix = useMatrix();
+    const currentAvatarUrl = matrix.spaces.get(roomId)?.avatar || matrix.rooms.get(roomId)?.avatar;
+    console.log(matrix.spaces.get(roomId));
+    /**
+     * Handles the file upload and sends the selected image to a Matrix room.
+     *
+     * @param {Event} event - The file input change event.
+     */
+
+    const handleUpload = useCallback(async (event) => {
+        const file = event.target.files[0];
+
+        if (!file) return;
+
+        setIsUploadingImage(true);
+        const formData = new FormData();
+        formData.append('image', file);
+        // Upload the image to the Matrix content repository
+        const uploadedImage = await matrixClient.uploadContent(file, { name: file.name })
+            .catch((error) => {
+                alert(error.data?.error || t('Something went wrong, please try again.'));
+            },
+            );
+        // Callback to handle the uploaded image's content URI
+        if (uploadedImage) callback(uploadedImage.content_uri);
+
+        setIsUploadingImage(false);
+    }, [callback, matrixClient, t]);
+
+    const handleDelete = async () => {
+        await matrixClient.sendStateEvent(roomId, 'm.room.avatar', {})
+            .catch((error) => {
+                alert(error.data?.error || t('Something went wrong, please try again.'));
+            },
+            );
+    };
+
+    return (
+        <div>
+            { currentAvatarUrl && <AvatarContainer>
+                <Avatar src={currentAvatarUrl} width="100%" height="100%" />
+                { isUploadingImage && (
+                    <SpinnerOverlay>
+                        <LoadingSpinner />
+                    </SpinnerOverlay>
+                ) }
+            </AvatarContainer>
+            }
+            <input type="file" accept="image/*" ref={imageUploadRef} style={{ display: 'none' }} onChange={handleUpload} />
+
+            { !currentAvatarUrl ? <button
+                disabled={isUploadingImage}
+                type="button"
+                onClick={() => {
+                    imageUploadRef.current.click();
+                }}
+            >
+                { !currentAvatarUrl && isUploadingImage ?
+                    <LoadingSpinnerInline inverted /> :
+                    t('Upload') }
+            </button> :
+                <ConfirmCancelButtons warning
+                    disabled={isUploadingImage}
+                    onClick={() => {
+                        imageUploadRef.current.click();
+                    }}
+                    onCancel={handleDelete}
+                    cancelTitle={t('Delete')}>
+                    { isUploadingImage ?
+                        <LoadingSpinnerInline inverted /> :
+                        t('Change') }
+                </ConfirmCancelButtons>
+            }
+        </div>
+    );
+};
+
+export default ImageUpload;
diff --git a/pages/explore/manage-room/ChangeAvatar.js b/pages/explore/manage-room/ChangeAvatar.js
new file mode 100644
index 00000000..239d863f
--- /dev/null
+++ b/pages/explore/manage-room/ChangeAvatar.js
@@ -0,0 +1,34 @@
+import { useState } from 'react';
+import { useTranslation } from 'react-i18next';
+
+import ImageUpload from '../../../components/UI/ImageUpload';
+import ErrorMessage from '../../../components/UI/ErrorMessage';
+
+const ChangeAvatar = ({ roomId }) => {
+    const [errorMessage, setErrorMessage] = useState('');
+    const { t } = useTranslation('explore');
+
+    const uploadRoomAvatar = async (imageUrl) => {
+        const request = {
+            method: 'PUT',
+            headers: { Authorization: 'Bearer ' + localStorage.getItem('medienhaus_access_token') },
+            body: JSON.stringify({
+                url: imageUrl,
+            }),
+        };
+        await fetch(localStorage.getItem('medienhaus_hs_url') + `_matrix/client/r0/rooms/${roomId}/state/m.room.avatar/`, request)
+            .catch((error) => {
+                setErrorMessage(error.data?.error || 'Something went wrong, please try again.');
+            },
+            );
+        setErrorMessage('');
+    };
+
+    return (<>
+        <ImageUpload roomId={roomId} callback={uploadRoomAvatar} />
+        { errorMessage && <ErrorMessage>{ t(errorMessage) }</ErrorMessage> }
+    </>
+    );
+};
+
+export default ChangeAvatar;
diff --git a/pages/explore/manage-room/ExploreMatrixActions.js b/pages/explore/manage-room/ExploreMatrixActions.js
index 1bd27d82..5e0d034b 100644
--- a/pages/explore/manage-room/ExploreMatrixActions.js
+++ b/pages/explore/manage-room/ExploreMatrixActions.js
@@ -16,6 +16,7 @@ import LeaveRoom from './LeaveRoom';
 import ChangeJoinRule from './ChangeJoinRule';
 import { useMatrix } from '../../../lib/Matrix';
 import ChangeTopic from './ChangeTopic';
+import ChangeAvatar from './ChangeAvatar';
 
 /**
  * This component provides actions for managing contexts and items within a matrix room.
@@ -146,6 +147,15 @@ const RenderSwitch = ({ currentId, parentId, roomName, spaceChildren, getSpaceCh
                     setSelectedRadioButton('');
                     setSelectedAction('');
                 }} />;
+
+        case 'changeAvatar':
+            return <ChangeAvatar
+                roomId={currentId}
+                onCancel={() => {
+                    setSelectedRadioButton('');
+                    setSelectedAction('');
+                }} />;
+
         default:
             return <Form
                 onSubmit={(e) => {
@@ -202,6 +212,12 @@ const RenderSwitch = ({ currentId, parentId, roomName, spaceChildren, getSpaceCh
                         <label htmlFor="changeTopic">{ t('Change topic') }</label>
                     </RadioWrapper> }
 
+                { room.currentState.hasSufficientPowerLevelFor('m.room.avatar', myPowerLevel) &&
+                    <RadioWrapper>
+                        <input type="radio" id="changeAvatar" name="action" value="changeAvatar" />
+                        <label htmlFor="changeAvatar">{ t('Change avatar') }</label>
+                    </RadioWrapper> }
+
                 <PreviousNextButtons
                     disabled={!selectedRadioButton}
                     disableNext={selectedAction}

From 5fa425f3d6340b25303c54248c0c0a63246b998d Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 31 Jan 2024 17:14:59 +0100
Subject: [PATCH 397/714] fix: currently selected room being displayed when
 removing items or contexts

---
 pages/explore/manage-room/ExploreMatrixActions.js  |  4 +++-
 pages/explore/manage-room/RemoveSpaceFromParent.js | 11 +++++++++--
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/pages/explore/manage-room/ExploreMatrixActions.js b/pages/explore/manage-room/ExploreMatrixActions.js
index 1bd27d82..862a6df2 100644
--- a/pages/explore/manage-room/ExploreMatrixActions.js
+++ b/pages/explore/manage-room/ExploreMatrixActions.js
@@ -106,7 +106,9 @@ const RenderSwitch = ({ currentId, parentId, roomName, spaceChildren, getSpaceCh
                     setSelectedAction('');
                 }} />;
         case 'removeSpace':
-            return <RemoveSpaceFromParent parentId={currentId}
+            return <RemoveSpaceFromParent
+                currentId={currentId}
+                parentId={currentId}
                 parentName={roomName}
                 spaceChildren={spaceChildren}
                 getSpaceChildren={getSpaceChildren}
diff --git a/pages/explore/manage-room/RemoveSpaceFromParent.js b/pages/explore/manage-room/RemoveSpaceFromParent.js
index cf893290..6afa7c6c 100644
--- a/pages/explore/manage-room/RemoveSpaceFromParent.js
+++ b/pages/explore/manage-room/RemoveSpaceFromParent.js
@@ -31,6 +31,7 @@ const RemoveSection = styled.div`
  *
  * @param {Object} spaceChildren - An object representing the children of the current space.
  * @param {String} parentId - The ID of the current observed Room.
+ * @param {String} currentId - The ID of the current room.
  * @param {String} parentName - The name of the parent space.
  * @param {Function} getSpaceChildren - Callback function to update the list of children.
  * @param {Function} onCancel - Callback function to cancel the operation.
@@ -39,6 +40,7 @@ const RemoveSection = styled.div`
 const RemoveSpaceFromParent = ({
     spaceChildren,
     parentId,
+    currentId,
     parentName,
     getSpaceChildren,
     onCancel,
@@ -76,6 +78,8 @@ const RemoveSpaceFromParent = ({
     };
 
     if (!spaceChildren || !matrix) return;
+    console.log(spaceChildren);
+    console.log(currentId);
 
     return (
         <Form
@@ -83,14 +87,17 @@ const RemoveSpaceFromParent = ({
             <RemoveSection>
                 <ServiceTable>
                     { spaceChildren.map(child => {
+                        const roomId = child.room_id || child.id || child.roomId;
                         // don't display the root space, so it not accidentally deleted
-                        if (child.room_id === getConfig().publicRuntimeConfig.contextRootSpaceRoomId) return;
+                        if (roomId=== getConfig().publicRuntimeConfig.contextRootSpaceRoomId) return;
+                        // don't display the currently selected space, so it not accidentally deleted
+                        if (roomId === currentId) return;
 
                         return <RemoveListEntry
                             key={child.name}
                             child={child}
                             handleSelect={handleSelect}
-                            checked={itemsToRemove.includes(child.room_id)}
+                            checked={itemsToRemove.includes(roomId)}
                             parentName={parentName}
                         />;
                     }) }

From fb02f87546bbe28b81ee7889f86572ea71021b4c Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 31 Jan 2024 17:16:27 +0100
Subject: [PATCH 398/714] fix: make room topic optional

---
 pages/explore/manage-room/AddOrCreateChat/AddNewChat.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/explore/manage-room/AddOrCreateChat/AddNewChat.js b/pages/explore/manage-room/AddOrCreateChat/AddNewChat.js
index 0e637b8c..0f97dba5 100644
--- a/pages/explore/manage-room/AddOrCreateChat/AddNewChat.js
+++ b/pages/explore/manage-room/AddOrCreateChat/AddNewChat.js
@@ -63,7 +63,7 @@ export default function AddNewChat({ handleCancel, currentId, onSuccess, parentN
         </select>
         { errorMessage && <ErrorMessage>{ errorMessage }</ErrorMessage> }
         { userFeedback && <p>{ userFeedback }</p> }
-        <PreviousNextButtons disableNext={!roomName || !roomTopic || userFeedback} onCancel={handleCancel}>
+        <PreviousNextButtons disableNext={!roomName || userFeedback} onCancel={handleCancel}>
             { isLoading ? <LoadingSpinnerInline inverted /> : t('add') }
         </PreviousNextButtons>
     </Form>;

From 3d5341513d3814fcdfc9ee39aa4207b80182f44f Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 31 Jan 2024 17:21:59 +0100
Subject: [PATCH 399/714] refactor: redirect a user back to the space overview
 in explore after successfully changing settings

---
 pages/explore/[[...roomId]].js                |  1 +
 .../manage-room/ExploreMatrixActions.js       | 56 ++++++-------------
 2 files changed, 19 insertions(+), 38 deletions(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 17ee0008..81a2561c 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -250,6 +250,7 @@ export default function Explore() {
                             manageContextActionToggle ?
                                 <ExploreMatrixActions
                                     myPowerLevel={myPowerLevel}
+                                    setManageContextActionToggle={setManageContextActionToggle}
                                     currentId={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].room_id || selectedSpaceChildren[selectedSpaceChildren.length - 1][0].roomId}
                                     parentId={selectedSpaceChildren[selectedSpaceChildren.length - 2]?.[0].room_id || selectedSpaceChildren[selectedSpaceChildren.length - 2]?.[0].roomId}
                                     spaceChildren={selectedSpaceChildren[selectedSpaceChildren.length - 1]}
diff --git a/pages/explore/manage-room/ExploreMatrixActions.js b/pages/explore/manage-room/ExploreMatrixActions.js
index 0d47de0e..b8d20267 100644
--- a/pages/explore/manage-room/ExploreMatrixActions.js
+++ b/pages/explore/manage-room/ExploreMatrixActions.js
@@ -40,7 +40,7 @@ const ExploreMatrixActionWrapper = styled.div`
   }
 `;
 
-const ExploreMatrixActions = ({ currentId, parentId, myPowerLevel, spaceChildren, getSpaceChildren }) => {
+const ExploreMatrixActions = ({ currentId, parentId, myPowerLevel, setManageContextActionToggle, spaceChildren, getSpaceChildren }) => {
     const { t } = useTranslation('explore');
     const matrix = useMatrix();
     const roomName = matrix.spaces.get(currentId)?.name || matrix.rooms.get(currentId)?.name;
@@ -55,6 +55,7 @@ const ExploreMatrixActions = ({ currentId, parentId, myPowerLevel, spaceChildren
                     currentId={currentId}
                     parentId={parentId}
                     roomName={roomName}
+                    setManageContextActionToggle={setManageContextActionToggle}
                     spaceChildren={spaceChildren}
                     getSpaceChildren={getSpaceChildren}
                     myPowerLevel={myPowerLevel}
@@ -67,7 +68,7 @@ const ExploreMatrixActions = ({ currentId, parentId, myPowerLevel, spaceChildren
 
 export default ExploreMatrixActions;
 
-const RenderSwitch = ({ currentId, parentId, roomName, spaceChildren, getSpaceChildren, myPowerLevel }) => {
+const RenderSwitch = ({ currentId, parentId, roomName, setManageContextActionToggle, spaceChildren, getSpaceChildren, myPowerLevel }) => {
     const [selectedAction, setSelectedAction] = useState('');
     const [selectedRadioButton, setSelectedRadioButton] = useState('');
     const matrixClient = useAuth().getAuthenticationProvider('matrix').getMatrixClient();
@@ -75,39 +76,33 @@ const RenderSwitch = ({ currentId, parentId, roomName, spaceChildren, getSpaceCh
 
     const { t } = useTranslation();
 
+    const onCancel = () => {
+        setSelectedRadioButton('');
+        setSelectedAction('');
+        setManageContextActionToggle(prevState => !prevState);
+    };
+
     switch (selectedAction) {
         case 'substructure':
             return <CreateContext currentId={currentId}
                 parentId={parentId}
                 getSpaceChildren={getSpaceChildren}
-                onCancel={() => {
-                    setSelectedRadioButton('');
-                    setSelectedAction('');
-                }} />;
+                onCancel={onCancel} />;
         case 'existingItem':
             return <AddExistingItem currentId={currentId}
                 currentName={roomName}
-                onCancel={() => {
-                    setSelectedRadioButton('');
-                    setSelectedAction('');
-                }} />;
+                onCancel={onCancel} />;
         case 'existingContext':
             return <AddExistingContext parentId={currentId}
                 parentName={roomName}
                 contextRootId={getConfig().publicRuntimeConfig.contextRootSpaceRoomId}
-                onCancel={() => {
-                    setSelectedRadioButton('');
-                    setSelectedAction('');
-                }} />;
+                onCancel={onCancel} />;
         case 'addOrCreateChat':
             return <CreateChatOptions
                 currentId={currentId}
                 parentName={roomName}
                 getSpaceChildren={getSpaceChildren}
-                onCancel={() => {
-                    setSelectedRadioButton('');
-                    setSelectedAction('');
-                }}
+                onCancel={onCancel}
             />;
         case 'removeSpace':
             return <RemoveSpaceFromParent
@@ -116,42 +111,27 @@ const RenderSwitch = ({ currentId, parentId, roomName, spaceChildren, getSpaceCh
                 parentName={roomName}
                 spaceChildren={spaceChildren}
                 getSpaceChildren={getSpaceChildren}
-                onCancel={() => {
-                    setSelectedRadioButton('');
-                    setSelectedAction('');
-                }} />;
+                onCancel={onCancel} />;
         case 'manageUsers':
             return <UserManagement roomId={currentId}
                 roomName={roomName}
-                onCancel={() => {
-                    setSelectedRadioButton('');
-                    setSelectedAction('');
-                }} />;
+                onCancel={onCancel} />;
         case 'leaveRoom':
             return <LeaveRoom roomId={currentId}
                 roomName={roomName}
                 parentId={parentId}
-                onCancel={() => {
-                    setSelectedRadioButton('');
-                    setSelectedAction('');
-                }} />;
+                onCancel={onCancel} />;
 
         case 'changeJoinRule':
             return <ChangeJoinRule
                 roomId={currentId}
                 roomName={roomName}
-                onCancel={() => {
-                    setSelectedRadioButton('');
-                    setSelectedAction('');
-                }} />;
+                onCancel={onCancel} />;
 
         case 'changeTopic':
             return <ChangeTopic
                 roomId={currentId}
-                onCancel={() => {
-                    setSelectedRadioButton('');
-                    setSelectedAction('');
-                }} />;
+                onCancel={onCancel} />;
         default:
             return <Form
                 onSubmit={(e) => {

From a783ef8b1a89627dac3b726476772b926f820a79 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 31 Jan 2024 17:30:46 +0100
Subject: [PATCH 400/714] refactor: also display cached roomIds

---
 pages/explore/manage-room/RemoveSpaceFromParent.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/pages/explore/manage-room/RemoveSpaceFromParent.js b/pages/explore/manage-room/RemoveSpaceFromParent.js
index 6afa7c6c..c1f10c83 100644
--- a/pages/explore/manage-room/RemoveSpaceFromParent.js
+++ b/pages/explore/manage-room/RemoveSpaceFromParent.js
@@ -77,9 +77,8 @@ const RemoveSpaceFromParent = ({
         });
     };
 
+    console.log(itemsToRemove);
     if (!spaceChildren || !matrix) return;
-    console.log(spaceChildren);
-    console.log(currentId);
 
     return (
         <Form
@@ -96,6 +95,7 @@ const RemoveSpaceFromParent = ({
                         return <RemoveListEntry
                             key={child.name}
                             child={child}
+                            roomId={roomId}
                             handleSelect={handleSelect}
                             checked={itemsToRemove.includes(roomId)}
                             parentName={parentName}
@@ -129,7 +129,7 @@ export default RemoveSpaceFromParent;
  * @returns {JSX.Element} JSX element representing a list entry for removing a child space.
  */
 
-function RemoveListEntry({ child, parentName, handleSelect, checked }) {
+function RemoveListEntry({ child, parentName, roomId, handleSelect, checked }) {
     const { t } = useTranslation();
 
     return <ServiceTable.Row>
@@ -138,7 +138,7 @@ function RemoveListEntry({ child, parentName, handleSelect, checked }) {
             <input type="checkbox"
                 checked={checked}
                 title={t('Remove {{child}} from {{parent}}', { child: child.name, parent: parentName })}
-                onChange={() => handleSelect(child.room_id)} />
+                onChange={() => handleSelect(roomId)} />
         </ServiceTable.Cell>
     </ServiceTable.Row>;
 }

From 8e101591446d6d4c6f2265fba3a0638f666e53e6 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 31 Jan 2024 18:14:31 +0100
Subject: [PATCH 401/714] refactor: get hierarchy of children from server if
 room or space is not cached

---
 pages/explore/[[...roomId]].js | 38 ++++++++++++++++++++--------------
 1 file changed, 22 insertions(+), 16 deletions(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 17ee0008..55659db2 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -90,7 +90,7 @@ export default function Explore() {
         logger.debug('Fetch the room hierarchy for ' + roomId);
 
         const getHierarchyFromServer = async (roomId) => {
-            spaceHierarchy = await matrix.roomHierarchy(roomId, null, 1)
+            const roomHierarchy = await matrix.roomHierarchy(roomId, null, 1)
                 .catch(async error => {
                     if (error.data?.error.includes('not in room')) {
                         // If the error indicates the user is not in the room and previews are disabled
@@ -100,17 +100,17 @@ export default function Explore() {
                                 .catch(error => setErrorMessage(error.data?.error));
 
                             // If successfully joined, recursively call 'getSpaceHierarchy' again.
-                            if (joinRoom) return await spaceHierarchy();
+                            if (joinRoom) return await roomHierarchy();
                         }
                     } else {
-                        return matrix.handleRateLimit(error, () => spaceHierarchy())
+                        return matrix.handleRateLimit(error, () => roomHierarchy())
                             .catch(error => {
                                 setErrorMessage(error.message);
                             });  // Handle other errors by setting an error message.
                     }
                 });
-            if (!spaceHierarchy) return;
-            const parent = spaceHierarchy[0];
+            if (!roomHierarchy) return;
+            const parent = roomHierarchy[0];
 
             const getMetaEvent = async (obj) => {
                 logger.debug('Getting meta event for ' + (obj.state_key || obj.room_id));
@@ -119,8 +119,8 @@ export default function Explore() {
                 if (metaEvent) obj.meta = metaEvent;
             };
 
-            for (const space of spaceHierarchy) {
-                if (space.room_id !== spaceHierarchy[0].room_id) {
+            for (const space of roomHierarchy) {
+                if (space.room_id !== roomHierarchy[0].room_id) {
                     space.parent = parent;
                 }
 
@@ -135,22 +135,29 @@ export default function Explore() {
                     });
             }
 
-            return spaceHierarchy;
+            return roomHierarchy;
         };
 
-        let spaceHierarchy;
+        const spaceHierarchy = [];
         // check our local state for cached data
         const cachedSpace = matrix.spaces.get(roomId);
 
         if (cachedSpace) {
             if (cachedSpace.children) {
-                spaceHierarchy = cachedSpace.children.map((roomId) => {
-                    const child = { ...(matrix.spaces.get(roomId) || matrix.rooms.get(roomId)) };
-                    child.parent = cachedSpace;
+                for await (const roomId of cachedSpace.children) {
+                    const cachedChild = { ...(matrix.spaces.get(roomId) || matrix.rooms.get(roomId)) };
+
+                    if (!_.isEmpty(cachedChild)) {
+                        const copy = { ...cachedChild };
+                        copy.parent = cachedSpace;
+                        spaceHierarchy.push(copy);
+                    } else {
+                        const getChildFromServer = await getHierarchyFromServer(roomId);
+                        getChildFromServer[0].parent = cachedSpace;
+                        spaceHierarchy.push(getChildFromServer[0]);
+                    }
+                }
 
-                    //@TODO what if the user is not part of the hierarchy element? needs to call getHierarchyFromServer for this element
-                    return child;
-                });
                 // insert the cached space at the beginning of the array to mimic the behaviour of matrix.getRoomHierarchy
                 spaceHierarchy.splice(0, 0, cachedSpace);
             }
@@ -183,7 +190,6 @@ export default function Explore() {
     }, [auth, matrix, matrixClient, selectedSpaceChildren, t]);
 
     // Handle route changes and fetch room content
-
     useEffect(() => {
         let cancelled = false;
 

From d01ced895ba594f24a9bb0280f2a949fa97282d9 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Fri, 2 Feb 2024 12:07:38 +0100
Subject: [PATCH 402/714] fix: set spaceHierarchy to result of
 getHierarchyFromServer() after fetch from server

---
 pages/explore/[[...roomId]].js | 22 ++++++++++++----------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 55659db2..c97bc337 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -32,6 +32,7 @@ const ServiceTableWrapper = styled.div`
  * @component
  * @returns {JSX.Element} The rendered Explore component.
  */
+//@TODO cached spaces do not update after editing
 export default function Explore() {
     const router = useRouter();
     const { t } = useTranslation('explore');
@@ -90,7 +91,7 @@ export default function Explore() {
         logger.debug('Fetch the room hierarchy for ' + roomId);
 
         const getHierarchyFromServer = async (roomId) => {
-            const roomHierarchy = await matrix.roomHierarchy(roomId, null, 1)
+            const roomHierarchyFromServer = await matrix.roomHierarchy(roomId, null, 1)
                 .catch(async error => {
                     if (error.data?.error.includes('not in room')) {
                         // If the error indicates the user is not in the room and previews are disabled
@@ -100,17 +101,17 @@ export default function Explore() {
                                 .catch(error => setErrorMessage(error.data?.error));
 
                             // If successfully joined, recursively call 'getSpaceHierarchy' again.
-                            if (joinRoom) return await roomHierarchy();
+                            if (joinRoom) return await roomHierarchyFromServer();
                         }
                     } else {
-                        return matrix.handleRateLimit(error, () => roomHierarchy())
+                        return matrix.handleRateLimit(error, () => roomHierarchyFromServer())
                             .catch(error => {
                                 setErrorMessage(error.message);
                             });  // Handle other errors by setting an error message.
                     }
                 });
-            if (!roomHierarchy) return;
-            const parent = roomHierarchy[0];
+            if (!roomHierarchyFromServer) return;
+            const parent = roomHierarchyFromServer[0];
 
             const getMetaEvent = async (obj) => {
                 logger.debug('Getting meta event for ' + (obj.state_key || obj.room_id));
@@ -119,8 +120,8 @@ export default function Explore() {
                 if (metaEvent) obj.meta = metaEvent;
             };
 
-            for (const space of roomHierarchy) {
-                if (space.room_id !== roomHierarchy[0].room_id) {
+            for (const space of roomHierarchyFromServer) {
+                if (space.room_id !== roomHierarchyFromServer[0].room_id) {
                     space.parent = parent;
                 }
 
@@ -135,10 +136,11 @@ export default function Explore() {
                     });
             }
 
-            return roomHierarchy;
+            return roomHierarchyFromServer;
         };
 
-        const spaceHierarchy = [];
+        // initialise the spaceHierarchy array which is either filled by our cache or the server
+        let spaceHierarchy = [];
         // check our local state for cached data
         const cachedSpace = matrix.spaces.get(roomId);
 
@@ -162,7 +164,7 @@ export default function Explore() {
                 spaceHierarchy.splice(0, 0, cachedSpace);
             }
         } else {
-            await getHierarchyFromServer(roomId);
+            spaceHierarchy = await getHierarchyFromServer(roomId);
         }
 
         setSelectedSpaceChildren((prevState) => {

From a9184f7aad896924c8ba4b5556eeea3b8e35da8f Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Fri, 2 Feb 2024 12:12:16 +0100
Subject: [PATCH 403/714] chore: remove unused import

---
 pages/etherpad/[[...roomId]].js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/pages/etherpad/[[...roomId]].js b/pages/etherpad/[[...roomId]].js
index ab302ee0..78f26632 100644
--- a/pages/etherpad/[[...roomId]].js
+++ b/pages/etherpad/[[...roomId]].js
@@ -10,7 +10,6 @@ import ErrorMessage from '../../components/UI/ErrorMessage';
 import DefaultLayout from '../../components/layouts/default';
 import { ServiceSubmenu } from '../../components/UI/ServiceSubmenu';
 import { ServiceTable } from '../../components/UI/ServiceTable';
-import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
 import LoadingSpinner from '../../components/UI/LoadingSpinner';
 import ServiceIframeHeader from '../../components/UI/ServiceIframeHeader';
 import logger from '../../lib/Logging';

From cfc64e58fcd67e3aa5be6bf1fd9a5271b5367ca3 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Fri, 2 Feb 2024 12:33:16 +0100
Subject: [PATCH 404/714] refactor: grab name of room/space directly from
 object,

---
 pages/explore/[[...roomId]].js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index c97bc337..1b55a402 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -238,7 +238,7 @@ export default function Explore() {
                 <DefaultLayout.Wrapper>
                     <ServiceIframeHeader
                         content={window.location.href}
-                        title={matrix.spaces.get(router.query.roomId[0])?.name || matrix.rooms.get(router.query.roomId[0])?.name || selectedSpaceChildren[selectedSpaceChildren.length - 1][0].name}
+                        title={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].name}
                         removingLink={false}
                         roomId={roomId}
                         manageContextActionToggle={manageContextActionToggle}

From 1312ab3a2a3799676e3c0526435a4a7b93928eb9 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Fri, 2 Feb 2024 12:45:58 +0100
Subject: [PATCH 405/714] refactor: show loading spinner next to service link
 if content is fetching

---
 components/UI/ServiceLink.js | 11 ++++++++---
 pages/explore/TreeLeaves.js  | 36 ++++++++++++++++--------------------
 2 files changed, 24 insertions(+), 23 deletions(-)

diff --git a/components/UI/ServiceLink.js b/components/UI/ServiceLink.js
index 40c4db58..5a2ad944 100644
--- a/components/UI/ServiceLink.js
+++ b/components/UI/ServiceLink.js
@@ -6,6 +6,7 @@ import { LockIcon } from '@remixicons/react/line';
 
 import { ServiceTable } from './ServiceTable';
 import Icon from './Icon';
+import LoadingSpinnerInline from './LoadingSpinnerInline';
 
 const LockIconWrapper = styled(Icon)`
   position: relative;
@@ -47,7 +48,7 @@ const NotificationBadge = styled.span`
   }
 `;
 
-const ServiceLink = forwardRef(({ roomId, href, name, selected, path, passwordProtected, thumbnail, notificationCount }, ref) => {
+const ServiceLink = forwardRef(({ roomId, href, name, selected, path, passwordProtected, thumbnail, notificationCount, small, isFetchingContent }, ref) => {
     const { t } = useTranslation();
 
     return (
@@ -57,12 +58,16 @@ const ServiceLink = forwardRef(({ roomId, href, name, selected, path, passwordPr
                     <Thumbnail src={thumbnail} alt={name} />
                 </ServiceTable.Cell>
             ) }
-            <ServiceTable.Cell width="100%">
+            <ServiceTable.Cell
+                width="100%"
+                small={small}
+            >
                 <Link
                     ref={ref}
                     href={href}
                 >
                     { name }
+                    { isFetchingContent === roomId && <LoadingSpinnerInline /> }
                     { /* Show a lock icon if this Link is password protected */ }
                     { passwordProtected && <LockIconWrapper title={t('password protected')}><LockIcon /></LockIconWrapper> }
                 </Link>
@@ -76,7 +81,7 @@ const ServiceLink = forwardRef(({ roomId, href, name, selected, path, passwordPr
                 </ServiceTable.Cell>
             ) }
             { /* Tell if this is our active item by displaying an arrow */ }
-            { selected && <ServiceTable.Cell align="right">→</ServiceTable.Cell> }
+            { selected && !isFetchingContent && <ServiceTable.Cell align="right">→</ServiceTable.Cell> }
         </ServiceTable.Row>
     );
 });
diff --git a/pages/explore/TreeLeaves.js b/pages/explore/TreeLeaves.js
index f3d014fe..9ab01f48 100644
--- a/pages/explore/TreeLeaves.js
+++ b/pages/explore/TreeLeaves.js
@@ -1,38 +1,34 @@
 import { useRouter } from 'next/router';
 import React from 'react';
-import Link from 'next/link';
 import getConfig from 'next/config';
 
-import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
-import { ServiceTable } from '../../components/UI/ServiceTable';
 import LoadingSpinner from '../../components/UI/LoadingSpinner';
+import ServiceLink from '../../components/UI/ServiceLink';
 
 const TreeLeaves = ({ leaf, selectedRoomId, isFetchingContent, small, isChat }) => {
     const router = useRouter();
+    if (!leaf) return <LoadingSpinner />;
+
     const roomId = leaf.id || leaf.room_id || leaf.roomId;
     const parentId = leaf.parent.id || leaf.parent.room_id || leaf.parent.roomId;
     const template = leaf.meta?.template;
-    if (!leaf) return <LoadingSpinner />;
+    // if the room is a chat or service we want to show a different icon
+    const name = isChat ? '💬 ' + leaf.name
+        : template === 'etherpad' ? '📝 ' + leaf.name
+            : template === 'spacedeck' ? '🎨 ' + leaf.name
+                : template === 'studentproject' ? '🎓 ' + leaf.name : leaf.name;
     // if an iframe is open we only want to show items in the list
     if (selectedRoomId && leaf.type !== 'item') return null;
 
     return (
-        <ServiceTable.Row key={roomId} disabled={isFetchingContent}>
-            <ServiceTable.Cell
-                disabled={isFetchingContent}
-                selected={router.query.roomId[1] === roomId|| router.query.roomId[0] === roomId}
-                small={small}
-            >
-                <Link disabled={isFetchingContent} href={getConfig().publicRuntimeConfig.templates?.item.includes(template) || isChat ? `/explore/${parentId}/${roomId}` : `/explore/${roomId}`}>{ leaf.name }{ isFetchingContent === roomId && <LoadingSpinnerInline /> }</Link>
-            </ServiceTable.Cell>
-            <ServiceTable.Cell title={isChat ? 'chat' : template}>
-                { isChat ? '💬'
-                    : template === 'etherpad' ? '📝'
-                        : template === 'spacedeck' ? '🎨'
-                            : template === 'studentproject' && '🎓'
-                }
-            </ServiceTable.Cell>
-        </ServiceTable.Row>
+        <ServiceLink
+            small={small}
+            roomId={roomId}
+            href={getConfig().publicRuntimeConfig.templates?.item.includes(template) || isChat ? `/explore/${parentId}/${roomId}` : `/explore/${roomId}`}
+            name={name}
+            isFetchingContent={isFetchingContent}
+            selected={router.query.roomId[1] === roomId || router.query.roomId[0] === roomId}
+        />
     );
 };
 

From 99d9a0595d20382ad0b5efa272075d7ec3f4de1e Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Fri, 2 Feb 2024 12:55:46 +0100
Subject: [PATCH 406/714] fix: make sure list is updated when content was taken
 from cache

---
 pages/explore/[[...roomId]].js                    | 9 +++++----
 pages/explore/manage-room/ExploreMatrixActions.js | 2 +-
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index e8991f44..7ed525ee 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -63,6 +63,8 @@ export default function Explore() {
 
         return roomId === iframeRoomId;
     }).meta?.template;
+    const cachedSpace = matrix.spaces.get(roomId);
+
     // Redirect to the default room if no roomId is provided
     useEffect(() => {
         if (!roomId) {
@@ -141,9 +143,8 @@ export default function Explore() {
 
         // initialise the spaceHierarchy array which is either filled by our cache or the server
         let spaceHierarchy = [];
-        // check our local state for cached data
-        const cachedSpace = matrix.spaces.get(roomId);
 
+        // if a cached space exists, we can use it to get the children
         if (cachedSpace) {
             if (cachedSpace.children) {
                 for await (const roomId of cachedSpace.children) {
@@ -189,7 +190,7 @@ export default function Explore() {
             // If indexOfParent is still null, simply add the new spaceHierarchy to the end of the array
             return [...prevState, spaceHierarchy];
         });
-    }, [auth, matrix, matrixClient, selectedSpaceChildren, t]);
+    }, [auth, matrix, matrixClient, selectedSpaceChildren, t, cachedSpace]);
 
     // Handle route changes and fetch room content
     useEffect(() => {
@@ -209,7 +210,7 @@ export default function Explore() {
         return () => {
             cancelled = true;
         };
-    }, [router.query?.roomId, matrix.initialSyncDone]);
+    }, [router.query?.roomId, matrix.initialSyncDone, cachedSpace]);
 
     if (typeof window === 'undefined') return <LoadingSpinner />;
 
diff --git a/pages/explore/manage-room/ExploreMatrixActions.js b/pages/explore/manage-room/ExploreMatrixActions.js
index b8d20267..9853f92a 100644
--- a/pages/explore/manage-room/ExploreMatrixActions.js
+++ b/pages/explore/manage-room/ExploreMatrixActions.js
@@ -79,7 +79,7 @@ const RenderSwitch = ({ currentId, parentId, roomName, setManageContextActionTog
     const onCancel = () => {
         setSelectedRadioButton('');
         setSelectedAction('');
-        setManageContextActionToggle(prevState => !prevState);
+        setManageContextActionToggle(false); // close the manage context action menu
     };
 
     switch (selectedAction) {

From 164a040523b02bb9d0b91b08709f1866b1e24a3e Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Fri, 2 Feb 2024 13:23:55 +0100
Subject: [PATCH 407/714] fix: previous buttons should only return one step and
 not close menu

---
 .../explore/manage-room/AddExistingContext.js | 10 ++++--
 pages/explore/manage-room/AddExistingItem.js  |  4 +--
 .../manage-room/AddOrCreateChat/index.js      |  4 +--
 pages/explore/manage-room/ChangeJoinRule.js   |  4 +--
 pages/explore/manage-room/ChangeTopic.js      | 17 ++++++---
 pages/explore/manage-room/CreateContext.js    |  4 +--
 .../manage-room/ExploreMatrixActions.js       | 35 +++++++++++--------
 pages/explore/manage-room/LeaveRoom.js        |  4 +--
 .../manage-room/RemoveSpaceFromParent.js      |  4 ++-
 pages/explore/manage-room/UserManagement.js   |  5 +--
 public/locales/de/explore.json                |  3 +-
 11 files changed, 59 insertions(+), 35 deletions(-)

diff --git a/pages/explore/manage-room/AddExistingContext.js b/pages/explore/manage-room/AddExistingContext.js
index 9b5761af..73303b01 100644
--- a/pages/explore/manage-room/AddExistingContext.js
+++ b/pages/explore/manage-room/AddExistingContext.js
@@ -25,7 +25,7 @@ import LoadingSpinnerInline from '../../../components/UI/LoadingSpinnerInline';
  *
 */
 
-const AddExistingContext = ({ parentId, parentName, contextRootId, onCancel }) => {
+const AddExistingContext = ({ parentId, parentName, contextRootId, onPreviousAction, onCancel }) => {
     const auth = useAuth();
     const matrix = auth.getAuthenticationProvider('matrix');
     const [activeContexts, setActiveContexts] = useState([contextRootId]);
@@ -44,6 +44,7 @@ const AddExistingContext = ({ parentId, parentName, contextRootId, onCancel }) =
                 setErrorMessage(t('At least one of the contexts is not selected properly'));
                 setIsAddingAllowed(false);
             }
+
             if (parentId && activeContexts[activeContexts.length - 1] && parentId !== activeContexts[activeContexts.length - 1]) {
                 setErrorMessage('');
                 setIsAddingAllowed(true);
@@ -51,15 +52,18 @@ const AddExistingContext = ({ parentId, parentName, contextRootId, onCancel }) =
                 setErrorMessage(t('You cannot add a context to itself.'));
                 setIsAddingAllowed(false);
             }
+
             if (contextRootId === activeContexts[activeContexts.length - 1]) {
                 setErrorMessage(t(''));
                 setIsAddingAllowed(false);
             }
+
             if (parentId === activeContexts[activeContexts.length - 2]) {
                 setErrorMessage(t('{{child}} is already part of {{parent}}', { child: selectedContextName, parent: parentName }));
                 setIsAddingAllowed(false);
             }
         };
+
         validateContextRelationship();
     }, [activeContexts, contextRootId, parentId, parentName, selectedContextName, t]);
 
@@ -72,11 +76,13 @@ const AddExistingContext = ({ parentId, parentName, contextRootId, onCancel }) =
 
                 return;
             });
+
         if (call?.event_id) {
             // call worked as expected
             alert(t('{{selectedContextName}} was successfully added to {{parentName}}', { selectedContextName: selectedContextName, parentName: parentName }));
             cleanUp();
         }
+
         setIsLoading(false);
     };
 
@@ -97,7 +103,7 @@ const AddExistingContext = ({ parentId, parentName, contextRootId, onCancel }) =
             { errorMessage && <ErrorMessage>{ errorMessage }</ErrorMessage> }
             <PreviousNextButtons
                 disableNext={!isAddingAllowed}
-                onCancel={cleanUp}>{ isLoading ? <LoadingSpinnerInline inverted /> : t('add') }
+                onCancel={onPreviousAction}>{ isLoading ? <LoadingSpinnerInline inverted /> : t('add') }
             </PreviousNextButtons>
         </Form>
     );
diff --git a/pages/explore/manage-room/AddExistingItem.js b/pages/explore/manage-room/AddExistingItem.js
index fe4034d2..2da4bd19 100644
--- a/pages/explore/manage-room/AddExistingItem.js
+++ b/pages/explore/manage-room/AddExistingItem.js
@@ -18,7 +18,7 @@ import Form from '../../../components/UI/Form';
  * @returns {JSX.Element} JSX element representing the "Add Existing Item" component.
  */
 
-const AddExistingItem = ({ currentId, onCancel }) => {
+const AddExistingItem = ({ currentId, onPreviousAction, onCancel }) => {
     const auth = useAuth();
     const matrix = useMatrix();
     const matrixAuthed = auth.getAuthenticationProvider('matrix');
@@ -62,7 +62,7 @@ const AddExistingItem = ({ currentId, onCancel }) => {
             <CachedContextMultiLevelSelect onChange={onLevelSelect} activeContexts={selectedLevels} />
             <PreviousNextButtons
                 disableNext={isAddingContext || !isItem}
-                onCancel={onCancel}>{ isAddingContext ? <LoadingSpinnerInline inverted /> : t('add') }
+                onCancel={onPreviousAction}>{ isAddingContext ? <LoadingSpinnerInline inverted /> : t('add') }
             </PreviousNextButtons>
             { errorMessage && <ErrorMessage>{ errorMessage }</ErrorMessage> }
         </Form>
diff --git a/pages/explore/manage-room/AddOrCreateChat/index.js b/pages/explore/manage-room/AddOrCreateChat/index.js
index 7c7979a6..e3fa7dac 100644
--- a/pages/explore/manage-room/AddOrCreateChat/index.js
+++ b/pages/explore/manage-room/AddOrCreateChat/index.js
@@ -16,7 +16,7 @@ import AddNewChat from './AddNewChat';
  * @param {Function} onCancel - A callback function to cancel the action.
  * @returns {JSX.Element}
  */
-const CreateChatOptions = ({ currentId, parentName, getSpaceChildren, onCancel }) => {
+const CreateChatOptions = ({ currentId, parentName, getSpaceChildren, onPreviousAction, onCancel }) => {
     const matrix = useMatrix();
     const [selectedRadioButton, setSelectedRadioButton] = useState('');
     const [selectedOption, setSelectedOption] = useState(''); // 'existing' or 'new'
@@ -75,7 +75,7 @@ const CreateChatOptions = ({ currentId, parentName, getSpaceChildren, onCancel }
             >
                 { t('Create New Room') }
             </RadioButton>
-            <PreviousNextButtons disableNext={!selectedRadioButton} onCancel={handleCancel} />
+            <PreviousNextButtons disableNext={!selectedRadioButton} onCancel={onPreviousAction} />
         </Form>
     );
 };
diff --git a/pages/explore/manage-room/ChangeJoinRule.js b/pages/explore/manage-room/ChangeJoinRule.js
index d3b0bddd..5683b74b 100644
--- a/pages/explore/manage-room/ChangeJoinRule.js
+++ b/pages/explore/manage-room/ChangeJoinRule.js
@@ -17,7 +17,7 @@ import LoadingSpinnerInline from '../../../components/UI/LoadingSpinnerInline';
  * @returns {JSX.Element} - The rendered component.
  */
 
-const JoinRuleChanger = ({ roomId, roomName, onCancel }) => {
+const JoinRuleChanger = ({ roomId, roomName, onPreviousAction, onCancel }) => {
     const matrixClient = useAuth().getAuthenticationProvider('matrix').getMatrixClient();
     const currentJoinRule = matrixClient.getRoom(roomId).getJoinRule();
     const [joinRule, setJoinRule] = useState(currentJoinRule);
@@ -55,7 +55,7 @@ const JoinRuleChanger = ({ roomId, roomName, onCancel }) => {
             </select>
             <PreviousNextButtons
                 disableNext={joinRule === currentJoinRule || changingJoinRule}
-                onCancel={onCancel}>{ changingJoinRule ? <LoadingSpinnerInline inverted /> : t('Change Join Rule') }
+                onCancel={onPreviousAction}>{ changingJoinRule ? <LoadingSpinnerInline inverted /> : t('Change Join Rule') }
             </PreviousNextButtons>
             { errorMessage && <ErrorMessage>{ errorMessage }</ErrorMessage> }
         </Form>
diff --git a/pages/explore/manage-room/ChangeTopic.js b/pages/explore/manage-room/ChangeTopic.js
index bfb461e9..e3699d07 100644
--- a/pages/explore/manage-room/ChangeTopic.js
+++ b/pages/explore/manage-room/ChangeTopic.js
@@ -1,6 +1,7 @@
 import React, { useCallback, useEffect, useState } from 'react';
 import { styled } from 'styled-components';
 import { useTranslation } from 'react-i18next';
+import { CheckIcon } from '@remixicons/react/line';
 
 import { useAuth } from '../../../lib/Auth';
 import PreviousNextButtons from '../../../components/UI/PreviousNextButtons';
@@ -20,11 +21,12 @@ const TopicInput = styled.textarea`
   appearance: none;
 `;
 
-const ChangeTopic = ({ roomId, onCancel }) => {
+const ChangeTopic = ({ roomId, onPreviousAction, onCancel }) => {
     const matrixClient = useAuth().getAuthenticationProvider('matrix').getMatrixClient();
     const [newTopic, setNewTopic] = useState('');
     const [isUpdating, setIsUpdating] = useState(false);
     const [currentTopic, setCurrentTopic] = useState('');
+    const [successMessage, setSuccessMessage] = useState('');
     const [errorMessage, setErrorMessage] = useState('');
     const { t } = useTranslation('explore');
 
@@ -58,7 +60,7 @@ const ChangeTopic = ({ roomId, onCancel }) => {
         if (!newTopic || isUpdating) return;
 
         setIsUpdating(true);
-
+        setErrorMessage('');
         // Use the Matrix client to set the new topic for the room
         const sendTopic = await matrixClient.sendStateEvent(roomId, 'm.room.topic', { topic: newTopic })
             .catch(error => {
@@ -67,9 +69,15 @@ const ChangeTopic = ({ roomId, onCancel }) => {
 
         // fetch topic again and set states
         await getCurrentTopic();
+
         // Reset the input field and update status
         setIsUpdating(false);
-        if (sendTopic) setErrorMessage('');
+        console.log(sendTopic);
+
+        if (sendTopic.event_id) {
+            setSuccessMessage('Topic was successfully updated');
+            // _.delay(() => onCancel(), 2000);
+        }
     };
 
     return (
@@ -84,7 +92,8 @@ const ChangeTopic = ({ roomId, onCancel }) => {
                 placeholder={t('Enter a new topic')}
             />
 
-            <PreviousNextButtons onCancel={onCancel} disableNext={isUpdating || currentTopic === newTopic} />
+            <PreviousNextButtons onCancel={onPreviousAction} disableNext={isUpdating || currentTopic === newTopic} />
+            { successMessage && <p>{ t(successMessage) } + <CheckIcon /></p> }
             { errorMessage && <ErrorMessage>{ errorMessage }</ErrorMessage> }
         </Form>
     );
diff --git a/pages/explore/manage-room/CreateContext.js b/pages/explore/manage-room/CreateContext.js
index c00099c7..0b64207b 100644
--- a/pages/explore/manage-room/CreateContext.js
+++ b/pages/explore/manage-room/CreateContext.js
@@ -11,7 +11,7 @@ import Form from '../../../components/UI/Form';
 import PreviousNextButtons from '../../../components/UI/PreviousNextButtons';
 import LoadingSpinnerInline from '../../../components/UI/LoadingSpinnerInline';
 
-const CreateContext = ({ currentId, onCancel, getSpaceChildren }) => {
+const CreateContext = ({ currentId, onCancel, getSpaceChildren, onPreviousAction }) => {
     const auth = useAuth();
     const matrix = useMatrix();
 
@@ -100,7 +100,7 @@ const CreateContext = ({ currentId, onCancel, getSpaceChildren }) => {
             }
             <PreviousNextButtons
                 disableNext={isLoading || !name || !template}
-                onCancel={onCancel}>{ isLoading ? <LoadingSpinnerInline inverted /> : t('create') }
+                onCancel={onPreviousAction}>{ isLoading ? <LoadingSpinnerInline inverted /> : t('create') }
             </PreviousNextButtons>
         </Form>
 
diff --git a/pages/explore/manage-room/ExploreMatrixActions.js b/pages/explore/manage-room/ExploreMatrixActions.js
index 9853f92a..0e4be94b 100644
--- a/pages/explore/manage-room/ExploreMatrixActions.js
+++ b/pages/explore/manage-room/ExploreMatrixActions.js
@@ -76,10 +76,9 @@ const RenderSwitch = ({ currentId, parentId, roomName, setManageContextActionTog
 
     const { t } = useTranslation();
 
-    const onCancel = () => {
+    const onPreviousAction = () => {
         setSelectedRadioButton('');
         setSelectedAction('');
-        setManageContextActionToggle(false); // close the manage context action menu
     };
 
     switch (selectedAction) {
@@ -87,22 +86,26 @@ const RenderSwitch = ({ currentId, parentId, roomName, setManageContextActionTog
             return <CreateContext currentId={currentId}
                 parentId={parentId}
                 getSpaceChildren={getSpaceChildren}
-                onCancel={onCancel} />;
+                onPreviousAction={onPreviousAction}
+                onCancel={() => setManageContextActionToggle(false)} />;
         case 'existingItem':
             return <AddExistingItem currentId={currentId}
                 currentName={roomName}
-                onCancel={onCancel} />;
+                onPreviousAction={onPreviousAction}
+                onCancel={() => setManageContextActionToggle(false)} />;
         case 'existingContext':
             return <AddExistingContext parentId={currentId}
                 parentName={roomName}
                 contextRootId={getConfig().publicRuntimeConfig.contextRootSpaceRoomId}
-                onCancel={onCancel} />;
+                onPreviousAction={onPreviousAction}
+                onCancel={() => setManageContextActionToggle(false)} />;
         case 'addOrCreateChat':
             return <CreateChatOptions
                 currentId={currentId}
                 parentName={roomName}
                 getSpaceChildren={getSpaceChildren}
-                onCancel={onCancel}
+                onPreviousAction={onPreviousAction}
+                onCancel={() => setManageContextActionToggle(false)}
             />;
         case 'removeSpace':
             return <RemoveSpaceFromParent
@@ -111,27 +114,32 @@ const RenderSwitch = ({ currentId, parentId, roomName, setManageContextActionTog
                 parentName={roomName}
                 spaceChildren={spaceChildren}
                 getSpaceChildren={getSpaceChildren}
-                onCancel={onCancel} />;
+                onPreviousAction={onPreviousAction}
+                onCancel={() => setManageContextActionToggle(false)} />;
         case 'manageUsers':
             return <UserManagement roomId={currentId}
                 roomName={roomName}
-                onCancel={onCancel} />;
+                onPreviousAction={onPreviousAction}
+                onCancel={() => setManageContextActionToggle(false)} />;
         case 'leaveRoom':
             return <LeaveRoom roomId={currentId}
                 roomName={roomName}
                 parentId={parentId}
-                onCancel={onCancel} />;
+                onPreviousAction={onPreviousAction}
+                onCancel={() => setManageContextActionToggle(false)} />;
 
         case 'changeJoinRule':
             return <ChangeJoinRule
                 roomId={currentId}
                 roomName={roomName}
-                onCancel={onCancel} />;
+                onPreviousAction={onPreviousAction}
+                onCancel={() => setManageContextActionToggle(false)} />;
 
         case 'changeTopic':
             return <ChangeTopic
                 roomId={currentId}
-                onCancel={onCancel} />;
+                onPreviousAction={onPreviousAction}
+                onCancel={() => setManageContextActionToggle(false)} />;
         default:
             return <Form
                 onSubmit={(e) => {
@@ -188,10 +196,7 @@ const RenderSwitch = ({ currentId, parentId, roomName, setManageContextActionTog
                     disabled={!selectedRadioButton}
                     disableNext={selectedAction}
                     disablePrev={!selectedAction}
-                    onCancel={() => {
-                        setSelectedRadioButton('');
-                        setSelectedAction('');
-                    }}
+                    onCancel={onPreviousAction}
                 />
             </Form>;
     }
diff --git a/pages/explore/manage-room/LeaveRoom.js b/pages/explore/manage-room/LeaveRoom.js
index e779384c..d5369472 100644
--- a/pages/explore/manage-room/LeaveRoom.js
+++ b/pages/explore/manage-room/LeaveRoom.js
@@ -17,7 +17,7 @@ import PreviousNextButtons from '../../../components/UI/PreviousNextButtons';
  * @param {Function} onCancel - Callback function to cancel the operation.
  * @returns {JSX.Element} - The rendered component.
  */
-const LeaveRoom = ({ roomId, parentId, roomName, onCancel }) => {
+const LeaveRoom = ({ roomId, parentId, roomName, onPreviousAction, onCancel }) => {
     const auth = useAuth();
     const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
     const [isLeaving, setIsLeaving] = useState(false);
@@ -49,7 +49,7 @@ const LeaveRoom = ({ roomId, parentId, roomName, onCancel }) => {
 
             <PreviousNextButtons
                 disableNext={isLeaving}
-                onCancel={onCancel}
+                onCancel={onPreviousAction}
                 warning
             >
                 { isLeaving ? <LoadingSpinnerInline inverted /> : t('Leave') }
diff --git a/pages/explore/manage-room/RemoveSpaceFromParent.js b/pages/explore/manage-room/RemoveSpaceFromParent.js
index c1f10c83..819844d2 100644
--- a/pages/explore/manage-room/RemoveSpaceFromParent.js
+++ b/pages/explore/manage-room/RemoveSpaceFromParent.js
@@ -43,6 +43,7 @@ const RemoveSpaceFromParent = ({
     currentId,
     parentName,
     getSpaceChildren,
+    onPreviousAction,
     onCancel,
 }) => {
     const auth = useAuth();
@@ -109,7 +110,8 @@ const RemoveSpaceFromParent = ({
 
             <PreviousNextButtons
                 disableNext={itemsToRemove.length === 0}
-                onCancel={onCancel}>{ isRemovingChild ? <LoadingSpinnerInline inverted /> : `${t('remove') } ${itemsToRemove.length > 0 ? itemsToRemove.length : ''}` }
+                onCancel={onPreviousAction}>
+                { isRemovingChild ? <LoadingSpinnerInline inverted /> : `${t('remove') } ${itemsToRemove.length > 0 ? itemsToRemove.length : ''}` }
             </PreviousNextButtons>
 
         </Form>
diff --git a/pages/explore/manage-room/UserManagement.js b/pages/explore/manage-room/UserManagement.js
index 95c5ffb2..6f674dfb 100644
--- a/pages/explore/manage-room/UserManagement.js
+++ b/pages/explore/manage-room/UserManagement.js
@@ -21,7 +21,7 @@ const RoleSelect = styled.select`
   border: unset;
 `;
 
-const UserManagement = ({ roomId, roomName, onCancel }) => {
+const UserManagement = ({ roomId, roomName, onPreviousAction, onCancel }) => {
     console.log(roomId);
     const [errorMessage, setErrorMessage] = useState('');
     const auth = useAuth();
@@ -98,10 +98,11 @@ const UserManagement = ({ roomId, roomName, onCancel }) => {
 
         <PreviousNextButtons
             disableNext={true}
-            onCancel={onCancel} />
+            onCancel={onPreviousAction} />
     </>
     );
 };
+
 export default UserManagement;
 
 function UserTableRow({ displayName, userId, roomName, powerLevel, selfPowerLevel, handleKick, changePowerLevel }) {
diff --git a/public/locales/de/explore.json b/public/locales/de/explore.json
index b9db6ce1..e6acf4a1 100644
--- a/public/locales/de/explore.json
+++ b/public/locales/de/explore.json
@@ -1,4 +1,5 @@
 {
     "Change Join Rule for": "Join-Regel ändern für",
-    "No context templates defined, please contact the administrator": "Es sind keine Kontextvorlagen definiert. Bitte kontaktiere den Administrator."
+    "No context templates defined, please contact the administrator": "Es sind keine Kontextvorlagen definiert. Bitte kontaktiere den Administrator.",
+    "Topic was successfully updated.": "Thema wurde erfolgreich aktualisiert."
 }

From 610ca2378712e7c7d28533f6b7496076fba7a27d Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Fri, 2 Feb 2024 13:44:12 +0100
Subject: [PATCH 408/714] refactor: close context action menu automatically if
 power level is null

---
 pages/explore/[[...roomId]].js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 7ed525ee..9590f42b 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -198,7 +198,7 @@ export default function Explore() {
 
         const onRouterChange = async () => {
             setIsFetchingContent(roomId);
-            setManageContextActionToggle(false);
+            !myPowerLevel && setManageContextActionToggle(false);
             await getSpaceChildren(null, roomId);
             setIsFetchingContent(false);
         };

From cedcc6eb5d2061387dd00e4a1400a57ba2a535be Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Fri, 2 Feb 2024 15:41:44 +0100
Subject: [PATCH 409/714] refactor: disable rooms which already have been added
 to the parent

---
 pages/explore/manage-room/AddOrCreateChat/AddExistingChat.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/pages/explore/manage-room/AddOrCreateChat/AddExistingChat.js b/pages/explore/manage-room/AddOrCreateChat/AddExistingChat.js
index ee36ae67..09645b00 100644
--- a/pages/explore/manage-room/AddOrCreateChat/AddExistingChat.js
+++ b/pages/explore/manage-room/AddOrCreateChat/AddExistingChat.js
@@ -46,7 +46,9 @@ export default function AddExistingChat({ allChatRooms, handleCancel, currentId,
         <select onChange={(e) => setSelectedRoom(e.target.value)}>
             <option disabled selected value="">-- { t('Choose Chat Room') } --</option>
             { allChatRooms.map(room => {
-                return <option key={room.roomId} value={room.roomId}>{ room.name }</option>;
+                const disabled = matrix.spaces.get(currentId).children?.includes(room.roomId);
+
+                return <option key={room.roomId} disabled={disabled} value={room.roomId}>{ room.name }</option>;
             }) }
         </select>
         { errorMessage && <ErrorMessage>{ errorMessage }</ErrorMessage> }

From 83e4a44e9403b5e0b05b197fbb460fff3c4ae867 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Fri, 2 Feb 2024 15:47:34 +0100
Subject: [PATCH 410/714] refactor: disable items which already have been added
 to the parent

---
 components/CachedContextMultiLevelSelect.js  | 13 +++++++++----
 pages/explore/manage-room/AddExistingItem.js |  2 +-
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/components/CachedContextMultiLevelSelect.js b/components/CachedContextMultiLevelSelect.js
index 9200a222..84c70d98 100644
--- a/components/CachedContextMultiLevelSelect.js
+++ b/components/CachedContextMultiLevelSelect.js
@@ -1,4 +1,3 @@
-
 import React, { useCallback, useEffect, useState } from 'react';
 import _ from 'lodash';
 
@@ -6,7 +5,7 @@ import { useAuth } from '../lib/Auth';
 import { useMatrix } from '../lib/Matrix';
 import LoadingSpinnerInline from './UI/LoadingSpinnerInline';
 
-const CachedContextMultiLevelSelectSingleLevel = ({ parentSpaceRoomId, selectedContextRoomId, onSelect, onFetchedChildren, templatePlaceholderMapping, templatePrefixFilter, sortAlphabetically, showTopics }) => {
+const CachedContextMultiLevelSelectSingleLevel = ({ parentSpaceRoomId, selectedContextRoomId, onSelect, onFetchedChildren, templatePlaceholderMapping, templatePrefixFilter, sortAlphabetically, showTopics, rootId }) => {
     const auth = useAuth();
     const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
     const matrix = useMatrix(auth.getAuthenticationProvider('matrix'));
@@ -23,6 +22,7 @@ const CachedContextMultiLevelSelectSingleLevel = ({ parentSpaceRoomId, selectedC
             const spaceCache = await matrix.spaces.get(parentSpaceRoomId) || await matrix.rooms.get(parentSpaceRoomId);
             if (!spaceCache) return;
             setParentSpaceMetaEvent(spaceCache.meta);
+
             for (const room of spaceCache.children) {
                 const roomObject = matrix.spaces.get(room) || matrix.rooms.get(room);
                 // // If this is not a context, ignore this space child
@@ -32,9 +32,11 @@ const CachedContextMultiLevelSelectSingleLevel = ({ parentSpaceRoomId, selectedC
                 // // ... otherwise show this space child:
                 newChildContexts.push(roomObject);
             }
+
             if (sortAlphabetically) {
                 newChildContexts = _.sortBy(newChildContexts, 'name');
             }
+
             if (!isSubscribed) return;
             onFetchedChildren(newChildContexts.length > 0);
             setChildContexts(newChildContexts);
@@ -81,8 +83,9 @@ const CachedContextMultiLevelSelectSingleLevel = ({ parentSpaceRoomId, selectedC
                 // if room is undefined we jumop to the next one
                 // this can happen when for example a room was not removed as a space child from its parent but is already deleted
                 if (!room) return;
+                const disabled = matrix.spaces.get(rootId).children?.includes(room.roomId);
 
-                return <option key={key} value={room.roomId}>
+                return <option key={key} disabled={disabled} value={room.roomId}>
                     { room.name }
                     { showTopics && room.topic && (` (${room.topic})`) }
                 </option>;
@@ -101,10 +104,11 @@ const CachedContextMultiLevelSelectSingleLevel = ({ parentSpaceRoomId, selectedC
  * @param {boolean} sortAlphabetically - If entries should be ordered alphabetically
  * @param {Object} templatePlaceholderMapping - Optional object containing placeholders for each <select> based on the `dev.medienhaus.meta.template` of the parent context
  * @param {string} templatePrefixFilter - Optional prefix to filter contexts by their templates
+ * @param {string} rootId - The root context from where to start fetching room hierarchies
  *
  * @return {React.ReactElement}
  */
-const CachedContextMultiLevelSelect = ({ activeContexts, onChange, showTopics, sortAlphabetically, templatePlaceholderMapping, templatePrefixFilter }) => {
+const CachedContextMultiLevelSelect = ({ activeContexts, onChange, showTopics, sortAlphabetically, templatePlaceholderMapping, templatePrefixFilter, rootId }) => {
     const onSelect = useCallback((parentContextRoomId, selectedChildContextRoomId) => {
         const newActiveContexts = [...activeContexts.splice(0, activeContexts.findIndex((contextRoomId) => contextRoomId === parentContextRoomId) + 1)];
         if (selectedChildContextRoomId) newActiveContexts.push(selectedChildContextRoomId);
@@ -130,6 +134,7 @@ const CachedContextMultiLevelSelect = ({ activeContexts, onChange, showTopics, s
                     sortAlphabetically={sortAlphabetically}
                     templatePlaceholderMapping={templatePlaceholderMapping}
                     templatePrefixFilter={templatePrefixFilter}
+                    rootId={rootId}
                 />
             )) }
         </>
diff --git a/pages/explore/manage-room/AddExistingItem.js b/pages/explore/manage-room/AddExistingItem.js
index 2da4bd19..2b6ac08f 100644
--- a/pages/explore/manage-room/AddExistingItem.js
+++ b/pages/explore/manage-room/AddExistingItem.js
@@ -59,7 +59,7 @@ const AddExistingItem = ({ currentId, onPreviousAction, onCancel }) => {
     return (
         <Form
             onSubmit={addItemToContext}>
-            <CachedContextMultiLevelSelect onChange={onLevelSelect} activeContexts={selectedLevels} />
+            <CachedContextMultiLevelSelect onChange={onLevelSelect} activeContexts={selectedLevels} rootId={currentId} />
             <PreviousNextButtons
                 disableNext={isAddingContext || !isItem}
                 onCancel={onPreviousAction}>{ isAddingContext ? <LoadingSpinnerInline inverted /> : t('add') }

From a6d706007d8a7efa2507e2c8710bfa6bc60dde3d Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Fri, 2 Feb 2024 15:55:33 +0100
Subject: [PATCH 411/714] fix: chats always displaying loading spinner

---
 components/UI/ServiceLink.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/UI/ServiceLink.js b/components/UI/ServiceLink.js
index 5a2ad944..9c7af11e 100644
--- a/components/UI/ServiceLink.js
+++ b/components/UI/ServiceLink.js
@@ -67,7 +67,7 @@ const ServiceLink = forwardRef(({ roomId, href, name, selected, path, passwordPr
                     href={href}
                 >
                     { name }
-                    { isFetchingContent === roomId && <LoadingSpinnerInline /> }
+                    { roomId && isFetchingContent === roomId && <LoadingSpinnerInline /> }
                     { /* Show a lock icon if this Link is password protected */ }
                     { passwordProtected && <LockIconWrapper title={t('password protected')}><LockIcon /></LockIconWrapper> }
                 </Link>

From 27c26d3cdc6530cfd50228f75361b760b212e12b Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Fri, 2 Feb 2024 15:57:41 +0100
Subject: [PATCH 412/714] refactor: add favourites to ServiceIframeHeader.js

---
 components/UI/ServiceIframeHeader.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/components/UI/ServiceIframeHeader.js b/components/UI/ServiceIframeHeader.js
index cf924965..f2d13f6a 100644
--- a/components/UI/ServiceIframeHeader.js
+++ b/components/UI/ServiceIframeHeader.js
@@ -9,6 +9,7 @@ import TextButton from './TextButton';
 import DefaultLayout from '../layouts/default';
 import { InviteUserToMatrixRoom } from './InviteUsersToMatrixRoom';
 import KnockOnMatrixRoom from './KnockOnMatrixRoom';
+import AddFavourite from './favourites/AddFavourite';
 
 const ToggleButton = styled.button`
   /* unset globally defined button styles; set height to line-height */
@@ -40,6 +41,7 @@ const ServiceIframeHeader = ({ isDeletingPad, deleteContent, title, roomId, myPa
                         setIsInviteUsersOpen(prevState => !prevState);
                     }}
                     inviteUsersOpen={isInviteUsersOpen} /> }
+                <AddFavourite roomId={roomId} />
                 { myPowerLevel && (
                     manageContextActionToggle ? (
                         <ToggleButton onClick={() => {

From 802d4aed3a27d0706c7fcfd768ce5f06952d5f99 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Fri, 2 Feb 2024 17:27:48 +0100
Subject: [PATCH 413/714] refactor: use shadcn components

---
 components/CachedContextMultiLevelSelect.js | 149 ++++++++++++--------
 components/UI/PreviousNextButtons.js        |  47 +++---
 2 files changed, 120 insertions(+), 76 deletions(-)

diff --git a/components/CachedContextMultiLevelSelect.js b/components/CachedContextMultiLevelSelect.js
index 84c70d98..558a2459 100644
--- a/components/CachedContextMultiLevelSelect.js
+++ b/components/CachedContextMultiLevelSelect.js
@@ -4,8 +4,19 @@ import _ from 'lodash';
 import { useAuth } from '../lib/Auth';
 import { useMatrix } from '../lib/Matrix';
 import LoadingSpinnerInline from './UI/LoadingSpinnerInline';
-
-const CachedContextMultiLevelSelectSingleLevel = ({ parentSpaceRoomId, selectedContextRoomId, onSelect, onFetchedChildren, templatePlaceholderMapping, templatePrefixFilter, sortAlphabetically, showTopics, rootId }) => {
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/UI/shadcn/Select';
+
+const CachedContextMultiLevelSelectSingleLevel = ({
+    parentSpaceRoomId,
+    selectedContextRoomId,
+    onSelect,
+    onFetchedChildren,
+    templatePlaceholderMapping,
+    templatePrefixFilter,
+    sortAlphabetically,
+    showTopics,
+    rootId,
+}) => {
     const auth = useAuth();
     const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
     const matrix = useMatrix(auth.getAuthenticationProvider('matrix'));
@@ -19,7 +30,7 @@ const CachedContextMultiLevelSelectSingleLevel = ({ parentSpaceRoomId, selectedC
         // Fetch all child contexts from our storage
         const fetchChildContexts = async () => {
             let newChildContexts = [];
-            const spaceCache = await matrix.spaces.get(parentSpaceRoomId) || await matrix.rooms.get(parentSpaceRoomId);
+            const spaceCache = (await matrix.spaces.get(parentSpaceRoomId)) || (await matrix.rooms.get(parentSpaceRoomId));
             if (!spaceCache) return;
             setParentSpaceMetaEvent(spaceCache.meta);
 
@@ -53,11 +64,17 @@ const CachedContextMultiLevelSelectSingleLevel = ({ parentSpaceRoomId, selectedC
         return () => {
             isSubscribed = false;
         };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [matrixClient, parentSpaceRoomId, sortAlphabetically, templatePlaceholderMapping, templatePrefixFilter]);
 
     if (isLoading) {
-        return <select key="loading" disabled><option><LoadingSpinnerInline /></option></select>;
+        return (
+            <Select key="loading" disabled>
+                <SelectTrigger>
+                    <SelectValue placeholder={<LoadingSpinnerInline />} />
+                </SelectTrigger>
+            </Select>
+        );
     }
 
     if (!childContexts || childContexts.length < 1) {
@@ -65,32 +82,37 @@ const CachedContextMultiLevelSelectSingleLevel = ({ parentSpaceRoomId, selectedC
     }
 
     return (
-        <select
-            value={selectedContextRoomId}
-            onChange={(e) => {
-                onSelect(parentSpaceRoomId, e.target.value);
+        <Select
+            defaultValue={selectedContextRoomId}
+            onValueChange={(value) => {
+                onSelect(parentSpaceRoomId, value);
             }}
         >
-            {
-                (templatePlaceholderMapping && parentSpaceMetaEvent && templatePlaceholderMapping[parentSpaceMetaEvent.template]
-                // If we have a template-specific placeholder, show that...
-                    ? <option disabled value="">{ templatePlaceholderMapping[parentSpaceMetaEvent.template] }</option>
-                // ... otherwise just show an empty placeholder
-                    : <option disabled value="">-- select --</option>
-                )
-            }
-            { Object.entries(childContexts).map(([key, room]) => {
-                // if room is undefined we jumop to the next one
-                // this can happen when for example a room was not removed as a space child from its parent but is already deleted
-                if (!room) return;
-                const disabled = matrix.spaces.get(rootId).children?.includes(room.roomId);
-
-                return <option key={key} disabled={disabled} value={room.roomId}>
-                    { room.name }
-                    { showTopics && room.topic && (` (${room.topic})`) }
-                </option>;
-            }) }
-        </select>
+            <SelectTrigger>
+                {templatePlaceholderMapping && parentSpaceMetaEvent && templatePlaceholderMapping[parentSpaceMetaEvent.template] ? (
+                    // If we have a template-specific placeholder, show that...
+                    <SelectValue placeholder={templatePlaceholderMapping[parentSpaceMetaEvent.template]} />
+                ) : (
+                    // ... otherwise just show an empty placeholder
+                    <SelectValue />
+                )}
+            </SelectTrigger>
+            <SelectContent>
+                {Object.entries(childContexts).map(([key, room]) => {
+                    // if room is undefined we jump to the next one
+                    // this can happen when for example a room was not removed as a space child from its parent but is already deleted
+                    if (!room) return;
+                    const disabled = matrix.spaces.get(rootId).children?.includes(room.roomId);
+
+                    return (
+                        <SelectItem key={key} disabled={disabled} value={room.roomId}>
+                            {room.name}
+                            {showTopics && room.topic && ` (${room.topic})`}
+                        </SelectItem>
+                    );
+                })}
+            </SelectContent>
+        </Select>
     );
 };
 
@@ -108,35 +130,52 @@ const CachedContextMultiLevelSelectSingleLevel = ({ parentSpaceRoomId, selectedC
  *
  * @return {React.ReactElement}
  */
-const CachedContextMultiLevelSelect = ({ activeContexts, onChange, showTopics, sortAlphabetically, templatePlaceholderMapping, templatePrefixFilter, rootId }) => {
-    const onSelect = useCallback((parentContextRoomId, selectedChildContextRoomId) => {
-        const newActiveContexts = [...activeContexts.splice(0, activeContexts.findIndex((contextRoomId) => contextRoomId === parentContextRoomId) + 1)];
-        if (selectedChildContextRoomId) newActiveContexts.push(selectedChildContextRoomId);
-        onChange(newActiveContexts, undefined);
-    }, [activeContexts, onChange]);
-
-    const onFinishedFetchingChildren = useCallback((hasChildren) => {
-        if (onChange.length > 1) {
-            onChange(activeContexts, !hasChildren);
-        }
-    }, [activeContexts, onChange]);
+const CachedContextMultiLevelSelect = ({
+    activeContexts,
+    onChange,
+    showTopics,
+    sortAlphabetically,
+    templatePlaceholderMapping,
+    templatePrefixFilter,
+    rootId,
+}) => {
+    const onSelect = useCallback(
+        (parentContextRoomId, selectedChildContextRoomId) => {
+            const newActiveContexts = [
+                ...activeContexts.splice(0, activeContexts.findIndex((contextRoomId) => contextRoomId === parentContextRoomId) + 1),
+            ];
+            if (selectedChildContextRoomId) newActiveContexts.push(selectedChildContextRoomId);
+            onChange(newActiveContexts, undefined);
+        },
+        [activeContexts, onChange],
+    );
+
+    const onFinishedFetchingChildren = useCallback(
+        (hasChildren) => {
+            if (onChange.length > 1) {
+                onChange(activeContexts, !hasChildren);
+            }
+        },
+        [activeContexts, onChange],
+    );
 
     return (
         <>
-            { activeContexts && activeContexts.map((contextRoomId, i) => (
-                <CachedContextMultiLevelSelectSingleLevel
-                    key={contextRoomId}
-                    onSelect={onSelect}
-                    onFetchedChildren={onFinishedFetchingChildren}
-                    parentSpaceRoomId={contextRoomId}
-                    selectedContextRoomId={activeContexts[i + 1] ?? ''}
-                    showTopics={showTopics}
-                    sortAlphabetically={sortAlphabetically}
-                    templatePlaceholderMapping={templatePlaceholderMapping}
-                    templatePrefixFilter={templatePrefixFilter}
-                    rootId={rootId}
-                />
-            )) }
+            {activeContexts &&
+                activeContexts.map((contextRoomId, i) => (
+                    <CachedContextMultiLevelSelectSingleLevel
+                        key={contextRoomId}
+                        onSelect={onSelect}
+                        onFetchedChildren={onFinishedFetchingChildren}
+                        parentSpaceRoomId={contextRoomId}
+                        selectedContextRoomId={activeContexts[i + 1] ?? ''}
+                        showTopics={showTopics}
+                        sortAlphabetically={sortAlphabetically}
+                        templatePlaceholderMapping={templatePlaceholderMapping}
+                        templatePrefixFilter={templatePrefixFilter}
+                        rootId={rootId}
+                    />
+                ))}
         </>
     );
 };
diff --git a/components/UI/PreviousNextButtons.js b/components/UI/PreviousNextButtons.js
index 0aa358c3..e1fa28f6 100644
--- a/components/UI/PreviousNextButtons.js
+++ b/components/UI/PreviousNextButtons.js
@@ -1,35 +1,36 @@
 import styled from 'styled-components';
 import { useTranslation } from 'react-i18next';
+import { Button } from '@/components/UI/shadcn/Button';
 
 const PreviousNextButtonsWrapper = styled.div`
-  display: grid;
-  grid-template-columns: repeat(2, 1fr);
-  grid-gap: var(--margin);
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    grid-gap: var(--margin);
 
-  &:not(:first-child) {
-    margin-top: var(--margin);
-  }
+    &:not(:first-child) {
+        margin-top: var(--margin);
+    }
 `;
 
 const NextButton = styled.button`
-  color: var(--color-background);
-  background-color: ${props => props.warning ? 'var(--color-notification)' :'var(--color-foreground)'};
-  border-color: ${props => props.warning && 'var(--color-notification)'};
-
-  &:disabled {
     color: var(--color-background);
-    background-color: var(--color-disabled);
-  }
+    background-color: ${(props) => (props.warning ? 'var(--color-notification)' : 'var(--color-foreground)')};
+    border-color: ${(props) => props.warning && 'var(--color-notification)'};
+
+    &:disabled {
+        color: var(--color-background);
+        background-color: var(--color-disabled);
+    }
 `;
 
 const PreviousButton = styled.button`
-  color: var(--color-foreground);
-  background-color: var(--color-background);
-
-  &:disabled {
-    color: var(--color-disabled);
+    color: var(--color-foreground);
     background-color: var(--color-background);
-  }
+
+    &:disabled {
+        color: var(--color-disabled);
+        background-color: var(--color-background);
+    }
 `;
 
 /**
@@ -53,8 +54,12 @@ const PreviousNextButtons = ({ children, disabled, onCancel, disableNext, disabl
 
     return (
         <PreviousNextButtonsWrapper>
-            <PreviousButton type="button" disabled={disabled || disablePrev} onClick={handlePrevious}>{ t('Previous') }</PreviousButton>
-            <NextButton type="submit" disabled={disabled || disableNext} warning={warning}> { children || t('Next') }</NextButton>
+            <Button variant="outline" type="reset" disabled={disabled || disablePrev} onClick={handlePrevious}>
+                {t('Previous')}
+            </Button>
+            <Button type="submit" variant={warning ? 'destructive' : 'default'} disabled={disabled}>
+                {children || t('Next')}
+            </Button>
         </PreviousNextButtonsWrapper>
     );
 };

From a2a68d882c80e99f9e572bb0d0040201185731a1 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Fri, 2 Feb 2024 17:44:38 +0100
Subject: [PATCH 414/714] refactor: make eslint happy

---
 components/UI/favourites/AddFavourite.js | 4 ++--
 pages/dashboard/Favourite.js             | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/UI/favourites/AddFavourite.js b/components/UI/favourites/AddFavourite.js
index 1b065b6c..eb7460f1 100644
--- a/components/UI/favourites/AddFavourite.js
+++ b/components/UI/favourites/AddFavourite.js
@@ -1,14 +1,14 @@
 import React, { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import _ from 'lodash';
+import { RiStarFill, RiStarLine } from '@remixicon/react';
 
 import TextButton from '../TextButton';
 import { useMatrix } from '@/lib/Matrix';
 import { useAuth } from '@/lib/Auth';
 import LoadingSpinnerInline from '../LoadingSpinnerInline';
 import Icon from '../Icon';
-import logger from '../../../lib/Logging';
-import { RiStarFill, RiStarLine } from '@remixicon/react';
+import logger from '@/lib/Logging';
 
 /**
  * AddFavourite component for adding a favourite to the matrix account data.
diff --git a/pages/dashboard/Favourite.js b/pages/dashboard/Favourite.js
index b75b8c03..55030428 100644
--- a/pages/dashboard/Favourite.js
+++ b/pages/dashboard/Favourite.js
@@ -3,6 +3,7 @@ import Link from 'next/link';
 import { useTranslation } from 'react-i18next';
 import getConfig from 'next/config';
 import _ from 'lodash';
+import { RiDeleteBinLine } from '@remixicon/react';
 
 import { ServiceTable } from '@/components/UI/ServiceTable';
 import TextButton from '../../components/UI/TextButton';
@@ -12,7 +13,6 @@ import Icon from '../../components/UI/Icon';
 import { useMatrix } from '@/lib/Matrix';
 import { useAuth } from '@/lib/Auth';
 import logger from '../../lib/Logging';
-import { RiDeleteBinLine } from '@remixicon/react';
 
 /**
  * Favourite component for rendering a single favourite entry.

From fece711fde101626723d56547fdb44540085d6eb Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Fri, 2 Feb 2024 17:45:08 +0100
Subject: [PATCH 415/714] refactor: make eslint happy

---
 components/UI/KnockOnMatrixRoom.js          | 2 +-
 components/UI/PreviousNextButtons.js        | 1 +
 components/UI/ServiceIframeHeader.js        | 2 +-
 components/UI/favourites/AddFavourite.js    | 2 +-
 pages/dashboard/Favourite.js                | 2 +-
 pages/explore/ProjectView.js                | 3 +++
 pages/explore/SingleLevel.js                | 1 +
 pages/explore/manage-room/ChangeTopic.js    | 2 +-
 pages/explore/manage-room/TemplateSelect.js | 1 +
 pages/explore/manage-room/UserManagement.js | 2 +-
 10 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/components/UI/KnockOnMatrixRoom.js b/components/UI/KnockOnMatrixRoom.js
index 75580ad7..fa30d25c 100644
--- a/components/UI/KnockOnMatrixRoom.js
+++ b/components/UI/KnockOnMatrixRoom.js
@@ -1,13 +1,13 @@
 import React, { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import _ from 'lodash';
+import { RiCheckLine, RiDoorClosedLine } from '@remixicon/react';
 
 import Icon from './Icon';
 import TextButton from './TextButton';
 import LoadingSpinnerInline from './LoadingSpinnerInline';
 import { useAuth } from '@/lib/Auth';
 import logger from '../../lib/Logging';
-import { RiCheckLine, RiDoorClosedLine } from '@remixicon/react';
 
 const KnockOnMatrixRoom = ({ roomName, roomId }) => {
     const [isKnocking, setIsKnocking] = useState(false);
diff --git a/components/UI/PreviousNextButtons.js b/components/UI/PreviousNextButtons.js
index e1fa28f6..e16f2d69 100644
--- a/components/UI/PreviousNextButtons.js
+++ b/components/UI/PreviousNextButtons.js
@@ -1,5 +1,6 @@
 import styled from 'styled-components';
 import { useTranslation } from 'react-i18next';
+
 import { Button } from '@/components/UI/shadcn/Button';
 
 const PreviousNextButtonsWrapper = styled.div`
diff --git a/components/UI/ServiceIframeHeader.js b/components/UI/ServiceIframeHeader.js
index cb0709a0..d8a5a0d0 100644
--- a/components/UI/ServiceIframeHeader.js
+++ b/components/UI/ServiceIframeHeader.js
@@ -1,6 +1,7 @@
 import { styled } from 'styled-components';
 import { useTranslation } from 'react-i18next';
 import React from 'react';
+import { RiDeleteBinLine, RiFolderLine, RiListSettingsLine } from '@remixicon/react';
 
 import CopyToClipboard from '../../components/UI/CopyToClipboard';
 import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
@@ -9,7 +10,6 @@ import DefaultLayout from '../layouts/default';
 import { InviteUserToMatrixRoom } from './InviteUsersToMatrixRoom';
 import KnockOnMatrixRoom from './KnockOnMatrixRoom';
 import AddFavourite from './favourites/AddFavourite';
-import { RiDeleteBinLine, RiFolderLine, RiListSettingsLine } from '@remixicon/react';
 import Icon from '@/components/UI/Icon';
 
 const ToggleButton = styled.button`
diff --git a/components/UI/favourites/AddFavourite.js b/components/UI/favourites/AddFavourite.js
index 1b065b6c..b0e12122 100644
--- a/components/UI/favourites/AddFavourite.js
+++ b/components/UI/favourites/AddFavourite.js
@@ -1,6 +1,7 @@
 import React, { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import _ from 'lodash';
+import { RiStarFill, RiStarLine } from '@remixicon/react';
 
 import TextButton from '../TextButton';
 import { useMatrix } from '@/lib/Matrix';
@@ -8,7 +9,6 @@ import { useAuth } from '@/lib/Auth';
 import LoadingSpinnerInline from '../LoadingSpinnerInline';
 import Icon from '../Icon';
 import logger from '../../../lib/Logging';
-import { RiStarFill, RiStarLine } from '@remixicon/react';
 
 /**
  * AddFavourite component for adding a favourite to the matrix account data.
diff --git a/pages/dashboard/Favourite.js b/pages/dashboard/Favourite.js
index b75b8c03..55030428 100644
--- a/pages/dashboard/Favourite.js
+++ b/pages/dashboard/Favourite.js
@@ -3,6 +3,7 @@ import Link from 'next/link';
 import { useTranslation } from 'react-i18next';
 import getConfig from 'next/config';
 import _ from 'lodash';
+import { RiDeleteBinLine } from '@remixicon/react';
 
 import { ServiceTable } from '@/components/UI/ServiceTable';
 import TextButton from '../../components/UI/TextButton';
@@ -12,7 +13,6 @@ import Icon from '../../components/UI/Icon';
 import { useMatrix } from '@/lib/Matrix';
 import { useAuth } from '@/lib/Auth';
 import logger from '../../lib/Logging';
-import { RiDeleteBinLine } from '@remixicon/react';
 
 /**
  * Favourite component for rendering a single favourite entry.
diff --git a/pages/explore/ProjectView.js b/pages/explore/ProjectView.js
index 14866070..897d9819 100644
--- a/pages/explore/ProjectView.js
+++ b/pages/explore/ProjectView.js
@@ -60,9 +60,11 @@ const ProjectView = ({ removingLink, removeLink, content }) => {
     const fetchProjectHtml =async (roomId) => {
         const object = await fetch(getConfig().publicRuntimeConfig.authProviders.matrix.api + '/api/v2/' + roomId + '/render/json').catch((err) => console.error(err));
         const json = await object.json().catch(() => { });
+
         if (!json) {
             return setProject('error fetching project from API');
         }
+
         setProject(json);
     };
 
@@ -78,4 +80,5 @@ const ProjectView = ({ removingLink, removeLink, content }) => {
         </View>
     );
 };
+
 export default ProjectView;
diff --git a/pages/explore/SingleLevel.js b/pages/explore/SingleLevel.js
index 9549420d..de2178c4 100644
--- a/pages/explore/SingleLevel.js
+++ b/pages/explore/SingleLevel.js
@@ -27,4 +27,5 @@ const SingleLevel = ({ level, setObservedIdPath, setAddable }) => {
         </>
     );
 };
+
 export default SingleLevel;
diff --git a/pages/explore/manage-room/ChangeTopic.js b/pages/explore/manage-room/ChangeTopic.js
index 228df6e9..c54fe779 100644
--- a/pages/explore/manage-room/ChangeTopic.js
+++ b/pages/explore/manage-room/ChangeTopic.js
@@ -1,12 +1,12 @@
 import React, { useCallback, useEffect, useState } from 'react';
 import { styled } from 'styled-components';
 import { useTranslation } from 'react-i18next';
+import { RiCheckLine } from '@remixicon/react';
 
 import { useAuth } from '../../../lib/Auth';
 import PreviousNextButtons from '../../../components/UI/PreviousNextButtons';
 import Form from '../../../components/UI/Form';
 import ErrorMessage from '../../../components/UI/ErrorMessage';
-import { RiCheckLine } from '@remixicon/react';
 
 const TopicInput = styled.textarea`
     width: 100%;
diff --git a/pages/explore/manage-room/TemplateSelect.js b/pages/explore/manage-room/TemplateSelect.js
index 8240d816..afcb50fb 100644
--- a/pages/explore/manage-room/TemplateSelect.js
+++ b/pages/explore/manage-room/TemplateSelect.js
@@ -43,4 +43,5 @@ const TemplateSelect = ({ currentTemplate, setTemplate }) => {
         </>
     );
 };
+
 export default TemplateSelect;
diff --git a/pages/explore/manage-room/UserManagement.js b/pages/explore/manage-room/UserManagement.js
index 841eb396..8aea2a92 100644
--- a/pages/explore/manage-room/UserManagement.js
+++ b/pages/explore/manage-room/UserManagement.js
@@ -3,6 +3,7 @@ import { useTranslation } from 'react-i18next';
 import _ from 'lodash';
 import styled from 'styled-components';
 import { MatrixEvent } from 'matrix-js-sdk';
+import { RiDeleteBinLine } from '@remixicon/react';
 
 import { ServiceTable } from '../../../components/UI/ServiceTable';
 import { useAuth } from '../../../lib/Auth';
@@ -11,7 +12,6 @@ import ErrorMessage from '../../../components/UI/ErrorMessage';
 import LoadingSpinnerInline from '../../../components/UI/LoadingSpinnerInline';
 import presets from '../presets';
 import PreviousNextButtons from '../../../components/UI/PreviousNextButtons';
-import { RiDeleteBinLine } from '@remixicon/react';
 
 //@TODO refine styled component
 const RoleSelect = styled.select`

From fb16ea4d2a5d8a3132132296a72f02e8b46d04fd Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Fri, 2 Feb 2024 17:56:01 +0100
Subject: [PATCH 416/714] refactor: use loading spinner inside select and
 display placeholder when no template was found

---
 components/CachedContextMultiLevelSelect.js |  8 ++-
 components/ContextMultiLevelSelect.js       | 65 +++++++++++++--------
 2 files changed, 45 insertions(+), 28 deletions(-)

diff --git a/components/CachedContextMultiLevelSelect.js b/components/CachedContextMultiLevelSelect.js
index 558a2459..9b96dab4 100644
--- a/components/CachedContextMultiLevelSelect.js
+++ b/components/CachedContextMultiLevelSelect.js
@@ -1,8 +1,9 @@
 import React, { useCallback, useEffect, useState } from 'react';
 import _ from 'lodash';
+import { useTranslation } from 'react-i18next';
 
-import { useAuth } from '../lib/Auth';
-import { useMatrix } from '../lib/Matrix';
+import { useAuth } from '@/lib/Auth';
+import { useMatrix } from '@/lib/Matrix';
 import LoadingSpinnerInline from './UI/LoadingSpinnerInline';
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/UI/shadcn/Select';
 
@@ -23,6 +24,7 @@ const CachedContextMultiLevelSelectSingleLevel = ({
     const [isLoading, setIsLoading] = useState(true);
     const [parentSpaceMetaEvent, setParentSpaceMetaEvent] = useState();
     const [childContexts, setChildContexts] = useState();
+    const { t } = useTranslation();
 
     useEffect(() => {
         let isSubscribed = true;
@@ -94,7 +96,7 @@ const CachedContextMultiLevelSelectSingleLevel = ({
                     <SelectValue placeholder={templatePlaceholderMapping[parentSpaceMetaEvent.template]} />
                 ) : (
                     // ... otherwise just show an empty placeholder
-                    <SelectValue />
+                    <SelectValue placeholder={`-- ${t('select option')} --`} />
                 )}
             </SelectTrigger>
             <SelectContent>
diff --git a/components/ContextMultiLevelSelect.js b/components/ContextMultiLevelSelect.js
index 493d4e92..86385e1f 100644
--- a/components/ContextMultiLevelSelect.js
+++ b/components/ContextMultiLevelSelect.js
@@ -4,6 +4,7 @@ import { useTranslation } from 'react-i18next';
 
 import { useAuth } from '@/lib/Auth';
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/UI/shadcn/Select';
+import LoadingSpinnerInline from '@/components/UI/LoadingSpinnerInline';
 
 const ContextMultiLevelSelectSingleLevel = ({
     parentSpaceRoomId,
@@ -14,7 +15,7 @@ const ContextMultiLevelSelectSingleLevel = ({
     templatePrefixFilter,
     sortAlphabetically,
     showTopics,
-    setSelectedContextName
+    setSelectedContextName,
 }) => {
     const auth = useAuth();
     const matrix = auth.getAuthenticationProvider('matrix');
@@ -53,7 +54,7 @@ const ContextMultiLevelSelectSingleLevel = ({
 
             // Ensure we're looking at contexts, and not spaces/rooms of other types
             for (const room of roomHierarchy.rooms) {
-                const metaEvent = await matrixClient.getStateEvent(room.room_id, 'dev.medienhaus.meta').catch(() => { });
+                const metaEvent = await matrixClient.getStateEvent(room.room_id, 'dev.medienhaus.meta').catch(() => {});
                 // If this space/room does not have a meta event we do not care about it
                 if (!metaEvent) continue;
                 // If this is not a context, ignore this space child
@@ -93,7 +94,7 @@ const ContextMultiLevelSelectSingleLevel = ({
         return (
             <Select key="loading" disabled>
                 <SelectTrigger>
-                    <SelectValue placeholder={t('loading...')} />
+                    <SelectValue placeholder={<LoadingSpinnerInline />} />
                 </SelectTrigger>
             </Select>
         );
@@ -116,7 +117,7 @@ const ContextMultiLevelSelectSingleLevel = ({
                     <SelectValue placeholder={templatePlaceholderMapping[parentSpaceMetaEvent.template]} />
                 ) : (
                     // ... otherwise just show an empty placeholder
-                    <SelectValue />
+                    <SelectValue placeholder={`-- ${t('select option')} --`} />
                 )}
             </SelectTrigger>
             <SelectContent>
@@ -145,13 +146,26 @@ const ContextMultiLevelSelectSingleLevel = ({
  *
  * @return {React.ReactNode}
  */
-const ContextMultiLevelSelect = ({ activeContexts, onChange, showTopics, sortAlphabetically, templatePlaceholderMapping, templatePrefixFilter, setSelectedContextName }) => {
-    const onSelect = useCallback((parentContextRoomId, selectedChildContextRoomId) => {
-        const newActiveContexts = [...activeContexts.splice(0, activeContexts.findIndex((contextRoomId) => contextRoomId === parentContextRoomId) + 1)];
-
-        if (selectedChildContextRoomId) newActiveContexts.push(selectedChildContextRoomId);
-        onChange(newActiveContexts, undefined);
-    }, [activeContexts, onChange]);
+const ContextMultiLevelSelect = ({
+    activeContexts,
+    onChange,
+    showTopics,
+    sortAlphabetically,
+    templatePlaceholderMapping,
+    templatePrefixFilter,
+    setSelectedContextName,
+}) => {
+    const onSelect = useCallback(
+        (parentContextRoomId, selectedChildContextRoomId) => {
+            const newActiveContexts = [
+                ...activeContexts.splice(0, activeContexts.findIndex((contextRoomId) => contextRoomId === parentContextRoomId) + 1),
+            ];
+
+            if (selectedChildContextRoomId) newActiveContexts.push(selectedChildContextRoomId);
+            onChange(newActiveContexts, undefined);
+        },
+        [activeContexts, onChange],
+    );
 
     const onFinishedFetchingChildren = useCallback(
         (hasChildren) => {
@@ -164,20 +178,21 @@ const ContextMultiLevelSelect = ({ activeContexts, onChange, showTopics, sortAlp
 
     return (
         <>
-            { activeContexts && activeContexts.map((contextRoomId, i) => (
-                <ContextMultiLevelSelectSingleLevel
-                    key={contextRoomId}
-                    onSelect={onSelect}
-                    onFetchedChildren={onFinishedFetchingChildren}
-                    parentSpaceRoomId={contextRoomId}
-                    selectedContextRoomId={activeContexts[i + 1] ?? ''}
-                    showTopics={showTopics}
-                    sortAlphabetically={sortAlphabetically}
-                    templatePlaceholderMapping={templatePlaceholderMapping}
-                    templatePrefixFilter={templatePrefixFilter}
-                    setSelectedContextName={setSelectedContextName}
-                />
-            )) }
+            {activeContexts &&
+                activeContexts.map((contextRoomId, i) => (
+                    <ContextMultiLevelSelectSingleLevel
+                        key={contextRoomId}
+                        onSelect={onSelect}
+                        onFetchedChildren={onFinishedFetchingChildren}
+                        parentSpaceRoomId={contextRoomId}
+                        selectedContextRoomId={activeContexts[i + 1] ?? ''}
+                        showTopics={showTopics}
+                        sortAlphabetically={sortAlphabetically}
+                        templatePlaceholderMapping={templatePlaceholderMapping}
+                        templatePrefixFilter={templatePrefixFilter}
+                        setSelectedContextName={setSelectedContextName}
+                    />
+                ))}
         </>
     );
 };

From c678b90ca32eafb53149537afdfee1d05a2049d8 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Fri, 2 Feb 2024 18:31:40 +0100
Subject: [PATCH 417/714] refactor: reuse account page style for uploading
 avatars to spaces, needs to be adapted to shadcn and other updates

---
 components/UI/ImageUpload.js                  | 186 +++++++-----
 pages/explore/manage-room/ChangeAvatar.js     |  21 +-
 .../manage-room/ExploreMatrixActions.js       | 275 ++++++++++--------
 3 files changed, 272 insertions(+), 210 deletions(-)

diff --git a/components/UI/ImageUpload.js b/components/UI/ImageUpload.js
index 101cfb3b..095dcbf5 100644
--- a/components/UI/ImageUpload.js
+++ b/components/UI/ImageUpload.js
@@ -2,34 +2,37 @@ import React, { useCallback, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { styled } from 'styled-components';
 
-import { useAuth } from '../../lib/Auth';
-import LoadingSpinner from './LoadingSpinner';
-import LoadingSpinnerInline from './LoadingSpinnerInline';
-import ConfirmCancelButtons from './ConfirmCancelButtons';
-import { useMatrix } from '../../lib/Matrix';
+import { useAuth } from '@/lib/Auth';
+import { useMatrix } from '@/lib/Matrix';
+import { Button } from '@/components/UI/shadcn/Button';
 
-const Avatar = styled.img`
-  display: block;
-  max-width: 100%;
-  max-height: 60vh;
-  margin: 0 auto var(--margin) auto;
+const AvatarSection = styled.div`
+    display: grid;
+    grid-auto-flow: row;
+    grid-gap: var(--margin);
+
+    @media (min-width: 40em) {
+        grid-template-columns: 1fr 1fr;
+    }
 `;
 
-const AvatarContainer = styled.div`
-  position: relative;
+const Avatar = styled.img`
+    width: 50%;
+
+    &.placeholder {
+        backdrop-filter: invert(100%);
+    }
+
+    @media (min-width: 40em) {
+        width: 100%;
+    }
 `;
 
-const SpinnerOverlay = styled.div`
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: 1;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 100%;
-  background: rgb(255 255 255 / 70%);
+const AvatarButtonContainer = styled.div`
+    display: grid;
+    grid-auto-flow: row;
+    grid-gap: var(--margin);
+    align-content: start;
 `;
 
 /**
@@ -44,81 +47,106 @@ const ImageUpload = ({ roomId, callback }) => {
     const [isUploadingImage, setIsUploadingImage] = useState(false);
     const matrixClient = useAuth().getAuthenticationProvider('matrix').getMatrixClient();
     const { t } = useTranslation();
-    const imageUploadRef = useRef(null);
+    const avatarFileUploadInput = useRef(null);
     const matrix = useMatrix();
     const currentAvatarUrl = matrix.spaces.get(roomId)?.avatar || matrix.rooms.get(roomId)?.avatar;
-    console.log(matrix.spaces.get(roomId));
+
     /**
      * Handles the file upload and sends the selected image to a Matrix room.
      *
      * @param {Event} event - The file input change event.
      */
 
-    const handleUpload = useCallback(async (event) => {
-        const file = event.target.files[0];
+    const handleUpload = useCallback(
+        async (event) => {
+            const file = event.target.files[0];
 
-        if (!file) return;
+            if (!file) return;
 
-        setIsUploadingImage(true);
-        const formData = new FormData();
-        formData.append('image', file);
-        // Upload the image to the Matrix content repository
-        const uploadedImage = await matrixClient.uploadContent(file, { name: file.name })
-            .catch((error) => {
+            setIsUploadingImage(true);
+            const formData = new FormData();
+            formData.append('image', file);
+            // Upload the image to the Matrix content repository
+            const uploadedImage = await matrixClient.uploadContent(file, { name: file.name }).catch((error) => {
                 alert(error.data?.error || t('Something went wrong, please try again.'));
-            },
-            );
-        // Callback to handle the uploaded image's content URI
-        if (uploadedImage) callback(uploadedImage.content_uri);
+            });
+            // Callback to handle the uploaded image's content URI
+            if (uploadedImage) callback(uploadedImage.content_uri);
 
-        setIsUploadingImage(false);
-    }, [callback, matrixClient, t]);
+            setIsUploadingImage(false);
+        },
+        [callback, matrixClient, t],
+    );
 
-    const handleDelete = async () => {
-        await matrixClient.sendStateEvent(roomId, 'm.room.avatar', {})
-            .catch((error) => {
-                alert(error.data?.error || t('Something went wrong, please try again.'));
-            },
-            );
+    const handleDelete = async (e) => {
+        e.preventDefault();
+        await matrixClient.sendStateEvent(roomId, 'm.room.avatar', {}).catch((error) => {
+            alert(error.data?.error || t('Something went wrong, please try again.'));
+        });
     };
 
     return (
-        <div>
-            { currentAvatarUrl && <AvatarContainer>
-                <Avatar src={currentAvatarUrl} width="100%" height="100%" />
-                { isUploadingImage && (
-                    <SpinnerOverlay>
-                        <LoadingSpinner />
-                    </SpinnerOverlay>
-                ) }
-            </AvatarContainer>
-            }
-            <input type="file" accept="image/*" ref={imageUploadRef} style={{ display: 'none' }} onChange={handleUpload} />
-
-            { !currentAvatarUrl ? <button
-                disabled={isUploadingImage}
-                type="button"
-                onClick={() => {
-                    imageUploadRef.current.click();
-                }}
-            >
-                { !currentAvatarUrl && isUploadingImage ?
-                    <LoadingSpinnerInline inverted /> :
-                    t('Upload') }
-            </button> :
-                <ConfirmCancelButtons warning
+        <AvatarSection>
+            {currentAvatarUrl ? (
+                // Render the avatar if we have one
+                <Avatar src={currentAvatarUrl} />
+            ) : (
+                // Render an empty GIF if we don't have an avatar
+                <Avatar className="placeholder" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" />
+            )}
+            <AvatarButtonContainer>
+                <input type="file" accept="image/*" ref={avatarFileUploadInput} style={{ display: 'none' }} onChange={handleUpload} />
+                <Button
+                    type="button"
                     disabled={isUploadingImage}
                     onClick={() => {
-                        imageUploadRef.current.click();
+                        avatarFileUploadInput.current.click();
                     }}
-                    onCancel={handleDelete}
-                    cancelTitle={t('Delete')}>
-                    { isUploadingImage ?
-                        <LoadingSpinnerInline inverted /> :
-                        t('Change') }
-                </ConfirmCancelButtons>
-            }
-        </div>
+                >
+                    {t('Browse')} …
+                </Button>
+                {currentAvatarUrl && (
+                    <Button type="button" disabled={isUploadingImage} onClick={handleDelete}>
+                        {t('Delete')}
+                    </Button>
+                )}
+            </AvatarButtonContainer>
+        </AvatarSection>
+
+        // <div>
+        //     {currentAvatarUrl && (
+        //         <AvatarContainer>
+        //             <Avatar src={currentAvatarUrl} width="100%" height="100%" />
+        //             {isUploadingImage && (
+        //                 <SpinnerOverlay>
+        //                     <LoadingSpinner />
+        //                 </SpinnerOverlay>
+        //             )}
+        //         </AvatarContainer>
+        //     )}
+        //     <input type="file" accept="image/*" ref={imageUploadRef} style={{ display: 'none' }} onChange={handleUpload} />
+        //     <form
+        //         onSubmit={(e) => {
+        //             e.preventDefault();
+        //             imageUploadRef.current.click();
+        //         }}
+        //         onReset={handleDelete}
+        //     >
+        //         {!currentAvatarUrl ? (
+        //             <Button disabled={isUploadingImage} type="submit">
+        //                 {!currentAvatarUrl && isUploadingImage ? <LoadingSpinnerInline inverted /> : t('Upload')}
+        //             </Button>
+        //         ) : (
+        //             <ConfirmCancelButtons
+        //                 warning
+        //                 disabled={isUploadingImage}
+        //                 onCancel={handleDelete}
+        //                 cancelTitle={t('Delete')}
+        //                 confirmLabel={isUploadingImage ? <LoadingSpinnerInline inverted /> : t('Change')}
+        //             />
+        //         )}
+        //     </form>
+        // </div>
     );
 };
 
diff --git a/pages/explore/manage-room/ChangeAvatar.js b/pages/explore/manage-room/ChangeAvatar.js
index 239d863f..886a89eb 100644
--- a/pages/explore/manage-room/ChangeAvatar.js
+++ b/pages/explore/manage-room/ChangeAvatar.js
@@ -1,10 +1,11 @@
-import { useState } from 'react';
+import React, { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import ImageUpload from '../../../components/UI/ImageUpload';
 import ErrorMessage from '../../../components/UI/ErrorMessage';
+import PreviousNextButtons from '@/components/UI/PreviousNextButtons';
 
-const ChangeAvatar = ({ roomId }) => {
+const ChangeAvatar = ({ roomId, onPreviousAction }) => {
     const [errorMessage, setErrorMessage] = useState('');
     const { t } = useTranslation('explore');
 
@@ -16,18 +17,20 @@ const ChangeAvatar = ({ roomId }) => {
                 url: imageUrl,
             }),
         };
-        await fetch(localStorage.getItem('medienhaus_hs_url') + `_matrix/client/r0/rooms/${roomId}/state/m.room.avatar/`, request)
-            .catch((error) => {
+        await fetch(localStorage.getItem('medienhaus_hs_url') + `_matrix/client/r0/rooms/${roomId}/state/m.room.avatar/`, request).catch(
+            (error) => {
                 setErrorMessage(error.data?.error || 'Something went wrong, please try again.');
             },
-            );
+        );
         setErrorMessage('');
     };
 
-    return (<>
-        <ImageUpload roomId={roomId} callback={uploadRoomAvatar} />
-        { errorMessage && <ErrorMessage>{ t(errorMessage) }</ErrorMessage> }
-    </>
+    return (
+        <>
+            <ImageUpload roomId={roomId} callback={uploadRoomAvatar} />
+            {errorMessage && <ErrorMessage>{t(errorMessage)}</ErrorMessage>}
+            <PreviousNextButtons disableNext onCancel={onPreviousAction} />
+        </>
     );
 };
 
diff --git a/pages/explore/manage-room/ExploreMatrixActions.js b/pages/explore/manage-room/ExploreMatrixActions.js
index a620dccc..b8541470 100644
--- a/pages/explore/manage-room/ExploreMatrixActions.js
+++ b/pages/explore/manage-room/ExploreMatrixActions.js
@@ -3,7 +3,7 @@ import { styled } from 'styled-components';
 import getConfig from 'next/config';
 import { useTranslation } from 'react-i18next';
 
-import { useAuth } from '../../../lib/Auth';
+import { useAuth } from '@/lib/Auth';
 import LoadingSpinner from '../../../components/UI/LoadingSpinner';
 import CreateContext from './CreateContext';
 import AddExistingContext from './AddExistingContext';
@@ -14,7 +14,7 @@ import RemoveSpaceFromParent from './RemoveSpaceFromParent';
 import UserManagement from './UserManagement';
 import LeaveRoom from './LeaveRoom';
 import ChangeJoinRule from './ChangeJoinRule';
-import { useMatrix } from '../../../lib/Matrix';
+import { useMatrix } from '@/lib/Matrix';
 import ChangeTopic from './ChangeTopic';
 import CreateChatOptions from './AddOrCreateChat';
 import RadioButton from '../../../components/UI/RadioButton';
@@ -31,14 +31,14 @@ import ChangeAvatar from './ChangeAvatar';
  */
 
 const ExploreMatrixActionWrapper = styled.div`
-  width: 100%;
-  max-height: 100%;
-  overflow-y: auto;
-  border-collapse: collapse;
-
-  > * + * {
-    margin-top: var(--margin);
-  }
+    width: 100%;
+    max-height: 100%;
+    overflow-y: auto;
+    border-collapse: collapse;
+
+    > * + * {
+        margin-top: var(--margin);
+    }
 `;
 
 const ExploreMatrixActions = ({ currentId, parentId, myPowerLevel, setManageContextActionToggle, spaceChildren, getSpaceChildren }) => {
@@ -49,9 +49,12 @@ const ExploreMatrixActions = ({ currentId, parentId, myPowerLevel, setManageCont
 
     return (
         <ExploreMatrixActionWrapper>
-            <h2>{ t('Manage contexts and items within ') }{ roomName }</h2>
+            <h2>
+                {t('Manage contexts and items within ')}
+                {roomName}
+            </h2>
 
-            { myPowerLevel && (
+            {myPowerLevel && (
                 <RenderSwitch
                     currentId={currentId}
                     parentId={parentId}
@@ -61,8 +64,7 @@ const ExploreMatrixActions = ({ currentId, parentId, myPowerLevel, setManageCont
                     getSpaceChildren={getSpaceChildren}
                     myPowerLevel={myPowerLevel}
                 />
-            )
-            }
+            )}
         </ExploreMatrixActionWrapper>
     );
 };
@@ -84,134 +86,163 @@ const RenderSwitch = ({ currentId, parentId, roomName, setManageContextActionTog
 
     switch (selectedAction) {
         case 'substructure':
-            return <CreateContext currentId={currentId}
-                parentId={parentId}
-                getSpaceChildren={getSpaceChildren}
-                onPreviousAction={onPreviousAction}
-                onCancel={() => setManageContextActionToggle(false)} />;
+            return (
+                <CreateContext
+                    currentId={currentId}
+                    parentId={parentId}
+                    getSpaceChildren={getSpaceChildren}
+                    onPreviousAction={onPreviousAction}
+                    onCancel={() => setManageContextActionToggle(false)}
+                />
+            );
         case 'existingItem':
-            return <AddExistingItem currentId={currentId}
-                currentName={roomName}
-                onPreviousAction={onPreviousAction}
-                onCancel={() => setManageContextActionToggle(false)} />;
+            return (
+                <AddExistingItem
+                    currentId={currentId}
+                    currentName={roomName}
+                    onPreviousAction={onPreviousAction}
+                    onCancel={() => setManageContextActionToggle(false)}
+                />
+            );
         case 'existingContext':
-            return <AddExistingContext parentId={currentId}
-                parentName={roomName}
-                contextRootId={getConfig().publicRuntimeConfig.contextRootSpaceRoomId}
-                onPreviousAction={onPreviousAction}
-                onCancel={() => setManageContextActionToggle(false)} />;
+            return (
+                <AddExistingContext
+                    parentId={currentId}
+                    parentName={roomName}
+                    contextRootId={getConfig().publicRuntimeConfig.contextRootSpaceRoomId}
+                    onPreviousAction={onPreviousAction}
+                    onCancel={() => setManageContextActionToggle(false)}
+                />
+            );
         case 'addOrCreateChat':
-            return <CreateChatOptions
-                currentId={currentId}
-                parentName={roomName}
-                getSpaceChildren={getSpaceChildren}
-                onPreviousAction={onPreviousAction}
-                onCancel={() => setManageContextActionToggle(false)}
-            />;
+            return (
+                <CreateChatOptions
+                    currentId={currentId}
+                    parentName={roomName}
+                    getSpaceChildren={getSpaceChildren}
+                    onPreviousAction={onPreviousAction}
+                    onCancel={() => setManageContextActionToggle(false)}
+                />
+            );
         case 'removeSpace':
-            return <RemoveSpaceFromParent
-                currentId={currentId}
-                parentId={currentId}
-                parentName={roomName}
-                spaceChildren={spaceChildren}
-                getSpaceChildren={getSpaceChildren}
-                onPreviousAction={onPreviousAction}
-                onCancel={() => setManageContextActionToggle(false)} />;
+            return (
+                <RemoveSpaceFromParent
+                    currentId={currentId}
+                    parentId={currentId}
+                    parentName={roomName}
+                    spaceChildren={spaceChildren}
+                    getSpaceChildren={getSpaceChildren}
+                    onPreviousAction={onPreviousAction}
+                    onCancel={() => setManageContextActionToggle(false)}
+                />
+            );
         case 'manageUsers':
-            return <UserManagement roomId={currentId}
-                roomName={roomName}
-                onPreviousAction={onPreviousAction}
-                onCancel={() => setManageContextActionToggle(false)} />;
+            return (
+                <UserManagement
+                    roomId={currentId}
+                    roomName={roomName}
+                    onPreviousAction={onPreviousAction}
+                    onCancel={() => setManageContextActionToggle(false)}
+                />
+            );
         case 'leaveRoom':
-            return <LeaveRoom roomId={currentId}
-                roomName={roomName}
-                parentId={parentId}
-                onPreviousAction={onPreviousAction}
-                onCancel={() => setManageContextActionToggle(false)} />;
+            return (
+                <LeaveRoom
+                    roomId={currentId}
+                    roomName={roomName}
+                    parentId={parentId}
+                    onPreviousAction={onPreviousAction}
+                    onCancel={() => setManageContextActionToggle(false)}
+                />
+            );
 
         case 'changeJoinRule':
-            return <ChangeJoinRule
-                roomId={currentId}
-                roomName={roomName}
-                onPreviousAction={onPreviousAction}
-                onCancel={() => setManageContextActionToggle(false)} />;
+            return (
+                <ChangeJoinRule
+                    roomId={currentId}
+                    roomName={roomName}
+                    onPreviousAction={onPreviousAction}
+                    onCancel={() => setManageContextActionToggle(false)}
+                />
+            );
 
         case 'changeTopic':
-            return <ChangeTopic
-                roomId={currentId}
-                onPreviousAction={onPreviousAction}
-                onCancel={() => setManageContextActionToggle(false)} />;
+            return (
+                <ChangeTopic roomId={currentId} onPreviousAction={onPreviousAction} onCancel={() => setManageContextActionToggle(false)} />
+            );
 
         case 'changeAvatar':
-            return <ChangeAvatar
-                roomId={currentId}
-                onCancel={() => {
-                    setSelectedRadioButton('');
-                    setSelectedAction('');
-                }} />;
+            return (
+                <ChangeAvatar roomId={currentId} onPreviousAction={onPreviousAction} onCancel={() => setManageContextActionToggle(false)} />
+            );
         default:
-            return <Form
-                onSubmit={(e) => {
-                    //@TODO check type submit thing
-                    e.preventDefault();
-                    setSelectedAction(selectedRadioButton);
-                }
-                }
-                onChange={(e) => setSelectedRadioButton(e.target.value)}
-            >
-                { room.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel) &&
-                    <>
-                        <RadioButton id="substructure" name="action" value="substructure">
-                            { t('Create new substructure') }
+            return (
+                <Form
+                    onSubmit={(e) => {
+                        //@TODO check type submit thing
+                        e.preventDefault();
+                        setSelectedAction(selectedRadioButton);
+                    }}
+                    onChange={(e) => setSelectedRadioButton(e.target.value)}
+                >
+                    {room.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel) && (
+                        <>
+                            <RadioButton id="substructure" name="action" value="substructure">
+                                {t('Create new substructure')}
+                            </RadioButton>
+
+                            <RadioButton id="existingItem" name="action" value="existingItem">
+                                {t('Add existing item')}
+                            </RadioButton>
+
+                            <RadioButton id="existingContext" name="action" value="existingContext">
+                                {t('Add existing context')}
+                            </RadioButton>
+
+                            <RadioButton id="addOrCreateChat" name="action" value="addOrCreateChat">
+                                {t('Add existing chat or create one')}
+                            </RadioButton>
+
+                            <RadioButton id="removeSpace" name="action" value="removeSpace">
+                                {t('Remove items or contexts')}
+                            </RadioButton>
+                        </>
+                    )}
+                    {room.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel) && (
+                        <RadioButton id="manageUsers" name="action" value="manageUsers">
+                            {t('Manage users in')} {roomName}
                         </RadioButton>
+                    )}
 
-                        <RadioButton id="existingItem" name="action" value="existingItem">
-                            { t('Add existing item') }
-                        </RadioButton>
+                    <RadioButton id="leaveRoom" name="action" value="leaveRoom">
+                        {t('Leave')} {roomName}
+                    </RadioButton>
 
-                        <RadioButton id="existingContext" name="action" value="existingContext">
-                            { t('Add existing context') }
+                    {room.currentState.hasSufficientPowerLevelFor('m.room.join_rules', myPowerLevel) && (
+                        <RadioButton id="changeJoinRule" name="action" value="changeJoinRule">
+                            {t('Change join rule')}
                         </RadioButton>
+                    )}
 
-                        <RadioButton id="addOrCreateChat" name="action" value="addOrCreateChat">
-                            { t('Add existing chat or create one') }
+                    {room.currentState.hasSufficientPowerLevelFor('m.room.topic', myPowerLevel) && (
+                        <RadioButton id="changeTopic" name="action" value="changeTopic">
+                            {t('Change topic')}
                         </RadioButton>
+                    )}
 
-                        <RadioButton id="removeSpace" name="action" value="removeSpace">
-                            { t('Remove items or contexts') }
+                    {room.currentState.hasSufficientPowerLevelFor('m.room.avatar', myPowerLevel) && (
+                        <RadioButton id="changeAvatar" name="action" value="changeAvatar">
+                            {t('Change avatar')}
                         </RadioButton>
-                    </>
-                }
-                { room.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel) &&
-                    <RadioButton id="manageUsers" name="action" value="manageUsers">
-                        { t('Manage users in') } { roomName }
-                    </RadioButton> }
-
-                <RadioButton id="leaveRoom" name="action" value="leaveRoom">
-                    { t('Leave') } { roomName }
-                </RadioButton>
-
-                { room.currentState.hasSufficientPowerLevelFor('m.room.join_rules', myPowerLevel) &&
-                    <RadioButton id="changeJoinRule" name="action" value="changeJoinRule">
-                        { t('Change join rule') }
-                    </RadioButton> }
-
-                { room.currentState.hasSufficientPowerLevelFor('m.room.topic', myPowerLevel) &&
-                    <RadioButton id="changeTopic" name="action" value="changeTopic">
-                        { t('Change topic') }
-                    </RadioButton> }
-
-                { room.currentState.hasSufficientPowerLevelFor('m.room.avatar', myPowerLevel) &&
-                    <RadioButton id="changeAvatar" name="action" value="changeAvatar" >
-                        { t('Change avatar') }
-                    </RadioButton> }
-
-                <PreviousNextButtons
-                    disabled={!selectedRadioButton}
-                    disableNext={selectedAction}
-                    disablePrev={!selectedAction}
-                    onCancel={onPreviousAction}
-                />
-            </Form>;
+                    )}
+
+                    <PreviousNextButtons
+                        disabled={!selectedRadioButton}
+                        disableNext={selectedAction}
+                        disablePrev={!selectedAction}
+                        onCancel={onPreviousAction}
+                    />
+                </Form>
+            );
     }
 };

From 10b9937d8fc8d55ebf18888ded0a4d9d3e00506d Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 7 Feb 2024 11:33:26 +0100
Subject: [PATCH 418/714] refactor: remove unused actions

---
 pages/etherpad/actions/AddExistingPad.js     | 58 --------------------
 pages/etherpad/actions/CreateAnonymousPad.js | 53 ------------------
 pages/etherpad/actions/CreateAuthoredPad.js  | 37 -------------
 pages/etherpad/actions/CreatePasswordPad.js  | 47 ----------------
 4 files changed, 195 deletions(-)
 delete mode 100644 pages/etherpad/actions/AddExistingPad.js
 delete mode 100644 pages/etherpad/actions/CreateAnonymousPad.js
 delete mode 100644 pages/etherpad/actions/CreateAuthoredPad.js
 delete mode 100644 pages/etherpad/actions/CreatePasswordPad.js

diff --git a/pages/etherpad/actions/AddExistingPad.js b/pages/etherpad/actions/AddExistingPad.js
deleted file mode 100644
index f3b5b1dd..00000000
--- a/pages/etherpad/actions/AddExistingPad.js
+++ /dev/null
@@ -1,58 +0,0 @@
-import { useState } from 'react';
-import getConfig from 'next/config';
-import { useRouter } from 'next/router';
-import { useTranslation } from 'react-i18next';
-
-import Form from '@/components/UI/Form';
-import ErrorMessage from '@/components/UI/ErrorMessage';
-import LoadingSpinnerInline from '@/components/UI/LoadingSpinnerInline';
-import { path as etherpadPath } from '@/lib/Etherpad';
-import { Input } from '@/components/UI/shadcn/Input';
-import { Button } from '@/components/UI/shadcn/Button';
-
-export default function AddExistingPad({ callbackDone, createWriteRoom }) {
-    const router = useRouter();
-    const { t } = useTranslation('etherpad');
-
-    const [padName, setPadName] = useState('');
-    const [padLink, setPadLink] = useState('');
-    const [validLink, setValidLink] = useState(false);
-    const [isLoading, setIsLoading] = useState(false);
-
-    const validatePadUrl = (e) => {
-        if (e.target.value.includes(getConfig().publicRuntimeConfig.authProviders.etherpad.baseUrl)) setValidLink(true);
-        else setValidLink(false);
-        setPadLink(e.target.value);
-    };
-
-    const handleExistingPadSubmit = async () => {
-        setIsLoading(true);
-        const roomId = await createWriteRoom(padLink, padName);
-
-        callbackDone && callbackDone();
-        setPadLink('');
-        setIsLoading(false);
-
-        router.push(`${etherpadPath}/${roomId}`);
-    };
-
-    return (
-        <Form
-            onSubmit={(e) => {
-                e.preventDefault();
-                handleExistingPadSubmit();
-            }}
-        >
-            <Input type="text" placeholder={t('Name')} value={padName} onChange={(e) => setPadName(e.target.value)} />
-            <Input type="text" placeholder={t('Link to pad')} value={padLink} onChange={validatePadUrl} />
-            {!validLink && padLink && (
-                <ErrorMessage>
-                    {t('Make sure your link includes "{{url}}"', { url: getConfig().publicRuntimeConfig.authProviders.etherpad.baseUrl })}
-                </ErrorMessage>
-            )}
-            <Button type="submit" disabled={!padName || !padLink || !validLink}>
-                {isLoading ? <LoadingSpinnerInline inverted /> : t('Add pad')}
-            </Button>
-        </Form>
-    );
-}
diff --git a/pages/etherpad/actions/CreateAnonymousPad.js b/pages/etherpad/actions/CreateAnonymousPad.js
deleted file mode 100644
index e12f238c..00000000
--- a/pages/etherpad/actions/CreateAnonymousPad.js
+++ /dev/null
@@ -1,53 +0,0 @@
-import { useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { useRouter } from 'next/router';
-import getConfig from 'next/config';
-
-import Form from '@/components/UI/Form';
-import LoadingSpinnerInline from '@/components/UI/LoadingSpinnerInline';
-import { path as etherpadPath } from '@/lib/Etherpad';
-import { Input } from '@/components/UI/shadcn/Input';
-import { Button } from '@/components/UI/shadcn/Button';
-
-export default function CreateAnonymousPad({ callbackDone, createWriteRoom }) {
-    const router = useRouter();
-    const { t } = useTranslation('etherpad');
-
-    const [padName, setPadName] = useState('');
-    const [isLoading, setIsLoading] = useState(false);
-
-    const createAnonymousPad = async () => {
-        setIsLoading(true);
-        let string = '';
-        const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789_';
-        const charactersLength = characters.length;
-
-        for (let i = 0; i < 20; i++) {
-            string += characters.charAt(Math.floor(Math.random() * charactersLength));
-        }
-
-        const link = getConfig().publicRuntimeConfig.authProviders.etherpad.baseUrl + '/' + string;
-        const roomId = await createWriteRoom(link, padName);
-
-        callbackDone && callbackDone();
-        setIsLoading(false);
-        setPadName('');
-
-        // Forward the user and show the newly created pad
-        router.push(`${etherpadPath}/${roomId}`);
-    };
-
-    return (
-        <Form
-            onSubmit={(e) => {
-                e.preventDefault();
-                createAnonymousPad(padName);
-            }}
-        >
-            <Input type="text" placeholder={t('Name')} value={padName} onChange={(e) => setPadName(e.target.value)} />
-            <Button type="submit" disabled={!padName}>
-                {isLoading ? <LoadingSpinnerInline inverted /> : t('Create pad')}
-            </Button>
-        </Form>
-    );
-}
diff --git a/pages/etherpad/actions/CreateAuthoredPad.js b/pages/etherpad/actions/CreateAuthoredPad.js
deleted file mode 100644
index 16b449d2..00000000
--- a/pages/etherpad/actions/CreateAuthoredPad.js
+++ /dev/null
@@ -1,37 +0,0 @@
-import { useState } from 'react';
-import { useTranslation } from 'react-i18next';
-
-import Form from '@/components/UI/Form';
-import LoadingSpinnerInline from '@/components/UI/LoadingSpinnerInline';
-import logger from '@/lib/Logging';
-import { Input } from '@/components/UI/shadcn/Input';
-import { Button } from '@/components/UI/shadcn/Button';
-
-export default function CreateAuthoredPad({ createPadAndOpen, callbackDone }) {
-    const { t } = useTranslation('etherpad');
-    const [padName, setPadName] = useState('');
-    const [isLoading, setIsLoading] = useState(false);
-
-    const createAuthoredPad = async () => {
-        setIsLoading(true);
-        const createPad = await createPadAndOpen(padName, 'public').catch((error) => logger.debug(error));
-        setIsLoading(false);
-        if (!createPad) return;
-        callbackDone && callbackDone();
-        setPadName('');
-    };
-
-    return (
-        <Form
-            onSubmit={(e) => {
-                e.preventDefault();
-                createAuthoredPad();
-            }}
-        >
-            <Input type="text" placeholder={t('Name')} value={padName} onChange={(e) => setPadName(e.target.value)} />
-            <Button type="submit" disabled={!padName}>
-                {isLoading ? <LoadingSpinnerInline inverted /> : t('Create pad')}
-            </Button>
-        </Form>
-    );
-}
diff --git a/pages/etherpad/actions/CreatePasswordPad.js b/pages/etherpad/actions/CreatePasswordPad.js
deleted file mode 100644
index 1aab9cdf..00000000
--- a/pages/etherpad/actions/CreatePasswordPad.js
+++ /dev/null
@@ -1,47 +0,0 @@
-import { useState } from 'react';
-import { useTranslation } from 'react-i18next';
-
-import Form from '@/components/UI/Form';
-import LoadingSpinnerInline from '@/components/UI/LoadingSpinnerInline';
-import logger from '@/lib/Logging';
-import { Input } from '@/components/UI/shadcn/Input';
-import { Button } from '@/components/UI/shadcn/Button';
-
-export default function CreatePasswordPad({ createPadAndOpen, callbackDone }) {
-    const { t } = useTranslation('etherpad');
-
-    const [padName, setPadName] = useState('');
-    const [password, setPassword] = useState('');
-    const [validatePassword, setValidatePassword] = useState('');
-    const [isLoading, setIsLoading] = useState(false);
-
-    const createPasswordPad = async () => {
-        setIsLoading(true);
-        const createPad = await createPadAndOpen(padName, 'private', password).catch((error) => logger.debug(error));
-        setIsLoading(false);
-        if (!createPad) return;
-        callbackDone && callbackDone();
-        setPadName('');
-    };
-
-    return (
-        <Form
-            onSubmit={(e) => {
-                e.preventDefault();
-                createPasswordPad();
-            }}
-        >
-            <Input type="text" placeholder={t('Name')} value={padName} onChange={(e) => setPadName(e.target.value)} />
-            <Input type="password" placeholder={t('Password')} value={password} onChange={(e) => setPassword(e.target.value)} />
-            <Input
-                type="password"
-                placeholder={t('Confirm password')}
-                value={validatePassword}
-                onChange={(e) => setValidatePassword(e.target.value)}
-            />
-            <Button type="submit" disabled={!padName || !password || password !== validatePassword}>
-                {isLoading ? <LoadingSpinnerInline inverted /> : t('Create pad')}
-            </Button>
-        </Form>
-    );
-}

From c6b4bbf9aed0b4f62f4007d27800ebd5e23852fe Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 7 Feb 2024 11:41:20 +0100
Subject: [PATCH 419/714] merge write-workflow into explore

---
 pages/etherpad/[[...roomId]].js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/pages/etherpad/[[...roomId]].js b/pages/etherpad/[[...roomId]].js
index 05eed9eb..482c2c86 100644
--- a/pages/etherpad/[[...roomId]].js
+++ b/pages/etherpad/[[...roomId]].js
@@ -5,6 +5,7 @@ import _ from 'lodash';
 import { useRouter } from 'next/router';
 import { RiCloseLine, RiMenuAddLine } from '@remixicon/react';
 import { styled } from 'styled-components';
+import Error from 'next/error';
 
 import Icon from '@/components/UI/Icon';
 import DefaultLayout from '@/components/layouts/default';
@@ -20,6 +21,7 @@ import { useMatrix } from '@/lib/Matrix';
 import { useAuth } from '@/lib/Auth';
 import ServiceIframeHeader from '@/components/UI/ServiceIframeHeader';
 import CreateNewPad from './actions/CreateNewPad';
+import ErrorMessage from '@/components/UI/ErrorMessage';
 
 const Header = styled.header`
     display: grid;

From 0287a5ae15a20dfc73d8225e848d3ba0ea01c2eb Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 7 Feb 2024 12:07:12 +0100
Subject: [PATCH 420/714] refactor: make linter happy

---
 components/UI/PreviousNextButtons.js |  21 ------
 pages/explore/TreeView.js            | 105 ++++++++++++++-------------
 2 files changed, 53 insertions(+), 73 deletions(-)

diff --git a/components/UI/PreviousNextButtons.js b/components/UI/PreviousNextButtons.js
index e16f2d69..a24a2e7f 100644
--- a/components/UI/PreviousNextButtons.js
+++ b/components/UI/PreviousNextButtons.js
@@ -13,27 +13,6 @@ const PreviousNextButtonsWrapper = styled.div`
     }
 `;
 
-const NextButton = styled.button`
-    color: var(--color-background);
-    background-color: ${(props) => (props.warning ? 'var(--color-notification)' : 'var(--color-foreground)')};
-    border-color: ${(props) => props.warning && 'var(--color-notification)'};
-
-    &:disabled {
-        color: var(--color-background);
-        background-color: var(--color-disabled);
-    }
-`;
-
-const PreviousButton = styled.button`
-    color: var(--color-foreground);
-    background-color: var(--color-background);
-
-    &:disabled {
-        color: var(--color-disabled);
-        background-color: var(--color-background);
-    }
-`;
-
 /**
  * React Component which returns
  *
diff --git a/pages/explore/TreeView.js b/pages/explore/TreeView.js
index 8d2ccbe0..da4daf4d 100644
--- a/pages/explore/TreeView.js
+++ b/pages/explore/TreeView.js
@@ -4,44 +4,50 @@ import React, { useEffect, useRef, useState } from 'react';
 import styled from 'styled-components';
 
 const Tree = styled.div`
-  position: relative;
-  left: ${props => [props.left]};
-  display: flex;
-  width: 100%;
-  height: ${props => props.height};
-  transition: visibility 0s, opacity 0.5s linear;
+    position: relative;
+    left: ${(props) => [props.left]};
+    display: flex;
+    width: 100%;
+    height: ${(props) => props.height};
+    transition:
+        visibility 0s,
+        opacity 0.5s linear;
 `;
 
 const Leaf = styled.div`
-  display: flex;
-  flex-direction: column;
-  height: 100%;
+    display: flex;
+    flex-direction: column;
+    height: 100%;
 `;
 
 const BranchLayout = styled.button`
-  display: flex;
-  flex-flow: column wrap;
-  width: unset;
-  min-width: 20vw;
-  height: 100%;
-  padding: var(--margin);
-  font: inherit;
-  color: var(--color-foreground);
-  text-align: left;
-  text-transform: unset;
-  cursor: pointer;
-  visibility: ${props => props.visibility};
-  background: none;
-  border-style: solid;
-  outline: inherit;
+    display: flex;
+    flex-flow: column wrap;
+    width: unset;
+    min-width: 20vw;
+    height: 100%;
+    padding: var(--margin);
+    font: inherit;
+    color: var(--color-foreground);
+    text-align: left;
+    text-transform: unset;
+    cursor: pointer;
+    visibility: ${(props) => props.visibility};
+    background: none;
+    border-style: solid;
+    outline: inherit;
 
-  @keyframes fade-in {
-    0% { opacity: 0; }
-    100% { opacity: 1; }
-  }
+    @keyframes fade-in {
+        0% {
+            opacity: 0;
+        }
+        100% {
+            opacity: 1;
+        }
+    }
 `;
 
-export default function TreeView({ parsedData, onClick, parent, parsedWidth, parsedHeight, selectedNode }) {
+export default function TreeView({ parsedData, onClick }) {
     const [data, setData] = useState(parsedData);
     const router = useRouter();
     const activeRoomId = _.get(router, 'query.roomId.0');
@@ -56,16 +62,16 @@ export default function TreeView({ parsedData, onClick, parent, parsedWidth, par
     //     onClick(roomId, type, template);
     // };
 
-    const Branch = ({ name, roomId, type, template, handleClick, offset }) => {
+    const Branch = ({ name, roomId, type, template }) => {
         return (
             <BranchLayout
                 visibility={data.inactive && 'collapse'}
-
                 onClick={(e) => {
                     e.preventDefault();
                     onClick(roomId, type, template);
-                }}>
-                { name }
+                }}
+            >
+                {name}
             </BranchLayout>
         );
     };
@@ -75,29 +81,24 @@ export default function TreeView({ parsedData, onClick, parent, parsedWidth, par
     }, [treeRef]);
 
     return (
-        <Tree ref={treeRef}
+        <Tree
+            ref={treeRef}
             height={data.inactive ? 'unset' : activeRoomId === data.id ? 'calc(100% - var(--margin) * 5)' : '100%'}
             // visibility={data.inactive && !data.root && 'collapse'}
             // left={activeRoomId === data.id && `-${treeRef?.current?.offsetLeft}px`}
         >
-            <Branch
-                name={data.name}
-                roomId={data.id}
-            />
-            { data.children && <Leaf> { data.children.map((child, index) => {
-                if (child.inactive) return null;
+            <Branch name={data.name} roomId={data.id} />
+            {data.children && (
+                <Leaf>
+                    {' '}
+                    {data.children.map((child, index) => {
+                        if (child.inactive) return null;
 
-                return <TreeView parsedData={child}
-                    // activeRoomId={currentRoomId}
-                    // callback={onClick}
-                    // parsedHeight={d3Height}
-                    // selectedNode={selectedNode}
-                    // roomId={roomId}
-                    onClick={onClick}
-                />;
-            }) }</Leaf>
-            }
-            { /* <Branch onClick={() => onClick(parent)}>
+                        return <TreeView key={index} parsedData={child} onClick={onClick} />;
+                    })}
+                </Leaf>
+            )}
+            {/* <Branch onClick={() => onClick(parent)}>
                 <h2>{ data.name }</h2>
             </Branch>
             { data.children &&
@@ -116,7 +117,7 @@ export default function TreeView({ parsedData, onClick, parent, parsedWidth, par
                    //     handleClick={handleClick}
                    //     offset={treeRef.current?.offsetLeft}
                    // />;
-               }) } */ }
+               }) } */}
         </Tree>
     );
 }

From 6b654ce81a7e11735c197f1855d4f77ba6a06d09 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 7 Feb 2024 12:13:18 +0100
Subject: [PATCH 421/714] refactor: limit width of avatar UI

---
 components/UI/ImageUpload.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/components/UI/ImageUpload.js b/components/UI/ImageUpload.js
index 095dcbf5..c8cdc467 100644
--- a/components/UI/ImageUpload.js
+++ b/components/UI/ImageUpload.js
@@ -10,6 +10,7 @@ const AvatarSection = styled.div`
     display: grid;
     grid-auto-flow: row;
     grid-gap: var(--margin);
+    max-width: 55ch;
 
     @media (min-width: 40em) {
         grid-template-columns: 1fr 1fr;

From 7345bf7c55b36cd45c9555f628e2d780e9cd42f4 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 7 Feb 2024 12:16:31 +0100
Subject: [PATCH 422/714] refactor: limit width of previous and next buttons

---
 components/UI/PreviousNextButtons.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/components/UI/PreviousNextButtons.js b/components/UI/PreviousNextButtons.js
index e16f2d69..c8f602fc 100644
--- a/components/UI/PreviousNextButtons.js
+++ b/components/UI/PreviousNextButtons.js
@@ -7,6 +7,7 @@ const PreviousNextButtonsWrapper = styled.div`
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     grid-gap: var(--margin);
+    width: 55ch;
 
     &:not(:first-child) {
         margin-top: var(--margin);

From 3e0a3189f6e188a8439f77922760b9440e208765 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 7 Feb 2024 13:24:28 +0100
Subject: [PATCH 423/714] fix: use hsl for muted variable

---
 tailwind.config.js | 17 ++++++-----------
 1 file changed, 6 insertions(+), 11 deletions(-)

diff --git a/tailwind.config.js b/tailwind.config.js
index 8d8f66d0..1bb2214e 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,18 +1,13 @@
 /** @type {import('tailwindcss').Config} */
 module.exports = {
     darkMode: ['media'],
-    content: [
-        './pages/**/*.{js,jsx}',
-        './components/**/*.{js,jsx}',
-        './app/**/*.{js,jsx}',
-        './src/**/*.{js,jsx}',
-    ],
+    content: ['./pages/**/*.{js,jsx}', './components/**/*.{js,jsx}', './app/**/*.{js,jsx}', './src/**/*.{js,jsx}'],
     prefix: '',
     theme: {
         fontSize: {
-            sm: '1rem',
-            base: '1rem',
-            xl: '1rem',
+            'sm': '1rem',
+            'base': '1rem',
+            'xl': '1rem',
             '2xl': '1rem',
             '3xl': '1rem',
             '4xl': '1rem',
@@ -38,8 +33,8 @@ module.exports = {
                     foreground: 'var(--color-foreground)',
                 },
                 muted: {
-                    DEFAULT: 'var(--muted)',
-                    foreground: 'var(--muted-foreground)',
+                    DEFAULT: 'hsl(var(--muted))',
+                    foreground: 'hsl(var(--muted-foreground))',
                 },
                 accent: {
                     DEFAULT: 'hsl(var(--accent))',

From bc9f84112789f9ec686fec3bb70061e413476eb3 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Fri, 9 Feb 2024 13:18:29 +0100
Subject: [PATCH 424/714] Add Radio-group.js and adapt to codebase. Use
 component inside ExploreMatrixActions.js

---
 components/UI/shadcn/Radio-group.js           |  30 +++++
 package-lock.json                             |  64 ++++++++++
 package.json                                  |   1 +
 .../manage-room/ExploreMatrixActions.js       | 118 ++++++++++--------
 4 files changed, 162 insertions(+), 51 deletions(-)
 create mode 100644 components/UI/shadcn/Radio-group.js

diff --git a/components/UI/shadcn/Radio-group.js b/components/UI/shadcn/Radio-group.js
new file mode 100644
index 00000000..6592842c
--- /dev/null
+++ b/components/UI/shadcn/Radio-group.js
@@ -0,0 +1,30 @@
+import * as React from 'react';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import { RiCircleFill } from '@remixicon/react';
+
+import { cn } from '@/lib/utils';
+
+const RadioGroup = React.forwardRef(({ className, ...props }, ref) => {
+    return <RadioGroupPrimitive.Root className={cn('grid gap-2', className)} {...props} ref={ref} />;
+});
+RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
+
+const RadioGroupItem = React.forwardRef(({ className, ...props }, ref) => {
+    return (
+        <RadioGroupPrimitive.Item
+            ref={ref}
+            className={cn(
+                'aspect-square h-4 w-4 rounded-full border border-primary text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',
+                className,
+            )}
+            {...props}
+        >
+            <RadioGroupPrimitive.Indicator className="flex items-center justify-center">
+                <RiCircleFill className="h-2.5 w-2.5 fill-current text-current" />
+            </RadioGroupPrimitive.Indicator>
+        </RadioGroupPrimitive.Item>
+    );
+});
+RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
+
+export { RadioGroup, RadioGroupItem };
diff --git a/package-lock.json b/package-lock.json
index 5e452414..7fc519de 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,6 +8,7 @@
       "dependencies": {
         "@radix-ui/react-avatar": "^1.0.4",
         "@radix-ui/react-checkbox": "^1.0.4",
+        "@radix-ui/react-radio-group": "^1.1.3",
         "@radix-ui/react-select": "^2.0.0",
         "@radix-ui/react-slot": "^1.0.2",
         "@radix-ui/react-switch": "^1.0.3",
@@ -2734,6 +2735,69 @@
         }
       }
     },
+    "node_modules/@radix-ui/react-radio-group": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-radio-group/-/react-radio-group-1.1.3.tgz",
+      "integrity": "sha512-x+yELayyefNeKeTx4fjK6j99Fs6c4qKm3aY38G3swQVTN6xMpsrbigC0uHs2L//g8q4qR7qOcww8430jJmi2ag==",
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/primitive": "1.0.1",
+        "@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-presence": "1.0.1",
+        "@radix-ui/react-primitive": "1.0.3",
+        "@radix-ui/react-roving-focus": "1.0.4",
+        "@radix-ui/react-use-controllable-state": "1.0.1",
+        "@radix-ui/react-use-previous": "1.0.1",
+        "@radix-ui/react-use-size": "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-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==",
+      "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": "2.0.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-select/-/react-select-2.0.0.tgz",
diff --git a/package.json b/package.json
index ad926d26..2c85c669 100644
--- a/package.json
+++ b/package.json
@@ -10,6 +10,7 @@
   "dependencies": {
     "@radix-ui/react-avatar": "^1.0.4",
     "@radix-ui/react-checkbox": "^1.0.4",
+    "@radix-ui/react-radio-group": "^1.1.3",
     "@radix-ui/react-select": "^2.0.0",
     "@radix-ui/react-slot": "^1.0.2",
     "@radix-ui/react-switch": "^1.0.3",
diff --git a/pages/explore/manage-room/ExploreMatrixActions.js b/pages/explore/manage-room/ExploreMatrixActions.js
index b8541470..e56dd251 100644
--- a/pages/explore/manage-room/ExploreMatrixActions.js
+++ b/pages/explore/manage-room/ExploreMatrixActions.js
@@ -17,8 +17,8 @@ import ChangeJoinRule from './ChangeJoinRule';
 import { useMatrix } from '@/lib/Matrix';
 import ChangeTopic from './ChangeTopic';
 import CreateChatOptions from './AddOrCreateChat';
-import RadioButton from '../../../components/UI/RadioButton';
 import ChangeAvatar from './ChangeAvatar';
+import { RadioGroup, RadioGroupItem } from '@/components/UI/shadcn/Radio-group';
 
 /**
  * This component provides actions for managing contexts and items within a matrix room.
@@ -185,56 +185,72 @@ const RenderSwitch = ({ currentId, parentId, roomName, setManageContextActionTog
                     }}
                     onChange={(e) => setSelectedRadioButton(e.target.value)}
                 >
-                    {room.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel) && (
-                        <>
-                            <RadioButton id="substructure" name="action" value="substructure">
-                                {t('Create new substructure')}
-                            </RadioButton>
-
-                            <RadioButton id="existingItem" name="action" value="existingItem">
-                                {t('Add existing item')}
-                            </RadioButton>
-
-                            <RadioButton id="existingContext" name="action" value="existingContext">
-                                {t('Add existing context')}
-                            </RadioButton>
-
-                            <RadioButton id="addOrCreateChat" name="action" value="addOrCreateChat">
-                                {t('Add existing chat or create one')}
-                            </RadioButton>
-
-                            <RadioButton id="removeSpace" name="action" value="removeSpace">
-                                {t('Remove items or contexts')}
-                            </RadioButton>
-                        </>
-                    )}
-                    {room.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel) && (
-                        <RadioButton id="manageUsers" name="action" value="manageUsers">
-                            {t('Manage users in')} {roomName}
-                        </RadioButton>
-                    )}
-
-                    <RadioButton id="leaveRoom" name="action" value="leaveRoom">
-                        {t('Leave')} {roomName}
-                    </RadioButton>
-
-                    {room.currentState.hasSufficientPowerLevelFor('m.room.join_rules', myPowerLevel) && (
-                        <RadioButton id="changeJoinRule" name="action" value="changeJoinRule">
-                            {t('Change join rule')}
-                        </RadioButton>
-                    )}
-
-                    {room.currentState.hasSufficientPowerLevelFor('m.room.topic', myPowerLevel) && (
-                        <RadioButton id="changeTopic" name="action" value="changeTopic">
-                            {t('Change topic')}
-                        </RadioButton>
-                    )}
-
-                    {room.currentState.hasSufficientPowerLevelFor('m.room.avatar', myPowerLevel) && (
-                        <RadioButton id="changeAvatar" name="action" value="changeAvatar">
-                            {t('Change avatar')}
-                        </RadioButton>
-                    )}
+                    <RadioGroup name="action" value={selectedRadioButton} onValueChange={setSelectedRadioButton}>
+                        {room.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel) && (
+                            <>
+                                <div className="flex items-center space-x-2">
+                                    <RadioGroupItem id="substructure" value="substructure" />
+                                    <label htmlFor="substructure">{t('Create new substructure')}</label>
+                                </div>
+
+                                <div className="flex items-center space-x-2">
+                                    <RadioGroupItem id="existingItem" value="existingItem" />
+                                    <label htmlFor="existingItem">{t('Add existing item')}</label>
+                                </div>
+
+                                <div className="flex items-center space-x-2">
+                                    <RadioGroupItem id="existingContext" value="existingContext" />
+                                    <label htmlFor="existingContext">{t('Add existing context')}</label>
+                                </div>
+
+                                <div className="flex items-center space-x-2">
+                                    <RadioGroupItem id="addOrCreateChat" value="addOrCreateChat" />
+                                    <label htmlFor="addOrCreateChat">{t('Add existing chat or create one')}</label>
+                                </div>
+
+                                <div className="flex items-center space-x-2">
+                                    <RadioGroupItem id="removeSpace" value="removeSpace" />
+                                    <label htmlFor="removeSpace">{t('Remove items or contexts')}</label>
+                                </div>
+                            </>
+                        )}
+                        {room.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel) && (
+                            <div className="flex items-center space-x-2">
+                                <RadioGroupItem id="manageUsers" value="manageUsers" />
+                                <label htmlFor="manageUsers">
+                                    {t('Manage users in')} {roomName}
+                                </label>
+                            </div>
+                        )}
+
+                        <div className="flex items-center space-x-2">
+                            <RadioGroupItem id="leaveRoom" value="leaveRoom" />
+                            <label htmlFor="leaveRoom">
+                                {t('Leave')} {roomName}
+                            </label>
+                        </div>
+
+                        {room.currentState.hasSufficientPowerLevelFor('m.room.join_rules', myPowerLevel) && (
+                            <div className="flex items-center space-x-2">
+                                <RadioGroupItem id="changeJoinRule" value="changeJoinRule" />
+                                <label htmlFor="changeJoinRule">{t('Change join rule')}</label>
+                            </div>
+                        )}
+
+                        {room.currentState.hasSufficientPowerLevelFor('m.room.topic', myPowerLevel) && (
+                            <div className="flex items-center space-x-2">
+                                <RadioGroupItem id="changeTopic" value="changeTopic" />
+                                <label htmlFor="changeTopic">{t('Change topic')}</label>
+                            </div>
+                        )}
+
+                        {room.currentState.hasSufficientPowerLevelFor('m.room.avatar', myPowerLevel) && (
+                            <div className="flex items-center space-x-2">
+                                <RadioGroupItem id="changeAvatar" value="changeAvatar" />
+                                <label htmlFor="changeAvatar">{t('Change avatar')}</label>
+                            </div>
+                        )}
+                    </RadioGroup>
 
                     <PreviousNextButtons
                         disabled={!selectedRadioButton}

From 549d4f2faf2ac443bbdf67797049b56ee30ddf1c Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Fri, 9 Feb 2024 13:31:48 +0100
Subject: [PATCH 425/714] refactor: update all explore actions to use shadcn
 components

---
 components/UI/PreviousNextButtons.js          |  3 +-
 .../AddOrCreateChat/AddExistingChat.js        | 50 ++++++-----
 .../manage-room/AddOrCreateChat/AddNewChat.js | 58 +++++++------
 pages/explore/manage-room/ChangeJoinRule.js   | 49 +++++------
 pages/explore/manage-room/CreateContext.js    | 85 ++++++++++---------
 5 files changed, 138 insertions(+), 107 deletions(-)

diff --git a/components/UI/PreviousNextButtons.js b/components/UI/PreviousNextButtons.js
index 0d34fd00..c1d096fa 100644
--- a/components/UI/PreviousNextButtons.js
+++ b/components/UI/PreviousNextButtons.js
@@ -26,6 +26,7 @@ const PreviousNextButtonsWrapper = styled.div`
  */
 const PreviousNextButtons = ({ children, disabled, onCancel, disableNext, disablePrev, warning }) => {
     const { t } = useTranslation();
+    console.log(disabled);
 
     const handlePrevious = (e) => {
         //@TODO check type submit thing
@@ -38,7 +39,7 @@ const PreviousNextButtons = ({ children, disabled, onCancel, disableNext, disabl
             <Button variant="outline" type="reset" disabled={disabled || disablePrev} onClick={handlePrevious}>
                 {t('Previous')}
             </Button>
-            <Button type="submit" variant={warning ? 'destructive' : 'default'} disabled={disabled}>
+            <Button type="submit" variant={warning ? 'destructive' : 'default'} disabled={disabled || disableNext}>
                 {children || t('Next')}
             </Button>
         </PreviousNextButtonsWrapper>
diff --git a/pages/explore/manage-room/AddOrCreateChat/AddExistingChat.js b/pages/explore/manage-room/AddOrCreateChat/AddExistingChat.js
index 09645b00..5ac35113 100644
--- a/pages/explore/manage-room/AddOrCreateChat/AddExistingChat.js
+++ b/pages/explore/manage-room/AddOrCreateChat/AddExistingChat.js
@@ -2,12 +2,13 @@ import React, { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import _ from 'lodash';
 
-import { useMatrix } from '../../../../lib/Matrix';
+import { useMatrix } from '@/lib/Matrix';
 import logger from '../../../../lib/Logging';
 import Form from '../../../../components/UI/Form';
 import ErrorMessage from '../../../../components/UI/ErrorMessage';
 import PreviousNextButtons from '../../../../components/UI/PreviousNextButtons';
 import LoadingSpinnerInline from '../../../../components/UI/LoadingSpinnerInline';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/UI/shadcn/Select';
 
 export default function AddExistingChat({ allChatRooms, handleCancel, currentId, onSuccess, parentName, updateRoomList }) {
     const matrix = useMatrix();
@@ -21,10 +22,9 @@ export default function AddExistingChat({ allChatRooms, handleCancel, currentId,
         e.preventDefault();
         setIsLoading(true);
         setErrorMessage('');
-        const addChildToParent = await matrix.addSpaceChild(currentId, selectedRoom)
-            .catch((error) => [
-                setErrorMessage((error.data?.error || t('something went wrong, please try again'))),
-            ]);
+        const addChildToParent = await matrix
+            .addSpaceChild(currentId, selectedRoom)
+            .catch((error) => [setErrorMessage(error.data?.error || t('something went wrong, please try again'))]);
 
         if (addChildToParent.event_id) {
             logger.log('Added existing room to parentId:', currentId);
@@ -42,19 +42,29 @@ export default function AddExistingChat({ allChatRooms, handleCancel, currentId,
         onSuccess();
     };
 
-    return <Form onSubmit={handleAddChat}>
-        <select onChange={(e) => setSelectedRoom(e.target.value)}>
-            <option disabled selected value="">-- { t('Choose Chat Room') } --</option>
-            { allChatRooms.map(room => {
-                const disabled = matrix.spaces.get(currentId).children?.includes(room.roomId);
-
-                return <option key={room.roomId} disabled={disabled} value={room.roomId}>{ room.name }</option>;
-            }) }
-        </select>
-        { errorMessage && <ErrorMessage>{ errorMessage }</ErrorMessage> }
-        { userFeedback && <p>{ userFeedback }</p> }
-        <PreviousNextButtons disableNext={!selectedRoom || userFeedback} onCancel={handleCancel}>
-            { isLoading ? <LoadingSpinnerInline inverted /> : t('add') }
-        </PreviousNextButtons>
-    </Form>;
+    return (
+        <Form onSubmit={handleAddChat}>
+            <Select onValueChange={setSelectedRoom}>
+                <SelectTrigger>
+                    <SelectValue placeholder={`-- ${t('Choose Chat Room')} --`} />
+                </SelectTrigger>
+                <SelectContent>
+                    {allChatRooms.map((room) => {
+                        const disabled = matrix.spaces.get(currentId).children?.includes(room.roomId);
+
+                        return (
+                            <SelectItem key={room.roomId} disabled={disabled} value={room.roomId}>
+                                {room.name}
+                            </SelectItem>
+                        );
+                    })}
+                </SelectContent>
+            </Select>
+            {errorMessage && <ErrorMessage>{errorMessage}</ErrorMessage>}
+            {userFeedback && <p>{userFeedback}</p>}
+            <PreviousNextButtons disableNext={!selectedRoom || userFeedback} onCancel={handleCancel}>
+                {isLoading ? <LoadingSpinnerInline inverted /> : t('add')}
+            </PreviousNextButtons>
+        </Form>
+    );
 }
diff --git a/pages/explore/manage-room/AddOrCreateChat/AddNewChat.js b/pages/explore/manage-room/AddOrCreateChat/AddNewChat.js
index 0f97dba5..a1e78571 100644
--- a/pages/explore/manage-room/AddOrCreateChat/AddNewChat.js
+++ b/pages/explore/manage-room/AddOrCreateChat/AddNewChat.js
@@ -2,13 +2,15 @@ import React, { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import _ from 'lodash';
 
-import { useMatrix } from '../../../../lib/Matrix';
+import { useMatrix } from '@/lib/Matrix';
 import logger from '../../../../lib/Logging';
 import Form from '../../../../components/UI/Form';
 import presets from '../../presets';
 import ErrorMessage from '../../../../components/UI/ErrorMessage';
 import PreviousNextButtons from '../../../../components/UI/PreviousNextButtons';
 import LoadingSpinnerInline from '../../../../components/UI/LoadingSpinnerInline';
+import { Input } from '@/components/UI/shadcn/Input';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/UI/shadcn/Select';
 
 export default function AddNewChat({ handleCancel, currentId, onSuccess, parentName, updateRoomList }) {
     const matrix = useMatrix();
@@ -26,15 +28,13 @@ export default function AddNewChat({ handleCancel, currentId, onSuccess, parentN
         setErrorMessage('');
 
         // create new room
-        const roomId = await matrix.createRoom(roomName, false, roomTopic, selectedJoinRule, null, null, currentId)
-            .catch(error => {
-                setErrorMessage((error.data?.error || t('something went wrong, please try again')));
-            });
+        const roomId = await matrix.createRoom(roomName, false, roomTopic, selectedJoinRule, null, null, currentId).catch((error) => {
+            setErrorMessage(error.data?.error || t('something went wrong, please try again'));
+        });
         // add created room to parent
-        const addChildToParent= await matrix.addSpaceChild(currentId, roomId)
-            .catch((error) => [
-                setErrorMessage((error.data?.error || t('something went wrong, please try again'))),
-            ]);
+        const addChildToParent = await matrix
+            .addSpaceChild(currentId, roomId)
+            .catch((error) => [setErrorMessage(error.data?.error || t('something went wrong, please try again'))]);
 
         if (addChildToParent.event_id) {
             logger.log('Adding new room to parentId:', currentId);
@@ -52,19 +52,29 @@ export default function AddNewChat({ handleCancel, currentId, onSuccess, parentN
         setIsLoading(false);
     };
 
-    return <Form onSubmit={handleNewChat}>
-        <input type="text" placeholder={t('name of the room')} value={roomName} onChange={(e) => setRoomName(e.target.value)} />
-        <input type="text" placeholder={t('topic of the room')} value={roomTopic} onChange={(e) => setRoomTopic(e.target.value)} />
-        <select value={selectedJoinRule} onChange={(e) => setSelectedJoinRule(e.target.value)}>
-            { presets.allowedJoinRules.map((joinRule => {
-                return <option key={joinRule.name}
-                    value={joinRule.name}>{ joinRule.label } -- <em>{ joinRule.description }</em></option>;
-            })) }
-        </select>
-        { errorMessage && <ErrorMessage>{ errorMessage }</ErrorMessage> }
-        { userFeedback && <p>{ userFeedback }</p> }
-        <PreviousNextButtons disableNext={!roomName || userFeedback} onCancel={handleCancel}>
-            { isLoading ? <LoadingSpinnerInline inverted /> : t('add') }
-        </PreviousNextButtons>
-    </Form>;
+    return (
+        <Form onSubmit={handleNewChat}>
+            <Input type="text" placeholder={t('name of the room')} value={roomName} onChange={(e) => setRoomName(e.target.value)} />
+            <Input type="text" placeholder={t('topic of the room')} value={roomTopic} onChange={(e) => setRoomTopic(e.target.value)} />
+            <Select defaultValue={selectedJoinRule} onValueChange={setSelectedJoinRule}>
+                <SelectTrigger>
+                    <SelectValue placeholder={t('join rule')} />
+                </SelectTrigger>
+                <SelectContent>
+                    {presets.allowedJoinRules.map((joinRule) => {
+                        return (
+                            <SelectItem key={joinRule.name} value={joinRule.name}>
+                                {joinRule.label} -- <em>{joinRule.description}</em>
+                            </SelectItem>
+                        );
+                    })}
+                </SelectContent>
+            </Select>
+            {errorMessage && <ErrorMessage>{errorMessage}</ErrorMessage>}
+            {userFeedback && <p>{userFeedback}</p>}
+            <PreviousNextButtons disableNext={!roomName || userFeedback} onCancel={handleCancel}>
+                {isLoading ? <LoadingSpinnerInline inverted /> : t('add')}
+            </PreviousNextButtons>
+        </Form>
+    );
 }
diff --git a/pages/explore/manage-room/ChangeJoinRule.js b/pages/explore/manage-room/ChangeJoinRule.js
index 5683b74b..f08f6891 100644
--- a/pages/explore/manage-room/ChangeJoinRule.js
+++ b/pages/explore/manage-room/ChangeJoinRule.js
@@ -7,6 +7,7 @@ import presets from '../presets';
 import ErrorMessage from '../../../components/UI/ErrorMessage';
 import PreviousNextButtons from '../../../components/UI/PreviousNextButtons';
 import LoadingSpinnerInline from '../../../components/UI/LoadingSpinnerInline';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/UI/shadcn/Select';
 
 /**
  * JoinRuleChanger component for changing the join rule of a room.
@@ -28,36 +29,36 @@ const JoinRuleChanger = ({ roomId, roomName, onPreviousAction, onCancel }) => {
     const handleChangeJoinRule = async (e) => {
         e.preventDefault();
         setChangingJoinRule(true);
-        await matrixClient.sendStateEvent(roomId, 'm.room.join_rules', { join_rule: joinRule })
-            .catch((error) => {
-                setErrorMessage(error.data?.error);
-                setJoinRule(currentJoinRule);
-            });
+        await matrixClient.sendStateEvent(roomId, 'm.room.join_rules', { join_rule: joinRule }).catch((error) => {
+            setErrorMessage(error.data?.error);
+            setJoinRule(currentJoinRule);
+        });
         setChangingJoinRule(false);
     };
 
     return (
         <Form onSubmit={handleChangeJoinRule}>
-            <h1>{ t('Change Join Rule for') } { roomName }</h1>
-            <select
-                id="joinRule"
-                value={joinRule}
-                onChange={(e) => setJoinRule(e.target.value)}
-            >
-                { presets.allowedJoinRules.map((joinRule => {
-                    return <option
-                        key={joinRule.name}
-                        value={joinRule.name}
-                        title={joinRule.description}>
-                        { joinRule.label }
-                    </option>;
-                })) }
-            </select>
-            <PreviousNextButtons
-                disableNext={joinRule === currentJoinRule || changingJoinRule}
-                onCancel={onPreviousAction}>{ changingJoinRule ? <LoadingSpinnerInline inverted /> : t('Change Join Rule') }
+            <h1>
+                {t('Change Join Rule for')} {roomName}
+            </h1>
+            <Select id="joinRule" defaultValue={joinRule} onValueChange={(e) => setJoinRule(e.target.value)}>
+                <SelectTrigger>
+                    <SelectValue placeholder={t('Join Rule')} />
+                </SelectTrigger>
+                <SelectContent>
+                    {presets.allowedJoinRules.map((joinRule) => {
+                        return (
+                            <SelectItem key={joinRule.name} value={joinRule.name} title={joinRule.description}>
+                                {joinRule.label}
+                            </SelectItem>
+                        );
+                    })}
+                </SelectContent>
+            </Select>
+            <PreviousNextButtons disableNext={joinRule === currentJoinRule || changingJoinRule} onCancel={onPreviousAction}>
+                {changingJoinRule ? <LoadingSpinnerInline inverted /> : t('Change Join Rule')}
             </PreviousNextButtons>
-            { errorMessage && <ErrorMessage>{ errorMessage }</ErrorMessage> }
+            {errorMessage && <ErrorMessage>{errorMessage}</ErrorMessage>}
         </Form>
     );
 };
diff --git a/pages/explore/manage-room/CreateContext.js b/pages/explore/manage-room/CreateContext.js
index 0b64207b..4fd57043 100644
--- a/pages/explore/manage-room/CreateContext.js
+++ b/pages/explore/manage-room/CreateContext.js
@@ -10,6 +10,7 @@ import ErrorMessage from '../../../components/UI/ErrorMessage';
 import Form from '../../../components/UI/Form';
 import PreviousNextButtons from '../../../components/UI/PreviousNextButtons';
 import LoadingSpinnerInline from '../../../components/UI/LoadingSpinnerInline';
+import { Input } from '@/components/UI/shadcn/Input';
 
 const CreateContext = ({ currentId, onCancel, getSpaceChildren, onPreviousAction }) => {
     const auth = useAuth();
@@ -40,42 +41,41 @@ const CreateContext = ({ currentId, onCancel, getSpaceChildren, onPreviousAction
 
             return;
         }
-        // topic is optional. Advanced options as well if not selected will fall back to default
-        // if (topic?.length > 400) {
-        //     setCreateNewContextErrorMessage('topic too long (max 400chars)');
-
-        //     return;
-        // }
 
         if (!powerLevels) {
             setPowerLevels('default');
         }
 
         // create the new context space
-        const createNewSubContext = await matrix.createRoom(
-            name,
-            true,
-            topic,
-            'public',
-            'context',
-            template,
-            getConfig().publicRuntimeConfig.name,
-            'public',
-            'world_readable',
-            'public_chat').catch(async (err) => {
-            setCreateNewContextErrorMessage(err.message);
-            _.delay(() => setCreateNewContextErrorMessage(''), 2500);
+        const createNewSubContext = await matrix
+            .createRoom(
+                name,
+                true,
+                topic,
+                'public',
+                'context',
+                template,
+                getConfig().publicRuntimeConfig.name,
+                'public',
+                'world_readable',
+                'public_chat',
+            )
+            .catch(async (err) => {
+                setCreateNewContextErrorMessage(err.message);
+                _.delay(() => setCreateNewContextErrorMessage(''), 2500);
 
-            return;
-        });
+                return;
+            });
 
         // then add our new context to the parent.
         if (createNewSubContext) {
-            await auth.getAuthenticationProvider('matrix').addSpaceChild(currentId, createNewSubContext).catch(async (err) => {
-                setCreateNewContextErrorMessage(err.message);
-                _.delay(() => setCreateNewContextErrorMessage(''), 2500);
-            },
-            );
+            await auth
+                .getAuthenticationProvider('matrix')
+                .addSpaceChild(currentId, createNewSubContext)
+                .catch(async (err) => {
+                    setCreateNewContextErrorMessage(err.message);
+                    _.delay(() => setCreateNewContextErrorMessage(''), 2500);
+                });
         }
 
         await getSpaceChildren(null, currentId);
@@ -88,22 +88,31 @@ const CreateContext = ({ currentId, onCancel, getSpaceChildren, onPreviousAction
 
     return (
         <Form onSubmit={createContext}>
-            <input type="text" onChange={(e) => {setName(e?.target?.value);}} value={name} required placeholder="name" />
-            <input type="text" onChange={(e) => {setTopic(e?.target?.value);}} value={topic} placeholder="topic (optional)" />
-            <TemplateSelect
-                currentId={currentId}
-                currentTemplate={template}
-                setTemplate={setTemplate}
+            <Input
+                type="text"
+                onChange={(e) => {
+                    setName(e?.target?.value);
+                }}
+                value={name}
+                required
+                placeholder="name"
             />
-            { (createNewContextErrorMessage) &&
-                <ErrorMessage>{ createNewContextErrorMessage }</ErrorMessage> //error message container
+            <Input
+                type="text"
+                onChange={(e) => {
+                    setTopic(e?.target?.value);
+                }}
+                value={topic}
+                placeholder="topic (optional)"
+            />
+            <TemplateSelect currentId={currentId} currentTemplate={template} setTemplate={setTemplate} />
+            {
+                createNewContextErrorMessage && <ErrorMessage>{createNewContextErrorMessage}</ErrorMessage> //error message container
             }
-            <PreviousNextButtons
-                disableNext={isLoading || !name || !template}
-                onCancel={onPreviousAction}>{ isLoading ? <LoadingSpinnerInline inverted /> : t('create') }
+            <PreviousNextButtons disableNext={isLoading || !name || !template} onCancel={onPreviousAction}>
+                {isLoading ? <LoadingSpinnerInline inverted /> : t('create')}
             </PreviousNextButtons>
         </Form>
-
     );
 };
 

From 3b5d120a1cc0c35b6c5206ba4f407b3b8816c53b Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Fri, 9 Feb 2024 13:32:23 +0100
Subject: [PATCH 426/714] chore: remove console log

---
 components/UI/PreviousNextButtons.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/components/UI/PreviousNextButtons.js b/components/UI/PreviousNextButtons.js
index c1d096fa..f32d4c58 100644
--- a/components/UI/PreviousNextButtons.js
+++ b/components/UI/PreviousNextButtons.js
@@ -26,7 +26,6 @@ const PreviousNextButtonsWrapper = styled.div`
  */
 const PreviousNextButtons = ({ children, disabled, onCancel, disableNext, disablePrev, warning }) => {
     const { t } = useTranslation();
-    console.log(disabled);
 
     const handlePrevious = (e) => {
         //@TODO check type submit thing

From 7b037cc7bd2976de5516da7b62bd4b1c194668ea Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Fri, 9 Feb 2024 14:51:52 +0100
Subject: [PATCH 427/714] feat: add quick add Ui to explore overview, to allow
 users to quickly add chats, items or contexts to a space

---
 pages/explore/[[...roomId]].js               | 368 +++++++++++--------
 pages/explore/manage-room/QuickAddExplore.js | 101 +++++
 2 files changed, 314 insertions(+), 155 deletions(-)
 create mode 100644 pages/explore/manage-room/QuickAddExplore.js

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 9590f42b..6bba37bb 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -20,10 +20,11 @@ import logger from '../../lib/Logging';
 import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
 import DefaultLayout from '../../components/layouts/default';
 import { InviteUserToMatrixRoom } from '../../components/UI/InviteUsersToMatrixRoom';
+import QuickAddExplore from './manage-room/QuickAddExplore';
 
 const ServiceTableWrapper = styled.div`
-  width: 100%;
-  overflow: auto;
+    width: 100%;
+    overflow: auto;
 `;
 
 /**
@@ -56,14 +57,27 @@ export default function Explore() {
      * If we have access to the room/space "roomId", this variable contains our own power level for the given room
      * @type {number|undefined}
      */
-    const myPowerLevel = _.get(matrixClient.getRoom(roomId)?.getLiveTimeline().getState(EventTimeline.FORWARDS)?.getStateEvents('m.room.power_levels', '')?.getContent(), ['users', matrixClient.getUserId()]);
+    const myPowerLevel = _.get(
+        matrixClient
+            .getRoom(roomId)
+            ?.getLiveTimeline()
+            .getState(EventTimeline.FORWARDS)
+            ?.getStateEvents('m.room.power_levels', '')
+            ?.getContent(),
+        ['users', matrixClient.getUserId()],
+    );
     /** @type {string|undefined} */
-    const currentTemplate = iframeRoomId && selectedSpaceChildren[selectedSpaceChildren.length - 1]?.find(space => {
-        const roomId = space.id || space.room_id || space.roomId;
+    const currentTemplate =
+        iframeRoomId &&
+        selectedSpaceChildren[selectedSpaceChildren.length - 1]?.find((space) => {
+            const roomId = space.id || space.room_id || space.roomId;
 
-        return roomId === iframeRoomId;
-    }).meta?.template;
+            return roomId === iframeRoomId;
+        }).meta?.template;
     const cachedSpace = matrix.spaces.get(roomId);
+    const allChatRooms = Array.from(matrix.rooms.values())
+        .filter((room) => !room.meta)
+        .filter((room) => !matrix.directMessages.has(room.roomId));
 
     // Redirect to the default room if no roomId is provided
     useEffect(() => {
@@ -87,110 +101,121 @@ export default function Explore() {
     }, [iframeRoomId, matrix]);
 
     // Call API to fetch and add room hierarchy to selectedSpaceChildren
-    const getSpaceChildren = useCallback(async (e, roomId) => {
-        if (!selectedSpaceChildren) return;
-        e && e.preventDefault();
-        logger.debug('Fetch the room hierarchy for ' + roomId);
-
-        const getHierarchyFromServer = async (roomId) => {
-            const roomHierarchyFromServer = await matrix.roomHierarchy(roomId, null, 1)
-                .catch(async error => {
+    const getSpaceChildren = useCallback(
+        async (e, roomId) => {
+            if (!selectedSpaceChildren) return;
+            e && e.preventDefault();
+            logger.debug('Fetch the room hierarchy for ' + roomId);
+
+            const getHierarchyFromServer = async (roomId) => {
+                const roomHierarchyFromServer = await matrix.roomHierarchy(roomId, null, 1).catch(async (error) => {
                     if (error.data?.error.includes('not in room')) {
                         // If the error indicates the user is not in the room and previews are disabled
                         // We prompt the user to join the room.
-                        if (confirm(t('You are currently not in room {{roomId}}, and previews are disabled. Do you want to join the room?', { roomId: roomId }))) {
-                            const joinRoom = await matrixClient.joinRoom(roomId)
-                                .catch(error => setErrorMessage(error.data?.error));
+                        if (
+                            confirm(
+                                t('You are currently not in room {{roomId}}, and previews are disabled. Do you want to join the room?', {
+                                    roomId: roomId,
+                                }),
+                            )
+                        ) {
+                            const joinRoom = await matrixClient.joinRoom(roomId).catch((error) => setErrorMessage(error.data?.error));
 
                             // If successfully joined, recursively call 'getSpaceHierarchy' again.
                             if (joinRoom) return await roomHierarchyFromServer();
                         }
                     } else {
-                        return matrix.handleRateLimit(error, () => roomHierarchyFromServer())
-                            .catch(error => {
+                        return matrix
+                            .handleRateLimit(error, () => roomHierarchyFromServer())
+                            .catch((error) => {
                                 setErrorMessage(error.message);
-                            });  // Handle other errors by setting an error message.
+                            }); // Handle other errors by setting an error message.
                     }
                 });
-            if (!roomHierarchyFromServer) return;
-            const parent = roomHierarchyFromServer[0];
-
-            const getMetaEvent = async (obj) => {
-                logger.debug('Getting meta event for ' + (obj.state_key || obj.room_id));
-                const metaEvent = await auth.getAuthenticationProvider('matrix').getMatrixClient().getStateEvent(obj.state_key || obj.room_id, 'dev.medienhaus.meta');
-
-                if (metaEvent) obj.meta = metaEvent;
-            };
-
-            for (const space of roomHierarchyFromServer) {
-                if (space.room_id !== roomHierarchyFromServer[0].room_id) {
-                    space.parent = parent;
-                }
+                if (!roomHierarchyFromServer) return;
+                const parent = roomHierarchyFromServer[0];
+
+                const getMetaEvent = async (obj) => {
+                    logger.debug('Getting meta event for ' + (obj.state_key || obj.room_id));
+                    const metaEvent = await auth
+                        .getAuthenticationProvider('matrix')
+                        .getMatrixClient()
+                        .getStateEvent(obj.state_key || obj.room_id, 'dev.medienhaus.meta');
+
+                    if (metaEvent) obj.meta = metaEvent;
+                };
+
+                for (const space of roomHierarchyFromServer) {
+                    if (space.room_id !== roomHierarchyFromServer[0].room_id) {
+                        space.parent = parent;
+                    }
 
-                await getMetaEvent(space)
-                    .catch((error) => {
+                    await getMetaEvent(space).catch((error) => {
                         logger.debug(error);
 
-                        return matrix.handleRateLimit(error, () => getMetaEvent(space))
-                            .catch(error => {
+                        return matrix
+                            .handleRateLimit(error, () => getMetaEvent(space))
+                            .catch((error) => {
                                 setErrorMessage(error.message);
                             });
                     });
-            }
-
-            return roomHierarchyFromServer;
-        };
-
-        // initialise the spaceHierarchy array which is either filled by our cache or the server
-        let spaceHierarchy = [];
+                }
 
-        // if a cached space exists, we can use it to get the children
-        if (cachedSpace) {
-            if (cachedSpace.children) {
-                for await (const roomId of cachedSpace.children) {
-                    const cachedChild = { ...(matrix.spaces.get(roomId) || matrix.rooms.get(roomId)) };
+                return roomHierarchyFromServer;
+            };
 
-                    if (!_.isEmpty(cachedChild)) {
-                        const copy = { ...cachedChild };
-                        copy.parent = cachedSpace;
-                        spaceHierarchy.push(copy);
-                    } else {
-                        const getChildFromServer = await getHierarchyFromServer(roomId);
-                        getChildFromServer[0].parent = cachedSpace;
-                        spaceHierarchy.push(getChildFromServer[0]);
+            // initialise the spaceHierarchy array which is either filled by our cache or the server
+            let spaceHierarchy = [];
+
+            // if a cached space exists, we can use it to get the children
+            if (cachedSpace) {
+                if (cachedSpace.children) {
+                    for await (const roomId of cachedSpace.children) {
+                        const cachedChild = { ...(matrix.spaces.get(roomId) || matrix.rooms.get(roomId)) };
+
+                        if (!_.isEmpty(cachedChild)) {
+                            const copy = { ...cachedChild };
+                            copy.parent = cachedSpace;
+                            spaceHierarchy.push(copy);
+                        } else {
+                            const getChildFromServer = await getHierarchyFromServer(roomId);
+                            getChildFromServer[0].parent = cachedSpace;
+                            spaceHierarchy.push(getChildFromServer[0]);
+                        }
                     }
-                }
 
-                // insert the cached space at the beginning of the array to mimic the behaviour of matrix.getRoomHierarchy
-                spaceHierarchy.splice(0, 0, cachedSpace);
+                    // insert the cached space at the beginning of the array to mimic the behaviour of matrix.getRoomHierarchy
+                    spaceHierarchy.splice(0, 0, cachedSpace);
+                }
+            } else {
+                spaceHierarchy = await getHierarchyFromServer(roomId);
             }
-        } else {
-            spaceHierarchy = await getHierarchyFromServer(roomId);
-        }
 
-        setSelectedSpaceChildren((prevState) => {
-            // Check if the selected roomId is already inside the array
-            let indexOfParent = null;
+            setSelectedSpaceChildren((prevState) => {
+                // Check if the selected roomId is already inside the array
+                let indexOfParent = null;
 
-            for (const [index, children] of prevState.entries()) {
-                const childRoomId = children[0].room_id || children[0].roomId || children[0].id;
+                for (const [index, children] of prevState.entries()) {
+                    const childRoomId = children[0].room_id || children[0].roomId || children[0].id;
 
-                if (childRoomId === roomId) {
-                    // If there is a match, return the position and exit the loop
-                    indexOfParent = index;
-                    break;
+                    if (childRoomId === roomId) {
+                        // If there is a match, return the position and exit the loop
+                        indexOfParent = index;
+                        break;
+                    }
                 }
-            }
 
-            // If indexOfParent is 0 or the context root ID defined in the config, return the new spaceHierarchy
-            if (indexOfParent === 0 || roomId === getConfig().publicRuntimeConfig.contextRootSpaceRoomId) return [spaceHierarchy];
-            // Otherwise, delete all entries starting with the found index
-            if (indexOfParent) prevState.splice(indexOfParent);
+                // If indexOfParent is 0 or the context root ID defined in the config, return the new spaceHierarchy
+                if (indexOfParent === 0 || roomId === getConfig().publicRuntimeConfig.contextRootSpaceRoomId) return [spaceHierarchy];
+                // Otherwise, delete all entries starting with the found index
+                if (indexOfParent) prevState.splice(indexOfParent);
 
-            // If indexOfParent is still null, simply add the new spaceHierarchy to the end of the array
-            return [...prevState, spaceHierarchy];
-        });
-    }, [auth, matrix, matrixClient, selectedSpaceChildren, t, cachedSpace]);
+                // If indexOfParent is still null, simply add the new spaceHierarchy to the end of the array
+                return [...prevState, spaceHierarchy];
+            });
+        },
+        [auth, matrix, matrixClient, selectedSpaceChildren, t, cachedSpace],
+    );
 
     // Handle route changes and fetch room content
     useEffect(() => {
@@ -217,92 +242,125 @@ export default function Explore() {
     return (
         <>
             <DefaultLayout.Sidebar>
-                <h2>/explore   { _.isEmpty(selectedSpaceChildren) && isFetchingContent && <LoadingSpinnerInline /> }</h2>
+                <h2>/explore {_.isEmpty(selectedSpaceChildren) && isFetchingContent && <LoadingSpinnerInline />}</h2>
                 <ServiceTableWrapper>
-                    { !_.isEmpty(selectedSpaceChildren) &&
+                    {!_.isEmpty(selectedSpaceChildren) && (
                         <TreePath
                             selectedSpaceChildren={selectedSpaceChildren}
                             isFetchingContent={isFetchingContent}
                             iframeRoomId={iframeRoomId}
                         />
-                    }
+                    )}
                 </ServiceTableWrapper>
             </DefaultLayout.Sidebar>
 
-            { iframeRoomId ? (
+            {iframeRoomId ? (
                 <ExploreIframeViews
                     currentTemplate={currentTemplate}
                     iframeRoomId={iframeRoomId}
-                    title={matrix.spaces.get(router.query.roomId[0])?.name || matrix.rooms.get(router.query.roomId[0])?.name || selectedSpaceChildren[selectedSpaceChildren.length - 1][0].name}
+                    title={
+                        matrix.spaces.get(router.query.roomId[0])?.name ||
+                        matrix.rooms.get(router.query.roomId[0])?.name ||
+                        selectedSpaceChildren[selectedSpaceChildren.length - 1][0].name
+                    }
                 />
-            ) : !_.isEmpty(selectedSpaceChildren) && <>
-                <DefaultLayout.Wrapper>
-                    <ServiceIframeHeader
-                        content={window.location.href}
-                        title={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].name}
-                        removingLink={false}
-                        roomId={roomId}
-                        manageContextActionToggle={manageContextActionToggle}
-                        myPowerLevel={myPowerLevel}
-                        setManageContextActionToggle={setManageContextActionToggle}
-                        isInviteUsersOpen={isInviteUsersOpen}
-                        joinRule={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].join_rule}
-                        setIsInviteUsersOpen={() => setIsInviteUsersOpen(prevState => !prevState)}
-                    />
-                    <ServiceTableWrapper>
-                        { isInviteUsersOpen ?
-                            <InviteUserToMatrixRoom
+            ) : (
+                !_.isEmpty(selectedSpaceChildren) && (
+                    <>
+                        <DefaultLayout.Wrapper>
+                            <ServiceIframeHeader
+                                content={window.location.href}
+                                title={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].name}
+                                removingLink={false}
                                 roomId={roomId}
-                                roomName={matrix.spaces.get(router.query.roomId[0])?.name || matrix.rooms.get(router.query.roomId[0])?.name || selectedSpaceChildren[selectedSpaceChildren.length - 1][0].name}
-                                onSuccess={() => setIsInviteUsersOpen(false)}
-                            /> :
-                            manageContextActionToggle ?
-                                <ExploreMatrixActions
-                                    myPowerLevel={myPowerLevel}
-                                    setManageContextActionToggle={setManageContextActionToggle}
-                                    currentId={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].room_id || selectedSpaceChildren[selectedSpaceChildren.length - 1][0].roomId}
-                                    parentId={selectedSpaceChildren[selectedSpaceChildren.length - 2]?.[0].room_id || selectedSpaceChildren[selectedSpaceChildren.length - 2]?.[0].roomId}
-                                    spaceChildren={selectedSpaceChildren[selectedSpaceChildren.length - 1]}
-                                    getSpaceChildren={getSpaceChildren}
-                                />
-                                : <ServiceTable>
-                                    { selectedSpaceChildren[selectedSpaceChildren.length - 1]
-                                        .sort(function(a, b) {
-                                            if (a.type === 'item' && b.type !== 'item') {
-                                                return -1; // 'a' comes before 'b'
-                                            } else if (a.type !== 'item' && b.type === 'item') {
-                                                return 1; // 'a' comes after 'b'
-                                            } else {
-                                                return 0; // No sorting necessary
-                                            }
-                                        })
-                                        .map((leaf, index) => {
-                                            if (leaf.length <= 1) {
-                                                return <ErrorMessage key="error-message">
-                                                Thank you, { auth.user.displayname }! But our item is in another context! 🍄
-                                                </ErrorMessage>;
-                                            }
-
-                                            if (index === 0) return null;
-                                            const roomId = leaf.id || leaf.room_id || leaf.roomId;
-
-                                            // Sort the array to display objects of type 'item' before others
-                                            return <TreeLeaves
-                                                depth={selectedSpaceChildren.length}
-                                                leaf={leaf}
-                                                isChat={(!leaf.meta && !leaf.room_type) || (!leaf.meta && leaf.room_type === 'm.room')} // chat rooms created with element do not have a room_type attribute. therefore we have to check for both cases
-                                                key={roomId + '_' + index}
-                                                iframeRoomId={iframeRoomId}
-                                                isFetchingContent={isFetchingContent}
-                                            />;
-                                        }) }
-                                </ServiceTable>
-                        }
-                    </ServiceTableWrapper>
-                </DefaultLayout.Wrapper>
-            </>
-            }
-            { /*{ errorMessage && <ErrorMessage>{ errorMessage }</ErrorMessage> }*/ }
+                                manageContextActionToggle={manageContextActionToggle}
+                                myPowerLevel={myPowerLevel}
+                                setManageContextActionToggle={setManageContextActionToggle}
+                                isInviteUsersOpen={isInviteUsersOpen}
+                                joinRule={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].join_rule}
+                                setIsInviteUsersOpen={() => setIsInviteUsersOpen((prevState) => !prevState)}
+                            />
+                            <ServiceTableWrapper>
+                                {isInviteUsersOpen ? (
+                                    <InviteUserToMatrixRoom
+                                        roomId={roomId}
+                                        roomName={
+                                            matrix.spaces.get(router.query.roomId[0])?.name ||
+                                            matrix.rooms.get(router.query.roomId[0])?.name ||
+                                            selectedSpaceChildren[selectedSpaceChildren.length - 1][0].name
+                                        }
+                                        onSuccess={() => setIsInviteUsersOpen(false)}
+                                    />
+                                ) : manageContextActionToggle ? (
+                                    <ExploreMatrixActions
+                                        myPowerLevel={myPowerLevel}
+                                        setManageContextActionToggle={setManageContextActionToggle}
+                                        currentId={
+                                            selectedSpaceChildren[selectedSpaceChildren.length - 1][0].room_id ||
+                                            selectedSpaceChildren[selectedSpaceChildren.length - 1][0].roomId
+                                        }
+                                        parentId={
+                                            selectedSpaceChildren[selectedSpaceChildren.length - 2]?.[0].room_id ||
+                                            selectedSpaceChildren[selectedSpaceChildren.length - 2]?.[0].roomId
+                                        }
+                                        spaceChildren={selectedSpaceChildren[selectedSpaceChildren.length - 1]}
+                                        getSpaceChildren={getSpaceChildren}
+                                    />
+                                ) : (
+                                    <ServiceTable>
+                                        {selectedSpaceChildren[selectedSpaceChildren.length - 1]
+                                            .sort(function (a, b) {
+                                                if (a.type === 'item' && b.type !== 'item') {
+                                                    return -1; // 'a' comes before 'b'
+                                                } else if (a.type !== 'item' && b.type === 'item') {
+                                                    return 1; // 'a' comes after 'b'
+                                                } else {
+                                                    return 0; // No sorting necessary
+                                                }
+                                            })
+                                            .map((leaf, index) => {
+                                                if (leaf.length <= 1) {
+                                                    return (
+                                                        <ErrorMessage key="error-message">
+                                                            Thank you, {auth.user.displayname}! But our item is in another context! 🍄
+                                                        </ErrorMessage>
+                                                    );
+                                                }
+
+                                                if (index === 0) return null;
+                                                const roomId = leaf.id || leaf.room_id || leaf.roomId;
+
+                                                // Sort the array to display objects of type 'item' before others
+                                                return (
+                                                    <TreeLeaves
+                                                        depth={selectedSpaceChildren.length}
+                                                        leaf={leaf}
+                                                        isChat={
+                                                            (!leaf.meta && !leaf.room_type) || (!leaf.meta && leaf.room_type === 'm.room')
+                                                        } // chat rooms created with element do not have a room_type attribute. therefore we have to check for both cases
+                                                        key={roomId + '_' + index}
+                                                        iframeRoomId={iframeRoomId}
+                                                        isFetchingContent={isFetchingContent}
+                                                    />
+                                                );
+                                            })}
+                                    </ServiceTable>
+                                )}
+                                {!manageContextActionToggle &&
+                                    matrixClient.getRoom(roomId).currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel) && (
+                                        <QuickAddExplore
+                                            currentId={roomId}
+                                            roomName={matrix.spaces.get(roomId).name}
+                                            getSpaceChildren={getSpaceChildren}
+                                            allChatRooms={allChatRooms}
+                                        />
+                                    )}
+                            </ServiceTableWrapper>
+                        </DefaultLayout.Wrapper>
+                    </>
+                )
+            )}
+            {/*{ errorMessage && <ErrorMessage>{ errorMessage }</ErrorMessage> }*/}
         </>
     );
 }
diff --git a/pages/explore/manage-room/QuickAddExplore.js b/pages/explore/manage-room/QuickAddExplore.js
new file mode 100644
index 00000000..88b38691
--- /dev/null
+++ b/pages/explore/manage-room/QuickAddExplore.js
@@ -0,0 +1,101 @@
+import { useTranslation } from 'react-i18next';
+import { RiAddLine, RiCloseLine } from '@remixicon/react';
+import getConfig from 'next/config';
+import React, { useState } from 'react';
+
+import { Button } from '@/components/UI/shadcn/Button';
+import Icon from '@/components/UI/Icon';
+import { Card, CardContent, CardFooter, CardHeader } from '@/components/UI/shadcn/Card';
+import AddExistingItem from './AddExistingItem';
+import AddExistingContext from './AddExistingContext';
+import CreateContext from './CreateContext';
+import AddExistingChat from './AddOrCreateChat/AddExistingChat';
+import AddNewChat from './AddOrCreateChat/AddNewChat';
+
+const QuickAddExplore = ({ currentId, roomName, getSpaceChildren, allChatRooms }) => {
+    const [isOpen, setIsOpen] = useState(false);
+    const [selectedOption, setSelectedOption] = useState('');
+    const { t } = useTranslation('explore');
+
+    const onClose = () => {
+        setIsOpen(false);
+        setSelectedOption('');
+    };
+
+    return (
+        <>
+            <Button variant="ghost" className="w-full" onClick={() => (isOpen ? onClose() : setIsOpen(true))}>
+                <Icon>{isOpen ? <RiCloseLine /> : <RiAddLine />}</Icon>
+            </Button>
+            {isOpen && (
+                <div className="flex w-full space-x-4">
+                    <Card className="w-full">
+                        <CardHeader>Add Item</CardHeader>
+                        <CardContent>
+                            Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
+                            dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et.
+                        </CardContent>
+                        <CardFooter>
+                            <div className="flex w-full justify-center space-x-4">
+                                <Button onClick={() => setSelectedOption('existingItem')}>{t('Existing')}</Button>
+                                {/*<Button>{t('Create new')}</Button>*/}
+                            </div>
+                        </CardFooter>
+                    </Card>
+                    <Card className="w-full">
+                        <CardHeader>Add Context</CardHeader>
+                        <CardContent>
+                            Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
+                            dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et.
+                        </CardContent>
+                        <CardFooter>
+                            <div className="flex w-full justify-center space-x-4">
+                                <Button onClick={() => setSelectedOption('existingContext')}>{t('Existing')}</Button>
+                                <Button onClick={() => setSelectedOption('newContext')}>{t('Create new')}</Button>
+                            </div>
+                        </CardFooter>
+                    </Card>
+                    <Card className="w-full">
+                        <CardHeader>Add Chat</CardHeader>
+                        <CardContent>
+                            Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
+                            dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et.
+                        </CardContent>
+                        <CardFooter>
+                            <div className="flex w-full justify-center space-x-4">
+                                <Button onClick={() => setSelectedOption('existingChat')}>{t('Existing')}</Button>
+                                <Button onClick={() => setSelectedOption('newChat')}>{t('Create new')}</Button>
+                            </div>
+                        </CardFooter>
+                    </Card>
+                </div>
+            )}
+            {selectedOption === 'existingItem' && <AddExistingItem currentId={currentId} onCancel={onClose} />}
+            {selectedOption === 'existingContext' && (
+                <AddExistingContext
+                    onCancel={onClose}
+                    parentId={currentId}
+                    parentName={roomName}
+                    contextRootId={getConfig().publicRuntimeConfig.contextRootSpaceRoomId}
+                />
+            )}
+            {selectedOption === 'newContext' && (
+                <CreateContext onCancel={onClose} currentId={currentId} getSpaceChildren={getSpaceChildren} />
+            )}
+            {selectedOption === 'existingChat' && (
+                <AddExistingChat
+                    currentId={currentId}
+                    parentName={roomName}
+                    allChatRooms={allChatRooms}
+                    onSuccess={onClose}
+                    updateRoomList={getSpaceChildren}
+                />
+            )}
+            {selectedOption === 'newChat' && (
+                <AddNewChat updateRoomList={getSpaceChildren} onSuccess={onClose} currentId={currentId} parentName={roomName} />
+            )}
+        </>
+    );
+};
+
+export default QuickAddExplore;

From 0a57f6a2f079de66ec640b914ee05e7ad1968484 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Fri, 9 Feb 2024 14:56:46 +0100
Subject: [PATCH 428/714] refactor: adapt ghost variant

---
 components/UI/shadcn/Button.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/UI/shadcn/Button.js b/components/UI/shadcn/Button.js
index abcd72b8..a6254b1f 100644
--- a/components/UI/shadcn/Button.js
+++ b/components/UI/shadcn/Button.js
@@ -13,7 +13,7 @@ const buttonVariants = cva(
                 destructive: 'bg-destructive text-destructive-foreground hover:bg-destructive/90',
                 outline: 'border border-input bg-background hover:bg-accent hover:border-accent hover:text-white',
                 secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/80',
-                ghost: 'hover:bg-accent hover:text-accent-foreground',
+                ghost: 'text-muted-foreground hover:text-foreground',
                 link: 'text-primary underline-offset-4 hover:underline',
             },
             size: {

From 745897860b89b3470863643beac3792d5a77d731 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Fri, 9 Feb 2024 14:56:52 +0100
Subject: [PATCH 429/714] refactor: remove Icon wrapper

---
 pages/explore/manage-room/QuickAddExplore.js | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/pages/explore/manage-room/QuickAddExplore.js b/pages/explore/manage-room/QuickAddExplore.js
index 88b38691..41c72e41 100644
--- a/pages/explore/manage-room/QuickAddExplore.js
+++ b/pages/explore/manage-room/QuickAddExplore.js
@@ -4,7 +4,6 @@ import getConfig from 'next/config';
 import React, { useState } from 'react';
 
 import { Button } from '@/components/UI/shadcn/Button';
-import Icon from '@/components/UI/Icon';
 import { Card, CardContent, CardFooter, CardHeader } from '@/components/UI/shadcn/Card';
 import AddExistingItem from './AddExistingItem';
 import AddExistingContext from './AddExistingContext';
@@ -25,7 +24,7 @@ const QuickAddExplore = ({ currentId, roomName, getSpaceChildren, allChatRooms }
     return (
         <>
             <Button variant="ghost" className="w-full" onClick={() => (isOpen ? onClose() : setIsOpen(true))}>
-                <Icon>{isOpen ? <RiCloseLine /> : <RiAddLine />}</Icon>
+                {isOpen ? <RiCloseLine /> : <RiAddLine />}
             </Button>
             {isOpen && (
                 <div className="flex w-full space-x-4">

From 5e9c21ac5085dbcb57f3fca652478d6394be8090 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Fri, 9 Feb 2024 15:03:35 +0100
Subject: [PATCH 430/714] refactor: create different views within
 QuickAddExplore.js and utilise previous button. Use consistent naming for
 functions within AddExistingChat.js and AddNewChat.js

---
 pages/explore/[[...roomId]].js                |  4 +-
 .../AddOrCreateChat/AddExistingChat.js        |  4 +-
 .../manage-room/AddOrCreateChat/AddNewChat.js |  4 +-
 .../manage-room/AddOrCreateChat/index.js      | 50 +++++++++----------
 pages/explore/manage-room/QuickAddExplore.js  | 23 +++++++--
 5 files changed, 50 insertions(+), 35 deletions(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 6bba37bb..23594192 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -347,7 +347,9 @@ export default function Explore() {
                                     </ServiceTable>
                                 )}
                                 {!manageContextActionToggle &&
-                                    matrixClient.getRoom(roomId).currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel) && (
+                                    matrixClient
+                                        .getRoom(roomId)
+                                        ?.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel) && (
                                         <QuickAddExplore
                                             currentId={roomId}
                                             roomName={matrix.spaces.get(roomId).name}
diff --git a/pages/explore/manage-room/AddOrCreateChat/AddExistingChat.js b/pages/explore/manage-room/AddOrCreateChat/AddExistingChat.js
index 5ac35113..5aadc99c 100644
--- a/pages/explore/manage-room/AddOrCreateChat/AddExistingChat.js
+++ b/pages/explore/manage-room/AddOrCreateChat/AddExistingChat.js
@@ -10,7 +10,7 @@ import PreviousNextButtons from '../../../../components/UI/PreviousNextButtons';
 import LoadingSpinnerInline from '../../../../components/UI/LoadingSpinnerInline';
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/UI/shadcn/Select';
 
-export default function AddExistingChat({ allChatRooms, handleCancel, currentId, onSuccess, parentName, updateRoomList }) {
+export default function AddExistingChat({ allChatRooms, onPreviousAction, currentId, onSuccess, parentName, updateRoomList }) {
     const matrix = useMatrix();
     const [selectedRoom, setSelectedRoom] = useState('');
     const [errorMessage, setErrorMessage] = useState('');
@@ -62,7 +62,7 @@ export default function AddExistingChat({ allChatRooms, handleCancel, currentId,
             </Select>
             {errorMessage && <ErrorMessage>{errorMessage}</ErrorMessage>}
             {userFeedback && <p>{userFeedback}</p>}
-            <PreviousNextButtons disableNext={!selectedRoom || userFeedback} onCancel={handleCancel}>
+            <PreviousNextButtons disableNext={!selectedRoom || userFeedback} onCancel={onPreviousAction}>
                 {isLoading ? <LoadingSpinnerInline inverted /> : t('add')}
             </PreviousNextButtons>
         </Form>
diff --git a/pages/explore/manage-room/AddOrCreateChat/AddNewChat.js b/pages/explore/manage-room/AddOrCreateChat/AddNewChat.js
index a1e78571..ae388923 100644
--- a/pages/explore/manage-room/AddOrCreateChat/AddNewChat.js
+++ b/pages/explore/manage-room/AddOrCreateChat/AddNewChat.js
@@ -12,7 +12,7 @@ import LoadingSpinnerInline from '../../../../components/UI/LoadingSpinnerInline
 import { Input } from '@/components/UI/shadcn/Input';
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/UI/shadcn/Select';
 
-export default function AddNewChat({ handleCancel, currentId, onSuccess, parentName, updateRoomList }) {
+export default function AddNewChat({ onPreviousAction, currentId, onSuccess, parentName, updateRoomList }) {
     const matrix = useMatrix();
     const [roomName, setRoomName] = useState('');
     const [roomTopic, setRoomTopic] = useState('');
@@ -72,7 +72,7 @@ export default function AddNewChat({ handleCancel, currentId, onSuccess, parentN
             </Select>
             {errorMessage && <ErrorMessage>{errorMessage}</ErrorMessage>}
             {userFeedback && <p>{userFeedback}</p>}
-            <PreviousNextButtons disableNext={!roomName || userFeedback} onCancel={handleCancel}>
+            <PreviousNextButtons disableNext={!roomName || userFeedback} onCancel={onPreviousAction}>
                 {isLoading ? <LoadingSpinnerInline inverted /> : t('add')}
             </PreviousNextButtons>
         </Form>
diff --git a/pages/explore/manage-room/AddOrCreateChat/index.js b/pages/explore/manage-room/AddOrCreateChat/index.js
index e3fa7dac..ef85a795 100644
--- a/pages/explore/manage-room/AddOrCreateChat/index.js
+++ b/pages/explore/manage-room/AddOrCreateChat/index.js
@@ -22,8 +22,8 @@ const CreateChatOptions = ({ currentId, parentName, getSpaceChildren, onPrevious
     const [selectedOption, setSelectedOption] = useState(''); // 'existing' or 'new'
     // create an array of chat rooms, filtering all rooms with a dev.medienhaus.meta event (not chat rooms), and all dm's
     const allChatRooms = Array.from(matrix.rooms.values())
-        .filter(room => !room.meta)
-        .filter(room => !matrix.directMessages.has(room.roomId));
+        .filter((room) => !room.meta)
+        .filter((room) => !matrix.directMessages.has(room.roomId));
 
     const { t } = useTranslation('explore');
 
@@ -37,24 +37,28 @@ const CreateChatOptions = ({ currentId, parentName, getSpaceChildren, onPrevious
     };
 
     if (selectedOption === 'existing') {
-        return <AddExistingChat
-            allChatRooms={allChatRooms}
-            handleCancel={() => setSelectedOption('')}
-            onSuccess={handleCancel}
-            currentId={currentId}
-            parentName={parentName}
-            updateRoomList={getSpaceChildren}
-        />;
+        return (
+            <AddExistingChat
+                allChatRooms={allChatRooms}
+                onPreviousAction={() => setSelectedOption('')}
+                onSuccess={handleCancel}
+                currentId={currentId}
+                parentName={parentName}
+                updateRoomList={getSpaceChildren}
+            />
+        );
     }
 
     if (selectedOption === 'new') {
-        return <AddNewChat
-            handleCancel={() => setSelectedOption('')}
-            onSuccess={handleCancel}
-            currentId={currentId}
-            parentName={parentName}
-            updateRoomList={getSpaceChildren}
-        />;
+        return (
+            <AddNewChat
+                onPreviousAction={() => setSelectedOption('')}
+                onSuccess={handleCancel}
+                currentId={currentId}
+                parentName={parentName}
+                updateRoomList={getSpaceChildren}
+            />
+        );
     }
 
     return (
@@ -65,15 +69,10 @@ const CreateChatOptions = ({ currentId, parentName, getSpaceChildren, onPrevious
                 checked={selectedRadioButton === 'existing'}
                 onChange={() => handleOptionChange('existing')}
             >
-                { t('Add Existing Room') }
+                {t('Add Existing Room')}
             </RadioButton>
-            <RadioButton
-                value="new"
-                id="new"
-                checked={selectedRadioButton === 'new'}
-                onChange={() => handleOptionChange('new')}
-            >
-                { t('Create New Room') }
+            <RadioButton value="new" id="new" checked={selectedRadioButton === 'new'} onChange={() => handleOptionChange('new')}>
+                {t('Create New Room')}
             </RadioButton>
             <PreviousNextButtons disableNext={!selectedRadioButton} onCancel={onPreviousAction} />
         </Form>
@@ -81,4 +80,3 @@ const CreateChatOptions = ({ currentId, parentName, getSpaceChildren, onPrevious
 };
 
 export default CreateChatOptions;
-
diff --git a/pages/explore/manage-room/QuickAddExplore.js b/pages/explore/manage-room/QuickAddExplore.js
index 41c72e41..b5be74a9 100644
--- a/pages/explore/manage-room/QuickAddExplore.js
+++ b/pages/explore/manage-room/QuickAddExplore.js
@@ -26,7 +26,7 @@ const QuickAddExplore = ({ currentId, roomName, getSpaceChildren, allChatRooms }
             <Button variant="ghost" className="w-full" onClick={() => (isOpen ? onClose() : setIsOpen(true))}>
                 {isOpen ? <RiCloseLine /> : <RiAddLine />}
             </Button>
-            {isOpen && (
+            {isOpen && !selectedOption && (
                 <div className="flex w-full space-x-4">
                     <Card className="w-full">
                         <CardHeader>Add Item</CardHeader>
@@ -69,17 +69,25 @@ const QuickAddExplore = ({ currentId, roomName, getSpaceChildren, allChatRooms }
                     </Card>
                 </div>
             )}
-            {selectedOption === 'existingItem' && <AddExistingItem currentId={currentId} onCancel={onClose} />}
+            {selectedOption === 'existingItem' && (
+                <AddExistingItem currentId={currentId} onCancel={onClose} onPreviousAction={() => setSelectedOption('')} />
+            )}
             {selectedOption === 'existingContext' && (
                 <AddExistingContext
                     onCancel={onClose}
                     parentId={currentId}
                     parentName={roomName}
                     contextRootId={getConfig().publicRuntimeConfig.contextRootSpaceRoomId}
+                    onPreviousAction={() => setSelectedOption('')}
                 />
             )}
             {selectedOption === 'newContext' && (
-                <CreateContext onCancel={onClose} currentId={currentId} getSpaceChildren={getSpaceChildren} />
+                <CreateContext
+                    onCancel={onClose}
+                    currentId={currentId}
+                    getSpaceChildren={getSpaceChildren}
+                    onPreviousAction={() => setSelectedOption('')}
+                />
             )}
             {selectedOption === 'existingChat' && (
                 <AddExistingChat
@@ -88,10 +96,17 @@ const QuickAddExplore = ({ currentId, roomName, getSpaceChildren, allChatRooms }
                     allChatRooms={allChatRooms}
                     onSuccess={onClose}
                     updateRoomList={getSpaceChildren}
+                    onPreviousAction={() => setSelectedOption('')}
                 />
             )}
             {selectedOption === 'newChat' && (
-                <AddNewChat updateRoomList={getSpaceChildren} onSuccess={onClose} currentId={currentId} parentName={roomName} />
+                <AddNewChat
+                    updateRoomList={getSpaceChildren}
+                    onSuccess={onClose}
+                    currentId={currentId}
+                    parentName={roomName}
+                    onPreviousAction={() => setSelectedOption('')}
+                />
             )}
         </>
     );

From 4d5fab975045d6f67012f3c416ddde5da914f6e0 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Fri, 9 Feb 2024 15:06:38 +0100
Subject: [PATCH 431/714] chore: add JSDoc

---
 pages/explore/manage-room/QuickAddExplore.js | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/pages/explore/manage-room/QuickAddExplore.js b/pages/explore/manage-room/QuickAddExplore.js
index b5be74a9..abb029ed 100644
--- a/pages/explore/manage-room/QuickAddExplore.js
+++ b/pages/explore/manage-room/QuickAddExplore.js
@@ -11,6 +11,19 @@ import CreateContext from './CreateContext';
 import AddExistingChat from './AddOrCreateChat/AddExistingChat';
 import AddNewChat from './AddOrCreateChat/AddNewChat';
 
+/**
+ * QuickAddExplore component
+ *
+ * This component is used to quickly add items, contexts, or chats to the current room.
+ *
+ * @param {Object} props - The properties passed to the component.
+ * @param {string} props.currentId - The ID of the current room.
+ * @param {string} props.roomName - The name of the current room.
+ * @param {Function} props.getSpaceChildren - A function to retrieve the children of the current space.
+ * @param {Array} props.allChatRooms - An array of all chat rooms.
+ *
+ * @returns {JSX.Element} The rendered QuickAddExplore component.
+ */
 const QuickAddExplore = ({ currentId, roomName, getSpaceChildren, allChatRooms }) => {
     const [isOpen, setIsOpen] = useState(false);
     const [selectedOption, setSelectedOption] = useState('');

From 0fc9e8033f5bf3c5e412a57b2a7a0731118e24ff Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Fri, 9 Feb 2024 15:07:12 +0100
Subject: [PATCH 432/714] chore: update JSDoc to not use props

---
 pages/explore/manage-room/QuickAddExplore.js | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/pages/explore/manage-room/QuickAddExplore.js b/pages/explore/manage-room/QuickAddExplore.js
index abb029ed..c6394a34 100644
--- a/pages/explore/manage-room/QuickAddExplore.js
+++ b/pages/explore/manage-room/QuickAddExplore.js
@@ -16,11 +16,10 @@ import AddNewChat from './AddOrCreateChat/AddNewChat';
  *
  * This component is used to quickly add items, contexts, or chats to the current room.
  *
- * @param {Object} props - The properties passed to the component.
- * @param {string} props.currentId - The ID of the current room.
- * @param {string} props.roomName - The name of the current room.
- * @param {Function} props.getSpaceChildren - A function to retrieve the children of the current space.
- * @param {Array} props.allChatRooms - An array of all chat rooms.
+ * @param {string} currentId - The ID of the current room.
+ * @param {string} roomName - The name of the current room.
+ * @param {Function} getSpaceChildren - A function to retrieve the children of the current space.
+ * @param {Array} allChatRooms - An array of all chat rooms.
  *
  * @returns {JSX.Element} The rendered QuickAddExplore component.
  */

From ff43bedb0bdff1b9bd23fa2afff968f07175fe72 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Fri, 9 Feb 2024 15:07:56 +0100
Subject: [PATCH 433/714] chore: add TODO

---
 pages/explore/manage-room/QuickAddExplore.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/pages/explore/manage-room/QuickAddExplore.js b/pages/explore/manage-room/QuickAddExplore.js
index c6394a34..9275fc8c 100644
--- a/pages/explore/manage-room/QuickAddExplore.js
+++ b/pages/explore/manage-room/QuickAddExplore.js
@@ -22,6 +22,8 @@ import AddNewChat from './AddOrCreateChat/AddNewChat';
  * @param {Array} allChatRooms - An array of all chat rooms.
  *
  * @returns {JSX.Element} The rendered QuickAddExplore component.
+ *
+ * @TODO change Card component to mobile friendly option
  */
 const QuickAddExplore = ({ currentId, roomName, getSpaceChildren, allChatRooms }) => {
     const [isOpen, setIsOpen] = useState(false);

From 6e7394490004dec1d9a92d545ca882c55453321d Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 13 Feb 2024 11:38:48 +0100
Subject: [PATCH 434/714] feat: first basic implementation of a UI to add
 general links to explore items

---
 pages/explore/ExploreIframeViews.js          |  25 ++---
 pages/explore/TreeLeaves.js                  |  23 +++-
 pages/explore/manage-room/CreateLink.js      | 108 +++++++++++++++++++
 pages/explore/manage-room/QuickAddExplore.js |  21 ++++
 4 files changed, 160 insertions(+), 17 deletions(-)
 create mode 100644 pages/explore/manage-room/CreateLink.js

diff --git a/pages/explore/ExploreIframeViews.js b/pages/explore/ExploreIframeViews.js
index ac2e73f9..844e9a84 100644
--- a/pages/explore/ExploreIframeViews.js
+++ b/pages/explore/ExploreIframeViews.js
@@ -18,16 +18,13 @@ const ExploreIframeViews = ({ currentTemplate, iframeRoomId, title: parsedTitle
         let cancelled = false;
 
         const fetchRoomName = async () => {
-            const nameEvent = await matrixClient.getStateEvent(
-                iframeRoomId,
-                'm.room.name',
-            ).catch(() => {});
+            const nameEvent = await matrixClient.getStateEvent(iframeRoomId, 'm.room.name').catch(() => {});
             setTitle(nameEvent?.name);
         };
 
         if (!cancelled) fetchRoomName();
 
-        return () => cancelled = true;
+        return () => (cancelled = true);
     }, [iframeRoomId, matrixClient, parsedTitle]);
 
     const CurrentView = () => {
@@ -41,7 +38,8 @@ const ExploreIframeViews = ({ currentTemplate, iframeRoomId, title: parsedTitle
                             content={matrix.roomContents.get(iframeRoomId)?.body}
                             title={title}
                             removeLink={() => console.log('removing pad from parent')}
-                            removingLink={false} />
+                            removingLink={false}
+                        />
                         <iframe title="studentproject" src={matrix.roomContents.get(iframeRoomId)?.body} />
                     </>
                 );
@@ -52,17 +50,20 @@ const ExploreIframeViews = ({ currentTemplate, iframeRoomId, title: parsedTitle
                             content={matrix.roomContents.get(iframeRoomId)?.body}
                             title={title}
                             removeLink={() => console.log('removing sketch from parent')}
-                            removingLink={false} />
+                            removingLink={false}
+                        />
                         <iframe title="sketch" src={matrix.roomContents.get(iframeRoomId)?.body} />
                     </>
                 );
-            default:
+            case 'link':
                 return (
-
-                    <ChatIframeView title="chat"
-                        src={`${getConfig().publicRuntimeConfig.chat.pathToElement}/#/room/${iframeRoomId}`} />
-
+                    <>
+                        <ServiceIframeHeader content={matrix.roomContents.get(iframeRoomId)?.body} title={title} removingLink={false} />
+                        <iframe title="sketch" src={matrix.roomContents.get(iframeRoomId)?.body} />
+                    </>
                 );
+            default:
+                return <ChatIframeView title="chat" src={`${getConfig().publicRuntimeConfig.chat.pathToElement}/#/room/${iframeRoomId}`} />;
         }
     };
 
diff --git a/pages/explore/TreeLeaves.js b/pages/explore/TreeLeaves.js
index 9ab01f48..9d860573 100644
--- a/pages/explore/TreeLeaves.js
+++ b/pages/explore/TreeLeaves.js
@@ -12,11 +12,20 @@ const TreeLeaves = ({ leaf, selectedRoomId, isFetchingContent, small, isChat })
     const roomId = leaf.id || leaf.room_id || leaf.roomId;
     const parentId = leaf.parent.id || leaf.parent.room_id || leaf.parent.roomId;
     const template = leaf.meta?.template;
+
     // if the room is a chat or service we want to show a different icon
-    const name = isChat ? '💬 ' + leaf.name
-        : template === 'etherpad' ? '📝 ' + leaf.name
-            : template === 'spacedeck' ? '🎨 ' + leaf.name
-                : template === 'studentproject' ? '🎓 ' + leaf.name : leaf.name;
+    const name = isChat
+        ? '💬 ' + leaf.name
+        : template === 'etherpad'
+          ? '📝 ' + leaf.name
+          : template === 'spacedeck'
+            ? '🎨 ' + leaf.name
+            : template === 'studentproject'
+              ? '🎓 ' + leaf.name
+              : template === 'link'
+                ? '🔗 ' + leaf.name
+                : leaf.name;
+
     // if an iframe is open we only want to show items in the list
     if (selectedRoomId && leaf.type !== 'item') return null;
 
@@ -24,7 +33,11 @@ const TreeLeaves = ({ leaf, selectedRoomId, isFetchingContent, small, isChat })
         <ServiceLink
             small={small}
             roomId={roomId}
-            href={getConfig().publicRuntimeConfig.templates?.item.includes(template) || isChat ? `/explore/${parentId}/${roomId}` : `/explore/${roomId}`}
+            href={
+                getConfig().publicRuntimeConfig.templates?.item.includes(template) || isChat
+                    ? `/explore/${parentId}/${roomId}`
+                    : `/explore/${roomId}`
+            }
             name={name}
             isFetchingContent={isFetchingContent}
             selected={router.query.roomId[1] === roomId || router.query.roomId[0] === roomId}
diff --git a/pages/explore/manage-room/CreateLink.js b/pages/explore/manage-room/CreateLink.js
new file mode 100644
index 00000000..de4a2d23
--- /dev/null
+++ b/pages/explore/manage-room/CreateLink.js
@@ -0,0 +1,108 @@
+import React, { useState } from 'react';
+import getConfig from 'next/config';
+import { useTranslation } from 'react-i18next';
+
+import { useAuth } from '../../../lib/Auth';
+import { useMatrix } from '../../../lib/Matrix';
+import ErrorMessage from '../../../components/UI/ErrorMessage';
+import Form from '../../../components/UI/Form';
+import PreviousNextButtons from '../../../components/UI/PreviousNextButtons';
+import LoadingSpinnerInline from '../../../components/UI/LoadingSpinnerInline';
+import { Input } from '@/components/UI/shadcn/Input';
+
+const CreateLink = ({ currentId, onCancel, getSpaceChildren, onPreviousAction }) => {
+    const auth = useAuth();
+    const matrix = useMatrix();
+
+    const [name, setName] = useState('');
+    const [url, setUrl] = useState('');
+    const [isLoading, setIsLoading] = useState(false);
+    const [errorMessage, setErrorMessage] = useState('');
+
+    const { t } = useTranslation();
+
+    const createContext = async (e) => {
+        e.preventDefault();
+        //first of all some content checking otherwise displaying custom error messages
+        setIsLoading(true);
+        setErrorMessage('');
+        //
+        // if (!name) {
+        //     setErrorMessage('name not set');
+        //
+        //     return;
+        // }
+        //
+        // if (!url) {
+        //     setErrorMessage('link not set');
+        // }
+
+        // create the new context space
+        const createNewLink = await matrix
+            .createRoom(
+                name,
+                false,
+                '',
+                'public',
+                'context',
+                'link',
+                getConfig().publicRuntimeConfig.name,
+                'public',
+                'world_readable',
+                'public_chat',
+            )
+            .catch(async (err) => {
+                setErrorMessage(err.message);
+
+                return;
+            });
+
+        // then add our new context to the parent.
+        if (createNewLink) {
+            await auth
+                .getAuthenticationProvider('matrix')
+                .addSpaceChild(currentId, createNewLink)
+                .catch(async (err) => {
+                    setErrorMessage(err.message);
+                });
+        }
+
+        await matrix.sendMessage(createNewLink, url).catch((error) => setErrorMessage(error));
+
+        await getSpaceChildren(null, currentId);
+        setName('');
+        setUrl('');
+        setIsLoading(false);
+        onCancel();
+    };
+
+    return (
+        <Form onSubmit={createContext}>
+            <Input
+                type="text"
+                onChange={(e) => {
+                    setName(e?.target?.value);
+                }}
+                value={name}
+                required
+                placeholder="name"
+            />
+            <Input
+                type="text"
+                onChange={(e) => {
+                    setUrl(e?.target?.value);
+                }}
+                value={url}
+                placeholder="URL"
+            />
+            {
+                errorMessage && <ErrorMessage>{errorMessage}</ErrorMessage> //error message container
+            }
+            <PreviousNextButtons disableNext={isLoading || !name || !url} onCancel={onPreviousAction}>
+                {isLoading ? <LoadingSpinnerInline inverted /> : t('Create Link')}
+            </PreviousNextButtons>
+        </Form>
+    );
+};
+
+export default CreateLink;
diff --git a/pages/explore/manage-room/QuickAddExplore.js b/pages/explore/manage-room/QuickAddExplore.js
index 9275fc8c..00fb2ca0 100644
--- a/pages/explore/manage-room/QuickAddExplore.js
+++ b/pages/explore/manage-room/QuickAddExplore.js
@@ -10,6 +10,7 @@ import AddExistingContext from './AddExistingContext';
 import CreateContext from './CreateContext';
 import AddExistingChat from './AddOrCreateChat/AddExistingChat';
 import AddNewChat from './AddOrCreateChat/AddNewChat';
+import CreateLink from './CreateLink';
 
 /**
  * QuickAddExplore component
@@ -81,6 +82,18 @@ const QuickAddExplore = ({ currentId, roomName, getSpaceChildren, allChatRooms }
                             </div>
                         </CardFooter>
                     </Card>
+                    <Card className="w-full">
+                        <CardHeader>Add Link</CardHeader>
+                        <CardContent>
+                            Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
+                            dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et.
+                        </CardContent>
+                        <CardFooter>
+                            <div className="flex w-full justify-center space-x-4">
+                                <Button onClick={() => setSelectedOption('link')}>{t('Add Link')}</Button>
+                            </div>
+                        </CardFooter>
+                    </Card>
                 </div>
             )}
             {selectedOption === 'existingItem' && (
@@ -122,6 +135,14 @@ const QuickAddExplore = ({ currentId, roomName, getSpaceChildren, allChatRooms }
                     onPreviousAction={() => setSelectedOption('')}
                 />
             )}
+            {selectedOption === 'link' && (
+                <CreateLink
+                    currentId={currentId}
+                    onCancel={onClose}
+                    onPreviousAction={() => setSelectedOption('')}
+                    getSpaceChildren={getSpaceChildren}
+                />
+            )}
         </>
     );
 };

From 21185c966b70ddc61448fd0b8825d74da57fd46d Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 13 Feb 2024 13:28:27 +0100
Subject: [PATCH 435/714] refactor: open external links in new tab

---
 components/UI/ServiceLink.js | 62 +++++++++++++++++++-----------------
 pages/explore/TreeLeaves.js  | 14 +++++---
 2 files changed, 43 insertions(+), 33 deletions(-)

diff --git a/components/UI/ServiceLink.js b/components/UI/ServiceLink.js
index 3e8ac97a..04bc2903 100644
--- a/components/UI/ServiceLink.js
+++ b/components/UI/ServiceLink.js
@@ -35,36 +35,40 @@ const NotificationBadge = styled.span`
     }
 `;
 
-const ServiceLink = forwardRef(({ roomId, href, name, selected, path, passwordProtected, thumbnail, notificationCount, small, isFetchingContent }, ref) => {
-    const { t } = useTranslation();
+const ServiceLink = forwardRef(
+    ({ roomId, href, name, selected, path, target, passwordProtected, thumbnail, notificationCount, small, isFetchingContent }, ref) => {
+        const { t } = useTranslation();
 
-    return (
-        <ServiceTable.Row>
-            <ServiceTable.Cell>
-                <Link ref={ref} href={href} className="flex items-center justify-between">
-                    {thumbnail && (
-                        <Avatar className="mr-3 h-8 w-8">
-                            <AvatarImage src={thumbnail} />
-                            <AvatarFallback />
-                        </Avatar>
-                    )}
-                    <span className="flex-grow">{ name }</span>
-                    { roomId && isFetchingContent === roomId && <LoadingSpinnerInline /> }
-                    { /* Show a lock icon if this Link is password protected */ }
-                    { passwordProtected && (
-                        <LockIconWrapper title={t('password protected')}>
-                            <RiLockLine />
-                        </LockIconWrapper>
-                    ) }
-                    {/* Show notification badge if there are notifications */}
-                    {notificationCount > 0 && <NotificationBadge>{notificationCount < 100 ? notificationCount : '99+'}</NotificationBadge>}
-                    {/* Tell if this is our active item by displaying an arrow */}
-                    {selected && <RiArrowRightLine className="h-4 w-4 ml-2" />}
-                </Link>
-            </ServiceTable.Cell>
-        </ServiceTable.Row>
-    );
-});
+        return (
+            <ServiceTable.Row>
+                <ServiceTable.Cell>
+                    <Link ref={ref} target={target} href={href} rel="noopener noreferrer" className="flex items-center justify-between">
+                        {thumbnail && (
+                            <Avatar className="mr-3 h-8 w-8">
+                                <AvatarImage src={thumbnail} />
+                                <AvatarFallback />
+                            </Avatar>
+                        )}
+                        <span className="flex-grow">{name}</span>
+                        {roomId && isFetchingContent === roomId && <LoadingSpinnerInline />}
+                        {/* Show a lock icon if this Link is password protected */}
+                        {passwordProtected && (
+                            <LockIconWrapper title={t('password protected')}>
+                                <RiLockLine />
+                            </LockIconWrapper>
+                        )}
+                        {/* Show notification badge if there are notifications */}
+                        {notificationCount > 0 && (
+                            <NotificationBadge>{notificationCount < 100 ? notificationCount : '99+'}</NotificationBadge>
+                        )}
+                        {/* Tell if this is our active item by displaying an arrow */}
+                        {selected && <RiArrowRightLine className="ml-2 h-4 w-4" />}
+                    </Link>
+                </ServiceTable.Cell>
+            </ServiceTable.Row>
+        );
+    },
+);
 ServiceLink.displayName = 'ServiceLink';
 
 export default ServiceLink;
diff --git a/pages/explore/TreeLeaves.js b/pages/explore/TreeLeaves.js
index 9d860573..b234039c 100644
--- a/pages/explore/TreeLeaves.js
+++ b/pages/explore/TreeLeaves.js
@@ -4,15 +4,18 @@ import getConfig from 'next/config';
 
 import LoadingSpinner from '../../components/UI/LoadingSpinner';
 import ServiceLink from '../../components/UI/ServiceLink';
+import { useMatrix } from '@/lib/Matrix';
 
 const TreeLeaves = ({ leaf, selectedRoomId, isFetchingContent, small, isChat }) => {
     const router = useRouter();
+    const matrix = useMatrix();
+
     if (!leaf) return <LoadingSpinner />;
 
     const roomId = leaf.id || leaf.room_id || leaf.roomId;
     const parentId = leaf.parent.id || leaf.parent.room_id || leaf.parent.roomId;
     const template = leaf.meta?.template;
-
+    const externalUrl = template === 'link' && matrix.roomContents.get(roomId)?.body;
     // if the room is a chat or service we want to show a different icon
     const name = isChat
         ? '💬 ' + leaf.name
@@ -33,10 +36,13 @@ const TreeLeaves = ({ leaf, selectedRoomId, isFetchingContent, small, isChat })
         <ServiceLink
             small={small}
             roomId={roomId}
+            target={template === 'link' ? '_blank' : '_self'}
             href={
-                getConfig().publicRuntimeConfig.templates?.item.includes(template) || isChat
-                    ? `/explore/${parentId}/${roomId}`
-                    : `/explore/${roomId}`
+                externalUrl
+                    ? externalUrl
+                    : getConfig().publicRuntimeConfig.templates?.item.includes(template) || isChat
+                      ? `/explore/${parentId}/${roomId}`
+                      : `/explore/${roomId}`
             }
             name={name}
             isFetchingContent={isFetchingContent}

From f919b67acdba1490000a4e7ba7a9eaed335d7fa3 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 13 Feb 2024 14:41:23 +0100
Subject: [PATCH 436/714] refactor: use tabs for space settings and shadcn
 Textarea

---
 components/UI/ImageUpload.js                  |   1 -
 components/UI/shadcn/Tabs.js                  |  41 +++++
 components/UI/shadcn/Textarea.js              |  19 ++
 package-lock.json                             |  31 ++++
 package.json                                  |   1 +
 pages/explore/manage-room/ChangeAvatar.js     |   2 -
 pages/explore/manage-room/ChangeTopic.js      |  34 ++--
 .../manage-room/ExploreMatrixActions.js       | 170 +++++++++---------
 pages/explore/manage-room/UserManagement.js   |   6 +-
 9 files changed, 194 insertions(+), 111 deletions(-)
 create mode 100644 components/UI/shadcn/Tabs.js
 create mode 100644 components/UI/shadcn/Textarea.js

diff --git a/components/UI/ImageUpload.js b/components/UI/ImageUpload.js
index c8cdc467..095dcbf5 100644
--- a/components/UI/ImageUpload.js
+++ b/components/UI/ImageUpload.js
@@ -10,7 +10,6 @@ const AvatarSection = styled.div`
     display: grid;
     grid-auto-flow: row;
     grid-gap: var(--margin);
-    max-width: 55ch;
 
     @media (min-width: 40em) {
         grid-template-columns: 1fr 1fr;
diff --git a/components/UI/shadcn/Tabs.js b/components/UI/shadcn/Tabs.js
new file mode 100644
index 00000000..91eb5c4a
--- /dev/null
+++ b/components/UI/shadcn/Tabs.js
@@ -0,0 +1,41 @@
+import * as React from 'react';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+
+import { cn } from '@/lib/utils';
+
+const Tabs = TabsPrimitive.Root;
+
+const TabsList = React.forwardRef(({ className, ...props }, ref) => (
+    <TabsPrimitive.List
+        ref={ref}
+        className={cn('inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground', className)}
+        {...props}
+    />
+));
+TabsList.displayName = TabsPrimitive.List.displayName;
+
+const TabsTrigger = React.forwardRef(({ className, ...props }, ref) => (
+    <TabsPrimitive.Trigger
+        ref={ref}
+        className={cn(
+            'inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm',
+            className,
+        )}
+        {...props}
+    />
+));
+TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
+
+const TabsContent = React.forwardRef(({ className, ...props }, ref) => (
+    <TabsPrimitive.Content
+        ref={ref}
+        className={cn(
+            'mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',
+            className,
+        )}
+        {...props}
+    />
+));
+TabsContent.displayName = TabsPrimitive.Content.displayName;
+
+export { Tabs, TabsList, TabsTrigger, TabsContent };
diff --git a/components/UI/shadcn/Textarea.js b/components/UI/shadcn/Textarea.js
new file mode 100644
index 00000000..8006d283
--- /dev/null
+++ b/components/UI/shadcn/Textarea.js
@@ -0,0 +1,19 @@
+import * as React from 'react';
+
+import { cn } from '@/lib/utils';
+
+const Textarea = React.forwardRef(({ className, ...props }, ref) => {
+    return (
+        <textarea
+            className={cn(
+                'flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',
+                className,
+            )}
+            ref={ref}
+            {...props}
+        />
+    );
+});
+Textarea.displayName = 'Textarea';
+
+export { Textarea };
diff --git a/package-lock.json b/package-lock.json
index 7fc519de..f0711383 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,6 +12,7 @@
         "@radix-ui/react-select": "^2.0.0",
         "@radix-ui/react-slot": "^1.0.2",
         "@radix-ui/react-switch": "^1.0.3",
+        "@radix-ui/react-tabs": "^1.0.4",
         "@remixicon/react": "^4.1.1",
         "class-variance-authority": "^0.7.0",
         "clsx": "^2.1.0",
@@ -2888,6 +2889,36 @@
         }
       }
     },
+    "node_modules/@radix-ui/react-tabs": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-tabs/-/react-tabs-1.0.4.tgz",
+      "integrity": "sha512-egZfYY/+wRNCflXNHx+dePvnz9FbmssDTJBtgRfDY7e8SE5oIo3Py2eCB1ckAbh1Q7cQ/6yJZThJ++sgbxibog==",
+      "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-id": "1.0.1",
+        "@radix-ui/react-presence": "1.0.1",
+        "@radix-ui/react-primitive": "1.0.3",
+        "@radix-ui/react-roving-focus": "1.0.4",
+        "@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-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",
diff --git a/package.json b/package.json
index 2c85c669..048ec20d 100644
--- a/package.json
+++ b/package.json
@@ -14,6 +14,7 @@
     "@radix-ui/react-select": "^2.0.0",
     "@radix-ui/react-slot": "^1.0.2",
     "@radix-ui/react-switch": "^1.0.3",
+    "@radix-ui/react-tabs": "^1.0.4",
     "@remixicon/react": "^4.1.1",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.0",
diff --git a/pages/explore/manage-room/ChangeAvatar.js b/pages/explore/manage-room/ChangeAvatar.js
index 886a89eb..a210af02 100644
--- a/pages/explore/manage-room/ChangeAvatar.js
+++ b/pages/explore/manage-room/ChangeAvatar.js
@@ -3,7 +3,6 @@ import { useTranslation } from 'react-i18next';
 
 import ImageUpload from '../../../components/UI/ImageUpload';
 import ErrorMessage from '../../../components/UI/ErrorMessage';
-import PreviousNextButtons from '@/components/UI/PreviousNextButtons';
 
 const ChangeAvatar = ({ roomId, onPreviousAction }) => {
     const [errorMessage, setErrorMessage] = useState('');
@@ -29,7 +28,6 @@ const ChangeAvatar = ({ roomId, onPreviousAction }) => {
         <>
             <ImageUpload roomId={roomId} callback={uploadRoomAvatar} />
             {errorMessage && <ErrorMessage>{t(errorMessage)}</ErrorMessage>}
-            <PreviousNextButtons disableNext onCancel={onPreviousAction} />
         </>
     );
 };
diff --git a/pages/explore/manage-room/ChangeTopic.js b/pages/explore/manage-room/ChangeTopic.js
index c54fe779..ce7024b5 100644
--- a/pages/explore/manage-room/ChangeTopic.js
+++ b/pages/explore/manage-room/ChangeTopic.js
@@ -4,9 +4,10 @@ import { useTranslation } from 'react-i18next';
 import { RiCheckLine } from '@remixicon/react';
 
 import { useAuth } from '../../../lib/Auth';
-import PreviousNextButtons from '../../../components/UI/PreviousNextButtons';
 import Form from '../../../components/UI/Form';
 import ErrorMessage from '../../../components/UI/ErrorMessage';
+import { Textarea } from '@/components/UI/shadcn/Textarea';
+import ConfirmCancelButtons from '@/components/UI/ConfirmCancelButtons';
 
 const TopicInput = styled.textarea`
     width: 100%;
@@ -21,7 +22,7 @@ const TopicInput = styled.textarea`
     appearance: none;
 `;
 
-const ChangeTopic = ({ roomId, onPreviousAction, onCancel }) => {
+const ChangeTopic = ({ roomId, roomName }) => {
     const matrixClient = useAuth().getAuthenticationProvider('matrix').getMatrixClient();
     const [newTopic, setNewTopic] = useState('');
     const [isUpdating, setIsUpdating] = useState(false);
@@ -51,6 +52,7 @@ const ChangeTopic = ({ roomId, onPreviousAction, onCancel }) => {
     }, [getCurrentTopic]);
 
     const handleTopicChange = (e) => {
+        console.log(e.target.value);
         setNewTopic(e.target.value);
     };
 
@@ -70,7 +72,6 @@ const ChangeTopic = ({ roomId, onPreviousAction, onCancel }) => {
 
         // Reset the input field and update status
         setIsUpdating(false);
-        console.log(sendTopic);
 
         if (sendTopic.event_id) {
             setSuccessMessage('Topic was successfully updated');
@@ -79,25 +80,22 @@ const ChangeTopic = ({ roomId, onPreviousAction, onCancel }) => {
     };
 
     return (
-        <Form onSubmit={(e) => updateTopic(e)}>
-            <TopicInput
-                type="text"
-                rows="5"
-                id="topic"
-                value={newTopic}
-                onChange={handleTopicChange}
-                disabled={isUpdating}
-                placeholder={t('Enter a new topic')}
-            />
-
-            <PreviousNextButtons onCancel={onPreviousAction} disableNext={isUpdating || currentTopic === newTopic} />
+        <>
+            <Form onSubmit={updateTopic} onReset={() => setNewTopic(currentTopic)}>
+                <Textarea
+                    placeholder={t('Enter a new topic, for example a short description of ') + roomName}
+                    value={newTopic}
+                    onChange={handleTopicChange}
+                />
+                {errorMessage && <ErrorMessage>{errorMessage}</ErrorMessage>}
+                <ConfirmCancelButtons disabled={isUpdating || currentTopic === newTopic} />
+            </Form>
             {successMessage && (
                 <p>
-                    {t(successMessage)} + <RiCheckLine />
+                    {t(successMessage)} <RiCheckLine />
                 </p>
             )}
-            {errorMessage && <ErrorMessage>{errorMessage}</ErrorMessage>}
-        </Form>
+        </>
     );
 };
 
diff --git a/pages/explore/manage-room/ExploreMatrixActions.js b/pages/explore/manage-room/ExploreMatrixActions.js
index e56dd251..a485f485 100644
--- a/pages/explore/manage-room/ExploreMatrixActions.js
+++ b/pages/explore/manage-room/ExploreMatrixActions.js
@@ -8,17 +8,17 @@ import LoadingSpinner from '../../../components/UI/LoadingSpinner';
 import CreateContext from './CreateContext';
 import AddExistingContext from './AddExistingContext';
 import AddExistingItem from './AddExistingItem';
-import Form from '../../../components/UI/Form';
 import PreviousNextButtons from '../../../components/UI/PreviousNextButtons';
 import RemoveSpaceFromParent from './RemoveSpaceFromParent';
 import UserManagement from './UserManagement';
 import LeaveRoom from './LeaveRoom';
-import ChangeJoinRule from './ChangeJoinRule';
 import { useMatrix } from '@/lib/Matrix';
 import ChangeTopic from './ChangeTopic';
 import CreateChatOptions from './AddOrCreateChat';
 import ChangeAvatar from './ChangeAvatar';
 import { RadioGroup, RadioGroupItem } from '@/components/UI/shadcn/Radio-group';
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/UI/shadcn/Tabs';
+import ChangeJoinRule from './ChangeJoinRule';
 
 /**
  * This component provides actions for managing contexts and items within a matrix room.
@@ -156,16 +156,6 @@ const RenderSwitch = ({ currentId, parentId, roomName, setManageContextActionTog
                 />
             );
 
-        case 'changeJoinRule':
-            return (
-                <ChangeJoinRule
-                    roomId={currentId}
-                    roomName={roomName}
-                    onPreviousAction={onPreviousAction}
-                    onCancel={() => setManageContextActionToggle(false)}
-                />
-            );
-
         case 'changeTopic':
             return (
                 <ChangeTopic roomId={currentId} onPreviousAction={onPreviousAction} onCancel={() => setManageContextActionToggle(false)} />
@@ -177,88 +167,98 @@ const RenderSwitch = ({ currentId, parentId, roomName, setManageContextActionTog
             );
         default:
             return (
-                <Form
-                    onSubmit={(e) => {
-                        //@TODO check type submit thing
-                        e.preventDefault();
-                        setSelectedAction(selectedRadioButton);
-                    }}
-                    onChange={(e) => setSelectedRadioButton(e.target.value)}
-                >
-                    <RadioGroup name="action" value={selectedRadioButton} onValueChange={setSelectedRadioButton}>
-                        {room.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel) && (
-                            <>
-                                <div className="flex items-center space-x-2">
-                                    <RadioGroupItem id="substructure" value="substructure" />
-                                    <label htmlFor="substructure">{t('Create new substructure')}</label>
-                                </div>
+                <Tabs defaultValue="settings">
+                    <TabsList>
+                        <TabsTrigger value="actions">{t('Actions')}</TabsTrigger>
+                        <TabsTrigger value="members">{t('Members')}</TabsTrigger>
+                        <TabsTrigger value="settings">{t('Settings')}</TabsTrigger>
+                    </TabsList>
+                    <TabsContent value="actions">
+                        <RadioGroup name="action" value={selectedRadioButton} onValueChange={setSelectedRadioButton}>
+                            {room.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel) && (
+                                <>
+                                    <div className="flex items-center space-x-2">
+                                        <RadioGroupItem id="substructure" value="substructure" />
+                                        <label htmlFor="substructure">{t('Create new substructure')}</label>
+                                    </div>
 
-                                <div className="flex items-center space-x-2">
-                                    <RadioGroupItem id="existingItem" value="existingItem" />
-                                    <label htmlFor="existingItem">{t('Add existing item')}</label>
-                                </div>
+                                    <div className="flex items-center space-x-2">
+                                        <RadioGroupItem id="existingItem" value="existingItem" />
+                                        <label htmlFor="existingItem">{t('Add existing item')}</label>
+                                    </div>
 
-                                <div className="flex items-center space-x-2">
-                                    <RadioGroupItem id="existingContext" value="existingContext" />
-                                    <label htmlFor="existingContext">{t('Add existing context')}</label>
-                                </div>
+                                    <div className="flex items-center space-x-2">
+                                        <RadioGroupItem id="existingContext" value="existingContext" />
+                                        <label htmlFor="existingContext">{t('Add existing context')}</label>
+                                    </div>
 
-                                <div className="flex items-center space-x-2">
-                                    <RadioGroupItem id="addOrCreateChat" value="addOrCreateChat" />
-                                    <label htmlFor="addOrCreateChat">{t('Add existing chat or create one')}</label>
-                                </div>
+                                    <div className="flex items-center space-x-2">
+                                        <RadioGroupItem id="addOrCreateChat" value="addOrCreateChat" />
+                                        <label htmlFor="addOrCreateChat">{t('Add existing chat or create one')}</label>
+                                    </div>
 
-                                <div className="flex items-center space-x-2">
-                                    <RadioGroupItem id="removeSpace" value="removeSpace" />
-                                    <label htmlFor="removeSpace">{t('Remove items or contexts')}</label>
-                                </div>
-                            </>
-                        )}
-                        {room.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel) && (
-                            <div className="flex items-center space-x-2">
-                                <RadioGroupItem id="manageUsers" value="manageUsers" />
-                                <label htmlFor="manageUsers">
-                                    {t('Manage users in')} {roomName}
-                                </label>
-                            </div>
-                        )}
+                                    <div className="flex items-center space-x-2">
+                                        <RadioGroupItem id="removeSpace" value="removeSpace" />
+                                        <label htmlFor="removeSpace">{t('Remove items or contexts')}</label>
+                                    </div>
 
-                        <div className="flex items-center space-x-2">
-                            <RadioGroupItem id="leaveRoom" value="leaveRoom" />
-                            <label htmlFor="leaveRoom">
-                                {t('Leave')} {roomName}
-                            </label>
-                        </div>
+                                    <div className="flex items-center space-x-2">
+                                        <RadioGroupItem id="leaveRoom" value="leaveRoom" />
+                                        <label htmlFor="leaveRoom">
+                                            {t('Leave')} {roomName}
+                                        </label>
+                                    </div>
+                                </>
+                            )}
+                        </RadioGroup>
+                        <PreviousNextButtons
+                            disabled={!selectedRadioButton}
+                            disableNext={selectedAction}
+                            disablePrev={!selectedAction}
+                            onCancel={onPreviousAction}
+                        />
+                    </TabsContent>
 
-                        {room.currentState.hasSufficientPowerLevelFor('m.room.join_rules', myPowerLevel) && (
-                            <div className="flex items-center space-x-2">
-                                <RadioGroupItem id="changeJoinRule" value="changeJoinRule" />
-                                <label htmlFor="changeJoinRule">{t('Change join rule')}</label>
-                            </div>
-                        )}
+                    <TabsContent value="members">
+                        <UserManagement
+                            roomId={currentId}
+                            roomName={roomName}
+                            onPreviousAction={onPreviousAction}
+                            onCancel={() => setManageContextActionToggle(false)}
+                        />
+                    </TabsContent>
 
-                        {room.currentState.hasSufficientPowerLevelFor('m.room.topic', myPowerLevel) && (
-                            <div className="flex items-center space-x-2">
-                                <RadioGroupItem id="changeTopic" value="changeTopic" />
-                                <label htmlFor="changeTopic">{t('Change topic')}</label>
-                            </div>
-                        )}
+                    <TabsContent value="settings">
+                        <>
+                            {room.currentState.hasSufficientPowerLevelFor('m.room.topic', myPowerLevel) && (
+                                <>
+                                    <h3>{t('Topic (optional)')}</h3>
+                                    <ChangeTopic roomId={currentId} roomName={roomName} />
+                                </>
+                            )}
 
-                        {room.currentState.hasSufficientPowerLevelFor('m.room.avatar', myPowerLevel) && (
-                            <div className="flex items-center space-x-2">
-                                <RadioGroupItem id="changeAvatar" value="changeAvatar" />
-                                <label htmlFor="changeAvatar">{t('Change avatar')}</label>
-                            </div>
-                        )}
-                    </RadioGroup>
+                            {room.currentState.hasSufficientPowerLevelFor('m.room.avatar', myPowerLevel) && (
+                                <>
+                                    <h3>{t('Avatar')}</h3>
+                                    <ChangeAvatar
+                                        roomId={currentId}
+                                        onPreviousAction={onPreviousAction}
+                                        onCancel={() => setManageContextActionToggle(false)}
+                                    />
+                                </>
+                            )}
 
-                    <PreviousNextButtons
-                        disabled={!selectedRadioButton}
-                        disableNext={selectedAction}
-                        disablePrev={!selectedAction}
-                        onCancel={onPreviousAction}
-                    />
-                </Form>
+                            {room.currentState.hasSufficientPowerLevelFor('m.room.join_rules', myPowerLevel) && (
+                                <ChangeJoinRule
+                                    roomId={currentId}
+                                    roomName={roomName}
+                                    onPreviousAction={onPreviousAction}
+                                    onCancel={() => setManageContextActionToggle(false)}
+                                />
+                            )}
+                        </>
+                    </TabsContent>
+                </Tabs>
             );
     }
 };
diff --git a/pages/explore/manage-room/UserManagement.js b/pages/explore/manage-room/UserManagement.js
index 8aea2a92..9aa206c7 100644
--- a/pages/explore/manage-room/UserManagement.js
+++ b/pages/explore/manage-room/UserManagement.js
@@ -11,7 +11,6 @@ import TextButton from '../../../components/UI/TextButton';
 import ErrorMessage from '../../../components/UI/ErrorMessage';
 import LoadingSpinnerInline from '../../../components/UI/LoadingSpinnerInline';
 import presets from '../presets';
-import PreviousNextButtons from '../../../components/UI/PreviousNextButtons';
 
 //@TODO refine styled component
 const RoleSelect = styled.select`
@@ -22,7 +21,6 @@ const RoleSelect = styled.select`
 `;
 
 const UserManagement = ({ roomId, roomName, onPreviousAction, onCancel }) => {
-    console.log(roomId);
     const [errorMessage, setErrorMessage] = useState('');
     const auth = useAuth();
     const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
@@ -71,7 +69,7 @@ const UserManagement = ({ roomId, roomName, onPreviousAction, onCancel }) => {
                         // therefore we need to filter them
                         if (member.membership === 'leave') return null;
                         // we don't want to display the currently logged in user
-                        if (member.userId === selfObject.userId) return null;
+                        // if (member.userId === selfObject.userId) return null;
 
                         return (
                             <UserTableRow
@@ -89,8 +87,6 @@ const UserManagement = ({ roomId, roomName, onPreviousAction, onCancel }) => {
                 </ServiceTable.Body>
             </ServiceTable>
             {errorMessage && <ErrorMessage>{errorMessage}</ErrorMessage>}
-
-            <PreviousNextButtons disableNext={true} onCancel={onPreviousAction} />
         </>
     );
 };

From e48797e5f7641b11ba8678abbb955bf554da92ce Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 14 Feb 2024 13:18:57 +0100
Subject: [PATCH 437/714] refactor: use correct colour for destructive buttons

---
 components/UI/shadcn/Button.js | 2 +-
 tailwind.config.js             | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/UI/shadcn/Button.js b/components/UI/shadcn/Button.js
index a6254b1f..814e62c2 100644
--- a/components/UI/shadcn/Button.js
+++ b/components/UI/shadcn/Button.js
@@ -10,7 +10,7 @@ const buttonVariants = cva(
         variants: {
             variant: {
                 default: 'bg-primary text-primary-foreground hover:bg-accent hover:text-white',
-                destructive: 'bg-destructive text-destructive-foreground hover:bg-destructive/90',
+                destructive: 'bg-destructive text-white hover:bg-destructive/90',
                 outline: 'border border-input bg-background hover:bg-accent hover:border-accent hover:text-white',
                 secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/80',
                 ghost: 'text-muted-foreground hover:text-foreground',
diff --git a/tailwind.config.js b/tailwind.config.js
index 1bb2214e..08646f10 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -29,8 +29,8 @@ module.exports = {
                     foreground: 'hsl(var(--secondary-foreground))',
                 },
                 destructive: {
-                    DEFAULT: 'var(--color-notification)',
-                    foreground: 'var(--color-foreground)',
+                    DEFAULT: 'hsl(var(--destructive))',
+                    foreground: 'hsl(var(--destructive-foreground))',
                 },
                 muted: {
                     DEFAULT: 'hsl(var(--muted))',

From 0e2b166ae6aa11109cb643ee44f9e77640add8b5 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 14 Feb 2024 13:21:48 +0100
Subject: [PATCH 438/714] refactor: add conditional to ServiceLink to display
 dropdown menu, needs improvements

---
 components/UI/ServiceLink.js   | 132 +++++++++++++++++++++++++--------
 pages/explore/TreeLeaves.js    |  22 ++++--
 pages/explore/[[...roomId]].js |  11 +++
 3 files changed, 128 insertions(+), 37 deletions(-)

diff --git a/components/UI/ServiceLink.js b/components/UI/ServiceLink.js
index 3e8ac97a..da13328e 100644
--- a/components/UI/ServiceLink.js
+++ b/components/UI/ServiceLink.js
@@ -1,13 +1,26 @@
-import React, { forwardRef } from 'react';
+import React, { forwardRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { styled } from 'styled-components';
-import { RiArrowRightLine, RiLockLine } from '@remixicon/react';
+import { RiArrowRightLine, RiLockLine, RiMoreLine } from '@remixicon/react';
 import Link from 'next/link';
+import _ from 'lodash';
 
 import { ServiceTable } from './ServiceTable';
 import Icon from './Icon';
 import LoadingSpinnerInline from './LoadingSpinnerInline';
 import { Avatar, AvatarFallback, AvatarImage } from '@/components/UI/shadcn/Avatar';
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from '@/components/UI/shadcn/Dropdown-menu';
+import {
+    Dialog,
+    DialogContent,
+    DialogDescription,
+    DialogFooter,
+    DialogHeader,
+    DialogTitle,
+    DialogTrigger,
+} from '@/components/UI/shadcn/Dialog';
+import { Button } from '@/components/UI/shadcn/Button';
+import ConfirmCancelButtons from '@/components/UI/ConfirmCancelButtons';
 
 const LockIconWrapper = styled(Icon)`
     position: relative;
@@ -34,37 +47,94 @@ const NotificationBadge = styled.span`
         font-weight: 600;
     }
 `;
+// @TODO figure out what to do with optional menu and logic for menu, could use better solution
+// @TODO success message closes too quickly
 
-const ServiceLink = forwardRef(({ roomId, href, name, selected, path, passwordProtected, thumbnail, notificationCount, small, isFetchingContent }, ref) => {
-    const { t } = useTranslation();
+const ServiceLink = forwardRef(
+    ({ roomId, href, name, selected, path, passwordProtected, thumbnail, notificationCount, small, isFetchingContent, onRemove }, ref) => {
+        const [dialogOpen, setDialogOpen] = useState(false);
+        const [wasRemoved, setWasRemoved] = useState(false);
+        const { t } = useTranslation();
 
-    return (
-        <ServiceTable.Row>
-            <ServiceTable.Cell>
-                <Link ref={ref} href={href} className="flex items-center justify-between">
-                    {thumbnail && (
-                        <Avatar className="mr-3 h-8 w-8">
-                            <AvatarImage src={thumbnail} />
-                            <AvatarFallback />
-                        </Avatar>
-                    )}
-                    <span className="flex-grow">{ name }</span>
-                    { roomId && isFetchingContent === roomId && <LoadingSpinnerInline /> }
-                    { /* Show a lock icon if this Link is password protected */ }
-                    { passwordProtected && (
-                        <LockIconWrapper title={t('password protected')}>
-                            <RiLockLine />
-                        </LockIconWrapper>
-                    ) }
-                    {/* Show notification badge if there are notifications */}
-                    {notificationCount > 0 && <NotificationBadge>{notificationCount < 100 ? notificationCount : '99+'}</NotificationBadge>}
-                    {/* Tell if this is our active item by displaying an arrow */}
-                    {selected && <RiArrowRightLine className="h-4 w-4 ml-2" />}
-                </Link>
-            </ServiceTable.Cell>
-        </ServiceTable.Row>
-    );
-});
+        return (
+            <ServiceTable.Row>
+                <ServiceTable.Cell>
+                    <Link ref={ref} href={href} className="flex items-center justify-between">
+                        {thumbnail && (
+                            <Avatar className="mr-3 h-8 w-8">
+                                <AvatarImage src={thumbnail} />
+                                <AvatarFallback />
+                            </Avatar>
+                        )}
+                        <span className="flex-grow">{name}</span>
+                        {roomId && isFetchingContent === roomId && <LoadingSpinnerInline />}
+                        {/* Show a lock icon if this Link is password protected */}
+                        {passwordProtected && (
+                            <LockIconWrapper title={t('password protected')}>
+                                <RiLockLine />
+                            </LockIconWrapper>
+                        )}
+                        {/* Show notification badge if there are notifications */}
+                        {notificationCount > 0 && (
+                            <NotificationBadge>{notificationCount < 100 ? notificationCount : '99+'}</NotificationBadge>
+                        )}
+                        {/* Tell if this is our active item by displaying an arrow */}
+                        {selected && <RiArrowRightLine className="ml-2 h-4 w-4" />}
+                    </Link>
+                </ServiceTable.Cell>
+                {onRemove && (
+                    <ServiceTable.Cell align="right">
+                        <Dialog open={dialogOpen} onOpenChange={setDialogOpen}>
+                            <DropdownMenu>
+                                <DropdownMenuTrigger>
+                                    <RiMoreLine />
+                                </DropdownMenuTrigger>
+                                <DropdownMenuContent>
+                                    <DropdownMenuItem>
+                                        <DialogTrigger asChild>
+                                            <Button variant="ghost">{t('Remove')}</Button>
+                                        </DialogTrigger>
+                                    </DropdownMenuItem>
+                                </DropdownMenuContent>
+                            </DropdownMenu>
+                            <DialogContent>
+                                {wasRemoved ? (
+                                    'was removed'
+                                ) : (
+                                    <DialogHeader>
+                                        <DialogTitle>
+                                            {t('Are you absolutely sure you want to remove ')} {name}
+                                        </DialogTitle>
+
+                                        <DialogDescription>
+                                            {t('This will only remove <<name>> from <<space>>. It will not delete <<name>>')}
+                                        </DialogDescription>
+                                        <DialogFooter>
+                                            <form
+                                                onSubmit={async (e) => {
+                                                    e.preventDefault();
+                                                    await onRemove();
+                                                    setWasRemoved(true);
+                                                    _.delay(() => {
+                                                        setDialogOpen(false);
+                                                        setWasRemoved(false);
+                                                    }, 1000);
+                                                }}
+                                                onReset={() => setDialogOpen(false)}
+                                            >
+                                                <ConfirmCancelButtons confirmLabel="Remove" />
+                                            </form>
+                                        </DialogFooter>
+                                    </DialogHeader>
+                                )}
+                            </DialogContent>
+                        </Dialog>
+                    </ServiceTable.Cell>
+                )}
+            </ServiceTable.Row>
+        );
+    },
+);
 ServiceLink.displayName = 'ServiceLink';
 
 export default ServiceLink;
diff --git a/pages/explore/TreeLeaves.js b/pages/explore/TreeLeaves.js
index 9ab01f48..d3e9892f 100644
--- a/pages/explore/TreeLeaves.js
+++ b/pages/explore/TreeLeaves.js
@@ -5,7 +5,7 @@ import getConfig from 'next/config';
 import LoadingSpinner from '../../components/UI/LoadingSpinner';
 import ServiceLink from '../../components/UI/ServiceLink';
 
-const TreeLeaves = ({ leaf, selectedRoomId, isFetchingContent, small, isChat }) => {
+const TreeLeaves = ({ leaf, selectedRoomId, isFetchingContent, small, isChat, onRemove }) => {
     const router = useRouter();
     if (!leaf) return <LoadingSpinner />;
 
@@ -13,10 +13,15 @@ const TreeLeaves = ({ leaf, selectedRoomId, isFetchingContent, small, isChat })
     const parentId = leaf.parent.id || leaf.parent.room_id || leaf.parent.roomId;
     const template = leaf.meta?.template;
     // if the room is a chat or service we want to show a different icon
-    const name = isChat ? '💬 ' + leaf.name
-        : template === 'etherpad' ? '📝 ' + leaf.name
-            : template === 'spacedeck' ? '🎨 ' + leaf.name
-                : template === 'studentproject' ? '🎓 ' + leaf.name : leaf.name;
+    const name = isChat
+        ? '💬 ' + leaf.name
+        : template === 'etherpad'
+          ? '📝 ' + leaf.name
+          : template === 'spacedeck'
+            ? '🎨 ' + leaf.name
+            : template === 'studentproject'
+              ? '🎓 ' + leaf.name
+              : leaf.name;
     // if an iframe is open we only want to show items in the list
     if (selectedRoomId && leaf.type !== 'item') return null;
 
@@ -24,10 +29,15 @@ const TreeLeaves = ({ leaf, selectedRoomId, isFetchingContent, small, isChat })
         <ServiceLink
             small={small}
             roomId={roomId}
-            href={getConfig().publicRuntimeConfig.templates?.item.includes(template) || isChat ? `/explore/${parentId}/${roomId}` : `/explore/${roomId}`}
+            href={
+                getConfig().publicRuntimeConfig.templates?.item.includes(template) || isChat
+                    ? `/explore/${parentId}/${roomId}`
+                    : `/explore/${roomId}`
+            }
             name={name}
             isFetchingContent={isFetchingContent}
             selected={router.query.roomId[1] === roomId || router.query.roomId[0] === roomId}
+            onRemove={() => onRemove(roomId)}
         />
     );
 };
diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 23594192..fa90cfb6 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -237,6 +237,16 @@ export default function Explore() {
         };
     }, [router.query?.roomId, matrix.initialSyncDone, cachedSpace]);
 
+    const removeChildFromParent = async (idToRemove) => {
+        await auth
+            .getAuthenticationProvider('matrix')
+            .removeSpaceChild(roomId, idToRemove)
+            .catch((error) => {
+                logger.error(error.data?.error);
+            });
+        await getSpaceChildren(null, roomId);
+    };
+
     if (typeof window === 'undefined') return <LoadingSpinner />;
 
     return (
@@ -341,6 +351,7 @@ export default function Explore() {
                                                         key={roomId + '_' + index}
                                                         iframeRoomId={iframeRoomId}
                                                         isFetchingContent={isFetchingContent}
+                                                        onRemove={removeChildFromParent}
                                                     />
                                                 );
                                             })}

From ee97d155594bd605708b8afc0dd42369c0eeb238 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 14 Feb 2024 13:22:16 +0100
Subject: [PATCH 439/714] refactor: add Dialog and Dropdown menu

---
 components/UI/shadcn/Dialog.js        |  79 ++++++++++++++
 components/UI/shadcn/Dropdown-menu.js | 146 ++++++++++++++++++++++++++
 2 files changed, 225 insertions(+)
 create mode 100644 components/UI/shadcn/Dialog.js
 create mode 100644 components/UI/shadcn/Dropdown-menu.js

diff --git a/components/UI/shadcn/Dialog.js b/components/UI/shadcn/Dialog.js
new file mode 100644
index 00000000..8244cb25
--- /dev/null
+++ b/components/UI/shadcn/Dialog.js
@@ -0,0 +1,79 @@
+import * as React from 'react';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import { RiCloseLine } from '@remixicon/react';
+
+import { cn } from '@/lib/utils';
+
+const Dialog = DialogPrimitive.Root;
+
+const DialogTrigger = DialogPrimitive.Trigger;
+
+const DialogPortal = DialogPrimitive.Portal;
+
+const DialogClose = DialogPrimitive.Close;
+
+const DialogOverlay = React.forwardRef(({ className, ...props }, ref) => (
+    <DialogPrimitive.Overlay
+        ref={ref}
+        className={cn(
+            'fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',
+            className,
+        )}
+        {...props}
+    />
+));
+DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
+
+const DialogContent = React.forwardRef(({ className, children, ...props }, ref) => (
+    <DialogPortal>
+        <DialogOverlay />
+        <DialogPrimitive.Content
+            ref={ref}
+            className={cn(
+                'fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg',
+                className,
+            )}
+            {...props}
+        >
+            {children}
+            <DialogPrimitive.Close className="absolute right-4 top-4 rounded-sm border opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
+                <RiCloseLine className="h-4 w-4" />
+                <span className="sr-only">Close</span>
+            </DialogPrimitive.Close>
+        </DialogPrimitive.Content>
+    </DialogPortal>
+));
+DialogContent.displayName = DialogPrimitive.Content.displayName;
+
+const DialogHeader = ({ className, ...props }) => (
+    <div className={cn('flex flex-col space-y-1.5 text-center sm:text-left', className)} {...props} />
+);
+DialogHeader.displayName = 'DialogHeader';
+
+const DialogFooter = ({ className, ...props }) => (
+    <div className={cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className)} {...props} />
+);
+DialogFooter.displayName = 'DialogFooter';
+
+const DialogTitle = React.forwardRef(({ className, ...props }, ref) => (
+    <DialogPrimitive.Title ref={ref} className={cn('text-lg font-semibold leading-none tracking-tight', className)} {...props} />
+));
+DialogTitle.displayName = DialogPrimitive.Title.displayName;
+
+const DialogDescription = React.forwardRef(({ className, ...props }, ref) => (
+    <DialogPrimitive.Description ref={ref} className={cn('text-sm text-muted-foreground', className)} {...props} />
+));
+DialogDescription.displayName = DialogPrimitive.Description.displayName;
+
+export {
+    Dialog,
+    DialogPortal,
+    DialogOverlay,
+    DialogClose,
+    DialogTrigger,
+    DialogContent,
+    DialogHeader,
+    DialogFooter,
+    DialogTitle,
+    DialogDescription,
+};
diff --git a/components/UI/shadcn/Dropdown-menu.js b/components/UI/shadcn/Dropdown-menu.js
new file mode 100644
index 00000000..c02b922f
--- /dev/null
+++ b/components/UI/shadcn/Dropdown-menu.js
@@ -0,0 +1,146 @@
+import * as React from 'react';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { RiArrowRightSLine, RiCheckLine, RiCircleLine } from '@remixicon/react';
+
+import { cn } from '@/lib/utils';
+
+const DropdownMenu = DropdownMenuPrimitive.Root;
+
+const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+
+const DropdownMenuGroup = DropdownMenuPrimitive.Group;
+
+const DropdownMenuPortal = DropdownMenuPrimitive.Portal;
+
+const DropdownMenuSub = DropdownMenuPrimitive.Sub;
+
+const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
+
+const DropdownMenuSubTrigger = React.forwardRef(({ className, inset, children, ...props }, ref) => (
+    <DropdownMenuPrimitive.SubTrigger
+        ref={ref}
+        className={cn(
+            'flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent',
+            inset && 'pl-8',
+            className,
+        )}
+        {...props}
+    >
+        {children}
+        <RiArrowRightSLine className="ml-auto h-4 w-4" />
+    </DropdownMenuPrimitive.SubTrigger>
+));
+DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
+
+const DropdownMenuSubContent = React.forwardRef(({ className, ...props }, ref) => (
+    <DropdownMenuPrimitive.SubContent
+        ref={ref}
+        className={cn(
+            'z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
+            className,
+        )}
+        {...props}
+    />
+));
+DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
+
+const DropdownMenuContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => (
+    <DropdownMenuPrimitive.Portal>
+        <DropdownMenuPrimitive.Content
+            ref={ref}
+            sideOffset={sideOffset}
+            className={cn(
+                'z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
+                className,
+            )}
+            {...props}
+        />
+    </DropdownMenuPrimitive.Portal>
+));
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
+
+const DropdownMenuItem = React.forwardRef(({ className, inset, ...props }, ref) => (
+    <DropdownMenuPrimitive.Item
+        ref={ref}
+        className={cn(
+            'relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
+            inset && 'pl-8',
+            className,
+        )}
+        {...props}
+    />
+));
+DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
+
+const DropdownMenuCheckboxItem = React.forwardRef(({ className, children, checked, ...props }, ref) => (
+    <DropdownMenuPrimitive.CheckboxItem
+        ref={ref}
+        className={cn(
+            'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
+            className,
+        )}
+        checked={checked}
+        {...props}
+    >
+        <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+            <DropdownMenuPrimitive.ItemIndicator>
+                <RiCheckLine className="h-4 w-4" />
+            </DropdownMenuPrimitive.ItemIndicator>
+        </span>
+        {children}
+    </DropdownMenuPrimitive.CheckboxItem>
+));
+DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
+
+const DropdownMenuRadioItem = React.forwardRef(({ className, children, ...props }, ref) => (
+    <DropdownMenuPrimitive.RadioItem
+        ref={ref}
+        className={cn(
+            'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
+            className,
+        )}
+        {...props}
+    >
+        <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+            <DropdownMenuPrimitive.ItemIndicator>
+                <RiCircleLine className="h-2 w-2 fill-current" />
+            </DropdownMenuPrimitive.ItemIndicator>
+        </span>
+        {children}
+    </DropdownMenuPrimitive.RadioItem>
+));
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
+
+const DropdownMenuLabel = React.forwardRef(({ className, inset, ...props }, ref) => (
+    <DropdownMenuPrimitive.Label ref={ref} className={cn('px-2 py-1.5 text-sm font-semibold', inset && 'pl-8', className)} {...props} />
+));
+DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
+
+const DropdownMenuSeparator = React.forwardRef(({ className, ...props }, ref) => (
+    <DropdownMenuPrimitive.Separator ref={ref} className={cn('-mx-1 my-1 h-px bg-muted', className)} {...props} />
+));
+DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
+
+const DropdownMenuShortcut = ({ className, ...props }) => {
+    return <span className={cn('text-xs ml-auto tracking-widest opacity-60', className)} {...props} />;
+};
+
+DropdownMenuShortcut.displayName = 'DropdownMenuShortcut';
+
+export {
+    DropdownMenu,
+    DropdownMenuTrigger,
+    DropdownMenuContent,
+    DropdownMenuItem,
+    DropdownMenuCheckboxItem,
+    DropdownMenuRadioItem,
+    DropdownMenuLabel,
+    DropdownMenuSeparator,
+    DropdownMenuShortcut,
+    DropdownMenuGroup,
+    DropdownMenuPortal,
+    DropdownMenuSub,
+    DropdownMenuSubContent,
+    DropdownMenuSubTrigger,
+    DropdownMenuRadioGroup,
+};

From f7818c59f0e9b58df34ec0c561c6f2d61abd8eec Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 14 Feb 2024 13:23:29 +0100
Subject: [PATCH 440/714] refactor: remove log and make linter happy

---
 .../manage-room/RemoveSpaceFromParent.js      | 117 +++++++++---------
 1 file changed, 56 insertions(+), 61 deletions(-)

diff --git a/pages/explore/manage-room/RemoveSpaceFromParent.js b/pages/explore/manage-room/RemoveSpaceFromParent.js
index 819844d2..f8bce536 100644
--- a/pages/explore/manage-room/RemoveSpaceFromParent.js
+++ b/pages/explore/manage-room/RemoveSpaceFromParent.js
@@ -11,19 +11,19 @@ import Form from '../../../components/UI/Form';
 import ErrorMessage from '../../../components/UI/ErrorMessage';
 
 const RemoveSection = styled.div`
-  & {
-    margin-bottom: var(--margin);
-  }
-
-  & > button {
-    width: 150px;
-    margin-right: var(--margin);
-    margin-bottom: var(--margin);
-  }
-
-  & span:first-of-type {
-    background-color: var(--color-hi);
-  }
+    & {
+        margin-bottom: var(--margin);
+    }
+
+    & > button {
+        width: 150px;
+        margin-right: var(--margin);
+        margin-bottom: var(--margin);
+    }
+
+    & span:first-of-type {
+        background-color: var(--color-hi);
+    }
 `;
 
 /**
@@ -37,15 +37,7 @@ const RemoveSection = styled.div`
  * @param {Function} onCancel - Callback function to cancel the operation.
  * @returns {JSX.Element} JSX element representing the "Remove Space From Parent" component.
  */
-const RemoveSpaceFromParent = ({
-    spaceChildren,
-    parentId,
-    currentId,
-    parentName,
-    getSpaceChildren,
-    onPreviousAction,
-    onCancel,
-}) => {
+const RemoveSpaceFromParent = ({ spaceChildren, parentId, currentId, parentName, getSpaceChildren, onPreviousAction, onCancel }) => {
     const auth = useAuth();
     const matrix = auth.getAuthenticationProvider('matrix');
     const [isRemovingChild, setIsRemovingChild] = useState(false);
@@ -59,10 +51,9 @@ const RemoveSpaceFromParent = ({
         setIsRemovingChild(true);
 
         for (const roomId of itemsToRemove) {
-            await matrix.removeSpaceChild(parentId, roomId)
-                .catch(error => {
-                    setErrorMessages(prevState => [...prevState, error.data?.error]);
-                });
+            await matrix.removeSpaceChild(parentId, roomId).catch((error) => {
+                setErrorMessages((prevState) => [...prevState, error.data?.error]);
+            });
         }
 
         await getSpaceChildren(e, parentId);
@@ -71,51 +62,52 @@ const RemoveSpaceFromParent = ({
     };
 
     const handleSelect = (roomId) => {
-        setItemsToRemove(prevState => {
+        setItemsToRemove((prevState) => {
             if (prevState.includes(roomId)) {
-                return prevState.filter(item => item !== roomId);
+                return prevState.filter((item) => item !== roomId);
             } else return [...prevState, roomId];
         });
     };
 
-    console.log(itemsToRemove);
     if (!spaceChildren || !matrix) return;
 
     return (
-        <Form
-            onSubmit={removeChildFromParent}>
+        <Form onSubmit={removeChildFromParent}>
             <RemoveSection>
                 <ServiceTable>
-                    { spaceChildren.map(child => {
+                    {spaceChildren.map((child) => {
                         const roomId = child.room_id || child.id || child.roomId;
                         // don't display the root space, so it not accidentally deleted
-                        if (roomId=== getConfig().publicRuntimeConfig.contextRootSpaceRoomId) return;
+                        if (roomId === getConfig().publicRuntimeConfig.contextRootSpaceRoomId) return;
                         // don't display the currently selected space, so it not accidentally deleted
                         if (roomId === currentId) return;
 
-                        return <RemoveListEntry
-                            key={child.name}
-                            child={child}
-                            roomId={roomId}
-                            handleSelect={handleSelect}
-                            checked={itemsToRemove.includes(roomId)}
-                            parentName={parentName}
-                        />;
-                    }) }
+                        return (
+                            <RemoveListEntry
+                                key={child.name}
+                                child={child}
+                                roomId={roomId}
+                                handleSelect={handleSelect}
+                                checked={itemsToRemove.includes(roomId)}
+                                parentName={parentName}
+                            />
+                        );
+                    })}
                 </ServiceTable>
-                { errorMessages && errorMessages.map((errorMessage, index) => {
-                    return <ErrorMessage key={index}>{ errorMessage } </ErrorMessage>;
-                }) }
+                {errorMessages &&
+                    errorMessages.map((errorMessage, index) => {
+                        return <ErrorMessage key={index}>{errorMessage} </ErrorMessage>;
+                    })}
             </RemoveSection>
 
-            <PreviousNextButtons
-                disableNext={itemsToRemove.length === 0}
-                onCancel={onPreviousAction}>
-                { isRemovingChild ? <LoadingSpinnerInline inverted /> : `${t('remove') } ${itemsToRemove.length > 0 ? itemsToRemove.length : ''}` }
+            <PreviousNextButtons disableNext={itemsToRemove.length === 0} onCancel={onPreviousAction}>
+                {isRemovingChild ? (
+                    <LoadingSpinnerInline inverted />
+                ) : (
+                    `${t('remove')} ${itemsToRemove.length > 0 ? itemsToRemove.length : ''}`
+                )}
             </PreviousNextButtons>
-
         </Form>
-
     );
 };
 
@@ -134,14 +126,17 @@ export default RemoveSpaceFromParent;
 function RemoveListEntry({ child, parentName, roomId, handleSelect, checked }) {
     const { t } = useTranslation();
 
-    return <ServiceTable.Row>
-        <ServiceTable.Cell>{ child.name }</ServiceTable.Cell>
-        <ServiceTable.Cell>
-            <input type="checkbox"
-                checked={checked}
-                title={t('Remove {{child}} from {{parent}}', { child: child.name, parent: parentName })}
-                onChange={() => handleSelect(roomId)} />
-        </ServiceTable.Cell>
-    </ServiceTable.Row>;
+    return (
+        <ServiceTable.Row>
+            <ServiceTable.Cell>{child.name}</ServiceTable.Cell>
+            <ServiceTable.Cell>
+                <input
+                    type="checkbox"
+                    checked={checked}
+                    title={t('Remove {{child}} from {{parent}}', { child: child.name, parent: parentName })}
+                    onChange={() => handleSelect(roomId)}
+                />
+            </ServiceTable.Cell>
+        </ServiceTable.Row>
+    );
 }
-

From 3d3f1dc4bc471fa008edf08c7f479257243504ab Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 14 Feb 2024 13:23:45 +0100
Subject: [PATCH 441/714] chore: update package and package lock

---
 package-lock.json | 107 ++++++++++++++++++++++++++++++++++++++++++++++
 package.json      |   2 +
 2 files changed, 109 insertions(+)

diff --git a/package-lock.json b/package-lock.json
index f0711383..a3547ccf 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,6 +8,8 @@
       "dependencies": {
         "@radix-ui/react-avatar": "^1.0.4",
         "@radix-ui/react-checkbox": "^1.0.4",
+        "@radix-ui/react-dialog": "^1.0.5",
+        "@radix-ui/react-dropdown-menu": "^2.0.6",
         "@radix-ui/react-radio-group": "^1.1.3",
         "@radix-ui/react-select": "^2.0.0",
         "@radix-ui/react-slot": "^1.0.2",
@@ -2530,6 +2532,42 @@
         }
       }
     },
+    "node_modules/@radix-ui/react-dialog": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-dialog/-/react-dialog-1.0.5.tgz",
+      "integrity": "sha512-GjWJX/AUpB703eEBanuBnIWdIXg6NvJFCXcNlSZk4xdszCdhrJgBoUd1cGk67vFO+WdA2pfI/plOpqz/5GUP6Q==",
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/primitive": "1.0.1",
+        "@radix-ui/react-compose-refs": "1.0.1",
+        "@radix-ui/react-context": "1.0.1",
+        "@radix-ui/react-dismissable-layer": "1.0.5",
+        "@radix-ui/react-focus-guards": "1.0.1",
+        "@radix-ui/react-focus-scope": "1.0.4",
+        "@radix-ui/react-id": "1.0.1",
+        "@radix-ui/react-portal": "1.0.4",
+        "@radix-ui/react-presence": "1.0.1",
+        "@radix-ui/react-primitive": "1.0.3",
+        "@radix-ui/react-slot": "1.0.2",
+        "@radix-ui/react-use-controllable-state": "1.0.1",
+        "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-direction": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-direction/-/react-direction-1.0.1.tgz",
@@ -2574,6 +2612,35 @@
         }
       }
     },
+    "node_modules/@radix-ui/react-dropdown-menu": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-dropdown-menu/-/react-dropdown-menu-2.0.6.tgz",
+      "integrity": "sha512-i6TuFOoWmLWq+M/eCLGd/bQ2HfAX1RJgvrBQ6AQLmzfvsLdefxbWu8G9zczcPFfcSPehz9GcpF6K9QYreFV8hA==",
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/primitive": "1.0.1",
+        "@radix-ui/react-compose-refs": "1.0.1",
+        "@radix-ui/react-context": "1.0.1",
+        "@radix-ui/react-id": "1.0.1",
+        "@radix-ui/react-menu": "2.0.6",
+        "@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-focus-guards": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-guards/-/react-focus-guards-1.0.1.tgz",
@@ -2634,6 +2701,46 @@
         }
       }
     },
+    "node_modules/@radix-ui/react-menu": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-menu/-/react-menu-2.0.6.tgz",
+      "integrity": "sha512-BVkFLS+bUC8HcImkRKPSiVumA1VPOOEC5WBMiT+QAVsPzW1FJzI9KnqgGxVDPBcql5xXrHkD3JOVoXWEXD8SYA==",
+      "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-dismissable-layer": "1.0.5",
+        "@radix-ui/react-focus-guards": "1.0.1",
+        "@radix-ui/react-focus-scope": "1.0.4",
+        "@radix-ui/react-id": "1.0.1",
+        "@radix-ui/react-popper": "1.1.3",
+        "@radix-ui/react-portal": "1.0.4",
+        "@radix-ui/react-presence": "1.0.1",
+        "@radix-ui/react-primitive": "1.0.3",
+        "@radix-ui/react-roving-focus": "1.0.4",
+        "@radix-ui/react-slot": "1.0.2",
+        "@radix-ui/react-use-callback-ref": "1.0.1",
+        "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-popper": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-popper/-/react-popper-1.1.3.tgz",
diff --git a/package.json b/package.json
index 048ec20d..31f63059 100644
--- a/package.json
+++ b/package.json
@@ -10,6 +10,8 @@
   "dependencies": {
     "@radix-ui/react-avatar": "^1.0.4",
     "@radix-ui/react-checkbox": "^1.0.4",
+    "@radix-ui/react-dialog": "^1.0.5",
+    "@radix-ui/react-dropdown-menu": "^2.0.6",
     "@radix-ui/react-radio-group": "^1.1.3",
     "@radix-ui/react-select": "^2.0.0",
     "@radix-ui/react-slot": "^1.0.2",

From fddf7adb9d8aa467e9a56570fc4b39229944538c Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 14 Feb 2024 13:24:05 +0100
Subject: [PATCH 442/714] refactor: add destructive option to confirm button

---
 components/UI/ConfirmCancelButtons.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/UI/ConfirmCancelButtons.js b/components/UI/ConfirmCancelButtons.js
index 60597694..4934e0d2 100644
--- a/components/UI/ConfirmCancelButtons.js
+++ b/components/UI/ConfirmCancelButtons.js
@@ -13,7 +13,7 @@ const SmallConfirmCancelButtonsWrapper = styled(ConfirmCancelButtonsWrapper)`
     width: fit-content;
 `;
 
-const ConfirmCancelButtons = ({ disabled, confirmLabel, cancelLabel, small }) => {
+const ConfirmCancelButtons = ({ disabled, confirmLabel, cancelLabel, small, destructive }) => {
     const { t } = useTranslation();
 
     // We might want to use a special wrapper if we want to use a small version of this component
@@ -24,7 +24,7 @@ const ConfirmCancelButtons = ({ disabled, confirmLabel, cancelLabel, small }) =>
             <Button variant="outline" type="reset" disabled={disabled}>
                 {cancelLabel || t('Cancel')}
             </Button>
-            <Button type="submit" disabled={disabled}>
+            <Button type="submit" variant={destructive ? 'destructive' : 'default'} disabled={disabled}>
                 {confirmLabel || t('Confirm')}
             </Button>
         </Wrapper>

From ab62606e6460728eb51e4f2c8bcbacbae5fb9966 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 14 Feb 2024 13:25:37 +0100
Subject: [PATCH 443/714] refactor: introduce tabs to ExploreMatrixActions.js
 and order actions and settings for contexts into groups.

---
 .../manage-room/ExploreMatrixActions.js       | 266 ++++--------------
 1 file changed, 48 insertions(+), 218 deletions(-)

diff --git a/pages/explore/manage-room/ExploreMatrixActions.js b/pages/explore/manage-room/ExploreMatrixActions.js
index a485f485..a112a823 100644
--- a/pages/explore/manage-room/ExploreMatrixActions.js
+++ b/pages/explore/manage-room/ExploreMatrixActions.js
@@ -1,24 +1,15 @@
-import React, { useState } from 'react';
+import React from 'react';
 import { styled } from 'styled-components';
-import getConfig from 'next/config';
 import { useTranslation } from 'react-i18next';
 
-import { useAuth } from '@/lib/Auth';
 import LoadingSpinner from '../../../components/UI/LoadingSpinner';
-import CreateContext from './CreateContext';
-import AddExistingContext from './AddExistingContext';
-import AddExistingItem from './AddExistingItem';
-import PreviousNextButtons from '../../../components/UI/PreviousNextButtons';
-import RemoveSpaceFromParent from './RemoveSpaceFromParent';
 import UserManagement from './UserManagement';
 import LeaveRoom from './LeaveRoom';
-import { useMatrix } from '@/lib/Matrix';
 import ChangeTopic from './ChangeTopic';
-import CreateChatOptions from './AddOrCreateChat';
 import ChangeAvatar from './ChangeAvatar';
-import { RadioGroup, RadioGroupItem } from '@/components/UI/shadcn/Radio-group';
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/UI/shadcn/Tabs';
 import ChangeJoinRule from './ChangeJoinRule';
+import { useAuth } from '@/lib/Auth';
 
 /**
  * This component provides actions for managing contexts and items within a matrix room.
@@ -43,222 +34,61 @@ const ExploreMatrixActionWrapper = styled.div`
 
 const ExploreMatrixActions = ({ currentId, parentId, myPowerLevel, setManageContextActionToggle, spaceChildren, getSpaceChildren }) => {
     const { t } = useTranslation('explore');
-    const matrix = useMatrix();
-    const roomName = matrix.spaces.get(currentId)?.name || matrix.rooms.get(currentId)?.name;
-    if (!roomName) return <LoadingSpinner />;
+    const matrixClient = useAuth().getAuthenticationProvider('matrix').getMatrixClient();
+    if (!myPowerLevel) return t("You don't have the neccesarry permissions to manage this room");
+    const room = matrixClient.getRoom(currentId);
+
+    if (!room) return <LoadingSpinner />;
 
     return (
         <ExploreMatrixActionWrapper>
             <h2>
                 {t('Manage contexts and items within ')}
-                {roomName}
+                {room.name}
             </h2>
 
-            {myPowerLevel && (
-                <RenderSwitch
-                    currentId={currentId}
-                    parentId={parentId}
-                    roomName={roomName}
-                    setManageContextActionToggle={setManageContextActionToggle}
-                    spaceChildren={spaceChildren}
-                    getSpaceChildren={getSpaceChildren}
-                    myPowerLevel={myPowerLevel}
-                />
-            )}
+            <Tabs defaultValue="settings">
+                <TabsList>
+                    <TabsTrigger value="actions">{t('Actions')}</TabsTrigger>
+                    <TabsTrigger value="members">{t('Members')}</TabsTrigger>
+                    <TabsTrigger value="settings">{t('Settings')}</TabsTrigger>
+                </TabsList>
+                <TabsContent value="actions">
+                    {room.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel) && (
+                        <>
+                            <LeaveRoom roomId={currentId} roomName={room.name} parentId={parentId} />
+                        </>
+                    )}
+                </TabsContent>
+
+                <TabsContent value="members">
+                    <UserManagement roomId={currentId} roomName={room.name} onCancel={() => setManageContextActionToggle(false)} />
+                </TabsContent>
+
+                <TabsContent value="settings">
+                    <>
+                        {room.currentState.hasSufficientPowerLevelFor('m.room.topic', myPowerLevel) && (
+                            <>
+                                <h3>{t('Topic (optional)')}</h3>
+                                <ChangeTopic roomId={currentId} roomName={room.name} />
+                            </>
+                        )}
+
+                        {room.currentState.hasSufficientPowerLevelFor('m.room.avatar', myPowerLevel) && (
+                            <>
+                                <h3>{t('Avatar')}</h3>
+                                <ChangeAvatar roomId={currentId} onCancel={() => setManageContextActionToggle(false)} />
+                            </>
+                        )}
+
+                        {room.currentState.hasSufficientPowerLevelFor('m.room.join_rules', myPowerLevel) && (
+                            <ChangeJoinRule roomId={currentId} roomName={room.name} onCancel={() => setManageContextActionToggle(false)} />
+                        )}
+                    </>
+                </TabsContent>
+            </Tabs>
         </ExploreMatrixActionWrapper>
     );
 };
 
 export default ExploreMatrixActions;
-
-const RenderSwitch = ({ currentId, parentId, roomName, setManageContextActionToggle, spaceChildren, getSpaceChildren, myPowerLevel }) => {
-    const [selectedAction, setSelectedAction] = useState('');
-    const [selectedRadioButton, setSelectedRadioButton] = useState('');
-    const matrixClient = useAuth().getAuthenticationProvider('matrix').getMatrixClient();
-    const room = matrixClient.getRoom(currentId);
-
-    const { t } = useTranslation();
-
-    const onPreviousAction = () => {
-        setSelectedRadioButton('');
-        setSelectedAction('');
-    };
-
-    switch (selectedAction) {
-        case 'substructure':
-            return (
-                <CreateContext
-                    currentId={currentId}
-                    parentId={parentId}
-                    getSpaceChildren={getSpaceChildren}
-                    onPreviousAction={onPreviousAction}
-                    onCancel={() => setManageContextActionToggle(false)}
-                />
-            );
-        case 'existingItem':
-            return (
-                <AddExistingItem
-                    currentId={currentId}
-                    currentName={roomName}
-                    onPreviousAction={onPreviousAction}
-                    onCancel={() => setManageContextActionToggle(false)}
-                />
-            );
-        case 'existingContext':
-            return (
-                <AddExistingContext
-                    parentId={currentId}
-                    parentName={roomName}
-                    contextRootId={getConfig().publicRuntimeConfig.contextRootSpaceRoomId}
-                    onPreviousAction={onPreviousAction}
-                    onCancel={() => setManageContextActionToggle(false)}
-                />
-            );
-        case 'addOrCreateChat':
-            return (
-                <CreateChatOptions
-                    currentId={currentId}
-                    parentName={roomName}
-                    getSpaceChildren={getSpaceChildren}
-                    onPreviousAction={onPreviousAction}
-                    onCancel={() => setManageContextActionToggle(false)}
-                />
-            );
-        case 'removeSpace':
-            return (
-                <RemoveSpaceFromParent
-                    currentId={currentId}
-                    parentId={currentId}
-                    parentName={roomName}
-                    spaceChildren={spaceChildren}
-                    getSpaceChildren={getSpaceChildren}
-                    onPreviousAction={onPreviousAction}
-                    onCancel={() => setManageContextActionToggle(false)}
-                />
-            );
-        case 'manageUsers':
-            return (
-                <UserManagement
-                    roomId={currentId}
-                    roomName={roomName}
-                    onPreviousAction={onPreviousAction}
-                    onCancel={() => setManageContextActionToggle(false)}
-                />
-            );
-        case 'leaveRoom':
-            return (
-                <LeaveRoom
-                    roomId={currentId}
-                    roomName={roomName}
-                    parentId={parentId}
-                    onPreviousAction={onPreviousAction}
-                    onCancel={() => setManageContextActionToggle(false)}
-                />
-            );
-
-        case 'changeTopic':
-            return (
-                <ChangeTopic roomId={currentId} onPreviousAction={onPreviousAction} onCancel={() => setManageContextActionToggle(false)} />
-            );
-
-        case 'changeAvatar':
-            return (
-                <ChangeAvatar roomId={currentId} onPreviousAction={onPreviousAction} onCancel={() => setManageContextActionToggle(false)} />
-            );
-        default:
-            return (
-                <Tabs defaultValue="settings">
-                    <TabsList>
-                        <TabsTrigger value="actions">{t('Actions')}</TabsTrigger>
-                        <TabsTrigger value="members">{t('Members')}</TabsTrigger>
-                        <TabsTrigger value="settings">{t('Settings')}</TabsTrigger>
-                    </TabsList>
-                    <TabsContent value="actions">
-                        <RadioGroup name="action" value={selectedRadioButton} onValueChange={setSelectedRadioButton}>
-                            {room.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel) && (
-                                <>
-                                    <div className="flex items-center space-x-2">
-                                        <RadioGroupItem id="substructure" value="substructure" />
-                                        <label htmlFor="substructure">{t('Create new substructure')}</label>
-                                    </div>
-
-                                    <div className="flex items-center space-x-2">
-                                        <RadioGroupItem id="existingItem" value="existingItem" />
-                                        <label htmlFor="existingItem">{t('Add existing item')}</label>
-                                    </div>
-
-                                    <div className="flex items-center space-x-2">
-                                        <RadioGroupItem id="existingContext" value="existingContext" />
-                                        <label htmlFor="existingContext">{t('Add existing context')}</label>
-                                    </div>
-
-                                    <div className="flex items-center space-x-2">
-                                        <RadioGroupItem id="addOrCreateChat" value="addOrCreateChat" />
-                                        <label htmlFor="addOrCreateChat">{t('Add existing chat or create one')}</label>
-                                    </div>
-
-                                    <div className="flex items-center space-x-2">
-                                        <RadioGroupItem id="removeSpace" value="removeSpace" />
-                                        <label htmlFor="removeSpace">{t('Remove items or contexts')}</label>
-                                    </div>
-
-                                    <div className="flex items-center space-x-2">
-                                        <RadioGroupItem id="leaveRoom" value="leaveRoom" />
-                                        <label htmlFor="leaveRoom">
-                                            {t('Leave')} {roomName}
-                                        </label>
-                                    </div>
-                                </>
-                            )}
-                        </RadioGroup>
-                        <PreviousNextButtons
-                            disabled={!selectedRadioButton}
-                            disableNext={selectedAction}
-                            disablePrev={!selectedAction}
-                            onCancel={onPreviousAction}
-                        />
-                    </TabsContent>
-
-                    <TabsContent value="members">
-                        <UserManagement
-                            roomId={currentId}
-                            roomName={roomName}
-                            onPreviousAction={onPreviousAction}
-                            onCancel={() => setManageContextActionToggle(false)}
-                        />
-                    </TabsContent>
-
-                    <TabsContent value="settings">
-                        <>
-                            {room.currentState.hasSufficientPowerLevelFor('m.room.topic', myPowerLevel) && (
-                                <>
-                                    <h3>{t('Topic (optional)')}</h3>
-                                    <ChangeTopic roomId={currentId} roomName={roomName} />
-                                </>
-                            )}
-
-                            {room.currentState.hasSufficientPowerLevelFor('m.room.avatar', myPowerLevel) && (
-                                <>
-                                    <h3>{t('Avatar')}</h3>
-                                    <ChangeAvatar
-                                        roomId={currentId}
-                                        onPreviousAction={onPreviousAction}
-                                        onCancel={() => setManageContextActionToggle(false)}
-                                    />
-                                </>
-                            )}
-
-                            {room.currentState.hasSufficientPowerLevelFor('m.room.join_rules', myPowerLevel) && (
-                                <ChangeJoinRule
-                                    roomId={currentId}
-                                    roomName={roomName}
-                                    onPreviousAction={onPreviousAction}
-                                    onCancel={() => setManageContextActionToggle(false)}
-                                />
-                            )}
-                        </>
-                    </TabsContent>
-                </Tabs>
-            );
-    }
-};

From c136e235e2bd40a4615c36ade07a3673185743fc Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 14 Feb 2024 13:26:25 +0100
Subject: [PATCH 444/714] refactor: use a dialog to confirm if a user is sure
 they want to leave the space

---
 pages/explore/manage-room/LeaveRoom.js | 72 +++++++++++++++++---------
 1 file changed, 48 insertions(+), 24 deletions(-)

diff --git a/pages/explore/manage-room/LeaveRoom.js b/pages/explore/manage-room/LeaveRoom.js
index d5369472..d9a74703 100644
--- a/pages/explore/manage-room/LeaveRoom.js
+++ b/pages/explore/manage-room/LeaveRoom.js
@@ -4,9 +4,17 @@ import { router } from 'next/router';
 
 import { useAuth } from '../../../lib/Auth';
 import ErrorMessage from '../../../components/UI/ErrorMessage';
-import Form from '../../../components/UI/Form';
-import LoadingSpinnerInline from '../../../components/UI/LoadingSpinnerInline';
-import PreviousNextButtons from '../../../components/UI/PreviousNextButtons';
+import { Button } from '@/components/UI/shadcn/Button';
+import {
+    Dialog,
+    DialogContent,
+    DialogDescription,
+    DialogFooter,
+    DialogHeader,
+    DialogTitle,
+    DialogTrigger,
+} from '@/components/UI/shadcn/Dialog';
+import ConfirmCancelButtons from '@/components/UI/ConfirmCancelButtons';
 
 /**
  * LeaveRoom component for leaving a Matrix room.
@@ -16,12 +24,16 @@ import PreviousNextButtons from '../../../components/UI/PreviousNextButtons';
  * @param {string} roomName - The name of the room to be left.
  * @param {Function} onCancel - Callback function to cancel the operation.
  * @returns {JSX.Element} - The rendered component.
+ *
+ * @TODO warning message should use conditional, depending on join rule and or visibility of item
  */
-const LeaveRoom = ({ roomId, parentId, roomName, onPreviousAction, onCancel }) => {
+const LeaveRoom = ({ roomId, parentId, roomName, onCancel }) => {
     const auth = useAuth();
     const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
     const [isLeaving, setIsLeaving] = useState(false);
     const [errorMessage, setErrorMessage] = useState('');
+    const [dialogOpen, setDialogOpen] = useState(false);
+
     const { t } = useTranslation();
 
     const handleLeaveRoom = async (e) => {
@@ -29,13 +41,12 @@ const LeaveRoom = ({ roomId, parentId, roomName, onPreviousAction, onCancel }) =
         setIsLeaving(true);
 
         // Leave the main room
-        await matrixClient.leave(roomId)
-            .catch(error => {
-                setErrorMessage(error.data?.error || t('Something went wrong. Please try again'));
-                setIsLeaving(false);
+        await matrixClient.leave(roomId).catch((error) => {
+            setErrorMessage(error.data?.error || t('Something went wrong. Please try again'));
+            setIsLeaving(false);
 
-                return;
-            });
+            return;
+        });
 
         setIsLeaving(false);
         setErrorMessage('');
@@ -43,20 +54,33 @@ const LeaveRoom = ({ roomId, parentId, roomName, onPreviousAction, onCancel }) =
     };
 
     return (
-        <Form
-            onSubmit={handleLeaveRoom}>
-            <p>{ t('Are you sure you want to leave {{ name }}?', { name: roomName }) }</p>
-
-            <PreviousNextButtons
-                disableNext={isLeaving}
-                onCancel={onPreviousAction}
-                warning
-            >
-                { isLeaving ? <LoadingSpinnerInline inverted /> : t('Leave') }
-            </PreviousNextButtons>
-
-            { errorMessage && <ErrorMessage>{ errorMessage }</ErrorMessage> }
-        </Form>
+        <>
+            <h3>{t('Leave {{ name }}?', { name: roomName })}</h3>
+            <p>{t('Leaving {{name}} means you cannot interact with it anymore.', { name: roomName })}</p>
+            <Dialog open={dialogOpen} onOpenChange={setDialogOpen}>
+                <DialogTrigger asChild>
+                    <Button variant="destructive" disabled={isLeaving}>
+                        {t('Leave')}
+                    </Button>
+                </DialogTrigger>
+                <DialogContent>
+                    <DialogHeader>
+                        <DialogTitle>{t('Are you absolutely sure you want to leave {{name}}?', { name: roomName })}</DialogTitle>
+                        <DialogDescription>
+                            {t(
+                                'If this room is not public, you need to either ask to join or be invited, in order to join the room again.',
+                            )}
+                        </DialogDescription>
+                    </DialogHeader>
+                    <DialogFooter>
+                        <form onSubmit={handleLeaveRoom} onReset={() => setDialogOpen(false)}>
+                            <ConfirmCancelButtons confirmLabel={t('Leave')} onCancel={onCancel} disabled={isLeaving} destructive />
+                        </form>
+                    </DialogFooter>
+                </DialogContent>
+            </Dialog>
+            {errorMessage && <ErrorMessage>{errorMessage}</ErrorMessage>}
+        </>
     );
 };
 

From f28904110dda62f66e5fb85c1297c920b929c79a Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 14 Feb 2024 14:10:41 +0100
Subject: [PATCH 445/714] fix: replace placeholders with actual space names

---
 components/UI/ServiceLink.js   | 25 ++++++++++++++++++++++---
 pages/explore/TreeLeaves.js    |  3 ++-
 pages/explore/[[...roomId]].js |  1 +
 3 files changed, 25 insertions(+), 4 deletions(-)

diff --git a/components/UI/ServiceLink.js b/components/UI/ServiceLink.js
index da13328e..29d5df6c 100644
--- a/components/UI/ServiceLink.js
+++ b/components/UI/ServiceLink.js
@@ -51,7 +51,23 @@ const NotificationBadge = styled.span`
 // @TODO success message closes too quickly
 
 const ServiceLink = forwardRef(
-    ({ roomId, href, name, selected, path, passwordProtected, thumbnail, notificationCount, small, isFetchingContent, onRemove }, ref) => {
+    (
+        {
+            roomId,
+            href,
+            name,
+            parentName,
+            selected,
+            path,
+            passwordProtected,
+            thumbnail,
+            notificationCount,
+            small,
+            isFetchingContent,
+            onRemove,
+        },
+        ref,
+    ) => {
         const [dialogOpen, setDialogOpen] = useState(false);
         const [wasRemoved, setWasRemoved] = useState(false);
         const { t } = useTranslation();
@@ -103,11 +119,14 @@ const ServiceLink = forwardRef(
                                 ) : (
                                     <DialogHeader>
                                         <DialogTitle>
-                                            {t('Are you absolutely sure you want to remove ')} {name}
+                                            {t('Are you absolutely sure you want to remove {{name}}', { name: name })}
                                         </DialogTitle>
 
                                         <DialogDescription>
-                                            {t('This will only remove <<name>> from <<space>>. It will not delete <<name>>')}
+                                            {t('This will only remove {{name}} from {{space}}. It will not delete {{name}}', {
+                                                name: name,
+                                                space: parentName,
+                                            })}
                                         </DialogDescription>
                                         <DialogFooter>
                                             <form
diff --git a/pages/explore/TreeLeaves.js b/pages/explore/TreeLeaves.js
index d3e9892f..d6715ab7 100644
--- a/pages/explore/TreeLeaves.js
+++ b/pages/explore/TreeLeaves.js
@@ -5,7 +5,7 @@ import getConfig from 'next/config';
 import LoadingSpinner from '../../components/UI/LoadingSpinner';
 import ServiceLink from '../../components/UI/ServiceLink';
 
-const TreeLeaves = ({ leaf, selectedRoomId, isFetchingContent, small, isChat, onRemove }) => {
+const TreeLeaves = ({ leaf, parentName, selectedRoomId, isFetchingContent, small, isChat, onRemove }) => {
     const router = useRouter();
     if (!leaf) return <LoadingSpinner />;
 
@@ -38,6 +38,7 @@ const TreeLeaves = ({ leaf, selectedRoomId, isFetchingContent, small, isChat, on
             isFetchingContent={isFetchingContent}
             selected={router.query.roomId[1] === roomId || router.query.roomId[0] === roomId}
             onRemove={() => onRemove(roomId)}
+            parentName={parentName}
         />
     );
 };
diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index fa90cfb6..7a13e918 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -351,6 +351,7 @@ export default function Explore() {
                                                         key={roomId + '_' + index}
                                                         iframeRoomId={iframeRoomId}
                                                         isFetchingContent={isFetchingContent}
+                                                        parentName={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].name}
                                                         onRemove={removeChildFromParent}
                                                     />
                                                 );

From 45394515d9fda78329a02f04a6f79d63110e30b5 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 14 Feb 2024 16:29:43 +0100
Subject: [PATCH 446/714] refactor: use dialog for adding spaces inside explore
 and use multistep UI for selection

---
 components/UI/PreviousNextButtons.js         |   3 +-
 components/UI/shadcn/Dialog.js               |   2 +-
 pages/explore/[[...roomId]].js               |  43 +++++--
 pages/explore/manage-room/AddExistingItem.js |  19 ++-
 pages/explore/manage-room/QuickAddExplore.js | 122 +++++++++++--------
 5 files changed, 117 insertions(+), 72 deletions(-)

diff --git a/components/UI/PreviousNextButtons.js b/components/UI/PreviousNextButtons.js
index f32d4c58..3a813610 100644
--- a/components/UI/PreviousNextButtons.js
+++ b/components/UI/PreviousNextButtons.js
@@ -7,7 +7,7 @@ const PreviousNextButtonsWrapper = styled.div`
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     grid-gap: var(--margin);
-    width: 55ch;
+    //min-width: 55ch;
 
     &:not(:first-child) {
         margin-top: var(--margin);
@@ -23,6 +23,7 @@ const PreviousNextButtonsWrapper = styled.div`
  * @param {Boolean} disableNext disables 'next' button if true
  * @param {Boolean} disablePrev disables 'previous' button if true
  * @returns {React.JSX} two inline buttons.  'previous' and 'next'
+ *
  */
 const PreviousNextButtons = ({ children, disabled, onCancel, disableNext, disablePrev, warning }) => {
     const { t } = useTranslation();
diff --git a/components/UI/shadcn/Dialog.js b/components/UI/shadcn/Dialog.js
index 8244cb25..bf1ec37c 100644
--- a/components/UI/shadcn/Dialog.js
+++ b/components/UI/shadcn/Dialog.js
@@ -30,7 +30,7 @@ const DialogContent = React.forwardRef(({ className, children, ...props }, ref)
         <DialogPrimitive.Content
             ref={ref}
             className={cn(
-                'fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg',
+                'fixed left-[50%] top-[50%] z-50 grid w-[1000px] translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg',
                 className,
             )}
             {...props}
diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 7a13e918..797c9d04 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -5,6 +5,7 @@ import _ from 'lodash';
 import styled from 'styled-components';
 import { useTranslation } from 'react-i18next';
 import { EventTimeline } from 'matrix-js-sdk';
+import { RiAddLine, RiCloseLine } from '@remixicon/react';
 
 import { ServiceTable } from '../../components/UI/ServiceTable';
 import LoadingSpinner from '../../components/UI/LoadingSpinner';
@@ -21,6 +22,7 @@ import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
 import DefaultLayout from '../../components/layouts/default';
 import { InviteUserToMatrixRoom } from '../../components/UI/InviteUsersToMatrixRoom';
 import QuickAddExplore from './manage-room/QuickAddExplore';
+import { Dialog, DialogContent, DialogTrigger } from '@/components/UI/shadcn/Dialog';
 
 const ServiceTableWrapper = styled.div`
     width: 100%;
@@ -47,6 +49,7 @@ export default function Explore() {
     const [isFetchingContent, setIsFetchingContent] = useState(false);
     const [errorMessage, setErrorMessage] = useState('');
     const [isInviteUsersOpen, setIsInviteUsersOpen] = useState(false);
+    const [isQuickAddOpen, setIsQuickAddOpen] = useState(false);
 
     // Extract roomId and iframeRoomId from the query parameters
     /** @type {string|undefined} */
@@ -356,19 +359,37 @@ export default function Explore() {
                                                     />
                                                 );
                                             })}
+                                        {!manageContextActionToggle &&
+                                            matrixClient
+                                                .getRoom(roomId)
+                                                ?.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel) && (
+                                                <Dialog open={isQuickAddOpen} onOpenChange={setIsQuickAddOpen}>
+                                                    <DialogTrigger asChild>
+                                                        <ServiceTable.Row
+                                                            className="cursor-pointer text-muted-foreground hover:text-accent"
+                                                            onClick={() => setIsQuickAddOpen((prevState) => !prevState)}
+                                                        >
+                                                            <ServiceTable.Cell>{t('Add more …')}</ServiceTable.Cell>
+                                                            <ServiceTable.Cell align="right">
+                                                                {isQuickAddOpen ? <RiCloseLine /> : <RiAddLine />}
+                                                            </ServiceTable.Cell>
+                                                        </ServiceTable.Row>
+                                                    </DialogTrigger>
+                                                    {/*<DialogContent className="grid-flow-col gap-4">*/}
+                                                    <DialogContent className="grid-flow-col gap-4">
+                                                        <QuickAddExplore
+                                                            currentId={roomId}
+                                                            roomName={matrix.spaces.get(roomId).name}
+                                                            getSpaceChildren={getSpaceChildren}
+                                                            allChatRooms={allChatRooms}
+                                                            isQuickAddOpen={isQuickAddOpen}
+                                                            setIsQuickAddOpen={setIsQuickAddOpen}
+                                                        />
+                                                    </DialogContent>
+                                                </Dialog>
+                                            )}
                                     </ServiceTable>
                                 )}
-                                {!manageContextActionToggle &&
-                                    matrixClient
-                                        .getRoom(roomId)
-                                        ?.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel) && (
-                                        <QuickAddExplore
-                                            currentId={roomId}
-                                            roomName={matrix.spaces.get(roomId).name}
-                                            getSpaceChildren={getSpaceChildren}
-                                            allChatRooms={allChatRooms}
-                                        />
-                                    )}
                             </ServiceTableWrapper>
                         </DefaultLayout.Wrapper>
                     </>
diff --git a/pages/explore/manage-room/AddExistingItem.js b/pages/explore/manage-room/AddExistingItem.js
index 2b6ac08f..09f628c9 100644
--- a/pages/explore/manage-room/AddExistingItem.js
+++ b/pages/explore/manage-room/AddExistingItem.js
@@ -7,7 +7,7 @@ import CachedContextMultiLevelSelect from '../../../components/CachedContextMult
 import ErrorMessage from '../../../components/UI/ErrorMessage';
 import LoadingSpinnerInline from '../../../components/UI/LoadingSpinnerInline';
 import PreviousNextButtons from '../../../components/UI/PreviousNextButtons';
-import Form from '../../../components/UI/Form';
+import Form from '@/components/UI/Form';
 
 /**
  * Component for adding an existing item to a context.
@@ -43,10 +43,9 @@ const AddExistingItem = ({ currentId, onPreviousAction, onCancel }) => {
         e.preventDefault();
         setIsAddingContext(true);
 
-        const addChildToParent = await matrixAuthed.addSpaceChild(currentId, selectedLevels[selectedLevels.length - 1])
-            .catch((error) => [
-                setErrorMessage((error.data?.error || t('something went wrong, please try again'))),
-            ]);
+        const addChildToParent = await matrixAuthed
+            .addSpaceChild(currentId, selectedLevels[selectedLevels.length - 1])
+            .catch((error) => [setErrorMessage(error.data?.error || t('something went wrong, please try again'))]);
         setIsAddingContext(false);
 
         if (addChildToParent?.event_id) {
@@ -57,14 +56,12 @@ const AddExistingItem = ({ currentId, onPreviousAction, onCancel }) => {
     };
 
     return (
-        <Form
-            onSubmit={addItemToContext}>
+        <Form onSubmit={addItemToContext}>
             <CachedContextMultiLevelSelect onChange={onLevelSelect} activeContexts={selectedLevels} rootId={currentId} />
-            <PreviousNextButtons
-                disableNext={isAddingContext || !isItem}
-                onCancel={onPreviousAction}>{ isAddingContext ? <LoadingSpinnerInline inverted /> : t('add') }
+            <PreviousNextButtons disableNext={isAddingContext || !isItem} onCancel={onPreviousAction}>
+                {isAddingContext ? <LoadingSpinnerInline inverted /> : t('add')}
             </PreviousNextButtons>
-            { errorMessage && <ErrorMessage>{ errorMessage }</ErrorMessage> }
+            {errorMessage && <ErrorMessage>{errorMessage}</ErrorMessage>}
         </Form>
     );
 };
diff --git a/pages/explore/manage-room/QuickAddExplore.js b/pages/explore/manage-room/QuickAddExplore.js
index 9275fc8c..8baec898 100644
--- a/pages/explore/manage-room/QuickAddExplore.js
+++ b/pages/explore/manage-room/QuickAddExplore.js
@@ -1,10 +1,9 @@
 import { useTranslation } from 'react-i18next';
-import { RiAddLine, RiCloseLine } from '@remixicon/react';
 import getConfig from 'next/config';
 import React, { useState } from 'react';
+import { RiChat4Line, RiChatNewLine, RiFileLine, RiFolderAddLine, RiFolderLine } from '@remixicon/react';
 
-import { Button } from '@/components/UI/shadcn/Button';
-import { Card, CardContent, CardFooter, CardHeader } from '@/components/UI/shadcn/Card';
+import { Card, CardContent, CardHeader } from '@/components/UI/shadcn/Card';
 import AddExistingItem from './AddExistingItem';
 import AddExistingContext from './AddExistingContext';
 import CreateContext from './CreateContext';
@@ -20,68 +19,95 @@ import AddNewChat from './AddOrCreateChat/AddNewChat';
  * @param {string} roomName - The name of the current room.
  * @param {Function} getSpaceChildren - A function to retrieve the children of the current space.
  * @param {Array} allChatRooms - An array of all chat rooms.
+ * @param {Function} setIsQuickAddOpen - A function to set the state of the isQuickAddExplore component.
  *
  * @returns {JSX.Element} The rendered QuickAddExplore component.
  *
  * @TODO change Card component to mobile friendly option
  */
-const QuickAddExplore = ({ currentId, roomName, getSpaceChildren, allChatRooms }) => {
-    const [isOpen, setIsOpen] = useState(false);
+const QuickAddExplore = ({ currentId, roomName, getSpaceChildren, allChatRooms, setIsQuickAddOpen }) => {
     const [selectedOption, setSelectedOption] = useState('');
     const { t } = useTranslation('explore');
 
     const onClose = () => {
-        setIsOpen(false);
         setSelectedOption('');
+        setIsQuickAddOpen(false);
     };
 
     return (
         <>
-            <Button variant="ghost" className="w-full" onClick={() => (isOpen ? onClose() : setIsOpen(true))}>
-                {isOpen ? <RiCloseLine /> : <RiAddLine />}
-            </Button>
-            {isOpen && !selectedOption && (
-                <div className="flex w-full space-x-4">
-                    <Card className="w-full">
-                        <CardHeader>Add Item</CardHeader>
-                        <CardContent>
-                            Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
-                            dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et.
-                        </CardContent>
-                        <CardFooter>
-                            <div className="flex w-full justify-center space-x-4">
-                                <Button onClick={() => setSelectedOption('existingItem')}>{t('Existing')}</Button>
-                                {/*<Button>{t('Create new')}</Button>*/}
-                            </div>
-                        </CardFooter>
+            {!selectedOption && (
+                <>
+                    <Card
+                        className="cursor-pointer text-center hover:bg-accent hover:text-white"
+                        onClick={() => setSelectedOption('existingItem')}
+                    >
+                        <CardHeader className="items-center">
+                            <RiFileLine />
+                        </CardHeader>
+                        <CardContent>{t('Add item to {{name}}', { name: roomName })}</CardContent>
                     </Card>
-                    <Card className="w-full">
-                        <CardHeader>Add Context</CardHeader>
-                        <CardContent>
-                            Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
-                            dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et.
-                        </CardContent>
-                        <CardFooter>
-                            <div className="flex w-full justify-center space-x-4">
-                                <Button onClick={() => setSelectedOption('existingContext')}>{t('Existing')}</Button>
-                                <Button onClick={() => setSelectedOption('newContext')}>{t('Create new')}</Button>
-                            </div>
-                        </CardFooter>
+                    <Card
+                        className="cursor-pointer text-center hover:bg-accent hover:text-white"
+                        onClick={() => setSelectedOption('context')}
+                    >
+                        <CardHeader className="items-center">
+                            <RiFolderLine />
+                        </CardHeader>
+                        <CardContent>{t('Add context to {{name}}', { name: roomName })}</CardContent>
                     </Card>
-                    <Card className="w-full">
-                        <CardHeader>Add Chat</CardHeader>
-                        <CardContent>
-                            Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
-                            dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et.
-                        </CardContent>
-                        <CardFooter>
-                            <div className="flex w-full justify-center space-x-4">
-                                <Button onClick={() => setSelectedOption('existingChat')}>{t('Existing')}</Button>
-                                <Button onClick={() => setSelectedOption('newChat')}>{t('Create new')}</Button>
-                            </div>
-                        </CardFooter>
+                    <Card className="cursor-pointer text-center hover:bg-accent hover:text-white" onClick={() => setSelectedOption('chat')}>
+                        <CardHeader className="items-center">
+                            <RiChat4Line />
+                        </CardHeader>
+                        <CardContent>{t('Add chat to {{name}}', { name: roomName })}</CardContent>
                     </Card>
-                </div>
+                </>
+            )}
+            {selectedOption === 'context' && (
+                <>
+                    <Card
+                        className="cursor-pointer text-center hover:bg-accent hover:text-white"
+                        onClick={() => setSelectedOption('existingContext')}
+                    >
+                        <CardHeader className="items-center">
+                            <RiFolderLine />
+                        </CardHeader>
+                        <CardContent>{t('Add existing context')}</CardContent>
+                    </Card>
+                    <Card
+                        className="cursor-pointer text-center hover:bg-accent hover:text-white"
+                        onClick={() => setSelectedOption('newContext')}
+                    >
+                        <CardHeader className="items-center">
+                            <RiFolderAddLine />
+                        </CardHeader>
+                        <CardContent>{t('Create new context')}</CardContent>
+                    </Card>
+                </>
+            )}
+
+            {selectedOption === 'chat' && (
+                <>
+                    <Card
+                        className="cursor-pointer text-center hover:bg-accent hover:text-white"
+                        onClick={() => setSelectedOption('existingChat')}
+                    >
+                        <CardHeader className="items-center">
+                            <RiChat4Line />
+                        </CardHeader>
+                        <CardContent>existing chat</CardContent>
+                    </Card>
+                    <Card
+                        className="cursor-pointer text-center hover:bg-accent hover:text-white"
+                        onClick={() => setSelectedOption('newChat')}
+                    >
+                        <CardHeader className="items-center">
+                            <RiChatNewLine />
+                        </CardHeader>
+                        <CardContent>new chat</CardContent>
+                    </Card>
+                </>
             )}
             {selectedOption === 'existingItem' && (
                 <AddExistingItem currentId={currentId} onCancel={onClose} onPreviousAction={() => setSelectedOption('')} />

From cc3be525a4c482b41cf929063e1bae91b641d928 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 14 Feb 2024 17:29:52 +0100
Subject: [PATCH 447/714] chore: add Separator component

---
 components/UI/shadcn/Separator.js | 17 +++++++++++++++++
 package-lock.json                 | 24 ++++++++++++++++++++++++
 package.json                      |  1 +
 3 files changed, 42 insertions(+)
 create mode 100644 components/UI/shadcn/Separator.js

diff --git a/components/UI/shadcn/Separator.js b/components/UI/shadcn/Separator.js
new file mode 100644
index 00000000..80b04eec
--- /dev/null
+++ b/components/UI/shadcn/Separator.js
@@ -0,0 +1,17 @@
+import * as React from 'react';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+
+import { cn } from '@/lib/utils';
+
+const Separator = React.forwardRef(({ className, orientation = 'horizontal', decorative = true, ...props }, ref) => (
+    <SeparatorPrimitive.Root
+        ref={ref}
+        decorative={decorative}
+        orientation={orientation}
+        className={cn('shrink-0 bg-border', orientation === 'horizontal' ? 'h-[1px] w-full' : 'h-full w-[1px]', className)}
+        {...props}
+    />
+));
+Separator.displayName = SeparatorPrimitive.Root.displayName;
+
+export { Separator };
diff --git a/package-lock.json b/package-lock.json
index a3547ccf..299faae2 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,6 +12,7 @@
         "@radix-ui/react-dropdown-menu": "^2.0.6",
         "@radix-ui/react-radio-group": "^1.1.3",
         "@radix-ui/react-select": "^2.0.0",
+        "@radix-ui/react-separator": "^1.0.3",
         "@radix-ui/react-slot": "^1.0.2",
         "@radix-ui/react-switch": "^1.0.3",
         "@radix-ui/react-tabs": "^1.0.4",
@@ -2949,6 +2950,29 @@
         }
       }
     },
+    "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==",
+      "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",
diff --git a/package.json b/package.json
index 31f63059..195a873a 100644
--- a/package.json
+++ b/package.json
@@ -14,6 +14,7 @@
     "@radix-ui/react-dropdown-menu": "^2.0.6",
     "@radix-ui/react-radio-group": "^1.1.3",
     "@radix-ui/react-select": "^2.0.0",
+    "@radix-ui/react-separator": "^1.0.3",
     "@radix-ui/react-slot": "^1.0.2",
     "@radix-ui/react-switch": "^1.0.3",
     "@radix-ui/react-tabs": "^1.0.4",

From c1353ceb3972c3222df1d0accab7e32d6c754582 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 14 Feb 2024 17:33:39 +0100
Subject: [PATCH 448/714] refactor: use members tab inside of settings to add
 members to a space, change icon of invite users to a simple user icon, adapt
 service header to changes  and open members settings tab when clicking on
 user icon

---
 .../UI/InviteUsersToMatrixRoom/index.js       | 27 ++++++------
 components/UI/ServiceIframeHeader.js          | 44 +++++++------------
 pages/explore/[[...roomId]].js                | 23 ++++------
 3 files changed, 38 insertions(+), 56 deletions(-)

diff --git a/components/UI/InviteUsersToMatrixRoom/index.js b/components/UI/InviteUsersToMatrixRoom/index.js
index 94a85cb9..dd0798be 100644
--- a/components/UI/InviteUsersToMatrixRoom/index.js
+++ b/components/UI/InviteUsersToMatrixRoom/index.js
@@ -17,7 +17,7 @@ import { Trans, useTranslation } from 'react-i18next';
 import _, { debounce } from 'lodash';
 import { logger } from 'matrix-js-sdk/lib/logger';
 import { styled } from 'styled-components';
-import { RiUserAddLine, RiUserUnfollowLine } from '@remixicon/react';
+import { RiUserLine } from '@remixicon/react';
 
 import ErrorMessage from '../ErrorMessage';
 import Datalist from '../DataList';
@@ -47,7 +47,7 @@ const FeedbackWrapper = styled.div`
     margin-top: var(--margin);
 `;
 
-export const InviteUserToMatrixRoom = ({ roomId, onSuccess }) => {
+export const InviteUserToMatrixRoom = ({ roomId, onSuccess, onCancel }) => {
     const auth = useAuth();
     const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
     const [searchResults, setSearchResults] = useState([]);
@@ -106,7 +106,12 @@ export const InviteUserToMatrixRoom = ({ roomId, onSuccess }) => {
         const successAmount = selectedUsers.length - errors.length;
 
         // if everything is okay, we let the user know and exit the view.
-        successAmount > 0 && setUserFeedback(<Trans t={t} i18nKey="invitedUser" count={successAmount}>{ { successAmount } } user was invited and needs to accept your invitation</Trans>);
+        successAmount > 0 &&
+            setUserFeedback(
+                <Trans t={t} i18nKey="invitedUser" count={successAmount}>
+                    {{ successAmount }} user was invited and needs to accept your invitation
+                </Trans>,
+            );
         _.delay(() => {
             clearInputs();
             if (onSuccess && successAmount === selectedUsers.length) onSuccess();
@@ -125,6 +130,7 @@ export const InviteUserToMatrixRoom = ({ roomId, onSuccess }) => {
                         onInputChange={handleChange}
                         keysToDisplay={['display_name', 'user_id']}
                         onSubmit={handleInvite}
+                        onCancel={onCancel}
                     />
 
                     <FeedbackWrapper>
@@ -141,25 +147,18 @@ export const InviteUserToMatrixRoom = ({ roomId, onSuccess }) => {
  * Button component for toggling the invitation UI for the Matrix room.
  *
  * @component
- * @param {boolean} inviteUsersOpen - Flag indicating whether the invitation UI is open.
  * @param {Function} onClick - Function to execute when the button is clicked.
  * @param {string} name - The name of the Matrix room.
  * @returns {React.ReactElement} - A React component representing the button for inviting users.
  */
-const InviteUsersButton = ({ inviteUsersOpen, onClick, name }) => {
+const InviteUsersButton = ({ onClick, name }) => {
     const { t } = useTranslation('invitationModal');
 
     return (
         <TextButton onClick={onClick} title={t('Invite users to {{name}}', { name: name })}>
-            {inviteUsersOpen ? (
-                <Icon>
-                    <RiUserUnfollowLine />
-                </Icon>
-            ) : (
-                <Icon>
-                    <RiUserAddLine />
-                </Icon>
-            )}
+            <Icon>
+                <RiUserLine />
+            </Icon>
         </TextButton>
     );
 };
diff --git a/components/UI/ServiceIframeHeader.js b/components/UI/ServiceIframeHeader.js
index d8a5a0d0..69eb3867 100644
--- a/components/UI/ServiceIframeHeader.js
+++ b/components/UI/ServiceIframeHeader.js
@@ -11,6 +11,7 @@ import { InviteUserToMatrixRoom } from './InviteUsersToMatrixRoom';
 import KnockOnMatrixRoom from './KnockOnMatrixRoom';
 import AddFavourite from './favourites/AddFavourite';
 import Icon from '@/components/UI/Icon';
+import { Separator } from '@/components/UI/shadcn/Separator';
 
 const ToggleButton = styled.button`
     /* unset globally defined button styles; set height to line-height */
@@ -35,6 +36,7 @@ const ServiceIframeHeader = ({
     isInviteUsersOpen,
     setIsInviteUsersOpen,
     joinRule,
+    setSettingsTabValue,
 }) => {
     const { t } = useTranslation('write');
 
@@ -55,41 +57,29 @@ const ServiceIframeHeader = ({
                         )}
                     </TextButton>
                 )}
-                {myPowerLevel && (
-                    <InviteUserToMatrixRoom.Button
-                        name={title}
-                        onClick={() => {
-                            if (manageContextActionToggle) setManageContextActionToggle(false);
-
-                            setIsInviteUsersOpen((prevState) => !prevState);
-                        }}
-                        inviteUsersOpen={isInviteUsersOpen}
-                    />
-                )}
                 <AddFavourite roomId={roomId} />
-                {myPowerLevel &&
-                    (manageContextActionToggle ? (
-                        <ToggleButton
+                {myPowerLevel && (
+                    <>
+                        <Separator orientation="vertical" />
+                        <InviteUserToMatrixRoom.Button
+                            name={title}
                             onClick={() => {
-                                setManageContextActionToggle(false);
+                                setManageContextActionToggle(!manageContextActionToggle);
+                                setSettingsTabValue('members');
+                                setIsInviteUsersOpen(!isInviteUsersOpen);
                             }}
-                        >
-                            <Icon>
-                                <RiFolderLine />
-                            </Icon>
-                        </ToggleButton>
-                    ) : (
+                            inviteUsersOpen={isInviteUsersOpen}
+                        />
                         <ToggleButton
                             onClick={() => {
-                                if (isInviteUsersOpen) setIsInviteUsersOpen(false);
-                                setManageContextActionToggle(true);
+                                setIsInviteUsersOpen(false);
+                                setManageContextActionToggle(!manageContextActionToggle);
                             }}
                         >
-                            <Icon>
-                                <RiListSettingsLine />
-                            </Icon>
+                            <Icon>{manageContextActionToggle ? <RiFolderLine /> : <RiListSettingsLine />}</Icon>
                         </ToggleButton>
-                    ))}
+                    </>
+                )}
             </DefaultLayout.IframeHeaderButtonWrapper>
         </DefaultLayout.IframeHeader>
     );
diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 797c9d04..e9ea7e7c 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -7,10 +7,10 @@ import { useTranslation } from 'react-i18next';
 import { EventTimeline } from 'matrix-js-sdk';
 import { RiAddLine, RiCloseLine } from '@remixicon/react';
 
-import { ServiceTable } from '../../components/UI/ServiceTable';
+import { ServiceTable } from '@/components/UI/ServiceTable';
 import LoadingSpinner from '../../components/UI/LoadingSpinner';
-import { useAuth } from '../../lib/Auth';
-import { useMatrix } from '../../lib/Matrix';
+import { useAuth } from '@/lib/Auth';
+import { useMatrix } from '@/lib/Matrix';
 import ServiceIframeHeader from '../../components/UI/ServiceIframeHeader';
 import ExploreMatrixActions from './manage-room/ExploreMatrixActions';
 import ErrorMessage from '../../components/UI/ErrorMessage';
@@ -20,7 +20,6 @@ import ExploreIframeViews from './ExploreIframeViews';
 import logger from '../../lib/Logging';
 import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
 import DefaultLayout from '../../components/layouts/default';
-import { InviteUserToMatrixRoom } from '../../components/UI/InviteUsersToMatrixRoom';
 import QuickAddExplore from './manage-room/QuickAddExplore';
 import { Dialog, DialogContent, DialogTrigger } from '@/components/UI/shadcn/Dialog';
 
@@ -50,6 +49,7 @@ export default function Explore() {
     const [errorMessage, setErrorMessage] = useState('');
     const [isInviteUsersOpen, setIsInviteUsersOpen] = useState(false);
     const [isQuickAddOpen, setIsQuickAddOpen] = useState(false);
+    const [settingsTabValue, setSettingsTabValue] = useState('settings');
 
     // Extract roomId and iframeRoomId from the query parameters
     /** @type {string|undefined} */
@@ -292,19 +292,10 @@ export default function Explore() {
                                 isInviteUsersOpen={isInviteUsersOpen}
                                 joinRule={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].join_rule}
                                 setIsInviteUsersOpen={() => setIsInviteUsersOpen((prevState) => !prevState)}
+                                setSettingsTabValue={setSettingsTabValue}
                             />
                             <ServiceTableWrapper>
-                                {isInviteUsersOpen ? (
-                                    <InviteUserToMatrixRoom
-                                        roomId={roomId}
-                                        roomName={
-                                            matrix.spaces.get(router.query.roomId[0])?.name ||
-                                            matrix.rooms.get(router.query.roomId[0])?.name ||
-                                            selectedSpaceChildren[selectedSpaceChildren.length - 1][0].name
-                                        }
-                                        onSuccess={() => setIsInviteUsersOpen(false)}
-                                    />
-                                ) : manageContextActionToggle ? (
+                                {manageContextActionToggle ? (
                                     <ExploreMatrixActions
                                         myPowerLevel={myPowerLevel}
                                         setManageContextActionToggle={setManageContextActionToggle}
@@ -318,6 +309,8 @@ export default function Explore() {
                                         }
                                         spaceChildren={selectedSpaceChildren[selectedSpaceChildren.length - 1]}
                                         getSpaceChildren={getSpaceChildren}
+                                        settingsTabValue={settingsTabValue}
+                                        setSettingsTabValue={setSettingsTabValue}
                                     />
                                 ) : (
                                     <ServiceTable>

From c36d666bd6ade7f28b4f9ca8bdb1711144dc7ba0 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 14 Feb 2024 17:34:15 +0100
Subject: [PATCH 449/714] refactor: add separate disable option to confirm
 button

---
 components/UI/ConfirmCancelButtons.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/UI/ConfirmCancelButtons.js b/components/UI/ConfirmCancelButtons.js
index 4934e0d2..1c7cdb9a 100644
--- a/components/UI/ConfirmCancelButtons.js
+++ b/components/UI/ConfirmCancelButtons.js
@@ -13,7 +13,7 @@ const SmallConfirmCancelButtonsWrapper = styled(ConfirmCancelButtonsWrapper)`
     width: fit-content;
 `;
 
-const ConfirmCancelButtons = ({ disabled, confirmLabel, cancelLabel, small, destructive }) => {
+const ConfirmCancelButtons = ({ disabled, confirmLabel, cancelLabel, small, destructive, disableConfirm }) => {
     const { t } = useTranslation();
 
     // We might want to use a special wrapper if we want to use a small version of this component
@@ -24,7 +24,7 @@ const ConfirmCancelButtons = ({ disabled, confirmLabel, cancelLabel, small, dest
             <Button variant="outline" type="reset" disabled={disabled}>
                 {cancelLabel || t('Cancel')}
             </Button>
-            <Button type="submit" variant={destructive ? 'destructive' : 'default'} disabled={disabled}>
+            <Button type="submit" variant={destructive ? 'destructive' : 'default'} disabled={disabled || disableConfirm}>
                 {confirmLabel || t('Confirm')}
             </Button>
         </Wrapper>

From e0333758ee551aa878e2b0b659c55c9c758f14ad Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 14 Feb 2024 17:34:55 +0100
Subject: [PATCH 450/714] refactor: use ConfirmCancelButtons in DataList.js

---
 components/UI/DataList.js | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/components/UI/DataList.js b/components/UI/DataList.js
index 0cbfb6ee..878c963d 100644
--- a/components/UI/DataList.js
+++ b/components/UI/DataList.js
@@ -6,7 +6,7 @@ import _ from 'lodash';
 import { ServiceTable } from './ServiceTable';
 import Form from './Form';
 import { Input } from '@/components/UI/shadcn/Input';
-import { Button } from '@/components/UI/shadcn/Button';
+import ConfirmCancelButtons from '@/components/UI/ConfirmCancelButtons';
 
 /**
  * Datalist component that functions as an input with a datalist and supports keyboard navigation and mouse interaction.
@@ -43,7 +43,7 @@ const TableWrapper = styled.section`
     overflow-x: auto;
 `;
 
-export default function DataList({ options, onInputChange, keysToDisplay, onSubmit }) {
+export default function DataList({ options, onInputChange, keysToDisplay, onSubmit, onCancel }) {
     const [value, setValue] = useState('');
     const [isOpen, setIsOpen] = useState(false);
     const [selectedIndex, setSelectedIndex] = useState(-1);
@@ -143,7 +143,7 @@ export default function DataList({ options, onInputChange, keysToDisplay, onSubm
     };
 
     return (
-        <InviteUserForm onSubmit={handleSubmit}>
+        <InviteUserForm onSubmit={handleSubmit} onReset={onCancel}>
             <Input
                 type="text"
                 value={value}
@@ -187,7 +187,12 @@ export default function DataList({ options, onInputChange, keysToDisplay, onSubm
                     </ServiceTable.Body>
                 </ServiceTable>
             </TableWrapper>
-            <Button disabled={selected.length === 0 && checked.length === 0}>{t('Invite')}</Button>
+            <ConfirmCancelButtons
+                onCancel={onCancel}
+                disableConfirm={selected.length === 0 && checked.length === 0}
+                cancelLabel="Close"
+                confirmLabel="Invite"
+            />
         </InviteUserForm>
     );
 }

From 9d8cbf57aef502444d5bc45a4d92d6733154f8ef Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 14 Feb 2024 17:35:15 +0100
Subject: [PATCH 451/714] refactor: add leave space function to general
 settings

---
 .../manage-room/ExploreMatrixActions.js       | 36 +++++++++----------
 1 file changed, 18 insertions(+), 18 deletions(-)

diff --git a/pages/explore/manage-room/ExploreMatrixActions.js b/pages/explore/manage-room/ExploreMatrixActions.js
index a112a823..b7401907 100644
--- a/pages/explore/manage-room/ExploreMatrixActions.js
+++ b/pages/explore/manage-room/ExploreMatrixActions.js
@@ -32,37 +32,35 @@ const ExploreMatrixActionWrapper = styled.div`
     }
 `;
 
-const ExploreMatrixActions = ({ currentId, parentId, myPowerLevel, setManageContextActionToggle, spaceChildren, getSpaceChildren }) => {
+const ExploreMatrixActions = ({
+    currentId,
+    parentId,
+    myPowerLevel,
+    setManageContextActionToggle,
+    setSettingsTabValue,
+    settingsTabValue,
+}) => {
     const { t } = useTranslation('explore');
     const matrixClient = useAuth().getAuthenticationProvider('matrix').getMatrixClient();
+
     if (!myPowerLevel) return t("You don't have the neccesarry permissions to manage this room");
     const room = matrixClient.getRoom(currentId);
-
     if (!room) return <LoadingSpinner />;
 
     return (
         <ExploreMatrixActionWrapper>
-            <h2>
-                {t('Manage contexts and items within ')}
-                {room.name}
-            </h2>
-
-            <Tabs defaultValue="settings">
+            <Tabs onValueChange={setSettingsTabValue} value={settingsTabValue}>
                 <TabsList>
-                    <TabsTrigger value="actions">{t('Actions')}</TabsTrigger>
                     <TabsTrigger value="members">{t('Members')}</TabsTrigger>
                     <TabsTrigger value="settings">{t('Settings')}</TabsTrigger>
                 </TabsList>
-                <TabsContent value="actions">
-                    {room.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel) && (
-                        <>
-                            <LeaveRoom roomId={currentId} roomName={room.name} parentId={parentId} />
-                        </>
-                    )}
-                </TabsContent>
-
                 <TabsContent value="members">
-                    <UserManagement roomId={currentId} roomName={room.name} onCancel={() => setManageContextActionToggle(false)} />
+                    <UserManagement
+                        myPowerLevel={myPowerLevel}
+                        roomId={currentId}
+                        roomName={room.name}
+                        onCancel={() => setManageContextActionToggle(false)}
+                    />
                 </TabsContent>
 
                 <TabsContent value="settings">
@@ -84,6 +82,8 @@ const ExploreMatrixActions = ({ currentId, parentId, myPowerLevel, setManageCont
                         {room.currentState.hasSufficientPowerLevelFor('m.room.join_rules', myPowerLevel) && (
                             <ChangeJoinRule roomId={currentId} roomName={room.name} onCancel={() => setManageContextActionToggle(false)} />
                         )}
+
+                        <LeaveRoom roomId={currentId} roomName={room.name} parentId={parentId} />
                     </>
                 </TabsContent>
             </Tabs>

From 6548f119fc5f5904b83b4c387a779ca9e390d1be Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 14 Feb 2024 17:36:03 +0100
Subject: [PATCH 452/714] refactor: use dialog for inviting users and add
 'invite users' row to the members list

---
 pages/explore/manage-room/UserManagement.js | 30 +++++++++++++++++++--
 1 file changed, 28 insertions(+), 2 deletions(-)

diff --git a/pages/explore/manage-room/UserManagement.js b/pages/explore/manage-room/UserManagement.js
index 9aa206c7..5bdfff44 100644
--- a/pages/explore/manage-room/UserManagement.js
+++ b/pages/explore/manage-room/UserManagement.js
@@ -3,7 +3,7 @@ import { useTranslation } from 'react-i18next';
 import _ from 'lodash';
 import styled from 'styled-components';
 import { MatrixEvent } from 'matrix-js-sdk';
-import { RiDeleteBinLine } from '@remixicon/react';
+import { RiAddLine, RiCloseLine, RiDeleteBinLine } from '@remixicon/react';
 
 import { ServiceTable } from '../../../components/UI/ServiceTable';
 import { useAuth } from '../../../lib/Auth';
@@ -11,6 +11,8 @@ import TextButton from '../../../components/UI/TextButton';
 import ErrorMessage from '../../../components/UI/ErrorMessage';
 import LoadingSpinnerInline from '../../../components/UI/LoadingSpinnerInline';
 import presets from '../presets';
+import { Dialog, DialogContent, DialogTrigger } from '@/components/UI/shadcn/Dialog';
+import { InviteUserToMatrixRoom } from '@/components/UI/InviteUsersToMatrixRoom';
 
 //@TODO refine styled component
 const RoleSelect = styled.select`
@@ -20,7 +22,7 @@ const RoleSelect = styled.select`
     border: unset;
 `;
 
-const UserManagement = ({ roomId, roomName, onPreviousAction, onCancel }) => {
+const UserManagement = ({ roomId, roomName, myPowerLevel, onCancel }) => {
     const [errorMessage, setErrorMessage] = useState('');
     const auth = useAuth();
     const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
@@ -29,6 +31,7 @@ const UserManagement = ({ roomId, roomName, onPreviousAction, onCancel }) => {
     const currentMembers = _.orderBy(room.getMembersWithMembership('join'), ['powerLevel', 'name'], ['desc', 'asc']);
     const selfObject = currentMembers.filter((member) => member.userId === matrixClient.getUserId())[0];
     const { t } = useTranslation();
+    const [isInviteOpen, setIsInviteOpen] = useState(false);
 
     const handleKick = async (userId, name) => {
         if (confirm(t('Are you sure you want to kick {{name}} from {{room}}', { name: name, room: roomName }))) {
@@ -84,6 +87,29 @@ const UserManagement = ({ roomId, roomName, onPreviousAction, onCancel }) => {
                             />
                         );
                     })}
+                    {matrixClient.getRoom(roomId)?.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel) && (
+                        <Dialog open={isInviteOpen} onOpenChange={setIsInviteOpen}>
+                            <DialogTrigger asChild>
+                                <ServiceTable.Row
+                                    className="cursor-pointer text-muted-foreground hover:text-accent"
+                                    onClick={() => setIsInviteOpen((prevState) => !prevState)}
+                                >
+                                    <ServiceTable.Cell>{t('Invite people to {{name}} …', { name: roomName })}</ServiceTable.Cell>
+                                    <ServiceTable.Cell />
+                                    <ServiceTable.Cell />
+                                    <ServiceTable.Cell align="center">{isInviteOpen ? <RiCloseLine /> : <RiAddLine />}</ServiceTable.Cell>
+                                </ServiceTable.Row>
+                            </DialogTrigger>
+                            {/*<DialogContent className="grid-flow-col gap-4">*/}
+                            <DialogContent className="grid-flow-col gap-4">
+                                <InviteUserToMatrixRoom
+                                    roomId={roomId}
+                                    onSuccess={() => setIsInviteOpen(false)}
+                                    onCancel={() => setIsInviteOpen(false)}
+                                />
+                            </DialogContent>
+                        </Dialog>
+                    )}
                 </ServiceTable.Body>
             </ServiceTable>
             {errorMessage && <ErrorMessage>{errorMessage}</ErrorMessage>}

From 422775f439322132a921cb4768da64eb691fcb89 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Thu, 15 Feb 2024 11:05:17 +0100
Subject: [PATCH 453/714] style: fix vertical alignment of dropdown button

---
 components/UI/ServiceLink.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/UI/ServiceLink.js b/components/UI/ServiceLink.js
index 0deef694..ef8c1dfd 100644
--- a/components/UI/ServiceLink.js
+++ b/components/UI/ServiceLink.js
@@ -94,7 +94,7 @@ const ServiceLink = forwardRef(
                     <ServiceTable.Cell align="right">
                         <Dialog open={dialogOpen} onOpenChange={setDialogOpen}>
                             <DropdownMenu>
-                                <DropdownMenuTrigger>
+                                <DropdownMenuTrigger className="align-middle">
                                     <RiMoreLine />
                                 </DropdownMenuTrigger>
                                 <DropdownMenuContent>

From c1cb18c2e9d8a77f21d10efe44fa9f771e49cbb5 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Thu, 15 Feb 2024 11:07:04 +0100
Subject: [PATCH 454/714] style: refactor dialog trigger button below table

---
 pages/explore/[[...roomId]].js              | 68 +++++++++++++++++----
 pages/explore/manage-room/UserManagement.js | 45 +++++++-------
 2 files changed, 77 insertions(+), 36 deletions(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index e9ea7e7c..5239cf7f 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -22,6 +22,7 @@ import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
 import DefaultLayout from '../../components/layouts/default';
 import QuickAddExplore from './manage-room/QuickAddExplore';
 import { Dialog, DialogContent, DialogTrigger } from '@/components/UI/shadcn/Dialog';
+import { Button } from '@/components/UI/shadcn/Button';
 
 const ServiceTableWrapper = styled.div`
     width: 100%;
@@ -352,24 +353,37 @@ export default function Explore() {
                                                     />
                                                 );
                                             })}
+                                        {/* NOTE: let’s move the dialog trigger button after the table
                                         {!manageContextActionToggle &&
                                             matrixClient
                                                 .getRoom(roomId)
                                                 ?.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel) && (
                                                 <Dialog open={isQuickAddOpen} onOpenChange={setIsQuickAddOpen}>
-                                                    <DialogTrigger asChild>
-                                                        <ServiceTable.Row
-                                                            className="cursor-pointer text-muted-foreground hover:text-accent"
-                                                            onClick={() => setIsQuickAddOpen((prevState) => !prevState)}
-                                                        >
-                                                            <ServiceTable.Cell>{t('Add more …')}</ServiceTable.Cell>
-                                                            <ServiceTable.Cell align="right">
-                                                                {isQuickAddOpen ? <RiCloseLine /> : <RiAddLine />}
-                                                            </ServiceTable.Cell>
-                                                        </ServiceTable.Row>
-                                                    </DialogTrigger>
-                                                    {/*<DialogContent className="grid-flow-col gap-4">*/}
-                                                    <DialogContent className="grid-flow-col gap-4">
+                                                    <ServiceTable.Row className="cursor-pointer">
+                                                        <ServiceTable.Cell>
+                                                            <DialogTrigger asChild>
+                                                                <Button
+                                                                    className="w-full justify-start px-0 hover:text-accent"
+                                                                    variant="ghost"
+                                                                    onClick={() => setIsQuickAddOpen((prevState) => !prevState)}
+                                                                >
+                                                                    {t('Add more …')}
+                                                                </Button>
+                                                            </DialogTrigger>
+                                                        </ServiceTable.Cell>
+                                                        <ServiceTable.Cell align="right">
+                                                            <DialogTrigger asChild>
+                                                                <Button
+                                                                    className="w-full justify-end px-0 align-middle hover:text-accent"
+                                                                    variant="ghost"
+                                                                    onClick={() => setIsQuickAddOpen((prevState) => !prevState)}
+                                                                >
+                                                                    {isQuickAddOpen ? <RiCloseLine /> : <RiAddLine />}
+                                                                </Button>
+                                                            </DialogTrigger>
+                                                        </ServiceTable.Cell>
+                                                    </ServiceTable.Row>
+                                                    <DialogContent className="grid-flow-col gap-4 p-4 pt-12">
                                                         <QuickAddExplore
                                                             currentId={roomId}
                                                             roomName={matrix.spaces.get(roomId).name}
@@ -381,8 +395,36 @@ export default function Explore() {
                                                     </DialogContent>
                                                 </Dialog>
                                             )}
+                                        */}
                                     </ServiceTable>
                                 )}
+                                {!manageContextActionToggle &&
+                                    matrixClient
+                                        .getRoom(roomId)
+                                        ?.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel) && (
+                                        <Dialog open={isQuickAddOpen} onOpenChange={setIsQuickAddOpen}>
+                                            <DialogTrigger asChild>
+                                                <Button
+                                                    className="w-full justify-between px-0 hover:text-accent"
+                                                    variant="ghost"
+                                                    onClick={() => setIsQuickAddOpen((prevState) => !prevState)}
+                                                >
+                                                    {t('Add more …')}
+                                                    {isQuickAddOpen ? <RiCloseLine /> : <RiAddLine />}
+                                                </Button>
+                                            </DialogTrigger>
+                                            <DialogContent className="grid-flow-col gap-4 p-4 pt-12">
+                                                <QuickAddExplore
+                                                    currentId={roomId}
+                                                    roomName={matrix.spaces.get(roomId).name}
+                                                    getSpaceChildren={getSpaceChildren}
+                                                    allChatRooms={allChatRooms}
+                                                    isQuickAddOpen={isQuickAddOpen}
+                                                    setIsQuickAddOpen={setIsQuickAddOpen}
+                                                />
+                                            </DialogContent>
+                                        </Dialog>
+                                    )}
                             </ServiceTableWrapper>
                         </DefaultLayout.Wrapper>
                     </>
diff --git a/pages/explore/manage-room/UserManagement.js b/pages/explore/manage-room/UserManagement.js
index 5bdfff44..a3be552d 100644
--- a/pages/explore/manage-room/UserManagement.js
+++ b/pages/explore/manage-room/UserManagement.js
@@ -13,6 +13,7 @@ import LoadingSpinnerInline from '../../../components/UI/LoadingSpinnerInline';
 import presets from '../presets';
 import { Dialog, DialogContent, DialogTrigger } from '@/components/UI/shadcn/Dialog';
 import { InviteUserToMatrixRoom } from '@/components/UI/InviteUsersToMatrixRoom';
+import { Button } from '@/components/UI/shadcn/Button';
 
 //@TODO refine styled component
 const RoleSelect = styled.select`
@@ -87,31 +88,29 @@ const UserManagement = ({ roomId, roomName, myPowerLevel, onCancel }) => {
                             />
                         );
                     })}
-                    {matrixClient.getRoom(roomId)?.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel) && (
-                        <Dialog open={isInviteOpen} onOpenChange={setIsInviteOpen}>
-                            <DialogTrigger asChild>
-                                <ServiceTable.Row
-                                    className="cursor-pointer text-muted-foreground hover:text-accent"
-                                    onClick={() => setIsInviteOpen((prevState) => !prevState)}
-                                >
-                                    <ServiceTable.Cell>{t('Invite people to {{name}} …', { name: roomName })}</ServiceTable.Cell>
-                                    <ServiceTable.Cell />
-                                    <ServiceTable.Cell />
-                                    <ServiceTable.Cell align="center">{isInviteOpen ? <RiCloseLine /> : <RiAddLine />}</ServiceTable.Cell>
-                                </ServiceTable.Row>
-                            </DialogTrigger>
-                            {/*<DialogContent className="grid-flow-col gap-4">*/}
-                            <DialogContent className="grid-flow-col gap-4">
-                                <InviteUserToMatrixRoom
-                                    roomId={roomId}
-                                    onSuccess={() => setIsInviteOpen(false)}
-                                    onCancel={() => setIsInviteOpen(false)}
-                                />
-                            </DialogContent>
-                        </Dialog>
-                    )}
                 </ServiceTable.Body>
             </ServiceTable>
+            {matrixClient.getRoom(roomId)?.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel) && (
+                <Dialog open={isInviteOpen} onOpenChange={setIsInviteOpen}>
+                    <DialogTrigger asChild>
+                        <Button
+                            className="w-full justify-between px-0 pr-1.5 hover:text-accent"
+                            variant="ghost"
+                            onClick={() => setIsInviteOpen((prevState) => !prevState)}
+                        >
+                            {t('Invite people to {{name}} …', { name: roomName })}
+                            {isInviteOpen ? <RiCloseLine /> : <RiAddLine />}
+                        </Button>
+                    </DialogTrigger>
+                    <DialogContent className="grid-flow-col gap-4">
+                        <InviteUserToMatrixRoom
+                            roomId={roomId}
+                            onSuccess={() => setIsInviteOpen(false)}
+                            onCancel={() => setIsInviteOpen(false)}
+                        />
+                    </DialogContent>
+                </Dialog>
+            )}
             {errorMessage && <ErrorMessage>{errorMessage}</ErrorMessage>}
         </>
     );

From 6754691140153d6a0df21c10b46b4d2bd6db79a0 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Thu, 15 Feb 2024 11:14:01 +0100
Subject: [PATCH 455/714] chore: convert styled components to tailwind classes

---
 components/UI/ConfirmCancelButtons.js | 20 +++-----------------
 components/UI/PreviousNextButtons.js  | 16 ++--------------
 2 files changed, 5 insertions(+), 31 deletions(-)

diff --git a/components/UI/ConfirmCancelButtons.js b/components/UI/ConfirmCancelButtons.js
index 1c7cdb9a..40e9a0b8 100644
--- a/components/UI/ConfirmCancelButtons.js
+++ b/components/UI/ConfirmCancelButtons.js
@@ -1,33 +1,19 @@
-import { styled } from 'styled-components';
 import { useTranslation } from 'react-i18next';
 
 import { Button } from '@/components/UI/shadcn/Button';
 
-const ConfirmCancelButtonsWrapper = styled.div`
-    display: grid;
-    grid-template-columns: repeat(2, 1fr);
-    grid-gap: var(--margin);
-`;
-
-const SmallConfirmCancelButtonsWrapper = styled(ConfirmCancelButtonsWrapper)`
-    width: fit-content;
-`;
-
-const ConfirmCancelButtons = ({ disabled, confirmLabel, cancelLabel, small, destructive, disableConfirm }) => {
+const ConfirmCancelButtons = ({ disabled, confirmLabel, cancelLabel, destructive, disableConfirm }) => {
     const { t } = useTranslation();
 
-    // We might want to use a special wrapper if we want to use a small version of this component
-    const Wrapper = small ? SmallConfirmCancelButtonsWrapper : ConfirmCancelButtonsWrapper;
-
     return (
-        <Wrapper>
+        <div className="grid grid-cols-2 gap-4">
             <Button variant="outline" type="reset" disabled={disabled}>
                 {cancelLabel || t('Cancel')}
             </Button>
             <Button type="submit" variant={destructive ? 'destructive' : 'default'} disabled={disabled || disableConfirm}>
                 {confirmLabel || t('Confirm')}
             </Button>
-        </Wrapper>
+        </div>
     );
 };
 
diff --git a/components/UI/PreviousNextButtons.js b/components/UI/PreviousNextButtons.js
index 3a813610..68f68095 100644
--- a/components/UI/PreviousNextButtons.js
+++ b/components/UI/PreviousNextButtons.js
@@ -1,19 +1,7 @@
-import styled from 'styled-components';
 import { useTranslation } from 'react-i18next';
 
 import { Button } from '@/components/UI/shadcn/Button';
 
-const PreviousNextButtonsWrapper = styled.div`
-    display: grid;
-    grid-template-columns: repeat(2, 1fr);
-    grid-gap: var(--margin);
-    //min-width: 55ch;
-
-    &:not(:first-child) {
-        margin-top: var(--margin);
-    }
-`;
-
 /**
  * React Component which returns
  *
@@ -35,14 +23,14 @@ const PreviousNextButtons = ({ children, disabled, onCancel, disableNext, disabl
     };
 
     return (
-        <PreviousNextButtonsWrapper>
+        <div className="grid grid-cols-2 gap-4">
             <Button variant="outline" type="reset" disabled={disabled || disablePrev} onClick={handlePrevious}>
                 {t('Previous')}
             </Button>
             <Button type="submit" variant={warning ? 'destructive' : 'default'} disabled={disabled || disableNext}>
                 {children || t('Next')}
             </Button>
-        </PreviousNextButtonsWrapper>
+        </div>
     );
 };
 

From 3f63cc2efacd3891f71122c55d9ad5c7aad2b402 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Thu, 15 Feb 2024 13:43:43 +0100
Subject: [PATCH 456/714] fix: conditionally use correct icons for actions
 buttons

---
 components/UI/InviteUsersToMatrixRoom/index.js |  7 +++++--
 components/UI/ServiceIframeHeader.js           | 11 +++++++++--
 pages/explore/[[...roomId]].js                 |  2 ++
 3 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/components/UI/InviteUsersToMatrixRoom/index.js b/components/UI/InviteUsersToMatrixRoom/index.js
index dd0798be..7c57df7b 100644
--- a/components/UI/InviteUsersToMatrixRoom/index.js
+++ b/components/UI/InviteUsersToMatrixRoom/index.js
@@ -150,14 +150,17 @@ export const InviteUserToMatrixRoom = ({ roomId, onSuccess, onCancel }) => {
  * @param {Function} onClick - Function to execute when the button is clicked.
  * @param {string} name - The name of the Matrix room.
  * @returns {React.ReactElement} - A React component representing the button for inviting users.
+ *
+ * @TODO: icon prop can be removed once we have dialog/drawer implemented
  */
-const InviteUsersButton = ({ onClick, name }) => {
+const InviteUsersButton = ({ onClick, name, icon }) => {
     const { t } = useTranslation('invitationModal');
 
     return (
         <TextButton onClick={onClick} title={t('Invite users to {{name}}', { name: name })}>
             <Icon>
-                <RiUserLine />
+                {/* @TODO: following condition can be removed once we have dialog/drawer implemented */}
+                {icon ? icon : <RiUserLine />}
             </Icon>
         </TextButton>
     );
diff --git a/components/UI/ServiceIframeHeader.js b/components/UI/ServiceIframeHeader.js
index 69eb3867..89b82d5a 100644
--- a/components/UI/ServiceIframeHeader.js
+++ b/components/UI/ServiceIframeHeader.js
@@ -1,7 +1,7 @@
 import { styled } from 'styled-components';
 import { useTranslation } from 'react-i18next';
 import React from 'react';
-import { RiDeleteBinLine, RiFolderLine, RiListSettingsLine } from '@remixicon/react';
+import { RiDeleteBinLine, RiFolderLine, RiListSettingsLine, RiUserLine } from '@remixicon/react';
 
 import CopyToClipboard from '../../components/UI/CopyToClipboard';
 import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
@@ -37,8 +37,11 @@ const ServiceIframeHeader = ({
     setIsInviteUsersOpen,
     joinRule,
     setSettingsTabValue,
+    /* @TODO: following line can be removed once we have dialog/drawer implemented */
+    settingsTabValue,
 }) => {
     const { t } = useTranslation('write');
+                            console.log(settingsTabValue);
 
     return (
         <DefaultLayout.IframeHeader>
@@ -69,14 +72,18 @@ const ServiceIframeHeader = ({
                                 setIsInviteUsersOpen(!isInviteUsersOpen);
                             }}
                             inviteUsersOpen={isInviteUsersOpen}
+                            /* @TODO: following condition can be removed once we have dialog/drawer implemented */
+                            icon={manageContextActionToggle && settingsTabValue != 'settings' ? <RiFolderLine /> : <RiUserLine />}
                         />
                         <ToggleButton
                             onClick={() => {
                                 setIsInviteUsersOpen(false);
                                 setManageContextActionToggle(!manageContextActionToggle);
+                                setSettingsTabValue('settings');
                             }}
                         >
-                            <Icon>{manageContextActionToggle ? <RiFolderLine /> : <RiListSettingsLine />}</Icon>
+                            {/* @TODO: following condition can be removed once we have dialog/drawer implemented */}
+                            <Icon>{manageContextActionToggle && settingsTabValue != 'members'  ? <RiFolderLine /> : <RiListSettingsLine />}</Icon>
                         </ToggleButton>
                     </>
                 )}
diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 5239cf7f..5993f93d 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -294,6 +294,8 @@ export default function Explore() {
                                 joinRule={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].join_rule}
                                 setIsInviteUsersOpen={() => setIsInviteUsersOpen((prevState) => !prevState)}
                                 setSettingsTabValue={setSettingsTabValue}
+                                /* @TODO: following line can be removed once we have dialog/drawer implemented */
+                                settingsTabValue={settingsTabValue}
                             />
                             <ServiceTableWrapper>
                                 {manageContextActionToggle ? (

From 56cac1e5f400ef92893feabee772d3a468452e5e Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Thu, 15 Feb 2024 13:45:11 +0100
Subject: [PATCH 457/714] style: improve shadcn tabs styling

---
 components/UI/shadcn/Tabs.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/UI/shadcn/Tabs.js b/components/UI/shadcn/Tabs.js
index 91eb5c4a..cdd7e917 100644
--- a/components/UI/shadcn/Tabs.js
+++ b/components/UI/shadcn/Tabs.js
@@ -8,7 +8,7 @@ const Tabs = TabsPrimitive.Root;
 const TabsList = React.forwardRef(({ className, ...props }, ref) => (
     <TabsPrimitive.List
         ref={ref}
-        className={cn('inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground', className)}
+        className={cn('inline-flex h-10 items-center justify-center gap-2 rounded-md p-1 text-muted-foreground', className)}
         {...props}
     />
 ));
@@ -18,7 +18,7 @@ const TabsTrigger = React.forwardRef(({ className, ...props }, ref) => (
     <TabsPrimitive.Trigger
         ref={ref}
         className={cn(
-            'inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm',
+            'inline-flex items-center justify-center whitespace-nowrap rounded-sm border border-muted-foreground px-3 py-1.5 text-sm font-medium ring-offset-background transition-all hover:border-accent hover:text-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:border-foreground data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm',
             className,
         )}
         {...props}

From 79c55a1aeb7962d873b4c1789e4578c2517e259d Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Thu, 15 Feb 2024 13:50:01 +0100
Subject: [PATCH 458/714] chore: rename shadcn dropdown menu component

---
 components/UI/shadcn/DropdownMenu.js | 146 +++++++++++++++++++++++++++
 1 file changed, 146 insertions(+)
 create mode 100644 components/UI/shadcn/DropdownMenu.js

diff --git a/components/UI/shadcn/DropdownMenu.js b/components/UI/shadcn/DropdownMenu.js
new file mode 100644
index 00000000..c02b922f
--- /dev/null
+++ b/components/UI/shadcn/DropdownMenu.js
@@ -0,0 +1,146 @@
+import * as React from 'react';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { RiArrowRightSLine, RiCheckLine, RiCircleLine } from '@remixicon/react';
+
+import { cn } from '@/lib/utils';
+
+const DropdownMenu = DropdownMenuPrimitive.Root;
+
+const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+
+const DropdownMenuGroup = DropdownMenuPrimitive.Group;
+
+const DropdownMenuPortal = DropdownMenuPrimitive.Portal;
+
+const DropdownMenuSub = DropdownMenuPrimitive.Sub;
+
+const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
+
+const DropdownMenuSubTrigger = React.forwardRef(({ className, inset, children, ...props }, ref) => (
+    <DropdownMenuPrimitive.SubTrigger
+        ref={ref}
+        className={cn(
+            'flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent',
+            inset && 'pl-8',
+            className,
+        )}
+        {...props}
+    >
+        {children}
+        <RiArrowRightSLine className="ml-auto h-4 w-4" />
+    </DropdownMenuPrimitive.SubTrigger>
+));
+DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
+
+const DropdownMenuSubContent = React.forwardRef(({ className, ...props }, ref) => (
+    <DropdownMenuPrimitive.SubContent
+        ref={ref}
+        className={cn(
+            'z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
+            className,
+        )}
+        {...props}
+    />
+));
+DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
+
+const DropdownMenuContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => (
+    <DropdownMenuPrimitive.Portal>
+        <DropdownMenuPrimitive.Content
+            ref={ref}
+            sideOffset={sideOffset}
+            className={cn(
+                'z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
+                className,
+            )}
+            {...props}
+        />
+    </DropdownMenuPrimitive.Portal>
+));
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
+
+const DropdownMenuItem = React.forwardRef(({ className, inset, ...props }, ref) => (
+    <DropdownMenuPrimitive.Item
+        ref={ref}
+        className={cn(
+            'relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
+            inset && 'pl-8',
+            className,
+        )}
+        {...props}
+    />
+));
+DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
+
+const DropdownMenuCheckboxItem = React.forwardRef(({ className, children, checked, ...props }, ref) => (
+    <DropdownMenuPrimitive.CheckboxItem
+        ref={ref}
+        className={cn(
+            'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
+            className,
+        )}
+        checked={checked}
+        {...props}
+    >
+        <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+            <DropdownMenuPrimitive.ItemIndicator>
+                <RiCheckLine className="h-4 w-4" />
+            </DropdownMenuPrimitive.ItemIndicator>
+        </span>
+        {children}
+    </DropdownMenuPrimitive.CheckboxItem>
+));
+DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
+
+const DropdownMenuRadioItem = React.forwardRef(({ className, children, ...props }, ref) => (
+    <DropdownMenuPrimitive.RadioItem
+        ref={ref}
+        className={cn(
+            'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
+            className,
+        )}
+        {...props}
+    >
+        <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+            <DropdownMenuPrimitive.ItemIndicator>
+                <RiCircleLine className="h-2 w-2 fill-current" />
+            </DropdownMenuPrimitive.ItemIndicator>
+        </span>
+        {children}
+    </DropdownMenuPrimitive.RadioItem>
+));
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
+
+const DropdownMenuLabel = React.forwardRef(({ className, inset, ...props }, ref) => (
+    <DropdownMenuPrimitive.Label ref={ref} className={cn('px-2 py-1.5 text-sm font-semibold', inset && 'pl-8', className)} {...props} />
+));
+DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
+
+const DropdownMenuSeparator = React.forwardRef(({ className, ...props }, ref) => (
+    <DropdownMenuPrimitive.Separator ref={ref} className={cn('-mx-1 my-1 h-px bg-muted', className)} {...props} />
+));
+DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
+
+const DropdownMenuShortcut = ({ className, ...props }) => {
+    return <span className={cn('text-xs ml-auto tracking-widest opacity-60', className)} {...props} />;
+};
+
+DropdownMenuShortcut.displayName = 'DropdownMenuShortcut';
+
+export {
+    DropdownMenu,
+    DropdownMenuTrigger,
+    DropdownMenuContent,
+    DropdownMenuItem,
+    DropdownMenuCheckboxItem,
+    DropdownMenuRadioItem,
+    DropdownMenuLabel,
+    DropdownMenuSeparator,
+    DropdownMenuShortcut,
+    DropdownMenuGroup,
+    DropdownMenuPortal,
+    DropdownMenuSub,
+    DropdownMenuSubContent,
+    DropdownMenuSubTrigger,
+    DropdownMenuRadioGroup,
+};

From 7f45c46bb85c535e9088e8b6b57fd0521ad90362 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Thu, 15 Feb 2024 13:50:26 +0100
Subject: [PATCH 459/714] chore: rename shadcn radio group component

---
 components/UI/shadcn/RadioGroup.js | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)
 create mode 100644 components/UI/shadcn/RadioGroup.js

diff --git a/components/UI/shadcn/RadioGroup.js b/components/UI/shadcn/RadioGroup.js
new file mode 100644
index 00000000..6592842c
--- /dev/null
+++ b/components/UI/shadcn/RadioGroup.js
@@ -0,0 +1,30 @@
+import * as React from 'react';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import { RiCircleFill } from '@remixicon/react';
+
+import { cn } from '@/lib/utils';
+
+const RadioGroup = React.forwardRef(({ className, ...props }, ref) => {
+    return <RadioGroupPrimitive.Root className={cn('grid gap-2', className)} {...props} ref={ref} />;
+});
+RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
+
+const RadioGroupItem = React.forwardRef(({ className, ...props }, ref) => {
+    return (
+        <RadioGroupPrimitive.Item
+            ref={ref}
+            className={cn(
+                'aspect-square h-4 w-4 rounded-full border border-primary text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',
+                className,
+            )}
+            {...props}
+        >
+            <RadioGroupPrimitive.Indicator className="flex items-center justify-center">
+                <RiCircleFill className="h-2.5 w-2.5 fill-current text-current" />
+            </RadioGroupPrimitive.Indicator>
+        </RadioGroupPrimitive.Item>
+    );
+});
+RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
+
+export { RadioGroup, RadioGroupItem };

From 6dd9ae47acee78fade8b51329fce65c248eed4bb Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Thu, 15 Feb 2024 13:51:21 +0100
Subject: [PATCH 460/714] chore: remove previously renamed shadcn components

---
 components/UI/shadcn/Dropdown-menu.js | 146 --------------------------
 components/UI/shadcn/Radio-group.js   |  30 ------
 2 files changed, 176 deletions(-)
 delete mode 100644 components/UI/shadcn/Dropdown-menu.js
 delete mode 100644 components/UI/shadcn/Radio-group.js

diff --git a/components/UI/shadcn/Dropdown-menu.js b/components/UI/shadcn/Dropdown-menu.js
deleted file mode 100644
index c02b922f..00000000
--- a/components/UI/shadcn/Dropdown-menu.js
+++ /dev/null
@@ -1,146 +0,0 @@
-import * as React from 'react';
-import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
-import { RiArrowRightSLine, RiCheckLine, RiCircleLine } from '@remixicon/react';
-
-import { cn } from '@/lib/utils';
-
-const DropdownMenu = DropdownMenuPrimitive.Root;
-
-const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
-
-const DropdownMenuGroup = DropdownMenuPrimitive.Group;
-
-const DropdownMenuPortal = DropdownMenuPrimitive.Portal;
-
-const DropdownMenuSub = DropdownMenuPrimitive.Sub;
-
-const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
-
-const DropdownMenuSubTrigger = React.forwardRef(({ className, inset, children, ...props }, ref) => (
-    <DropdownMenuPrimitive.SubTrigger
-        ref={ref}
-        className={cn(
-            'flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent',
-            inset && 'pl-8',
-            className,
-        )}
-        {...props}
-    >
-        {children}
-        <RiArrowRightSLine className="ml-auto h-4 w-4" />
-    </DropdownMenuPrimitive.SubTrigger>
-));
-DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-
-const DropdownMenuSubContent = React.forwardRef(({ className, ...props }, ref) => (
-    <DropdownMenuPrimitive.SubContent
-        ref={ref}
-        className={cn(
-            'z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
-            className,
-        )}
-        {...props}
-    />
-));
-DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-
-const DropdownMenuContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => (
-    <DropdownMenuPrimitive.Portal>
-        <DropdownMenuPrimitive.Content
-            ref={ref}
-            sideOffset={sideOffset}
-            className={cn(
-                'z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
-                className,
-            )}
-            {...props}
-        />
-    </DropdownMenuPrimitive.Portal>
-));
-DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-
-const DropdownMenuItem = React.forwardRef(({ className, inset, ...props }, ref) => (
-    <DropdownMenuPrimitive.Item
-        ref={ref}
-        className={cn(
-            'relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
-            inset && 'pl-8',
-            className,
-        )}
-        {...props}
-    />
-));
-DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-
-const DropdownMenuCheckboxItem = React.forwardRef(({ className, children, checked, ...props }, ref) => (
-    <DropdownMenuPrimitive.CheckboxItem
-        ref={ref}
-        className={cn(
-            'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
-            className,
-        )}
-        checked={checked}
-        {...props}
-    >
-        <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
-            <DropdownMenuPrimitive.ItemIndicator>
-                <RiCheckLine className="h-4 w-4" />
-            </DropdownMenuPrimitive.ItemIndicator>
-        </span>
-        {children}
-    </DropdownMenuPrimitive.CheckboxItem>
-));
-DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-
-const DropdownMenuRadioItem = React.forwardRef(({ className, children, ...props }, ref) => (
-    <DropdownMenuPrimitive.RadioItem
-        ref={ref}
-        className={cn(
-            'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
-            className,
-        )}
-        {...props}
-    >
-        <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
-            <DropdownMenuPrimitive.ItemIndicator>
-                <RiCircleLine className="h-2 w-2 fill-current" />
-            </DropdownMenuPrimitive.ItemIndicator>
-        </span>
-        {children}
-    </DropdownMenuPrimitive.RadioItem>
-));
-DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-
-const DropdownMenuLabel = React.forwardRef(({ className, inset, ...props }, ref) => (
-    <DropdownMenuPrimitive.Label ref={ref} className={cn('px-2 py-1.5 text-sm font-semibold', inset && 'pl-8', className)} {...props} />
-));
-DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-
-const DropdownMenuSeparator = React.forwardRef(({ className, ...props }, ref) => (
-    <DropdownMenuPrimitive.Separator ref={ref} className={cn('-mx-1 my-1 h-px bg-muted', className)} {...props} />
-));
-DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
-
-const DropdownMenuShortcut = ({ className, ...props }) => {
-    return <span className={cn('text-xs ml-auto tracking-widest opacity-60', className)} {...props} />;
-};
-
-DropdownMenuShortcut.displayName = 'DropdownMenuShortcut';
-
-export {
-    DropdownMenu,
-    DropdownMenuTrigger,
-    DropdownMenuContent,
-    DropdownMenuItem,
-    DropdownMenuCheckboxItem,
-    DropdownMenuRadioItem,
-    DropdownMenuLabel,
-    DropdownMenuSeparator,
-    DropdownMenuShortcut,
-    DropdownMenuGroup,
-    DropdownMenuPortal,
-    DropdownMenuSub,
-    DropdownMenuSubContent,
-    DropdownMenuSubTrigger,
-    DropdownMenuRadioGroup,
-};
diff --git a/components/UI/shadcn/Radio-group.js b/components/UI/shadcn/Radio-group.js
deleted file mode 100644
index 6592842c..00000000
--- a/components/UI/shadcn/Radio-group.js
+++ /dev/null
@@ -1,30 +0,0 @@
-import * as React from 'react';
-import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
-import { RiCircleFill } from '@remixicon/react';
-
-import { cn } from '@/lib/utils';
-
-const RadioGroup = React.forwardRef(({ className, ...props }, ref) => {
-    return <RadioGroupPrimitive.Root className={cn('grid gap-2', className)} {...props} ref={ref} />;
-});
-RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
-
-const RadioGroupItem = React.forwardRef(({ className, ...props }, ref) => {
-    return (
-        <RadioGroupPrimitive.Item
-            ref={ref}
-            className={cn(
-                'aspect-square h-4 w-4 rounded-full border border-primary text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',
-                className,
-            )}
-            {...props}
-        >
-            <RadioGroupPrimitive.Indicator className="flex items-center justify-center">
-                <RiCircleFill className="h-2.5 w-2.5 fill-current text-current" />
-            </RadioGroupPrimitive.Indicator>
-        </RadioGroupPrimitive.Item>
-    );
-});
-RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
-
-export { RadioGroup, RadioGroupItem };

From 837bc113998da8d4eab0899b2be87bccfc81a221 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Thu, 15 Feb 2024 13:52:02 +0100
Subject: [PATCH 461/714] chore: correct path to previously renamed shadcn
 component

---
 components/UI/ServiceLink.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/UI/ServiceLink.js b/components/UI/ServiceLink.js
index ef8c1dfd..d00912cd 100644
--- a/components/UI/ServiceLink.js
+++ b/components/UI/ServiceLink.js
@@ -9,7 +9,7 @@ import { ServiceTable } from './ServiceTable';
 import Icon from './Icon';
 import LoadingSpinnerInline from './LoadingSpinnerInline';
 import { Avatar, AvatarFallback, AvatarImage } from '@/components/UI/shadcn/Avatar';
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from '@/components/UI/shadcn/Dropdown-menu';
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from '@/components/UI/shadcn/DropdownMenu';
 import {
     Dialog,
     DialogContent,

From 18c5107f45087bf5854ca983e50f46800604e822 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Thu, 15 Feb 2024 14:35:39 +0100
Subject: [PATCH 462/714] chore: correct heading element

---
 pages/explore/manage-room/ChangeJoinRule.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/pages/explore/manage-room/ChangeJoinRule.js b/pages/explore/manage-room/ChangeJoinRule.js
index f08f6891..002e1fdf 100644
--- a/pages/explore/manage-room/ChangeJoinRule.js
+++ b/pages/explore/manage-room/ChangeJoinRule.js
@@ -38,9 +38,9 @@ const JoinRuleChanger = ({ roomId, roomName, onPreviousAction, onCancel }) => {
 
     return (
         <Form onSubmit={handleChangeJoinRule}>
-            <h1>
+            <h3>
                 {t('Change Join Rule for')} {roomName}
-            </h1>
+            </h3>
             <Select id="joinRule" defaultValue={joinRule} onValueChange={(e) => setJoinRule(e.target.value)}>
                 <SelectTrigger>
                     <SelectValue placeholder={t('Join Rule')} />

From 8d04e60f7ce9166728bd2d8b4b074a0f0f9c046a Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Thu, 15 Feb 2024 14:37:22 +0100
Subject: [PATCH 463/714] style: add space between last element and viewport
 bottom

---
 pages/explore/[[...roomId]].js | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 5993f93d..41dc750a 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -27,6 +27,11 @@ import { Button } from '@/components/UI/shadcn/Button';
 const ServiceTableWrapper = styled.div`
     width: 100%;
     overflow: auto;
+
+    /* @NOTE: some padding between last element and viewport bottom */
+    > :last-child {
+        padding-bottom: calc(var(--margin) * 2);
+    }
 `;
 
 /**

From d0c07a067a24c3c2d7b28252229498b430f7cace Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Thu, 15 Feb 2024 14:38:06 +0100
Subject: [PATCH 464/714] feat: add shadcn alert component

---
 components/UI/shadcn/Alert.js | 31 +++++++++++++++++++++++++++++++
 1 file changed, 31 insertions(+)
 create mode 100644 components/UI/shadcn/Alert.js

diff --git a/components/UI/shadcn/Alert.js b/components/UI/shadcn/Alert.js
new file mode 100644
index 00000000..ad1ccd0e
--- /dev/null
+++ b/components/UI/shadcn/Alert.js
@@ -0,0 +1,31 @@
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+
+import { cn } from '@/lib/utils';
+
+const alertVariants = cva(
+    'my-2 w-fit rounded-lg border p-2 [&>svg]:mr-2 [&>svg]:inline [&>svg]:leading-[var(--icon-size)] [&>svg]:text-foreground',
+    {
+        variants: {
+            variant: {
+                default: 'bg-background text-foreground',
+                destructive: 'border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive',
+            },
+        },
+        defaultVariants: {
+            variant: 'default',
+        },
+    },
+);
+
+const Alert = React.forwardRef(({ className, variant, ...props }, ref) => (
+    <div ref={ref} role="alert" className={cn(alertVariants({ variant }), className)} {...props} />
+));
+Alert.displayName = 'Alert';
+
+const AlertDescription = React.forwardRef(({ className, ...props }, ref) => (
+    <span ref={ref} className={cn('align-middle', className)} {...props} />
+));
+AlertDescription.displayName = 'AlertDescription';
+
+export { Alert, AlertDescription };

From db4ba65f845a283e9b2bd54a74f98eb2674b152a Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Thu, 15 Feb 2024 14:38:28 +0100
Subject: [PATCH 465/714] style: use shadcn alert component

---
 pages/explore/manage-room/LeaveRoom.js | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/pages/explore/manage-room/LeaveRoom.js b/pages/explore/manage-room/LeaveRoom.js
index d9a74703..3e5c78c4 100644
--- a/pages/explore/manage-room/LeaveRoom.js
+++ b/pages/explore/manage-room/LeaveRoom.js
@@ -1,6 +1,7 @@
 import React, { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { router } from 'next/router';
+import { RiErrorWarningLine } from '@remixicon/react';
 
 import { useAuth } from '../../../lib/Auth';
 import ErrorMessage from '../../../components/UI/ErrorMessage';
@@ -15,6 +16,7 @@ import {
     DialogTrigger,
 } from '@/components/UI/shadcn/Dialog';
 import ConfirmCancelButtons from '@/components/UI/ConfirmCancelButtons';
+import { Alert, AlertDescription } from '@/components/UI/shadcn/Alert';
 
 /**
  * LeaveRoom component for leaving a Matrix room.
@@ -56,7 +58,10 @@ const LeaveRoom = ({ roomId, parentId, roomName, onCancel }) => {
     return (
         <>
             <h3>{t('Leave {{ name }}?', { name: roomName })}</h3>
-            <p>{t('Leaving {{name}} means you cannot interact with it anymore.', { name: roomName })}</p>
+            <Alert variant="destructive">
+                <RiErrorWarningLine />
+                <AlertDescription>{t('Leaving {{name}} means you cannot interact with it anymore.', { name: roomName })}</AlertDescription>
+            </Alert>
             <Dialog open={dialogOpen} onOpenChange={setDialogOpen}>
                 <DialogTrigger asChild>
                     <Button variant="destructive" disabled={isLeaving}>

From 720f9051f15124d9ae9d42a08962726ba390a7c9 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Thu, 15 Feb 2024 14:39:11 +0100
Subject: [PATCH 466/714] chore: add todo comment to fix vertical positining

---
 pages/explore/manage-room/UserManagement.js | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/pages/explore/manage-room/UserManagement.js b/pages/explore/manage-room/UserManagement.js
index a3be552d..5100091c 100644
--- a/pages/explore/manage-room/UserManagement.js
+++ b/pages/explore/manage-room/UserManagement.js
@@ -55,6 +55,10 @@ const UserManagement = ({ roomId, roomName, myPowerLevel, onCancel }) => {
 
     return (
         <>
+            {/*
+            @TODO: first line of tab content are not on same height;
+            @TODO: remove caption? negative margin for caption/table?
+            */}
             <ServiceTable>
                 <ServiceTable.Caption>
                     {t('All members of')} {roomName}

From 7df083e36d50a6841cce5447f0f2b2e37394d224 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Thu, 15 Feb 2024 14:50:42 +0100
Subject: [PATCH 467/714] draft: rough explore matrix actions layout and
 spacing

---
 .../manage-room/ExploreMatrixActions.js       | 84 ++++++++++++-------
 1 file changed, 52 insertions(+), 32 deletions(-)

diff --git a/pages/explore/manage-room/ExploreMatrixActions.js b/pages/explore/manage-room/ExploreMatrixActions.js
index b7401907..ba60df4b 100644
--- a/pages/explore/manage-room/ExploreMatrixActions.js
+++ b/pages/explore/manage-room/ExploreMatrixActions.js
@@ -21,6 +21,8 @@ import { useAuth } from '@/lib/Auth';
  * @returns {JSX.Element} - The rendered component.
  */
 
+/* @TODO: can probably be removed */
+/*
 const ExploreMatrixActionWrapper = styled.div`
     width: 100%;
     max-height: 100%;
@@ -31,6 +33,7 @@ const ExploreMatrixActionWrapper = styled.div`
         margin-top: var(--margin);
     }
 `;
+*/
 
 const ExploreMatrixActions = ({
     currentId,
@@ -48,46 +51,63 @@ const ExploreMatrixActions = ({
     if (!room) return <LoadingSpinner />;
 
     return (
+        /*
         <ExploreMatrixActionWrapper>
-            <Tabs onValueChange={setSettingsTabValue} value={settingsTabValue}>
-                <TabsList>
-                    <TabsTrigger value="members">{t('Members')}</TabsTrigger>
-                    <TabsTrigger value="settings">{t('Settings')}</TabsTrigger>
-                </TabsList>
-                <TabsContent value="members">
-                    <UserManagement
-                        myPowerLevel={myPowerLevel}
-                        roomId={currentId}
-                        roomName={room.name}
-                        onCancel={() => setManageContextActionToggle(false)}
-                    />
-                </TabsContent>
+        */
+        <Tabs onValueChange={setSettingsTabValue} value={settingsTabValue}>
+            <TabsList>
+                <TabsTrigger value="members">{t('Members')}</TabsTrigger>
+                <TabsTrigger value="settings">{t('Settings')}</TabsTrigger>
+            </TabsList>
 
-                <TabsContent value="settings">
-                    <>
-                        {room.currentState.hasSufficientPowerLevelFor('m.room.topic', myPowerLevel) && (
-                            <>
-                                <h3>{t('Topic (optional)')}</h3>
-                                <ChangeTopic roomId={currentId} roomName={room.name} />
-                            </>
-                        )}
+            <TabsContent value="members">
+                <UserManagement
+                    myPowerLevel={myPowerLevel}
+                    roomId={currentId}
+                    roomName={room.name}
+                    onCancel={() => setManageContextActionToggle(false)}
+                />
+            </TabsContent>
 
-                        {room.currentState.hasSufficientPowerLevelFor('m.room.avatar', myPowerLevel) && (
-                            <>
-                                <h3>{t('Avatar')}</h3>
-                                <ChangeAvatar roomId={currentId} onCancel={() => setManageContextActionToggle(false)} />
-                            </>
-                        )}
+            {/*
+            @TODO: first line of tab content are not on same height;
+            @TODO: remove caption? negative margin for caption/table?
+            -> hence the mt-5 tailwind class below
+            */}
+            <TabsContent className="[&>*+*]:mt-8 [&>:first-child]:mt-5" value="settings">
+                <>
+                    {room.currentState.hasSufficientPowerLevelFor('m.room.topic', myPowerLevel) && (
+                        <div>
+                            <h3>{t('Topic (optional)')}</h3>
+                            <ChangeTopic roomId={currentId} roomName={room.name} />
+                        </div>
+                    )}
 
-                        {room.currentState.hasSufficientPowerLevelFor('m.room.join_rules', myPowerLevel) && (
+                    {/*
+                    @TODO: ChangeAvatar needs refactor; should use shadcn avatar component
+                    */}
+                    {room.currentState.hasSufficientPowerLevelFor('m.room.avatar', myPowerLevel) && (
+                        <div>
+                            <h3>{t('Avatar')}</h3>
+                            <ChangeAvatar roomId={currentId} onCancel={() => setManageContextActionToggle(false)} />
+                        </div>
+                    )}
+
+                    {room.currentState.hasSufficientPowerLevelFor('m.room.join_rules', myPowerLevel) && (
+                        <div>
                             <ChangeJoinRule roomId={currentId} roomName={room.name} onCancel={() => setManageContextActionToggle(false)} />
-                        )}
+                        </div>
+                    )}
 
+                    <div>
                         <LeaveRoom roomId={currentId} roomName={room.name} parentId={parentId} />
-                    </>
-                </TabsContent>
-            </Tabs>
+                    </div>
+                </>
+            </TabsContent>
+        </Tabs>
+        /*
         </ExploreMatrixActionWrapper>
+        */
     );
 };
 

From 572a0ff43d1b088932cfab9adb201b3873097b4c Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Thu, 15 Feb 2024 14:56:50 +0100
Subject: [PATCH 468/714] fix: add space between last element and viewport
 bottom

---
 pages/explore/[[...roomId]].js                    | 5 -----
 pages/explore/manage-room/ExploreMatrixActions.js | 6 +++++-
 2 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 41dc750a..5993f93d 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -27,11 +27,6 @@ import { Button } from '@/components/UI/shadcn/Button';
 const ServiceTableWrapper = styled.div`
     width: 100%;
     overflow: auto;
-
-    /* @NOTE: some padding between last element and viewport bottom */
-    > :last-child {
-        padding-bottom: calc(var(--margin) * 2);
-    }
 `;
 
 /**
diff --git a/pages/explore/manage-room/ExploreMatrixActions.js b/pages/explore/manage-room/ExploreMatrixActions.js
index ba60df4b..752d543e 100644
--- a/pages/explore/manage-room/ExploreMatrixActions.js
+++ b/pages/explore/manage-room/ExploreMatrixActions.js
@@ -73,8 +73,12 @@ const ExploreMatrixActions = ({
             @TODO: first line of tab content are not on same height;
             @TODO: remove caption? negative margin for caption/table?
             -> hence the mt-5 tailwind class below
+
+            @NOTE: add some padding between the last element and
+                   viewport bottom via mb-8 tailwind class below
             */}
-            <TabsContent className="[&>*+*]:mt-8 [&>:first-child]:mt-5" value="settings">
+
+            <TabsContent className="[&>*+*]:mt-8 [&>:first-child]:mt-5 [&>:last-child]:mb-8" value="settings">
                 <>
                     {room.currentState.hasSufficientPowerLevelFor('m.room.topic', myPowerLevel) && (
                         <div>

From c55acc6b25b523437f188552bad63e2933f98759 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Thu, 15 Feb 2024 18:23:18 +0100
Subject: [PATCH 469/714] commit package-lock

---
 package-lock.json | 7930 +++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 7930 insertions(+)
 create mode 100644 package-lock.json

diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 00000000..9d54999b
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,7930 @@
+{
+  "name": "medienhaus-frontend",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "medienhaus-frontend",
+      "dependencies": {
+        "@radix-ui/react-avatar": "^1.0.4",
+        "@radix-ui/react-checkbox": "^1.0.4",
+        "@radix-ui/react-dialog": "^1.0.5",
+        "@radix-ui/react-dropdown-menu": "^2.0.6",
+        "@radix-ui/react-radio-group": "^1.1.3",
+        "@radix-ui/react-select": "^2.0.0",
+        "@radix-ui/react-separator": "^1.0.3",
+        "@radix-ui/react-slot": "^1.0.2",
+        "@radix-ui/react-switch": "^1.0.3",
+        "@radix-ui/react-tabs": "^1.0.4",
+        "@remixicon/react": "^4.1.1",
+        "class-variance-authority": "^0.7.0",
+        "clsx": "^2.1.0",
+        "i18next": "^23.8.2",
+        "i18next-browser-languagedetector": "^7.2.0",
+        "i18next-resources-to-backend": "^1.2.0",
+        "immer": "^10.0.3",
+        "lodash": "^4.17.21",
+        "matrix-js-sdk": "^31.2.0",
+        "next": "^14.1.0",
+        "normalize.css": "^8.0.1",
+        "pino": "^8.18.0",
+        "postcss": "^8.4.33",
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0",
+        "react-i18next": "^14.0.5",
+        "styled-components": "^6.1.8",
+        "tailwindcss-animate": "^1.0.7",
+        "use-immer": "^0.9.0",
+        "vaul": "^0.9.0"
+      },
+      "devDependencies": {
+        "autoprefixer": "^10.4.17",
+        "class-variance-authority": "^0.7.0",
+        "clsx": "^2.1.0",
+        "eslint": "^8.56.0",
+        "eslint-config-next": "^14.1.0",
+        "eslint-config-prettier": "^9.1.0",
+        "eslint-import-resolver-alias": "^1.1.2",
+        "eslint-plugin-import": "^2.29.1",
+        "eslint-plugin-matrix-org": "^1.2.1",
+        "prettier": "^3.2.5",
+        "prettier-plugin-tailwindcss": "^0.5.11",
+        "tailwind-merge": "^2.2.1",
+        "tailwindcss": "^3.4.1"
+      }
+    },
+    "node_modules/@aashutoshrathi/word-wrap": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/@aashutoshrathi/word-wrap/-/word-wrap-1.2.6.tgz",
+      "integrity": "sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/@alloc/quick-lru": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
+      "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@ampproject/remapping": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.1.tgz",
+      "integrity": "sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.0",
+        "@jridgewell/trace-mapping": "^0.3.9"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/code-frame": {
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.23.4.tgz",
+      "integrity": "sha512-r1IONyb6Ia+jYR2vvIDhdWdlTGhqbBoFqLTQidzZ4kepUFH15ejXvFHxCVbtl7BOXIudsIubf4E81xeA3h3IXA==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@babel/highlight": "^7.23.4",
+        "chalk": "^2.4.2"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "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==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "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,
+      "peer": 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/@babel/eslint-parser": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/eslint-parser/-/eslint-parser-7.22.15.tgz",
+      "integrity": "sha512-yc8OOBIQk1EcRrpizuARSQS0TWAcOMpEJ1aafhNznaeYkeL+OhqnDObGFylB8ka8VFF/sZc+S4RzHyO+3LjQxg==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@nicolo-ribaudo/eslint-scope-5-internals": "5.1.1-v1",
+        "eslint-visitor-keys": "^2.1.0",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || >=14.0.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.11.0",
+        "eslint": "^7.5.0 || ^8.0.0"
+      }
+    },
+    "node_modules/@babel/eslint-parser/node_modules/eslint-visitor-keys": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz",
+      "integrity": "sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@babel/eslint-plugin": {
+      "version": "7.22.10",
+      "resolved": "https://registry.npmjs.org/@babel/eslint-plugin/-/eslint-plugin-7.22.10.tgz",
+      "integrity": "sha512-SRZcvo3fnO5h79B9DZSV6LG2vHH7OWsSNp1huFLHsXKyytRG413byQk9zxW1VcPOhnzfx2VIUz+8aGbiE7fOkA==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "eslint-rule-composer": "^0.3.0"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || >=14.0.0"
+      },
+      "peerDependencies": {
+        "@babel/eslint-parser": "^7.11.0",
+        "eslint": "^7.5.0 || ^8.0.0"
+      }
+    },
+    "node_modules/@babel/generator": {
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.23.4.tgz",
+      "integrity": "sha512-esuS49Cga3HcThFNebGhlgsrVLkvhqvYDTzgjfFFlHJcIfLe5jFmRRfCQ1KuBfc4Jrtn3ndLgKWAKjBE+IraYQ==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@babel/types": "^7.23.4",
+        "@jridgewell/gen-mapping": "^0.3.2",
+        "@jridgewell/trace-mapping": "^0.3.17",
+        "jsesc": "^2.5.1"
+      },
+      "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",
+      "integrity": "sha512-y6EEzULok0Qvz8yyLkCvVX+02ic+By2UdOhylwUOvOn9dvYc9mKICJuuU1n1XBI02YWsNsnrY1kc6DVbjcXbtw==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@babel/compat-data": "^7.22.9",
+        "@babel/helper-validator-option": "^7.22.15",
+        "browserslist": "^4.21.9",
+        "lru-cache": "^5.1.1",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-compilation-targets/node_modules/lru-cache": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+      "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "yallist": "^3.0.2"
+      }
+    },
+    "node_modules/@babel/helper-compilation-targets/node_modules/yallist": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+      "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/@babel/helper-environment-visitor": {
+      "version": "7.22.20",
+      "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.20.tgz",
+      "integrity": "sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-function-name": {
+      "version": "7.23.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.23.0.tgz",
+      "integrity": "sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@babel/template": "^7.22.15",
+        "@babel/types": "^7.23.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",
+      "integrity": "sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@babel/types": "^7.22.5"
+      },
+      "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",
+      "integrity": "sha512-0pYVBnDKZO2fnSPCrgM/6WMc7eS20Fbok+0r88fp+YtWVLZrp4CkafFGIp+W0VKw4a22sgebPT99y+FDNMdP4w==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@babel/types": "^7.22.15"
+      },
+      "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==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@babel/helper-environment-visitor": "^7.22.20",
+        "@babel/helper-module-imports": "^7.22.15",
+        "@babel/helper-simple-access": "^7.22.5",
+        "@babel/helper-split-export-declaration": "^7.22.6",
+        "@babel/helper-validator-identifier": "^7.22.20"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-simple-access": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.22.5.tgz",
+      "integrity": "sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@babel/types": "^7.22.5"
+      },
+      "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",
+      "integrity": "sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@babel/types": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-string-parser": {
+      "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==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.22.20",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz",
+      "integrity": "sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "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==",
+      "dev": true,
+      "peer": true,
+      "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==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@babel/template": "^7.22.15",
+        "@babel/traverse": "^7.23.0",
+        "@babel/types": "^7.23.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/highlight": {
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.23.4.tgz",
+      "integrity": "sha512-acGdbYSfp2WheJoJm/EBBBLh/ID8KDc64ISZ9DYtBmC8/Q204PZJLHyzeB5qMzJ5trcOkybd78M4x2KWsUq++A==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@babel/helper-validator-identifier": "^7.22.20",
+        "chalk": "^2.4.2",
+        "js-tokens": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.23.4.tgz",
+      "integrity": "sha512-vf3Xna6UEprW+7t6EtOmFpHNAuxw3xqPZghy+brsnusscJRW5BMUzzHZc5ICjULee81WeUV2jjakG09MDglJXQ==",
+      "dev": true,
+      "peer": true,
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/runtime": {
+      "version": "7.23.9",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.9.tgz",
+      "integrity": "sha512-0CX6F+BI2s9dkUqr08KFrAIZgNFj75rdBU/DjCyYLIaV/quFjkk6T+EJ2LkZHyZTbEV4L5p97mNkUsHl2wLFAw==",
+      "dependencies": {
+        "regenerator-runtime": "^0.14.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/template": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.22.15.tgz",
+      "integrity": "sha512-QPErUVm4uyJa60rkI73qneDacvdvzxshT3kksGqlGWYdOTIUOwJ7RDUL8sGqslY1uXWSL6xMFKEXDS3ox2uF0w==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@babel/code-frame": "^7.22.13",
+        "@babel/parser": "^7.22.15",
+        "@babel/types": "^7.22.15"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/traverse": {
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.23.4.tgz",
+      "integrity": "sha512-IYM8wSUwunWTB6tFC2dkKZhxbIjHoWemdK+3f8/wq8aKhbUscxD5MX72ubd90fxvFknaLPeGw5ycU84V1obHJg==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@babel/code-frame": "^7.23.4",
+        "@babel/generator": "^7.23.4",
+        "@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.4",
+        "@babel/types": "^7.23.4",
+        "debug": "^4.1.0",
+        "globals": "^11.1.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/types": {
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.4.tgz",
+      "integrity": "sha512-7uIFwVYpoplT5jp/kVv6EF93VaJ8H+Yn5IczYiaAi98ajzjfoZfslet/e0sLh+wVBjb2qqIut1b0S26VSafsSQ==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.23.4",
+        "@babel/helper-validator-identifier": "^7.22.20",
+        "to-fast-properties": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@emotion/is-prop-valid": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.2.1.tgz",
+      "integrity": "sha512-61Mf7Ufx4aDxx1xlDeOm8aFFigGHE4z+0sKCa+IHCeZKiyP9RLD0Mmx7m8b9/Cf37f7NAvQOOJAbQQGVr5uERw==",
+      "dependencies": {
+        "@emotion/memoize": "^0.8.1"
+      }
+    },
+    "node_modules/@emotion/memoize": {
+      "version": "0.8.1",
+      "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz",
+      "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA=="
+    },
+    "node_modules/@emotion/unitless": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.8.0.tgz",
+      "integrity": "sha512-VINS5vEYAscRl2ZUDiT3uMPlrFQupiKgHz5AA4bCH1miKBg4qtwkim1qPmJj/4WG6TreYMY111rEFsjupcOKHw=="
+    },
+    "node_modules/@eslint-community/eslint-utils": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz",
+      "integrity": "sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==",
+      "dev": true,
+      "dependencies": {
+        "eslint-visitor-keys": "^3.3.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "peerDependencies": {
+        "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
+      }
+    },
+    "node_modules/@eslint-community/regexpp": {
+      "version": "4.10.0",
+      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.10.0.tgz",
+      "integrity": "sha512-Cu96Sd2By9mCNTx2iyKOmq10v22jUVQv0lQnlGNy16oE9589yE+QADPbrMGCkA51cKZSg3Pu/aTJVTGfL/qjUA==",
+      "dev": true,
+      "engines": {
+        "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
+      }
+    },
+    "node_modules/@eslint/eslintrc": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.4.tgz",
+      "integrity": "sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==",
+      "dev": true,
+      "dependencies": {
+        "ajv": "^6.12.4",
+        "debug": "^4.3.2",
+        "espree": "^9.6.0",
+        "globals": "^13.19.0",
+        "ignore": "^5.2.0",
+        "import-fresh": "^3.2.1",
+        "js-yaml": "^4.1.0",
+        "minimatch": "^3.1.2",
+        "strip-json-comments": "^3.1.1"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@eslint/eslintrc/node_modules/globals": {
+      "version": "13.23.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-13.23.0.tgz",
+      "integrity": "sha512-XAmF0RjlrjY23MA51q3HltdlGxUpXPvg0GioKiD9X6HD28iMjo2dKC8Vqwm7lne4GNr78+RHTfliktR6ZH09wA==",
+      "dev": true,
+      "dependencies": {
+        "type-fest": "^0.20.2"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@eslint/js": {
+      "version": "8.56.0",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.56.0.tgz",
+      "integrity": "sha512-gMsVel9D7f2HLkBma9VbtzZRehRogVRfbr++f06nL2vnCGCNlzOD+/MUov/F4p8myyAHspEhVobgjpX64q5m6A==",
+      "dev": true,
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      }
+    },
+    "node_modules/@floating-ui/core": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.6.0.tgz",
+      "integrity": "sha512-PcF++MykgmTj3CIyOQbKA/hDzOAiqI3mhuoN44WRCopIs1sgoDoU4oty4Jtqaj/y3oDU6fnVSm4QG0a3t5i0+g==",
+      "dependencies": {
+        "@floating-ui/utils": "^0.2.1"
+      }
+    },
+    "node_modules/@floating-ui/dom": {
+      "version": "1.6.1",
+      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.6.1.tgz",
+      "integrity": "sha512-iA8qE43/H5iGozC3W0YSnVSW42Vh522yyM1gj+BqRwVsTNOyr231PsXDaV04yT39PsO0QL2QpbI/M0ZaLUQgRQ==",
+      "dependencies": {
+        "@floating-ui/core": "^1.6.0",
+        "@floating-ui/utils": "^0.2.1"
+      }
+    },
+    "node_modules/@floating-ui/react-dom": {
+      "version": "2.0.8",
+      "resolved": "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-2.0.8.tgz",
+      "integrity": "sha512-HOdqOt3R3OGeTKidaLvJKcgg75S6tibQ3Tif4eyd91QnIJWr0NLvoXFpJA/j8HqkFSL68GDca9AuyWEHlhyClw==",
+      "dependencies": {
+        "@floating-ui/dom": "^1.6.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0",
+        "react-dom": ">=16.8.0"
+      }
+    },
+    "node_modules/@floating-ui/utils": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.1.tgz",
+      "integrity": "sha512-9TANp6GPoMtYzQdt54kfAyMmz1+osLlXdg2ENroU7zzrtflTLrrC/lgrIfaSe+Wu0b89GKccT7vxXA0MoAIO+Q=="
+    },
+    "node_modules/@humanwhocodes/config-array": {
+      "version": "0.11.13",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.13.tgz",
+      "integrity": "sha512-JSBDMiDKSzQVngfRjOdFXgFfklaXI4K9nLF49Auh21lmBWRLIK3+xTErTWD4KU54pb6coM6ESE7Awz/FNU3zgQ==",
+      "dev": true,
+      "dependencies": {
+        "@humanwhocodes/object-schema": "^2.0.1",
+        "debug": "^4.1.1",
+        "minimatch": "^3.0.5"
+      },
+      "engines": {
+        "node": ">=10.10.0"
+      }
+    },
+    "node_modules/@humanwhocodes/module-importer": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
+      "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
+      "dev": true,
+      "engines": {
+        "node": ">=12.22"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/nzakas"
+      }
+    },
+    "node_modules/@humanwhocodes/object-schema": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.1.tgz",
+      "integrity": "sha512-dvuCeX5fC9dXgJn9t+X5atfmgQAzUOWqS1254Gh0m6i8wKd10ebXkfNKiRK+1GWi/yTvvLDHpoxLr0xxxeslWw==",
+      "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==",
+      "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==",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "ansi-regex": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.3",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz",
+      "integrity": "sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==",
+      "dependencies": {
+        "@jridgewell/set-array": "^1.0.1",
+        "@jridgewell/sourcemap-codec": "^1.4.10",
+        "@jridgewell/trace-mapping": "^0.3.9"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz",
+      "integrity": "sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/set-array": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz",
+      "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "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=="
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.22",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.22.tgz",
+      "integrity": "sha512-Wf963MzWtA2sjrNt+g18IAln9lKnlRp+K2eH4jjIoF1wYeq3aMREpG09xhlhdzS0EjwU7qmUJYangWa+151vZw==",
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@matrix-org/matrix-sdk-crypto-wasm": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/@matrix-org/matrix-sdk-crypto-wasm/-/matrix-sdk-crypto-wasm-4.5.0.tgz",
+      "integrity": "sha512-QINqNfBRrkVv9vB+hR+OW4RO6cwf8nt4GEbREiS09L5eUK6xa5REpeXyh7ty1QusYk/DBiNadNcM5ROEPk9dcQ==",
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/env": {
+      "version": "14.1.0",
+      "resolved": "https://registry.npmjs.org/@next/env/-/env-14.1.0.tgz",
+      "integrity": "sha512-Py8zIo+02ht82brwwhTg36iogzFqGLPXlRGKQw5s+qP/kMNc4MAyDeEwBKDijk6zTIbegEgu8Qy7C1LboslQAw=="
+    },
+    "node_modules/@next/eslint-plugin-next": {
+      "version": "14.1.0",
+      "resolved": "https://registry.npmjs.org/@next/eslint-plugin-next/-/eslint-plugin-next-14.1.0.tgz",
+      "integrity": "sha512-x4FavbNEeXx/baD/zC/SdrvkjSby8nBn8KcCREqk6UuwvwoAPZmaV8TFCAuo/cpovBRTIY67mHhe86MQQm/68Q==",
+      "dev": true,
+      "dependencies": {
+        "glob": "10.3.10"
+      }
+    },
+    "node_modules/@next/eslint-plugin-next/node_modules/brace-expansion": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+      "dev": true,
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/@next/eslint-plugin-next/node_modules/glob": {
+      "version": "10.3.10",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-10.3.10.tgz",
+      "integrity": "sha512-fa46+tv1Ak0UPK1TOy/pZrIybNNt4HCv7SDzwyfiOZkvZLEbjsZkJBPtDHVshZjbecAoAGSC20MjLDG/qr679g==",
+      "dev": true,
+      "dependencies": {
+        "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": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/@next/eslint-plugin-next/node_modules/minimatch": {
+      "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": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/@next/swc-darwin-arm64": {
+      "version": "14.1.0",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-14.1.0.tgz",
+      "integrity": "sha512-nUDn7TOGcIeyQni6lZHfzNoo9S0euXnu0jhsbMOmMJUBfgsnESdjN97kM7cBqQxZa8L/bM9om/S5/1dzCrW6wQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-darwin-x64": {
+      "version": "14.1.0",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-14.1.0.tgz",
+      "integrity": "sha512-1jgudN5haWxiAl3O1ljUS2GfupPmcftu2RYJqZiMJmmbBT5M1XDffjUtRUzP4W3cBHsrvkfOFdQ71hAreNQP6g==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-gnu": {
+      "version": "14.1.0",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-14.1.0.tgz",
+      "integrity": "sha512-RHo7Tcj+jllXUbK7xk2NyIDod3YcCPDZxj1WLIYxd709BQ7WuRYl3OWUNG+WUfqeQBds6kvZYlc42NJJTNi4tQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-musl": {
+      "version": "14.1.0",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-14.1.0.tgz",
+      "integrity": "sha512-v6kP8sHYxjO8RwHmWMJSq7VZP2nYCkRVQ0qolh2l6xroe9QjbgV8siTbduED4u0hlk0+tjS6/Tuy4n5XCp+l6g==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-x64-gnu": {
+      "version": "14.1.0",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-14.1.0.tgz",
+      "integrity": "sha512-zJ2pnoFYB1F4vmEVlb/eSe+VH679zT1VdXlZKX+pE66grOgjmKJHKacf82g/sWE4MQ4Rk2FMBCRnX+l6/TVYzQ==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-x64-musl": {
+      "version": "14.1.0",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-14.1.0.tgz",
+      "integrity": "sha512-rbaIYFt2X9YZBSbH/CwGAjbBG2/MrACCVu2X0+kSykHzHnYH5FjHxwXLkcoJ10cX0aWCEynpu+rP76x0914atg==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-arm64-msvc": {
+      "version": "14.1.0",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-14.1.0.tgz",
+      "integrity": "sha512-o1N5TsYc8f/HpGt39OUQpQ9AKIGApd3QLueu7hXk//2xq5Z9OxmV6sQfNp8C7qYmiOlHYODOGqNNa0e9jvchGQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-ia32-msvc": {
+      "version": "14.1.0",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-14.1.0.tgz",
+      "integrity": "sha512-XXIuB1DBRCFwNO6EEzCTMHT5pauwaSj4SWs7CYnME57eaReAKBXCnkUE80p/pAZcewm7hs+vGvNqDPacEXHVkw==",
+      "cpu": [
+        "ia32"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-x64-msvc": {
+      "version": "14.1.0",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-14.1.0.tgz",
+      "integrity": "sha512-9WEbVRRAqJ3YFVqEZIxUqkiO8l1nool1LmNxygr5HWF8AcSYsEpneUDhmjUVJEzO2A04+oPtZdombzzPPkTtgg==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@nicolo-ribaudo/eslint-scope-5-internals": {
+      "version": "5.1.1-v1",
+      "resolved": "https://registry.npmjs.org/@nicolo-ribaudo/eslint-scope-5-internals/-/eslint-scope-5-internals-5.1.1-v1.tgz",
+      "integrity": "sha512-54/JRvkLIzzDWshCWfuhadfrfZVPiElY8Fcgmg1HroEly/EDSszzhBAsarCux+D/kOslTRquNzuyGSmUSTTHGg==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "eslint-scope": "5.1.1"
+      }
+    },
+    "node_modules/@nodelib/fs.scandir": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+      "dependencies": {
+        "@nodelib/fs.stat": "2.0.5",
+        "run-parallel": "^1.1.9"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.stat": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.walk": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+      "dependencies": {
+        "@nodelib/fs.scandir": "2.1.5",
+        "fastq": "^1.6.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "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==",
+      "optional": true,
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "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==",
+      "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==",
+      "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==",
+      "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-avatar": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-avatar/-/react-avatar-1.0.4.tgz",
+      "integrity": "sha512-kVK2K7ZD3wwj3qhle0ElXhOjbezIgyl2hVvgwfIdexL3rN6zJmy5AqqIf+D31lxVppdzV8CjAfZ6PklkmInZLw==",
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@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"
+      },
+      "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-checkbox": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-checkbox/-/react-checkbox-1.0.4.tgz",
+      "integrity": "sha512-CBuGQa52aAYnADZVt/KBQzXrwx6TqnlwtcIPGtVt5JkkzQwMOLJjPukimhfKEr4GQNd43C+djUh5Ikopj8pSLg==",
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/primitive": "1.0.1",
+        "@radix-ui/react-compose-refs": "1.0.1",
+        "@radix-ui/react-context": "1.0.1",
+        "@radix-ui/react-presence": "1.0.1",
+        "@radix-ui/react-primitive": "1.0.3",
+        "@radix-ui/react-use-controllable-state": "1.0.1",
+        "@radix-ui/react-use-previous": "1.0.1",
+        "@radix-ui/react-use-size": "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-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==",
+      "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==",
+      "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==",
+      "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-dialog": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-dialog/-/react-dialog-1.0.5.tgz",
+      "integrity": "sha512-GjWJX/AUpB703eEBanuBnIWdIXg6NvJFCXcNlSZk4xdszCdhrJgBoUd1cGk67vFO+WdA2pfI/plOpqz/5GUP6Q==",
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/primitive": "1.0.1",
+        "@radix-ui/react-compose-refs": "1.0.1",
+        "@radix-ui/react-context": "1.0.1",
+        "@radix-ui/react-dismissable-layer": "1.0.5",
+        "@radix-ui/react-focus-guards": "1.0.1",
+        "@radix-ui/react-focus-scope": "1.0.4",
+        "@radix-ui/react-id": "1.0.1",
+        "@radix-ui/react-portal": "1.0.4",
+        "@radix-ui/react-presence": "1.0.1",
+        "@radix-ui/react-primitive": "1.0.3",
+        "@radix-ui/react-slot": "1.0.2",
+        "@radix-ui/react-use-controllable-state": "1.0.1",
+        "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-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==",
+      "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.5",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.0.5.tgz",
+      "integrity": "sha512-aJeDjQhywg9LBu2t/At58hCvr7pEm0o2Ke1x33B+MhjNmmZ17sy4KImo0KPLgsnc/zN7GPdce8Cnn0SWvwZO7g==",
+      "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-dropdown-menu": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-dropdown-menu/-/react-dropdown-menu-2.0.6.tgz",
+      "integrity": "sha512-i6TuFOoWmLWq+M/eCLGd/bQ2HfAX1RJgvrBQ6AQLmzfvsLdefxbWu8G9zczcPFfcSPehz9GcpF6K9QYreFV8hA==",
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/primitive": "1.0.1",
+        "@radix-ui/react-compose-refs": "1.0.1",
+        "@radix-ui/react-context": "1.0.1",
+        "@radix-ui/react-id": "1.0.1",
+        "@radix-ui/react-menu": "2.0.6",
+        "@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-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==",
+      "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.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-scope/-/react-focus-scope-1.0.4.tgz",
+      "integrity": "sha512-sL04Mgvf+FmyvZeYfNu1EPAaaxD+aw7cYeIB9L9Fvq8+urhltTRaEo5ysKOpHuKPclsZcSUMKlN05x4u+CINpA==",
+      "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==",
+      "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-menu": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-menu/-/react-menu-2.0.6.tgz",
+      "integrity": "sha512-BVkFLS+bUC8HcImkRKPSiVumA1VPOOEC5WBMiT+QAVsPzW1FJzI9KnqgGxVDPBcql5xXrHkD3JOVoXWEXD8SYA==",
+      "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-dismissable-layer": "1.0.5",
+        "@radix-ui/react-focus-guards": "1.0.1",
+        "@radix-ui/react-focus-scope": "1.0.4",
+        "@radix-ui/react-id": "1.0.1",
+        "@radix-ui/react-popper": "1.1.3",
+        "@radix-ui/react-portal": "1.0.4",
+        "@radix-ui/react-presence": "1.0.1",
+        "@radix-ui/react-primitive": "1.0.3",
+        "@radix-ui/react-roving-focus": "1.0.4",
+        "@radix-ui/react-slot": "1.0.2",
+        "@radix-ui/react-use-callback-ref": "1.0.1",
+        "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-popper": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-popper/-/react-popper-1.1.3.tgz",
+      "integrity": "sha512-cKpopj/5RHZWjrbF2846jBNacjQVwkP068DfmgrNJXpvVWrOvlAmE9xSiy5OqeE+Gi8D9fP+oDhUnPqNMY8/5w==",
+      "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.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-portal/-/react-portal-1.0.4.tgz",
+      "integrity": "sha512-Qki+C/EuGUVCQTOTD5vzJzJuMUlewbzuKyUy+/iHM2uwGiru9gZeBJtHAPKAEkB5KWGi9mP/CHKcY0wt1aW45Q==",
+      "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-presence": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.0.1.tgz",
+      "integrity": "sha512-UXLW4UAbIY5ZjcvzjfRFo5gxva8QirC9hF7wRE4U5gz+TP0DbRk+//qyuAQ1McDxBt1xNMBTaciFGvEmJvAZCg==",
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/react-compose-refs": "1.0.1",
+        "@radix-ui/react-use-layout-effect": "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-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==",
+      "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-radio-group": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-radio-group/-/react-radio-group-1.1.3.tgz",
+      "integrity": "sha512-x+yELayyefNeKeTx4fjK6j99Fs6c4qKm3aY38G3swQVTN6xMpsrbigC0uHs2L//g8q4qR7qOcww8430jJmi2ag==",
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/primitive": "1.0.1",
+        "@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-presence": "1.0.1",
+        "@radix-ui/react-primitive": "1.0.3",
+        "@radix-ui/react-roving-focus": "1.0.4",
+        "@radix-ui/react-use-controllable-state": "1.0.1",
+        "@radix-ui/react-use-previous": "1.0.1",
+        "@radix-ui/react-use-size": "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-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==",
+      "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": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-select/-/react-select-2.0.0.tgz",
+      "integrity": "sha512-RH5b7af4oHtkcHS7pG6Sgv5rk5Wxa7XI8W5gvB1N/yiuDGZxko1ynvOiVhFM7Cis2A8zxF9bTOUVbRDzPepe6w==",
+      "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.5",
+        "@radix-ui/react-focus-guards": "1.0.1",
+        "@radix-ui/react-focus-scope": "1.0.4",
+        "@radix-ui/react-id": "1.0.1",
+        "@radix-ui/react-popper": "1.1.3",
+        "@radix-ui/react-portal": "1.0.4",
+        "@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-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==",
+      "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==",
+      "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-switch": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-switch/-/react-switch-1.0.3.tgz",
+      "integrity": "sha512-mxm87F88HyHztsI7N+ZUmEoARGkC22YVW5CaC+Byc+HRpuvCrOBPTAnXgf+tZ/7i0Sg/eOePGdMhUKhPaQEqow==",
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/primitive": "1.0.1",
+        "@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-controllable-state": "1.0.1",
+        "@radix-ui/react-use-previous": "1.0.1",
+        "@radix-ui/react-use-size": "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-tabs": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-tabs/-/react-tabs-1.0.4.tgz",
+      "integrity": "sha512-egZfYY/+wRNCflXNHx+dePvnz9FbmssDTJBtgRfDY7e8SE5oIo3Py2eCB1ckAbh1Q7cQ/6yJZThJ++sgbxibog==",
+      "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-id": "1.0.1",
+        "@radix-ui/react-presence": "1.0.1",
+        "@radix-ui/react-primitive": "1.0.3",
+        "@radix-ui/react-roving-focus": "1.0.4",
+        "@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-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==",
+      "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==",
+      "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==",
+      "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==",
+      "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==",
+      "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==",
+      "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==",
+      "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==",
+      "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==",
+      "dependencies": {
+        "@babel/runtime": "^7.13.10"
+      }
+    },
+    "node_modules/@remixicon/react": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/@remixicon/react/-/react-4.1.1.tgz",
+      "integrity": "sha512-a2WSRfuv94OwSX2AK2IRhDEYAYxL0AOeF5+3boTILpC41e8Mp8ZJ7b2980ekOnJsnkcBofcHi4/GDR9cKTl/Bg==",
+      "peerDependencies": {
+        "react": ">=18.2.0"
+      }
+    },
+    "node_modules/@rushstack/eslint-patch": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.5.1.tgz",
+      "integrity": "sha512-6i/8UoL0P5y4leBIGzvkZdS85RDMG9y1ihZzmTZQ5LdHUYmZ7pKFoj8X0236s3lusPs1Fa5HTQUpwI+UfTcmeA==",
+      "dev": true
+    },
+    "node_modules/@swc/helpers": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.2.tgz",
+      "integrity": "sha512-E4KcWTpoLHqwPHLxidpOqQbcrZVgi0rsmmZXUle1jXmJfuIf/UWpczUJ7MZZ5tlxytgJXyp0w4PGkkeLiuIdZw==",
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@types/events": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@types/events/-/events-3.0.1.tgz",
+      "integrity": "sha512-QfUFdKjGSc+iCf8OFZhqJKfDuqB6lP57kSMkPw8ba3yNDANicUwCdaPt5ytZ4nDXXVFxQkvT8v73I4stSVrCxA=="
+    },
+    "node_modules/@types/json-schema": {
+      "version": "7.0.12",
+      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.12.tgz",
+      "integrity": "sha512-Hr5Jfhc9eYOQNPYO5WLDq/n4jqijdHNlDXjuAQkkt+mWdQR+XJToOHrsD4cPaMXpn6KO7y2+wM8AZEs8VpBLVA==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/@types/json5": {
+      "version": "0.0.29",
+      "resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz",
+      "integrity": "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==",
+      "dev": true
+    },
+    "node_modules/@types/normalize-package-data": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/@types/normalize-package-data/-/normalize-package-data-2.4.1.tgz",
+      "integrity": "sha512-Gj7cI7z+98M282Tqmp2K5EIsoouUEzbBJhQQzDE3jSIRk6r9gsz0oUokqIUR4u1R3dMHo0pDHM7sNOHyhulypw==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/@types/retry": {
+      "version": "0.12.1",
+      "resolved": "https://registry.npmjs.org/@types/retry/-/retry-0.12.1.tgz",
+      "integrity": "sha512-xoDlM2S4ortawSWORYqsdU+2rxdh4LRW9ytc3zmT37RIKQh6IHyKwwtKhKis9ah8ol07DCkZxPt8BBvPjC6v4g=="
+    },
+    "node_modules/@types/semver": {
+      "version": "7.5.0",
+      "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.5.0.tgz",
+      "integrity": "sha512-G8hZ6XJiHnuhQKR7ZmysCeJWE08o8T0AXtk5darsCaTVsYZhhgUrq53jizaR2FvsoeCwJhlmwTjkXBY5Pn/ZHw==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/@types/stylis": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/@types/stylis/-/stylis-4.2.0.tgz",
+      "integrity": "sha512-n4sx2bqL0mW1tvDf/loQ+aMX7GQD3lc3fkCMC55VFNDu/vBOabO+LTIeXKM14xK0ppk5TUGcWRjiSpIlUpghKw=="
+    },
+    "node_modules/@typescript-eslint/eslint-plugin": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-6.1.0.tgz",
+      "integrity": "sha512-qg7Bm5TyP/I7iilGyp6DRqqkt8na00lI6HbjWZObgk3FFSzH5ypRwAHXJhJkwiRtTcfn+xYQIMOR5kJgpo6upw==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@eslint-community/regexpp": "^4.5.1",
+        "@typescript-eslint/scope-manager": "6.1.0",
+        "@typescript-eslint/type-utils": "6.1.0",
+        "@typescript-eslint/utils": "6.1.0",
+        "@typescript-eslint/visitor-keys": "6.1.0",
+        "debug": "^4.3.4",
+        "graphemer": "^1.4.0",
+        "ignore": "^5.2.4",
+        "natural-compare": "^1.4.0",
+        "natural-compare-lite": "^1.4.0",
+        "semver": "^7.5.4",
+        "ts-api-utils": "^1.0.1"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "@typescript-eslint/parser": "^6.0.0 || ^6.0.0-alpha",
+        "eslint": "^7.0.0 || ^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/eslint-plugin/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,
+      "peer": true,
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@typescript-eslint/parser": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-6.1.0.tgz",
+      "integrity": "sha512-hIzCPvX4vDs4qL07SYzyomamcs2/tQYXg5DtdAfj35AyJ5PIUqhsLf4YrEIFzZcND7R2E8tpQIZKayxg8/6Wbw==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/scope-manager": "6.1.0",
+        "@typescript-eslint/types": "6.1.0",
+        "@typescript-eslint/typescript-estree": "6.1.0",
+        "@typescript-eslint/visitor-keys": "6.1.0",
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^7.0.0 || ^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/scope-manager": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-6.1.0.tgz",
+      "integrity": "sha512-AxjgxDn27hgPpe2rQe19k0tXw84YCOsjDJ2r61cIebq1t+AIxbgiXKvD4999Wk49GVaAcdJ/d49FYel+Pp3jjw==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/types": "6.1.0",
+        "@typescript-eslint/visitor-keys": "6.1.0"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/type-utils": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-6.1.0.tgz",
+      "integrity": "sha512-kFXBx6QWS1ZZ5Ni89TyT1X9Ag6RXVIVhqDs0vZE/jUeWlBv/ixq2diua6G7ece6+fXw3TvNRxP77/5mOMusx2w==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@typescript-eslint/typescript-estree": "6.1.0",
+        "@typescript-eslint/utils": "6.1.0",
+        "debug": "^4.3.4",
+        "ts-api-utils": "^1.0.1"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^7.0.0 || ^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/types": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-6.1.0.tgz",
+      "integrity": "sha512-+Gfd5NHCpDoHDOaU/yIF3WWRI2PcBRKKpP91ZcVbL0t5tQpqYWBs3z/GGhvU+EV1D0262g9XCnyqQh19prU0JQ==",
+      "dev": true,
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-6.1.0.tgz",
+      "integrity": "sha512-nUKAPWOaP/tQjU1IQw9sOPCDavs/iU5iYLiY/6u7gxS7oKQoi4aUxXS1nrrVGTyBBaGesjkcwwHkbkiD5eBvcg==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/types": "6.1.0",
+        "@typescript-eslint/visitor-keys": "6.1.0",
+        "debug": "^4.3.4",
+        "globby": "^11.1.0",
+        "is-glob": "^4.0.3",
+        "semver": "^7.5.4",
+        "ts-api-utils": "^1.0.1"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/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/@typescript-eslint/utils": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-6.1.0.tgz",
+      "integrity": "sha512-wp652EogZlKmQoMS5hAvWqRKplXvkuOnNzZSE0PVvsKjpexd/XznRVHAtrfHFYmqaJz0DFkjlDsGYC9OXw+OhQ==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.4.0",
+        "@types/json-schema": "^7.0.12",
+        "@types/semver": "^7.5.0",
+        "@typescript-eslint/scope-manager": "6.1.0",
+        "@typescript-eslint/types": "6.1.0",
+        "@typescript-eslint/typescript-estree": "6.1.0",
+        "semver": "^7.5.4"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^7.0.0 || ^8.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/utils/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,
+      "peer": true,
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@typescript-eslint/visitor-keys": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-6.1.0.tgz",
+      "integrity": "sha512-yQeh+EXhquh119Eis4k0kYhj9vmFzNpbhM3LftWQVwqVjipCkwHBQOZutcYW+JVkjtTG9k8nrZU1UoNedPDd1A==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/types": "6.1.0",
+        "eslint-visitor-keys": "^3.4.1"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@ungap/structured-clone": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.2.0.tgz",
+      "integrity": "sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==",
+      "dev": true
+    },
+    "node_modules/abort-controller": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/abort-controller/-/abort-controller-3.0.0.tgz",
+      "integrity": "sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg==",
+      "dependencies": {
+        "event-target-shim": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=6.5"
+      }
+    },
+    "node_modules/acorn": {
+      "version": "8.11.2",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.2.tgz",
+      "integrity": "sha512-nc0Axzp/0FILLEVsm4fNwLCwMttvhEI263QtVPQcbpfZZ3ts0hLsZGOpE6czNlid7CJ9MlyH8reXkpsf3YUY4w==",
+      "dev": true,
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/acorn-jsx": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
+      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
+      "dev": true,
+      "peerDependencies": {
+        "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
+      }
+    },
+    "node_modules/ajv": {
+      "version": "6.12.6",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+      "dev": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "fast-json-stable-stringify": "^2.0.0",
+        "json-schema-traverse": "^0.4.1",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/another-json": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/another-json/-/another-json-0.2.0.tgz",
+      "integrity": "sha1-tfQBnJc7bdXGUGotk0acttMq7tw="
+    },
+    "node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ansi-styles": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+      "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "color-convert": "^1.9.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/any-promise": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",
+      "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A=="
+    },
+    "node_modules/anymatch": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
+      "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
+      "dependencies": {
+        "normalize-path": "^3.0.0",
+        "picomatch": "^2.0.4"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/arg": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
+      "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg=="
+    },
+    "node_modules/argparse": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "dev": true
+    },
+    "node_modules/aria-hidden": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/aria-hidden/-/aria-hidden-1.2.3.tgz",
+      "integrity": "sha512-xcLxITLe2HYa1cnYnwCjkOO1PqUHQpozB8x9AR0OgWN2woOBi5kSDVxKfd0b7sb1hw5qFeJhXm9H1nu3xSfLeQ==",
+      "dependencies": {
+        "tslib": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/aria-query": {
+      "version": "5.1.3",
+      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.1.3.tgz",
+      "integrity": "sha512-R5iJ5lkuHybztUfuOAznmboyjWq8O6sqNqtK7CLOqdydi54VNbORp49mb14KbWgG1QD3JFO9hJdZ+y4KutfdOQ==",
+      "dev": true,
+      "dependencies": {
+        "deep-equal": "^2.0.5"
+      }
+    },
+    "node_modules/array-buffer-byte-length": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.0.tgz",
+      "integrity": "sha512-LPuwb2P+NrQw3XhxGc36+XSvuBPopovXYTR9Ew++Du9Yb/bx5AzBfrIsBoj0EZUifjQU+sHL21sseZ3jerWO/A==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "is-array-buffer": "^3.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array-includes": {
+      "version": "3.1.7",
+      "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.7.tgz",
+      "integrity": "sha512-dlcsNBIiWhPkHdOEEKnehA+RNUWDc4UqFtnIXU4uuYDPtA4LDkr7qip2p0VvFAEXNDr0yWZ9PJyIRiGjRLQzwQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "get-intrinsic": "^1.2.1",
+        "is-string": "^1.0.7"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array-union": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
+      "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/array.prototype.findlastindex": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.3.tgz",
+      "integrity": "sha512-LzLoiOMAxvy+Gd3BAq3B7VeIgPdo+Q8hthvKtXybMvRV0jrXfJM/t8mw7nNlpEcVlVUnCnM2KSX4XU5HmpodOA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "es-shim-unscopables": "^1.0.0",
+        "get-intrinsic": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.flat": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.2.tgz",
+      "integrity": "sha512-djYB+Zx2vLewY8RWlNCUdHjDXs2XOgm602S9E7P/UpHgfeHL00cRiIF+IN/G/aUJ7kGPb6yO/ErDI5V2s8iycA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "es-shim-unscopables": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.flatmap": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.2.tgz",
+      "integrity": "sha512-Ewyx0c9PmpcsByhSW4r+9zDU7sGjFc86qf/kKtuSCRdhfbk0SNLLkaT5qvcHnRGgc5NP/ly/y+qkXkqONX54CQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "es-shim-unscopables": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.tosorted": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/array.prototype.tosorted/-/array.prototype.tosorted-1.1.1.tgz",
+      "integrity": "sha512-pZYPXPRl2PqWcsUs6LOMn+1f1532nEoPTYowBtqLwAW+W8vSVhkIGnmOX1t/UQjD6YGI0vcD2B1U7ZFGQH9jnQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.4",
+        "es-abstract": "^1.20.4",
+        "es-shim-unscopables": "^1.0.0",
+        "get-intrinsic": "^1.1.3"
+      }
+    },
+    "node_modules/arraybuffer.prototype.slice": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.2.tgz",
+      "integrity": "sha512-yMBKppFur/fbHu9/6USUe03bZ4knMYiwFBcyiaXB8Go0qNehwX6inYPzK9U0NeQvGxKthcmHcaR8P5MStSRBAw==",
+      "dev": true,
+      "dependencies": {
+        "array-buffer-byte-length": "^1.0.0",
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "get-intrinsic": "^1.2.1",
+        "is-array-buffer": "^3.0.2",
+        "is-shared-array-buffer": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/ast-types-flow": {
+      "version": "0.0.7",
+      "resolved": "https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.7.tgz",
+      "integrity": "sha1-9wtzXGvKGlycItmCw+Oef+ujva0=",
+      "dev": true
+    },
+    "node_modules/asynciterator.prototype": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/asynciterator.prototype/-/asynciterator.prototype-1.0.0.tgz",
+      "integrity": "sha512-wwHYEIS0Q80f5mosx3L/dfG5t5rjEa9Ft51GTaNt862EnpyGHpgz2RkZvLPp1oF5TnAiTohkEKVEu8pQPJI7Vg==",
+      "dev": true,
+      "dependencies": {
+        "has-symbols": "^1.0.3"
+      }
+    },
+    "node_modules/atomic-sleep": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/atomic-sleep/-/atomic-sleep-1.0.0.tgz",
+      "integrity": "sha512-kNOjDqAh7px0XWNI+4QbzoiR/nTkHAWNud2uvnJquD1/x5a7EQZMJT0AczqK0Qn67oY/TTQ1LbUKajZpp3I9tQ==",
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/autoprefixer": {
+      "version": "10.4.17",
+      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.17.tgz",
+      "integrity": "sha512-/cpVNRLSfhOtcGflT13P2794gVSgmPgTR+erw5ifnMLZb0UnSlkK4tquLmkd3BhA+nLo5tX8Cu0upUsGKvKbmg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/autoprefixer"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "browserslist": "^4.22.2",
+        "caniuse-lite": "^1.0.30001578",
+        "fraction.js": "^4.3.7",
+        "normalize-range": "^0.1.2",
+        "picocolors": "^1.0.0",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "bin": {
+        "autoprefixer": "bin/autoprefixer"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
+    "node_modules/available-typed-arrays": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.5.tgz",
+      "integrity": "sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/axe-core": {
+      "version": "4.7.0",
+      "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.7.0.tgz",
+      "integrity": "sha512-M0JtH+hlOL5pLQwHOLNYZaXuhqmvS8oExsqB1SBYgA4Dk7u/xx+YdGHXaK5pyUfed5mYXdlYiphWq3G8cRi5JQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/axobject-query": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-3.1.1.tgz",
+      "integrity": "sha512-goKlv8DZrK9hUh975fnHzhNIO4jUnFCfv/dszV5VwUGDFjI6vQ2VwoyjYjYNEbBE8AH87TduWP5uyDR1D+Iteg==",
+      "dev": true,
+      "dependencies": {
+        "deep-equal": "^2.0.5"
+      }
+    },
+    "node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="
+    },
+    "node_modules/base-x": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/base-x/-/base-x-4.0.0.tgz",
+      "integrity": "sha512-FuwxlW4H5kh37X/oW59pwTzzTKRzfrrQwhmyspRM7swOEZcHtDZSCt45U6oKgtuFE+WYPblePMVIPR4RZrh/hw=="
+    },
+    "node_modules/base64-js": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
+      "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
+      "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/binary-extensions": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
+      "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/brace-expansion": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "dev": true,
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/braces": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
+      "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+      "dependencies": {
+        "fill-range": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/browserslist": {
+      "version": "4.22.3",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.22.3.tgz",
+      "integrity": "sha512-UAp55yfwNv0klWNapjs/ktHoguxuQNGnOzxYmfnXIS+8AsRDZkSDxg7R1AX3GKzn078SBI5dzwzj/Yx0Or0e3A==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "caniuse-lite": "^1.0.30001580",
+        "electron-to-chromium": "^1.4.648",
+        "node-releases": "^2.0.14",
+        "update-browserslist-db": "^1.0.13"
+      },
+      "bin": {
+        "browserslist": "cli.js"
+      },
+      "engines": {
+        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+      }
+    },
+    "node_modules/bs58": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/bs58/-/bs58-5.0.0.tgz",
+      "integrity": "sha512-r+ihvQJvahgYT50JD05dyJNKlmmSlMoOGwn1lCcEzanPglg7TxYjioQUYehQ9mAR/+hOSd2jRc/Z2y5UxBymvQ==",
+      "dependencies": {
+        "base-x": "^4.0.0"
+      }
+    },
+    "node_modules/buffer": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz",
+      "integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==",
+      "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": {
+        "base64-js": "^1.3.1",
+        "ieee754": "^1.2.1"
+      }
+    },
+    "node_modules/builtin-modules": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/builtin-modules/-/builtin-modules-3.3.0.tgz",
+      "integrity": "sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/busboy": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/busboy/-/busboy-1.6.0.tgz",
+      "integrity": "sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==",
+      "dependencies": {
+        "streamsearch": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=10.16.0"
+      }
+    },
+    "node_modules/call-bind": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.5.tgz",
+      "integrity": "sha512-C3nQxfFZxFRVoJoGKKI8y3MOEo129NQ+FgQ08iye+Mk4zNZZGdjfs06bVTr+DBSlA66Q2VEcMki/cUCP4SercQ==",
+      "dev": true,
+      "dependencies": {
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.1",
+        "set-function-length": "^1.1.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/callsites": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
+      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/camelcase-css": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz",
+      "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/camelize": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/camelize/-/camelize-1.0.1.tgz",
+      "integrity": "sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ==",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/caniuse-lite": {
+      "version": "1.0.30001583",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001583.tgz",
+      "integrity": "sha512-acWTYaha8xfhA/Du/z4sNZjHUWjkiuoAi2LM+T/aL+kemKQgPT1xBb/YKjlQ0Qo8gvbHsGNplrEJ+9G3gL7i4Q==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ]
+    },
+    "node_modules/chalk": {
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+      "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "ansi-styles": "^3.2.1",
+        "escape-string-regexp": "^1.0.5",
+        "supports-color": "^5.3.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/chalk/node_modules/has-flag": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
+      "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/chalk/node_modules/supports-color": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "has-flag": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/chokidar": {
+      "version": "3.5.3",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz",
+      "integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://paulmillr.com/funding/"
+        }
+      ],
+      "dependencies": {
+        "anymatch": "~3.1.2",
+        "braces": "~3.0.2",
+        "glob-parent": "~5.1.2",
+        "is-binary-path": "~2.1.0",
+        "is-glob": "~4.0.1",
+        "normalize-path": "~3.0.0",
+        "readdirp": "~3.6.0"
+      },
+      "engines": {
+        "node": ">= 8.10.0"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/chokidar/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/ci-info": {
+      "version": "3.8.0",
+      "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-3.8.0.tgz",
+      "integrity": "sha512-eXTggHWSooYhq49F2opQhuHWgzucfF2YgODK4e1566GQs5BIfP30B0oenwBJHfWxAs2fyPB1s7Mg949zLf61Yw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/sibiraj-s"
+        }
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/class-variance-authority": {
+      "version": "0.7.0",
+      "resolved": "https://registry.npmjs.org/class-variance-authority/-/class-variance-authority-0.7.0.tgz",
+      "integrity": "sha512-jFI8IQw4hczaL4ALINxqLEXQbWcNjoSkloa4IaufXCJr6QawJyw7tuRysRsrE8w2p/4gGaxKIt/hX3qz/IbD1A==",
+      "dev": true,
+      "dependencies": {
+        "clsx": "2.0.0"
+      },
+      "funding": {
+        "url": "https://joebell.co.uk"
+      }
+    },
+    "node_modules/class-variance-authority/node_modules/clsx": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.0.0.tgz",
+      "integrity": "sha512-rQ1+kcj+ttHG0MKVGBUXwayCCF1oh39BF5COIpRzuCEv8Mwjv0XucrI2ExNTOn9IlLifGClWQcU9BrZORvtw6Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/clean-regexp": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/clean-regexp/-/clean-regexp-1.0.0.tgz",
+      "integrity": "sha512-GfisEZEJvzKrmGWkvfhgzcz/BllN1USeqD2V6tg14OAOgaCD2Z/PUEuxnAZ/nPvmaHRG7a8y77p1T/IRQ4D1Hw==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "escape-string-regexp": "^1.0.5"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/client-only": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
+      "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA=="
+    },
+    "node_modules/clsx": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.0.tgz",
+      "integrity": "sha512-m3iNNWpd9rl3jvvcBnu70ylMdrXt8Vlq4HYadnU5fwcOtvkSQWPmj7amUcDT2qYI7risszBjI5AUIUox9D16pg==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/color-convert": {
+      "version": "1.9.3",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
+      "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "color-name": "1.1.3"
+      }
+    },
+    "node_modules/color-name": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
+      "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/commander": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
+      "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=",
+      "dev": true
+    },
+    "node_modules/content-type": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.4.tgz",
+      "integrity": "sha512-hIP3EEPs8tB9AT1L+NUqtwOAps4mk2Zob89MWXMHjHWg9milF/j4osnnQLXBCBFBk/tvIG/tUc9mOUJiPBhPXA==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "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,
+      "peer": true
+    },
+    "node_modules/cross-spawn": {
+      "version": "7.0.3",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
+      "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
+      "dependencies": {
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/crypto-js": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/crypto-js/-/crypto-js-4.2.0.tgz",
+      "integrity": "sha512-KALDyEYgpY+Rlob/iriUtjV6d5Eq+Y191A5g4UqLAi8CyGP9N1+FdVbkc1SxKc2r4YAYqG8JzO2KGL+AizD70Q=="
+    },
+    "node_modules/css-color-keywords": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/css-color-keywords/-/css-color-keywords-1.0.0.tgz",
+      "integrity": "sha512-FyyrDHZKEjXDpNJYvVsV960FiqQyXc/LlYmsxl2BcdMb2WPx0OGRVgTg55rPSyLSNMqP52R9r8geSp7apN3Ofg==",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/css-to-react-native": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/css-to-react-native/-/css-to-react-native-3.2.0.tgz",
+      "integrity": "sha512-e8RKaLXMOFii+02mOlqwjbD00KSEKqblnpO9e++1aXS1fPQOpS1YoqdVHBqPjHNoxeF2mimzVqawm2KCbEdtHQ==",
+      "dependencies": {
+        "camelize": "^1.0.0",
+        "css-color-keywords": "^1.0.0",
+        "postcss-value-parser": "^4.0.2"
+      }
+    },
+    "node_modules/cssesc": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
+      "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
+      "bin": {
+        "cssesc": "bin/cssesc"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/csstype": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz",
+      "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ=="
+    },
+    "node_modules/damerau-levenshtein": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz",
+      "integrity": "sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==",
+      "dev": true
+    },
+    "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/deep-equal": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-2.2.1.tgz",
+      "integrity": "sha512-lKdkdV6EOGoVn65XaOsPdH4rMxTZOnmFyuIkMjM1i5HHCbfjC97dawgTAy0deYNfuqUqW+Q5VrVaQYtUpSd6yQ==",
+      "dev": true,
+      "dependencies": {
+        "array-buffer-byte-length": "^1.0.0",
+        "call-bind": "^1.0.2",
+        "es-get-iterator": "^1.1.3",
+        "get-intrinsic": "^1.2.0",
+        "is-arguments": "^1.1.1",
+        "is-array-buffer": "^3.0.2",
+        "is-date-object": "^1.0.5",
+        "is-regex": "^1.1.4",
+        "is-shared-array-buffer": "^1.0.2",
+        "isarray": "^2.0.5",
+        "object-is": "^1.1.5",
+        "object-keys": "^1.1.1",
+        "object.assign": "^4.1.4",
+        "regexp.prototype.flags": "^1.5.0",
+        "side-channel": "^1.0.4",
+        "which-boxed-primitive": "^1.0.2",
+        "which-collection": "^1.0.1",
+        "which-typed-array": "^1.1.9"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/deep-is": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
+      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
+      "dev": true
+    },
+    "node_modules/define-data-property": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.1.tgz",
+      "integrity": "sha512-E7uGkTzkk1d0ByLeSc6ZsFS79Axg+m1P/VsgYsxHgiuc3tFSj+MjMIwe90FC4lOAZzNBdY7kkO2P2wKdsQ1vgQ==",
+      "dev": true,
+      "dependencies": {
+        "get-intrinsic": "^1.2.1",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/define-properties": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz",
+      "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
+      "dev": true,
+      "dependencies": {
+        "define-data-property": "^1.0.1",
+        "has-property-descriptors": "^1.0.0",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/detect-node-es": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/detect-node-es/-/detect-node-es-1.1.0.tgz",
+      "integrity": "sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ=="
+    },
+    "node_modules/didyoumean": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
+      "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw=="
+    },
+    "node_modules/dir-glob": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
+      "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==",
+      "dev": true,
+      "dependencies": {
+        "path-type": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/dlv": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
+      "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA=="
+    },
+    "node_modules/doctrine": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
+      "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
+      "dev": true,
+      "dependencies": {
+        "esutils": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/eastasianwidth": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
+      "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA=="
+    },
+    "node_modules/electron-to-chromium": {
+      "version": "1.4.655",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.655.tgz",
+      "integrity": "sha512-2yszojF7vIZ68adIOvzV4bku8OZad9w5H9xF3ZAMZjPuOjBarlflUkjN6DggdV+L71WZuKUfKUhov/34+G5QHg==",
+      "dev": true
+    },
+    "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=="
+    },
+    "node_modules/enhanced-resolve": {
+      "version": "5.15.0",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.15.0.tgz",
+      "integrity": "sha512-LXYT42KJ7lpIKECr2mAXIaMldcNCh/7E0KBKOu4KSfkHmP+mZmSs+8V5gBAqisWBy0OO4W5Oyys0GO1Y8KtdKg==",
+      "dev": true,
+      "dependencies": {
+        "graceful-fs": "^4.2.4",
+        "tapable": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/error-ex": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz",
+      "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "is-arrayish": "^0.2.1"
+      }
+    },
+    "node_modules/es-abstract": {
+      "version": "1.22.3",
+      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.22.3.tgz",
+      "integrity": "sha512-eiiY8HQeYfYH2Con2berK+To6GrK2RxbPawDkGq4UiCQQfZHb6wX9qQqkbpPqaxQFcl8d9QzZqo0tGE0VcrdwA==",
+      "dev": true,
+      "dependencies": {
+        "array-buffer-byte-length": "^1.0.0",
+        "arraybuffer.prototype.slice": "^1.0.2",
+        "available-typed-arrays": "^1.0.5",
+        "call-bind": "^1.0.5",
+        "es-set-tostringtag": "^2.0.1",
+        "es-to-primitive": "^1.2.1",
+        "function.prototype.name": "^1.1.6",
+        "get-intrinsic": "^1.2.2",
+        "get-symbol-description": "^1.0.0",
+        "globalthis": "^1.0.3",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.0",
+        "has-proto": "^1.0.1",
+        "has-symbols": "^1.0.3",
+        "hasown": "^2.0.0",
+        "internal-slot": "^1.0.5",
+        "is-array-buffer": "^3.0.2",
+        "is-callable": "^1.2.7",
+        "is-negative-zero": "^2.0.2",
+        "is-regex": "^1.1.4",
+        "is-shared-array-buffer": "^1.0.2",
+        "is-string": "^1.0.7",
+        "is-typed-array": "^1.1.12",
+        "is-weakref": "^1.0.2",
+        "object-inspect": "^1.13.1",
+        "object-keys": "^1.1.1",
+        "object.assign": "^4.1.4",
+        "regexp.prototype.flags": "^1.5.1",
+        "safe-array-concat": "^1.0.1",
+        "safe-regex-test": "^1.0.0",
+        "string.prototype.trim": "^1.2.8",
+        "string.prototype.trimend": "^1.0.7",
+        "string.prototype.trimstart": "^1.0.7",
+        "typed-array-buffer": "^1.0.0",
+        "typed-array-byte-length": "^1.0.0",
+        "typed-array-byte-offset": "^1.0.0",
+        "typed-array-length": "^1.0.4",
+        "unbox-primitive": "^1.0.2",
+        "which-typed-array": "^1.1.13"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/es-get-iterator": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/es-get-iterator/-/es-get-iterator-1.1.3.tgz",
+      "integrity": "sha512-sPZmqHBe6JIiTfN5q2pEi//TwxmAFHwj/XEuYjTuse78i8KxaqMTTzxPoFKuzRpDpTJ+0NAbpfenkmH2rePtuw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.1.3",
+        "has-symbols": "^1.0.3",
+        "is-arguments": "^1.1.1",
+        "is-map": "^2.0.2",
+        "is-set": "^2.0.2",
+        "is-string": "^1.0.7",
+        "isarray": "^2.0.5",
+        "stop-iteration-iterator": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/es-iterator-helpers": {
+      "version": "1.0.15",
+      "resolved": "https://registry.npmjs.org/es-iterator-helpers/-/es-iterator-helpers-1.0.15.tgz",
+      "integrity": "sha512-GhoY8uYqd6iwUl2kgjTm4CZAf6oo5mHK7BPqx3rKgx893YSsy0LGHV6gfqqQvZt/8xM8xeOnfXBCfqclMKkJ5g==",
+      "dev": true,
+      "dependencies": {
+        "asynciterator.prototype": "^1.0.0",
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.22.1",
+        "es-set-tostringtag": "^2.0.1",
+        "function-bind": "^1.1.1",
+        "get-intrinsic": "^1.2.1",
+        "globalthis": "^1.0.3",
+        "has-property-descriptors": "^1.0.0",
+        "has-proto": "^1.0.1",
+        "has-symbols": "^1.0.3",
+        "internal-slot": "^1.0.5",
+        "iterator.prototype": "^1.1.2",
+        "safe-array-concat": "^1.0.1"
+      }
+    },
+    "node_modules/es-set-tostringtag": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.0.1.tgz",
+      "integrity": "sha512-g3OMbtlwY3QewlqAiMLI47KywjWZoEytKr8pf6iTC8uJq5bIAH52Z9pnQ8pVL6whrCto53JZDuUIsifGeLorTg==",
+      "dev": true,
+      "dependencies": {
+        "get-intrinsic": "^1.1.3",
+        "has": "^1.0.3",
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-shim-unscopables": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.0.0.tgz",
+      "integrity": "sha512-Jm6GPcCdC30eMLbZ2x8z2WuRwAws3zTBBKuusffYVUrNj/GVSUAZ+xKMaUpfNDR5IbyNA5LJbaecoUVbmUcB1w==",
+      "dev": true,
+      "dependencies": {
+        "has": "^1.0.3"
+      }
+    },
+    "node_modules/es-to-primitive": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.2.1.tgz",
+      "integrity": "sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==",
+      "dev": true,
+      "dependencies": {
+        "is-callable": "^1.1.4",
+        "is-date-object": "^1.0.1",
+        "is-symbol": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/escalade": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
+      "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/escape-string-regexp": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+      "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/eslint": {
+      "version": "8.56.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.56.0.tgz",
+      "integrity": "sha512-Go19xM6T9puCOWntie1/P997aXxFsOi37JIHRWI514Hc6ZnaHGKY9xFhrU65RT6CcBEzZoGG1e6Nq+DT04ZtZQ==",
+      "dev": true,
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.2.0",
+        "@eslint-community/regexpp": "^4.6.1",
+        "@eslint/eslintrc": "^2.1.4",
+        "@eslint/js": "8.56.0",
+        "@humanwhocodes/config-array": "^0.11.13",
+        "@humanwhocodes/module-importer": "^1.0.1",
+        "@nodelib/fs.walk": "^1.2.8",
+        "@ungap/structured-clone": "^1.2.0",
+        "ajv": "^6.12.4",
+        "chalk": "^4.0.0",
+        "cross-spawn": "^7.0.2",
+        "debug": "^4.3.2",
+        "doctrine": "^3.0.0",
+        "escape-string-regexp": "^4.0.0",
+        "eslint-scope": "^7.2.2",
+        "eslint-visitor-keys": "^3.4.3",
+        "espree": "^9.6.1",
+        "esquery": "^1.4.2",
+        "esutils": "^2.0.2",
+        "fast-deep-equal": "^3.1.3",
+        "file-entry-cache": "^6.0.1",
+        "find-up": "^5.0.0",
+        "glob-parent": "^6.0.2",
+        "globals": "^13.19.0",
+        "graphemer": "^1.4.0",
+        "ignore": "^5.2.0",
+        "imurmurhash": "^0.1.4",
+        "is-glob": "^4.0.0",
+        "is-path-inside": "^3.0.3",
+        "js-yaml": "^4.1.0",
+        "json-stable-stringify-without-jsonify": "^1.0.1",
+        "levn": "^0.4.1",
+        "lodash.merge": "^4.6.2",
+        "minimatch": "^3.1.2",
+        "natural-compare": "^1.4.0",
+        "optionator": "^0.9.3",
+        "strip-ansi": "^6.0.1",
+        "text-table": "^0.2.0"
+      },
+      "bin": {
+        "eslint": "bin/eslint.js"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint-config-google": {
+      "version": "0.14.0",
+      "resolved": "https://registry.npmjs.org/eslint-config-google/-/eslint-config-google-0.14.0.tgz",
+      "integrity": "sha512-WsbX4WbjuMvTdeVL6+J3rK1RGhCTqjsFjX7UMSMgZiyxxaNLkoJENbrGExzERFeoTpGw3F3FypTiWAP9ZXzkEw==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=0.10.0"
+      },
+      "peerDependencies": {
+        "eslint": ">=5.16.0"
+      }
+    },
+    "node_modules/eslint-config-next": {
+      "version": "14.1.0",
+      "resolved": "https://registry.npmjs.org/eslint-config-next/-/eslint-config-next-14.1.0.tgz",
+      "integrity": "sha512-SBX2ed7DoRFXC6CQSLc/SbLY9Ut6HxNB2wPTcoIWjUMd7aF7O/SIE7111L8FdZ9TXsNV4pulUDnfthpyPtbFUg==",
+      "dev": true,
+      "dependencies": {
+        "@next/eslint-plugin-next": "14.1.0",
+        "@rushstack/eslint-patch": "^1.3.3",
+        "@typescript-eslint/parser": "^5.4.2 || ^6.0.0",
+        "eslint-import-resolver-node": "^0.3.6",
+        "eslint-import-resolver-typescript": "^3.5.2",
+        "eslint-plugin-import": "^2.28.1",
+        "eslint-plugin-jsx-a11y": "^6.7.1",
+        "eslint-plugin-react": "^7.33.2",
+        "eslint-plugin-react-hooks": "^4.5.0 || 5.0.0-canary-7118f5dd7-20230705"
+      },
+      "peerDependencies": {
+        "eslint": "^7.23.0 || ^8.0.0",
+        "typescript": ">=3.3.1"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-config-prettier": {
+      "version": "9.1.0",
+      "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-9.1.0.tgz",
+      "integrity": "sha512-NSWl5BFQWEPi1j4TjVNItzYV7dZXZ+wP6I6ZhrBGpChQhZRUaElihE9uRRkcbRnNb76UMKDF3r+WTmNcGPKsqw==",
+      "dev": true,
+      "bin": {
+        "eslint-config-prettier": "bin/cli.js"
+      },
+      "peerDependencies": {
+        "eslint": ">=7.0.0"
+      }
+    },
+    "node_modules/eslint-import-resolver-alias": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/eslint-import-resolver-alias/-/eslint-import-resolver-alias-1.1.2.tgz",
+      "integrity": "sha512-WdviM1Eu834zsfjHtcGHtGfcu+F30Od3V7I9Fi57uhBEwPkjDcii7/yW8jAT+gOhn4P/vOxxNAXbFAKsrrc15w==",
+      "dev": true,
+      "engines": {
+        "node": ">= 4"
+      },
+      "peerDependencies": {
+        "eslint-plugin-import": ">=1.4.0"
+      }
+    },
+    "node_modules/eslint-import-resolver-node": {
+      "version": "0.3.9",
+      "resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.9.tgz",
+      "integrity": "sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==",
+      "dev": true,
+      "dependencies": {
+        "debug": "^3.2.7",
+        "is-core-module": "^2.13.0",
+        "resolve": "^1.22.4"
+      }
+    },
+    "node_modules/eslint-import-resolver-node/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dev": true,
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/eslint-import-resolver-typescript": {
+      "version": "3.6.1",
+      "resolved": "https://registry.npmjs.org/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-3.6.1.tgz",
+      "integrity": "sha512-xgdptdoi5W3niYeuQxKmzVDTATvLYqhpwmykwsh7f6HIOStGWEIL9iqZgQDF9u9OEzrRwR8no5q2VT+bjAujTg==",
+      "dev": true,
+      "dependencies": {
+        "debug": "^4.3.4",
+        "enhanced-resolve": "^5.12.0",
+        "eslint-module-utils": "^2.7.4",
+        "fast-glob": "^3.3.1",
+        "get-tsconfig": "^4.5.0",
+        "is-core-module": "^2.11.0",
+        "is-glob": "^4.0.3"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/unts/projects/eslint-import-resolver-ts"
+      },
+      "peerDependencies": {
+        "eslint": "*",
+        "eslint-plugin-import": "*"
+      }
+    },
+    "node_modules/eslint-module-utils": {
+      "version": "2.8.0",
+      "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.8.0.tgz",
+      "integrity": "sha512-aWajIYfsqCKRDgUfjEXNN/JlrzauMuSEy5sbd7WXbtW3EH6A6MpwEh42c7qD+MqQo9QMJ6fWLAeIJynx0g6OAw==",
+      "dev": true,
+      "dependencies": {
+        "debug": "^3.2.7"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependenciesMeta": {
+        "eslint": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-module-utils/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dev": true,
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/eslint-plugin-deprecate": {
+      "version": "0.7.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-deprecate/-/eslint-plugin-deprecate-0.7.0.tgz",
+      "integrity": "sha512-MylhCqoH/SJ2MwzVgX0we6oE+lKPVwhOu9hAJ98vMCmbz3FNwqJ8XipdI23bCF7NHxUbhd6mdxFjywKE52pt7A==",
+      "dev": true,
+      "peer": true,
+      "peerDependencies": {
+        "eslint": ">=2.x"
+      }
+    },
+    "node_modules/eslint-plugin-import": {
+      "version": "2.29.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.29.1.tgz",
+      "integrity": "sha512-BbPC0cuExzhiMo4Ff1BTVwHpjjv28C5R+btTOGaCRC7UEz801up0JadwkeSk5Ued6TG34uaczuVuH6qyy5YUxw==",
+      "dev": true,
+      "dependencies": {
+        "array-includes": "^3.1.7",
+        "array.prototype.findlastindex": "^1.2.3",
+        "array.prototype.flat": "^1.3.2",
+        "array.prototype.flatmap": "^1.3.2",
+        "debug": "^3.2.7",
+        "doctrine": "^2.1.0",
+        "eslint-import-resolver-node": "^0.3.9",
+        "eslint-module-utils": "^2.8.0",
+        "hasown": "^2.0.0",
+        "is-core-module": "^2.13.1",
+        "is-glob": "^4.0.3",
+        "minimatch": "^3.1.2",
+        "object.fromentries": "^2.0.7",
+        "object.groupby": "^1.0.1",
+        "object.values": "^1.1.7",
+        "semver": "^6.3.1",
+        "tsconfig-paths": "^3.15.0"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependencies": {
+        "eslint": "^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8"
+      }
+    },
+    "node_modules/eslint-plugin-import/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dev": true,
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/eslint-plugin-import/node_modules/doctrine": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
+      "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
+      "dev": true,
+      "dependencies": {
+        "esutils": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/eslint-plugin-jest": {
+      "version": "27.6.3",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-jest/-/eslint-plugin-jest-27.6.3.tgz",
+      "integrity": "sha512-+YsJFVH6R+tOiO3gCJon5oqn4KWc+mDq2leudk8mrp8RFubLOo9CVyi3cib4L7XMpxExmkmBZQTPDYVBzgpgOA==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@typescript-eslint/utils": "^5.10.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      },
+      "peerDependencies": {
+        "@typescript-eslint/eslint-plugin": "^5.0.0 || ^6.0.0",
+        "eslint": "^7.0.0 || ^8.0.0",
+        "jest": "*"
+      },
+      "peerDependenciesMeta": {
+        "@typescript-eslint/eslint-plugin": {
+          "optional": true
+        },
+        "jest": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-plugin-jest/node_modules/@typescript-eslint/scope-manager": {
+      "version": "5.62.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.62.0.tgz",
+      "integrity": "sha512-VXuvVvZeQCQb5Zgf4HAxc04q5j+WrNAtNh9OwCsCgpKqESMTu3tF/jhZ3xG6T4NZwWl65Bg8KuS2uEvhSfLl0w==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@typescript-eslint/types": "5.62.0",
+        "@typescript-eslint/visitor-keys": "5.62.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/eslint-plugin-jest/node_modules/@typescript-eslint/types": {
+      "version": "5.62.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-5.62.0.tgz",
+      "integrity": "sha512-87NVngcbVXUahrRTqIK27gD2t5Cu1yuCXxbLcFtCzZGlfyVWWh8mLHkoxzjsB6DDNnvdL+fW8MiwPEJyGJQDgQ==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/eslint-plugin-jest/node_modules/@typescript-eslint/typescript-estree": {
+      "version": "5.62.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.62.0.tgz",
+      "integrity": "sha512-CmcQ6uY7b9y694lKdRB8FEel7JbU/40iSAPomu++SjLMntB+2Leay2LO6i8VnJk58MtE9/nQSFIH6jpyRWyYzA==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@typescript-eslint/types": "5.62.0",
+        "@typescript-eslint/visitor-keys": "5.62.0",
+        "debug": "^4.3.4",
+        "globby": "^11.1.0",
+        "is-glob": "^4.0.3",
+        "semver": "^7.3.7",
+        "tsutils": "^3.21.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-plugin-jest/node_modules/@typescript-eslint/utils": {
+      "version": "5.62.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.62.0.tgz",
+      "integrity": "sha512-n8oxjeb5aIbPFEtmQxQYOLI0i9n5ySBEY/ZEHHZqKQSFnxio1rv6dthascc9dLuwrL0RC5mPCxB7vnAVGAYWAQ==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.2.0",
+        "@types/json-schema": "^7.0.9",
+        "@types/semver": "^7.3.12",
+        "@typescript-eslint/scope-manager": "5.62.0",
+        "@typescript-eslint/types": "5.62.0",
+        "@typescript-eslint/typescript-estree": "5.62.0",
+        "eslint-scope": "^5.1.1",
+        "semver": "^7.3.7"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^6.0.0 || ^7.0.0 || ^8.0.0"
+      }
+    },
+    "node_modules/eslint-plugin-jest/node_modules/@typescript-eslint/visitor-keys": {
+      "version": "5.62.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.62.0.tgz",
+      "integrity": "sha512-07ny+LHRzQXepkGg6w0mFY41fVUNBrL2Roj/++7V1txKugfjm/Ci/qSND03r2RhlJhJYMcTn9AhhSSqQp0Ysyw==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@typescript-eslint/types": "5.62.0",
+        "eslint-visitor-keys": "^3.3.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/eslint-plugin-jest/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,
+      "peer": true,
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/eslint-plugin-jsx-a11y": {
+      "version": "6.7.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.7.1.tgz",
+      "integrity": "sha512-63Bog4iIethyo8smBklORknVjB0T2dwB8Mr/hIC+fBS0uyHdYYpzM/Ed+YC8VxTjlXHEWFOdmgwcDn1U2L9VCA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.20.7",
+        "aria-query": "^5.1.3",
+        "array-includes": "^3.1.6",
+        "array.prototype.flatmap": "^1.3.1",
+        "ast-types-flow": "^0.0.7",
+        "axe-core": "^4.6.2",
+        "axobject-query": "^3.1.1",
+        "damerau-levenshtein": "^1.0.8",
+        "emoji-regex": "^9.2.2",
+        "has": "^1.0.3",
+        "jsx-ast-utils": "^3.3.3",
+        "language-tags": "=1.0.5",
+        "minimatch": "^3.1.2",
+        "object.entries": "^1.1.6",
+        "object.fromentries": "^2.0.6",
+        "semver": "^6.3.0"
+      },
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependencies": {
+        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8"
+      }
+    },
+    "node_modules/eslint-plugin-matrix-org": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-matrix-org/-/eslint-plugin-matrix-org-1.2.1.tgz",
+      "integrity": "sha512-A3cDjhG7RHwfCS8o3bOip8hSCsxtmgk2ahvqE5v/Ic2kPEZxixY6w8zLj7hFGsrRmPSEpLWqkVLt8uvQBapiQA==",
+      "dev": true,
+      "peerDependencies": {
+        "@babel/core": "*",
+        "@babel/eslint-parser": "*",
+        "@babel/eslint-plugin": "*",
+        "@typescript-eslint/eslint-plugin": "*",
+        "@typescript-eslint/parser": "*",
+        "eslint": "*",
+        "eslint-config-google": "*",
+        "eslint-config-prettier": "*",
+        "eslint-plugin-deprecate": "*",
+        "eslint-plugin-import": "*",
+        "eslint-plugin-jest": "*",
+        "eslint-plugin-jsx-a11y": "*",
+        "eslint-plugin-react": "*",
+        "eslint-plugin-react-hooks": "*",
+        "eslint-plugin-unicorn": "*",
+        "prettier": "*",
+        "typescript": "*"
+      }
+    },
+    "node_modules/eslint-plugin-react": {
+      "version": "7.33.2",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.33.2.tgz",
+      "integrity": "sha512-73QQMKALArI8/7xGLNI/3LylrEYrlKZSb5C9+q3OtOewTnMQi5cT+aE9E41sLCmli3I9PGGmD1yiZydyo4FEPw==",
+      "dev": true,
+      "dependencies": {
+        "array-includes": "^3.1.6",
+        "array.prototype.flatmap": "^1.3.1",
+        "array.prototype.tosorted": "^1.1.1",
+        "doctrine": "^2.1.0",
+        "es-iterator-helpers": "^1.0.12",
+        "estraverse": "^5.3.0",
+        "jsx-ast-utils": "^2.4.1 || ^3.0.0",
+        "minimatch": "^3.1.2",
+        "object.entries": "^1.1.6",
+        "object.fromentries": "^2.0.6",
+        "object.hasown": "^1.1.2",
+        "object.values": "^1.1.6",
+        "prop-types": "^15.8.1",
+        "resolve": "^2.0.0-next.4",
+        "semver": "^6.3.1",
+        "string.prototype.matchall": "^4.0.8"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependencies": {
+        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8"
+      }
+    },
+    "node_modules/eslint-plugin-react-hooks": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.0.tgz",
+      "integrity": "sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0"
+      }
+    },
+    "node_modules/eslint-plugin-react/node_modules/doctrine": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
+      "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
+      "dev": true,
+      "dependencies": {
+        "esutils": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/eslint-plugin-react/node_modules/resolve": {
+      "version": "2.0.0-next.4",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.4.tgz",
+      "integrity": "sha512-iMDbmAWtfU+MHpxt/I5iWI7cY6YVEZUQ3MBgPQ++XD1PELuJHIl82xBmObyP2KyQmkNB2dsqF7seoQQiAn5yDQ==",
+      "dev": true,
+      "dependencies": {
+        "is-core-module": "^2.9.0",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/eslint-plugin-unicorn": {
+      "version": "46.0.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-unicorn/-/eslint-plugin-unicorn-46.0.0.tgz",
+      "integrity": "sha512-j07WkC+PFZwk8J33LYp6JMoHa1lXc1u6R45pbSAipjpfpb7KIGr17VE2D685zCxR5VL4cjrl65kTJflziQWMDA==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@babel/helper-validator-identifier": "^7.19.1",
+        "@eslint-community/eslint-utils": "^4.1.2",
+        "ci-info": "^3.6.1",
+        "clean-regexp": "^1.0.0",
+        "esquery": "^1.4.0",
+        "indent-string": "^4.0.0",
+        "is-builtin-module": "^3.2.0",
+        "jsesc": "^3.0.2",
+        "lodash": "^4.17.21",
+        "pluralize": "^8.0.0",
+        "read-pkg-up": "^7.0.1",
+        "regexp-tree": "^0.1.24",
+        "regjsparser": "^0.9.1",
+        "safe-regex": "^2.1.1",
+        "semver": "^7.3.8",
+        "strip-indent": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=14.18"
+      },
+      "funding": {
+        "url": "https://github.com/sindresorhus/eslint-plugin-unicorn?sponsor=1"
+      },
+      "peerDependencies": {
+        "eslint": ">=8.28.0"
+      }
+    },
+    "node_modules/eslint-plugin-unicorn/node_modules/jsesc": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.0.2.tgz",
+      "integrity": "sha512-xKqzzWXDttJuOcawBt4KnKHHIf5oQ/Cxax+0PWFG+DFDgHNAdi+TXECADI+RYiFUMmx8792xsMbbgXj4CwnP4g==",
+      "dev": true,
+      "peer": true,
+      "bin": {
+        "jsesc": "bin/jsesc"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/eslint-plugin-unicorn/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,
+      "peer": true,
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/eslint-rule-composer": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/eslint-rule-composer/-/eslint-rule-composer-0.3.0.tgz",
+      "integrity": "sha512-bt+Sh8CtDmn2OajxvNO+BX7Wn4CIWMpTRm3MaiKPCQcnnlm0CS2mhui6QaoeQugs+3Kj2ESKEEGJUdVafwhiCg==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/eslint-scope": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
+      "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^4.1.1"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/eslint-scope/node_modules/estraverse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
+      "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/eslint-visitor-keys": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+      "dev": true,
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint/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/eslint/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/eslint/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/eslint/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/eslint/node_modules/escape-string-regexp": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint/node_modules/eslint-scope": {
+      "version": "7.2.2",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz",
+      "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==",
+      "dev": true,
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint/node_modules/globals": {
+      "version": "13.20.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-13.20.0.tgz",
+      "integrity": "sha512-Qg5QtVkCy/kv3FUSlu4ukeZDVf9ee0iXLAUYX13gbR17bnejFTzr4iS9bY7kwCf1NztRNm1t91fjOiyx4CSwPQ==",
+      "dev": true,
+      "dependencies": {
+        "type-fest": "^0.20.2"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/espree": {
+      "version": "9.6.1",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz",
+      "integrity": "sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==",
+      "dev": true,
+      "dependencies": {
+        "acorn": "^8.9.0",
+        "acorn-jsx": "^5.3.2",
+        "eslint-visitor-keys": "^3.4.1"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/esquery": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.5.0.tgz",
+      "integrity": "sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==",
+      "dev": true,
+      "dependencies": {
+        "estraverse": "^5.1.0"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/esrecurse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
+      "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
+      "dev": true,
+      "dependencies": {
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/estraverse": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+      "dev": true,
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/esutils": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
+      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/event-target-shim": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/event-target-shim/-/event-target-shim-5.0.1.tgz",
+      "integrity": "sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/events": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
+      "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==",
+      "engines": {
+        "node": ">=0.8.x"
+      }
+    },
+    "node_modules/fast-deep-equal": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+      "dev": true
+    },
+    "node_modules/fast-glob": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.1.tgz",
+      "integrity": "sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==",
+      "dependencies": {
+        "@nodelib/fs.stat": "^2.0.2",
+        "@nodelib/fs.walk": "^1.2.3",
+        "glob-parent": "^5.1.2",
+        "merge2": "^1.3.0",
+        "micromatch": "^4.0.4"
+      },
+      "engines": {
+        "node": ">=8.6.0"
+      }
+    },
+    "node_modules/fast-glob/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/fast-json-stable-stringify": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
+      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
+      "dev": true
+    },
+    "node_modules/fast-levenshtein": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
+      "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
+      "dev": true
+    },
+    "node_modules/fast-redact": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/fast-redact/-/fast-redact-3.2.0.tgz",
+      "integrity": "sha512-zaTadChr+NekyzallAMXATXLOR8MNx3zqpZ0MUF2aGf4EathnG0f32VLODNlY8IuGY3HoRO2L6/6fSzNsLaHIw==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/fastq": {
+      "version": "1.13.0",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.13.0.tgz",
+      "integrity": "sha512-YpkpUnK8od0o1hmeSc7UUs/eB/vIPWJYjKck2QKIzAf71Vm1AAQ3EbuZB3g2JIy+pg+ERD0vqI79KyZiB2e2Nw==",
+      "dependencies": {
+        "reusify": "^1.0.4"
+      }
+    },
+    "node_modules/file-entry-cache": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
+      "integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==",
+      "dev": true,
+      "dependencies": {
+        "flat-cache": "^3.0.4"
+      },
+      "engines": {
+        "node": "^10.12.0 || >=12.0.0"
+      }
+    },
+    "node_modules/fill-range": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
+      "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "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/flat-cache": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.0.4.tgz",
+      "integrity": "sha512-dm9s5Pw7Jc0GvMYbshN6zchCA9RgQlzzEZX3vylR9IqFfS8XciblUXOKfW6SiuJ0e13eDYZoZV5wdrev7P3Nwg==",
+      "dev": true,
+      "dependencies": {
+        "flatted": "^3.1.0",
+        "rimraf": "^3.0.2"
+      },
+      "engines": {
+        "node": "^10.12.0 || >=12.0.0"
+      }
+    },
+    "node_modules/flatted": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.2.4.tgz",
+      "integrity": "sha512-8/sOawo8tJ4QOBX8YlQBMxL8+RLZfxMQOif9o0KUKTNTjMYElWPE0r/m5VNFxTRd0NSw8qSy8dajrwX4RYI1Hw==",
+      "dev": true
+    },
+    "node_modules/for-each": {
+      "version": "0.3.3",
+      "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz",
+      "integrity": "sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==",
+      "dev": true,
+      "dependencies": {
+        "is-callable": "^1.1.3"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "cross-spawn": "^7.0.0",
+        "signal-exit": "^4.0.1"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/fraction.js": {
+      "version": "4.3.7",
+      "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.7.tgz",
+      "integrity": "sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==",
+      "dev": true,
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "type": "patreon",
+        "url": "https://github.com/sponsors/rawify"
+      }
+    },
+    "node_modules/fs.realpath": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
+      "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8=",
+      "dev": true
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "hasInstallScript": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/function.prototype.name": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.6.tgz",
+      "integrity": "sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "functions-have-names": "^1.2.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/functions-have-names": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
+      "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/gensync": {
+      "version": "1.0.0-beta.2",
+      "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
+      "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/get-intrinsic": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.2.tgz",
+      "integrity": "sha512-0gSo4ml/0j98Y3lngkFEot/zhiCeWsbYIlZ+uZOVgzLyLaUw7wxUL+nCTP0XJvJg1AXulJRI3UJi8GsbDuxdGA==",
+      "dev": true,
+      "dependencies": {
+        "function-bind": "^1.1.2",
+        "has-proto": "^1.0.1",
+        "has-symbols": "^1.0.3",
+        "hasown": "^2.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-nonce": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/get-nonce/-/get-nonce-1.0.1.tgz",
+      "integrity": "sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/get-symbol-description": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.0.0.tgz",
+      "integrity": "sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-tsconfig": {
+      "version": "4.7.2",
+      "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.7.2.tgz",
+      "integrity": "sha512-wuMsz4leaj5hbGgg4IvDU0bqJagpftG5l5cXIAvo8uZrqn0NJqwtfupTN00VnkQJPcIRrxYrm1Ue24btpCha2A==",
+      "dev": true,
+      "dependencies": {
+        "resolve-pkg-maps": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/privatenumber/get-tsconfig?sponsor=1"
+      }
+    },
+    "node_modules/glob": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.0.tgz",
+      "integrity": "sha512-lmLf6gtyrPq8tTjSmrO94wBeQbFR3HbLHbuyD69wuyQkImp2hWqMGB47OX65FBkPffO641IP9jWa1z4ivqG26Q==",
+      "dev": true,
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.0.4",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      },
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/glob-parent": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "dependencies": {
+        "is-glob": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/globals": {
+      "version": "11.12.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz",
+      "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/globalthis": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.3.tgz",
+      "integrity": "sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==",
+      "dev": true,
+      "dependencies": {
+        "define-properties": "^1.1.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/globby": {
+      "version": "11.1.0",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
+      "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
+      "dev": true,
+      "dependencies": {
+        "array-union": "^2.1.0",
+        "dir-glob": "^3.0.1",
+        "fast-glob": "^3.2.9",
+        "ignore": "^5.2.0",
+        "merge2": "^1.4.1",
+        "slash": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/gopd": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz",
+      "integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==",
+      "dev": true,
+      "dependencies": {
+        "get-intrinsic": "^1.1.3"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/graceful-fs": {
+      "version": "4.2.11",
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ=="
+    },
+    "node_modules/graphemer": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
+      "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
+      "dev": true
+    },
+    "node_modules/has": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
+      "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
+      "dev": true,
+      "dependencies": {
+        "function-bind": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4.0"
+      }
+    },
+    "node_modules/has-bigints": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz",
+      "integrity": "sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/has-property-descriptors": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.0.tgz",
+      "integrity": "sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ==",
+      "dev": true,
+      "dependencies": {
+        "get-intrinsic": "^1.1.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.1.tgz",
+      "integrity": "sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-symbols": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
+      "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-tostringtag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.0.tgz",
+      "integrity": "sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==",
+      "dev": true,
+      "dependencies": {
+        "has-symbols": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.0.tgz",
+      "integrity": "sha512-vUptKVTpIJhcczKBbgnS+RtcuYMB8+oNzPK2/Hp3hanz8JmpATdmmgLgSaadVREkDm+e2giHwY3ZRkyjSIDDFA==",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/html-parse-stringify": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/html-parse-stringify/-/html-parse-stringify-3.0.1.tgz",
+      "integrity": "sha512-KknJ50kTInJ7qIScF3jeaFRpMpE8/lfiTdzf/twXyPBLAGrLRTmkz3AdTnKeh40X8k9L2fdYwEp/42WGXIRGcg==",
+      "dependencies": {
+        "void-elements": "3.1.0"
+      }
+    },
+    "node_modules/i18next": {
+      "version": "23.8.2",
+      "resolved": "https://registry.npmjs.org/i18next/-/i18next-23.8.2.tgz",
+      "integrity": "sha512-Z84zyEangrlERm0ZugVy4bIt485e/H8VecGUZkZWrH7BDePG6jT73QdL9EA1tRTTVVMpry/MgWIP1FjEn0DRXA==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://locize.com"
+        },
+        {
+          "type": "individual",
+          "url": "https://locize.com/i18next.html"
+        },
+        {
+          "type": "individual",
+          "url": "https://www.i18next.com/how-to/faq#i18next-is-awesome.-how-can-i-support-the-project"
+        }
+      ],
+      "dependencies": {
+        "@babel/runtime": "^7.23.2"
+      }
+    },
+    "node_modules/i18next-browser-languagedetector": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/i18next-browser-languagedetector/-/i18next-browser-languagedetector-7.2.0.tgz",
+      "integrity": "sha512-U00DbDtFIYD3wkWsr2aVGfXGAj2TgnELzOX9qv8bT0aJtvPV9CRO77h+vgmHFBMe7LAxdwvT/7VkCWGya6L3tA==",
+      "dependencies": {
+        "@babel/runtime": "^7.23.2"
+      }
+    },
+    "node_modules/i18next-resources-to-backend": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/i18next-resources-to-backend/-/i18next-resources-to-backend-1.2.0.tgz",
+      "integrity": "sha512-8f1l03s+QxDmCfpSXCh9V+AFcxAwIp0UaroWuyOx+hmmv8484GcELHs+lnu54FrNij8cDBEXvEwhzZoXsKcVpg==",
+      "dependencies": {
+        "@babel/runtime": "^7.23.2"
+      }
+    },
+    "node_modules/ieee754": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
+      "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==",
+      "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/ignore": {
+      "version": "5.2.4",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.4.tgz",
+      "integrity": "sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==",
+      "dev": true,
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/immer": {
+      "version": "10.0.3",
+      "resolved": "https://registry.npmjs.org/immer/-/immer-10.0.3.tgz",
+      "integrity": "sha512-pwupu3eWfouuaowscykeckFmVTpqbzW+rXFCX8rQLkZzM9ftBmU/++Ra+o+L27mz03zJTlyV4UUr+fdKNffo4A==",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/immer"
+      }
+    },
+    "node_modules/import-fresh": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
+      "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
+      "dev": true,
+      "dependencies": {
+        "parent-module": "^1.0.0",
+        "resolve-from": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/imurmurhash": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
+      "integrity": "sha1-khi5srkoojixPcT7a21XbyMUU+o=",
+      "dev": true,
+      "engines": {
+        "node": ">=0.8.19"
+      }
+    },
+    "node_modules/indent-string": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz",
+      "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/inflight": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
+      "integrity": "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=",
+      "dev": true,
+      "dependencies": {
+        "once": "^1.3.0",
+        "wrappy": "1"
+      }
+    },
+    "node_modules/inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+      "dev": true
+    },
+    "node_modules/internal-slot": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.5.tgz",
+      "integrity": "sha512-Y+R5hJrzs52QCG2laLn4udYVnxsfny9CpOhNhUvk/SSSVyF6T27FzRbF0sroPidSu3X8oEAkOn2K804mjpt6UQ==",
+      "dev": true,
+      "dependencies": {
+        "get-intrinsic": "^1.2.0",
+        "has": "^1.0.3",
+        "side-channel": "^1.0.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/invariant": {
+      "version": "2.2.4",
+      "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz",
+      "integrity": "sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==",
+      "dependencies": {
+        "loose-envify": "^1.0.0"
+      }
+    },
+    "node_modules/is-arguments": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.1.1.tgz",
+      "integrity": "sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-array-buffer": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.2.tgz",
+      "integrity": "sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgraytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.2.0",
+        "is-typed-array": "^1.1.10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-arrayish": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
+      "integrity": "sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0=",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/is-async-function": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/is-async-function/-/is-async-function-2.0.0.tgz",
+      "integrity": "sha512-Y1JXKrfykRJGdlDwdKlLpLyMIiWqWvuSd17TvZk68PLAOGOoF4Xyav1z0Xhoi+gCYjZVeC5SI+hYFOfvXmGRCA==",
+      "dev": true,
+      "dependencies": {
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-bigint": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.4.tgz",
+      "integrity": "sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==",
+      "dev": true,
+      "dependencies": {
+        "has-bigints": "^1.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-binary-path": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
+      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+      "dependencies": {
+        "binary-extensions": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-boolean-object": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.1.2.tgz",
+      "integrity": "sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-builtin-module": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/is-builtin-module/-/is-builtin-module-3.2.1.tgz",
+      "integrity": "sha512-BSLE3HnV2syZ0FK0iMA/yUGplUeMmNz4AW5fnTunbCIqZi4vG3WjJT9FHMy5D69xmAYBHXQhJdALdpwVxV501A==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "builtin-modules": "^3.3.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-callable": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
+      "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-core-module": {
+      "version": "2.13.1",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.13.1.tgz",
+      "integrity": "sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==",
+      "dependencies": {
+        "hasown": "^2.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-date-object": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.5.tgz",
+      "integrity": "sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==",
+      "dev": true,
+      "dependencies": {
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-finalizationregistry": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-finalizationregistry/-/is-finalizationregistry-1.0.2.tgz",
+      "integrity": "sha512-0by5vtUJs8iFQb5TYUHHPudOR+qXYIMKtiUzvLIZITZUjknFmziyBJuLhVRc+Ds0dREFlskDNJKYIdIzu/9pfw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-generator-function": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.0.10.tgz",
+      "integrity": "sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==",
+      "dev": true,
+      "dependencies": {
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-map": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.2.tgz",
+      "integrity": "sha512-cOZFQQozTha1f4MxLFzlgKYPTyj26picdZTx82hbc/Xf4K/tZOOXSCkMvU4pKioRXGDLJRn0GM7Upe7kR721yg==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-negative-zero": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.2.tgz",
+      "integrity": "sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/is-number-object": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.0.7.tgz",
+      "integrity": "sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==",
+      "dev": true,
+      "dependencies": {
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-path-inside": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
+      "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-regex": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz",
+      "integrity": "sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-set": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.2.tgz",
+      "integrity": "sha512-+2cnTEZeY5z/iXGbLhPrOAaK/Mau5k5eXq9j14CpRTftq0pAJu2MwVRSZhyZWBzx3o6X795Lz6Bpb6R0GKf37g==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-shared-array-buffer": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.2.tgz",
+      "integrity": "sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-string": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.0.7.tgz",
+      "integrity": "sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==",
+      "dev": true,
+      "dependencies": {
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-symbol": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.4.tgz",
+      "integrity": "sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==",
+      "dev": true,
+      "dependencies": {
+        "has-symbols": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-typed-array": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.12.tgz",
+      "integrity": "sha512-Z14TF2JNG8Lss5/HMqt0//T9JeHXttXy5pH/DBU4vi98ozO2btxzq9MwYDZYnKwU8nRsz/+GVFVRDq3DkVuSPg==",
+      "dev": true,
+      "dependencies": {
+        "which-typed-array": "^1.1.11"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakmap": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.1.tgz",
+      "integrity": "sha512-NSBR4kH5oVj1Uwvv970ruUkCV7O1mzgVFO4/rev2cLRda9Tm9HrL70ZPut4rOHgY0FNrUu9BCbXA2sdQ+x0chA==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakref": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.0.2.tgz",
+      "integrity": "sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakset": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.2.tgz",
+      "integrity": "sha512-t2yVvttHkQktwnNNmBQ98AhENLdPUTDTE21uPqAQ0ARwQfGeQKRVS0NNurH7bTf7RrvcVn1OOge45CnBeHCSmg==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.1.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/isarray": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
+      "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
+      "dev": true
+    },
+    "node_modules/isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha1-6PvzdNxVb/iUehDcsFctYz8s+hA="
+    },
+    "node_modules/iterator.prototype": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/iterator.prototype/-/iterator.prototype-1.1.2.tgz",
+      "integrity": "sha512-DR33HMMr8EzwuRL8Y9D3u2BMj8+RqSE850jfGu59kS7tbmPLzGkZmVSfyCFSDxuZiEY6Rzt3T2NA/qU+NwVj1w==",
+      "dev": true,
+      "dependencies": {
+        "define-properties": "^1.2.1",
+        "get-intrinsic": "^1.2.1",
+        "has-symbols": "^1.0.3",
+        "reflect.getprototypeof": "^1.0.4",
+        "set-function-name": "^2.0.1"
+      }
+    },
+    "node_modules/jackspeak": {
+      "version": "2.3.6",
+      "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-2.3.6.tgz",
+      "integrity": "sha512-N3yCS/NegsOBokc8GAdM8UcmfsKiSS8cipheD/nivzr700H+nsMOxJjQnvwOcRYVuFkdH0wGUvW2WbXGmrZGbQ==",
+      "dependencies": {
+        "@isaacs/cliui": "^8.0.2"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      },
+      "optionalDependencies": {
+        "@pkgjs/parseargs": "^0.11.0"
+      }
+    },
+    "node_modules/jiti": {
+      "version": "1.21.0",
+      "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.0.tgz",
+      "integrity": "sha512-gFqAIbuKyyso/3G2qhiO2OM6shY6EPP/R0+mkDbyspxKazh8BXDC5FiFsUjlczgdNz/vfra0da2y+aHrusLG/Q==",
+      "bin": {
+        "jiti": "bin/jiti.js"
+      }
+    },
+    "node_modules/js-tokens": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="
+    },
+    "node_modules/js-yaml": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
+      "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
+      "dev": true,
+      "dependencies": {
+        "argparse": "^2.0.1"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
+    "node_modules/jsesc": {
+      "version": "2.5.2",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz",
+      "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==",
+      "dev": true,
+      "peer": true,
+      "bin": {
+        "jsesc": "bin/jsesc"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/json-parse-even-better-errors": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
+      "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/json-schema-traverse": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+      "dev": true
+    },
+    "node_modules/json-stable-stringify-without-jsonify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
+      "integrity": "sha1-nbe1lJatPzz+8wp1FC0tkwrXJlE=",
+      "dev": true
+    },
+    "node_modules/json5": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
+      "dev": true,
+      "peer": true,
+      "bin": {
+        "json5": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/jsx-ast-utils": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.3.3.tgz",
+      "integrity": "sha512-fYQHZTZ8jSfmWZ0iyzfwiU4WDX4HpHbMCZ3gPlWYiCl3BoeOTsqKBqnTVfH2rYT7eP5c3sVbeSPHnnJOaTrWiw==",
+      "dev": true,
+      "dependencies": {
+        "array-includes": "^3.1.5",
+        "object.assign": "^4.1.3"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/jwt-decode": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/jwt-decode/-/jwt-decode-3.1.2.tgz",
+      "integrity": "sha512-UfpWE/VZn0iP50d8cz9NrZLM9lSWhcJ+0Gt/nm4by88UL+J1SiKN8/5dkjMmbEzwL2CAe+67GsegCbIKtbp75A=="
+    },
+    "node_modules/language-subtag-registry": {
+      "version": "0.3.21",
+      "resolved": "https://registry.npmjs.org/language-subtag-registry/-/language-subtag-registry-0.3.21.tgz",
+      "integrity": "sha512-L0IqwlIXjilBVVYKFT37X9Ih11Um5NEl9cbJIuU/SwP/zEEAbBPOnEeeuxVMf45ydWQRDQN3Nqc96OgbH1K+Pg==",
+      "dev": true
+    },
+    "node_modules/language-tags": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/language-tags/-/language-tags-1.0.5.tgz",
+      "integrity": "sha1-0yHbxNowuovzAk4ED6XBRmH5GTo=",
+      "dev": true,
+      "dependencies": {
+        "language-subtag-registry": "~0.3.2"
+      }
+    },
+    "node_modules/levn": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
+      "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
+      "dev": true,
+      "dependencies": {
+        "prelude-ls": "^1.2.1",
+        "type-check": "~0.4.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/lilconfig": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.1.0.tgz",
+      "integrity": "sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/lines-and-columns": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
+      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg=="
+    },
+    "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/lodash": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
+    },
+    "node_modules/lodash.merge": {
+      "version": "4.6.2",
+      "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
+      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
+      "dev": true
+    },
+    "node_modules/loglevel": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/loglevel/-/loglevel-1.8.0.tgz",
+      "integrity": "sha512-G6A/nJLRgWOuuwdNuA6koovfEV1YpqqAG4pRUlFaz3jj2QNZ8M4vBqnVA+HBTmU/AMNUtlOsMmSpF6NyOjztbA==",
+      "engines": {
+        "node": ">= 0.6.0"
+      },
+      "funding": {
+        "type": "tidelift",
+        "url": "https://tidelift.com/funding/github/npm/loglevel"
+      }
+    },
+    "node_modules/loose-envify": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
+      "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+      "dependencies": {
+        "js-tokens": "^3.0.0 || ^4.0.0"
+      },
+      "bin": {
+        "loose-envify": "cli.js"
+      }
+    },
+    "node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dev": true,
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/matrix-events-sdk": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/matrix-events-sdk/-/matrix-events-sdk-0.0.1.tgz",
+      "integrity": "sha512-1QEOsXO+bhyCroIe2/A5OwaxHvBm7EsSQ46DEDn8RBIfQwN5HWBpFvyWWR4QY0KHPPnnJdI99wgRiAl7Ad5qaA=="
+    },
+    "node_modules/matrix-js-sdk": {
+      "version": "31.3.0",
+      "resolved": "https://registry.npmjs.org/matrix-js-sdk/-/matrix-js-sdk-31.3.0.tgz",
+      "integrity": "sha512-RwpHQxb8DWBaE7yzrTfSfO1N4jyk6ilcu/Zt3VFqwmeym/0ipVUy98sB2JXOf6E+MdG1w4WzOIxQu2R7GpPZ2g==",
+      "dependencies": {
+        "@babel/runtime": "^7.12.5",
+        "@matrix-org/matrix-sdk-crypto-wasm": "^4.3.0",
+        "another-json": "^0.2.0",
+        "bs58": "^5.0.0",
+        "content-type": "^1.0.4",
+        "jwt-decode": "^3.1.2",
+        "loglevel": "^1.7.1",
+        "matrix-events-sdk": "0.0.1",
+        "matrix-widget-api": "^1.6.0",
+        "oidc-client-ts": "^2.2.4",
+        "p-retry": "4",
+        "sdp-transform": "^2.14.1",
+        "unhomoglyph": "^1.0.6",
+        "uuid": "9"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/matrix-widget-api": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/matrix-widget-api/-/matrix-widget-api-1.6.0.tgz",
+      "integrity": "sha512-VXIJyAZ/WnBmT4C7ePqevgMYGneKMCP/0JuCOqntSsaNlCRHJvwvTxmqUU+ufOpzIF5gYNyIrAjbgrEbK3iqJQ==",
+      "dependencies": {
+        "@types/events": "^3.0.0",
+        "events": "^3.2.0"
+      }
+    },
+    "node_modules/merge2": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/micromatch": {
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
+      "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
+      "dependencies": {
+        "braces": "^3.0.2",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/min-indent": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/min-indent/-/min-indent-1.0.1.tgz",
+      "integrity": "sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/minimist": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
+      "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/minipass": {
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.0.4.tgz",
+      "integrity": "sha512-jYofLM5Dam9279rdkWzqHozUo4ybjdZmCsDHePy5V/PbBcVMiSZR97gmAy45aqi8CK1lG2ECd356FU86avfwUQ==",
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      }
+    },
+    "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/mz": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz",
+      "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==",
+      "dependencies": {
+        "any-promise": "^1.0.0",
+        "object-assign": "^4.0.1",
+        "thenify-all": "^1.0.0"
+      }
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.7",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz",
+      "integrity": "sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/natural-compare": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
+      "integrity": "sha1-Sr6/7tdUHywnrPspvbvRXI1bpPc=",
+      "dev": true
+    },
+    "node_modules/natural-compare-lite": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/natural-compare-lite/-/natural-compare-lite-1.4.0.tgz",
+      "integrity": "sha512-Tj+HTDSJJKaZnfiuw+iaF9skdPpTo2GtEly5JHnWV/hfv2Qj/9RKsGISQtLh2ox3l5EAGw487hnBee0sIJ6v2g==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/next": {
+      "version": "14.1.0",
+      "resolved": "https://registry.npmjs.org/next/-/next-14.1.0.tgz",
+      "integrity": "sha512-wlzrsbfeSU48YQBjZhDzOwhWhGsy+uQycR8bHAOt1LY1bn3zZEcDyHQOEoN3aWzQ8LHCAJ1nqrWCc9XF2+O45Q==",
+      "dependencies": {
+        "@next/env": "14.1.0",
+        "@swc/helpers": "0.5.2",
+        "busboy": "1.6.0",
+        "caniuse-lite": "^1.0.30001579",
+        "graceful-fs": "^4.2.11",
+        "postcss": "8.4.31",
+        "styled-jsx": "5.1.1"
+      },
+      "bin": {
+        "next": "dist/bin/next"
+      },
+      "engines": {
+        "node": ">=18.17.0"
+      },
+      "optionalDependencies": {
+        "@next/swc-darwin-arm64": "14.1.0",
+        "@next/swc-darwin-x64": "14.1.0",
+        "@next/swc-linux-arm64-gnu": "14.1.0",
+        "@next/swc-linux-arm64-musl": "14.1.0",
+        "@next/swc-linux-x64-gnu": "14.1.0",
+        "@next/swc-linux-x64-musl": "14.1.0",
+        "@next/swc-win32-arm64-msvc": "14.1.0",
+        "@next/swc-win32-ia32-msvc": "14.1.0",
+        "@next/swc-win32-x64-msvc": "14.1.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.1.0",
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0",
+        "sass": "^1.3.0"
+      },
+      "peerDependenciesMeta": {
+        "@opentelemetry/api": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/next/node_modules/postcss": {
+      "version": "8.4.31",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
+      "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "nanoid": "^3.3.6",
+        "picocolors": "^1.0.0",
+        "source-map-js": "^1.0.2"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/node-releases": {
+      "version": "2.0.14",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.14.tgz",
+      "integrity": "sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==",
+      "dev": true
+    },
+    "node_modules/normalize-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/normalize-range": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
+      "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/normalize.css": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/normalize.css/-/normalize.css-8.0.1.tgz",
+      "integrity": "sha512-qizSNPO93t1YUuUhP22btGOo3chcvDFqFaj2TRybP0DMxkHOCTYwp3n34fel4a31ORXy4m1Xq0Gyqpb5m33qIg=="
+    },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-hash": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz",
+      "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/object-inspect": {
+      "version": "1.13.1",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.1.tgz",
+      "integrity": "sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object-is": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/object-is/-/object-is-1.1.5.tgz",
+      "integrity": "sha512-3cyDsyHgtmi7I7DfSSI2LDp6SK2lwvtbg0p0R1e0RvTqF5ceGx+K2dfSjm1bKDMVCFEDAQvy+o8c6a7VujOddw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object-keys": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
+      "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object.assign": {
+      "version": "4.1.4",
+      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.4.tgz",
+      "integrity": "sha512-1mxKf0e58bvyjSCtKYY4sRe9itRk3PJpquJOjeIkz885CczcI4IvJJDLPS72oowuSh+pBxUFROpX+TU++hxhZQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.4",
+        "has-symbols": "^1.0.3",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.entries": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/object.entries/-/object.entries-1.1.6.tgz",
+      "integrity": "sha512-leTPzo4Zvg3pmbQ3rDK69Rl8GQvIqMWubrkxONG9/ojtFE2rD9fjMKfSI5BxW3osRH1m6VdzmqK8oAY9aT4x5w==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.4",
+        "es-abstract": "^1.20.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object.fromentries": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.7.tgz",
+      "integrity": "sha512-UPbPHML6sL8PI/mOqPwsH4G6iyXcCGzLin8KvEPenOZN5lpCNBZZQ+V62vdjB1mQHrmqGQt5/OJzemUA+KJmEA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.groupby": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/object.groupby/-/object.groupby-1.0.1.tgz",
+      "integrity": "sha512-HqaQtqLnp/8Bn4GL16cj+CUYbnpe1bh0TtEaWvybszDG4tgxCJuRpV8VGuvNaI1fAnI4lUJzDG55MXcOH4JZcQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "get-intrinsic": "^1.2.1"
+      }
+    },
+    "node_modules/object.hasown": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/object.hasown/-/object.hasown-1.1.2.tgz",
+      "integrity": "sha512-B5UIT3J1W+WuWIU55h0mjlwaqxiE5vYENJXIXZ4VFe05pNYrkKuK0U/6aFcb0pKywYJh7IhfoqUfKVmrJJHZHw==",
+      "dev": true,
+      "dependencies": {
+        "define-properties": "^1.1.4",
+        "es-abstract": "^1.20.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.values": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.1.7.tgz",
+      "integrity": "sha512-aU6xnDFYT3x17e/f0IiiwlGPTy2jzMySGfUB4fq6z7CV8l85CWHDk5ErhyhpfDHhrOMwGFhSQkhMGHaIotA6Ng==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/oidc-client-ts": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/oidc-client-ts/-/oidc-client-ts-2.4.0.tgz",
+      "integrity": "sha512-WijhkTrlXK2VvgGoakWJiBdfIsVGz6CFzgjNNqZU1hPKV2kyeEaJgLs7RwuiSp2WhLfWBQuLvr2SxVlZnk3N1w==",
+      "dependencies": {
+        "crypto-js": "^4.2.0",
+        "jwt-decode": "^3.1.2"
+      },
+      "engines": {
+        "node": ">=12.13.0"
+      }
+    },
+    "node_modules/on-exit-leak-free": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/on-exit-leak-free/-/on-exit-leak-free-2.1.0.tgz",
+      "integrity": "sha512-VuCaZZAjReZ3vUwgOB8LxAosIurDiAW0s13rI1YwmaP++jvcxP77AWoQvenZebpCA2m8WC1/EosPYPMjnRAp/w=="
+    },
+    "node_modules/once": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+      "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=",
+      "dev": true,
+      "dependencies": {
+        "wrappy": "1"
+      }
+    },
+    "node_modules/optionator": {
+      "version": "0.9.3",
+      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.3.tgz",
+      "integrity": "sha512-JjCoypp+jKn1ttEFExxhetCKeJt9zhAgAve5FXHixTvFDW/5aEktX9bufBKLRRMdU7bNtpLfcGu94B3cdEJgjg==",
+      "dev": true,
+      "dependencies": {
+        "@aashutoshrathi/word-wrap": "^1.2.3",
+        "deep-is": "^0.1.3",
+        "fast-levenshtein": "^2.0.6",
+        "levn": "^0.4.1",
+        "prelude-ls": "^1.2.1",
+        "type-check": "^0.4.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/p-limit": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+      "dev": true,
+      "dependencies": {
+        "yocto-queue": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "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/p-retry": {
+      "version": "4.6.1",
+      "resolved": "https://registry.npmjs.org/p-retry/-/p-retry-4.6.1.tgz",
+      "integrity": "sha512-e2xXGNhZOZ0lfgR9kL34iGlU8N/KO0xZnQxVEwdeOvpqNDQfdnxIYizvWtK8RglUa3bGqI8g0R/BdfzLMxRkiA==",
+      "dependencies": {
+        "@types/retry": "^0.12.0",
+        "retry": "^0.13.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/parent-module": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
+      "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
+      "dev": true,
+      "dependencies": {
+        "callsites": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/parse-json": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
+      "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@babel/code-frame": "^7.0.0",
+        "error-ex": "^1.3.1",
+        "json-parse-even-better-errors": "^2.3.0",
+        "lines-and-columns": "^1.1.6"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/path-exists": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-is-absolute": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+      "integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18=",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/path-key": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-parse": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw=="
+    },
+    "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==",
+      "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.2.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.2.0.tgz",
+      "integrity": "sha512-2bIM8x+VAf6JT4bKAljS1qUWgMsqZRPGJS6FSahIMPVvctcNhyVp7AJu7quxOW9jwkryBReKZY5tY5JYv2n/7Q==",
+      "engines": {
+        "node": "14 || >=16.14"
+      }
+    },
+    "node_modules/path-type": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
+      "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/picocolors": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
+      "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ=="
+    },
+    "node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/pino": {
+      "version": "8.18.0",
+      "resolved": "https://registry.npmjs.org/pino/-/pino-8.18.0.tgz",
+      "integrity": "sha512-Mz/gKiRyuXu4HnpHgi1YWdHQCoWMufapzooisvFn78zl4dZciAxS+YeRkUxXl1ee/SzU80YCz1zpECCh4oC6Aw==",
+      "dependencies": {
+        "atomic-sleep": "^1.0.0",
+        "fast-redact": "^3.1.1",
+        "on-exit-leak-free": "^2.1.0",
+        "pino-abstract-transport": "v1.1.0",
+        "pino-std-serializers": "^6.0.0",
+        "process-warning": "^3.0.0",
+        "quick-format-unescaped": "^4.0.3",
+        "real-require": "^0.2.0",
+        "safe-stable-stringify": "^2.3.1",
+        "sonic-boom": "^3.7.0",
+        "thread-stream": "^2.0.0"
+      },
+      "bin": {
+        "pino": "bin.js"
+      }
+    },
+    "node_modules/pino-abstract-transport": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/pino-abstract-transport/-/pino-abstract-transport-1.1.0.tgz",
+      "integrity": "sha512-lsleG3/2a/JIWUtf9Q5gUNErBqwIu1tUKTT3dUzaf5DySw9ra1wcqKjJjLX1VTY64Wk1eEOYsVGSaGfCK85ekA==",
+      "dependencies": {
+        "readable-stream": "^4.0.0",
+        "split2": "^4.0.0"
+      }
+    },
+    "node_modules/pino-std-serializers": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/pino-std-serializers/-/pino-std-serializers-6.2.2.tgz",
+      "integrity": "sha512-cHjPPsE+vhj/tnhCy/wiMh3M3z3h/j15zHQX+S9GkTBgqJuTuJzYJ4gUyACLhDaJ7kk9ba9iRDmbH2tJU03OiA=="
+    },
+    "node_modules/pirates": {
+      "version": "4.0.6",
+      "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.6.tgz",
+      "integrity": "sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/pluralize": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/pluralize/-/pluralize-8.0.0.tgz",
+      "integrity": "sha512-Nc3IT5yHzflTfbjgqWcCPpo7DaKy4FnpB0l/zCAW0Tc7jxAiuqSxHasntB3D7887LSrA93kDJ9IXovxJYxyLCA==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.4.33",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.33.tgz",
+      "integrity": "sha512-Kkpbhhdjw2qQs2O2DGX+8m5OVqEcbB9HRBvuYM9pgrjEFUg30A9LmXNlTAUj4S9kgtGyrMbTzVjH7E+s5Re2yg==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "nanoid": "^3.3.7",
+        "picocolors": "^1.0.0",
+        "source-map-js": "^1.0.2"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/postcss-import": {
+      "version": "15.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz",
+      "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==",
+      "dependencies": {
+        "postcss-value-parser": "^4.0.0",
+        "read-cache": "^1.0.0",
+        "resolve": "^1.1.7"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.0.0"
+      }
+    },
+    "node_modules/postcss-js": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.0.1.tgz",
+      "integrity": "sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==",
+      "dependencies": {
+        "camelcase-css": "^2.0.1"
+      },
+      "engines": {
+        "node": "^12 || ^14 || >= 16"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4.21"
+      }
+    },
+    "node_modules/postcss-load-config": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-4.0.2.tgz",
+      "integrity": "sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "lilconfig": "^3.0.0",
+        "yaml": "^2.3.4"
+      },
+      "engines": {
+        "node": ">= 14"
+      },
+      "peerDependencies": {
+        "postcss": ">=8.0.9",
+        "ts-node": ">=9.0.0"
+      },
+      "peerDependenciesMeta": {
+        "postcss": {
+          "optional": true
+        },
+        "ts-node": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/postcss-load-config/node_modules/lilconfig": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.0.0.tgz",
+      "integrity": "sha512-K2U4W2Ff5ibV7j7ydLr+zLAkIg5JJ4lPn1Ltsdt+Tz/IjQ8buJ55pZAxoP34lqIiwtF9iAvtLv3JGv7CAyAg+g==",
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/postcss-nested": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.0.1.tgz",
+      "integrity": "sha512-mEp4xPMi5bSWiMbsgoPfcP74lsWLHkQbZc3sY+jWYd65CUwXrUaTp0fmNpa01ZcETKlIgUdFN/MpS2xZtqL9dQ==",
+      "dependencies": {
+        "postcss-selector-parser": "^6.0.11"
+      },
+      "engines": {
+        "node": ">=12.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.14"
+      }
+    },
+    "node_modules/postcss-selector-parser": {
+      "version": "6.0.15",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.15.tgz",
+      "integrity": "sha512-rEYkQOMUCEMhsKbK66tbEU9QVIxbhN18YiniAwA7XQYTVBqrBy+P2p5JcdqsHgKM2zWylp8d7J6eszocfds5Sw==",
+      "dependencies": {
+        "cssesc": "^3.0.0",
+        "util-deprecate": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/postcss-value-parser": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
+      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ=="
+    },
+    "node_modules/prelude-ls": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
+      "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/prettier": {
+      "version": "3.2.5",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.2.5.tgz",
+      "integrity": "sha512-3/GWa9aOC0YeD7LUfvOG2NiDyhOWRvt1k+rcKhOuYnMY24iiCphgneUfJDyFXd6rZCAnuLBv6UeAULtrhT/F4A==",
+      "dev": true,
+      "bin": {
+        "prettier": "bin/prettier.cjs"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/prettier/prettier?sponsor=1"
+      }
+    },
+    "node_modules/prettier-plugin-tailwindcss": {
+      "version": "0.5.11",
+      "resolved": "https://registry.npmjs.org/prettier-plugin-tailwindcss/-/prettier-plugin-tailwindcss-0.5.11.tgz",
+      "integrity": "sha512-AvI/DNyMctyyxGOjyePgi/gqj5hJYClZ1avtQvLlqMT3uDZkRbi4HhGUpok3DRzv9z7Lti85Kdj3s3/1CeNI0w==",
+      "dev": true,
+      "engines": {
+        "node": ">=14.21.3"
+      },
+      "peerDependencies": {
+        "@ianvs/prettier-plugin-sort-imports": "*",
+        "@prettier/plugin-pug": "*",
+        "@shopify/prettier-plugin-liquid": "*",
+        "@trivago/prettier-plugin-sort-imports": "*",
+        "prettier": "^3.0",
+        "prettier-plugin-astro": "*",
+        "prettier-plugin-css-order": "*",
+        "prettier-plugin-import-sort": "*",
+        "prettier-plugin-jsdoc": "*",
+        "prettier-plugin-marko": "*",
+        "prettier-plugin-organize-attributes": "*",
+        "prettier-plugin-organize-imports": "*",
+        "prettier-plugin-style-order": "*",
+        "prettier-plugin-svelte": "*"
+      },
+      "peerDependenciesMeta": {
+        "@ianvs/prettier-plugin-sort-imports": {
+          "optional": true
+        },
+        "@prettier/plugin-pug": {
+          "optional": true
+        },
+        "@shopify/prettier-plugin-liquid": {
+          "optional": true
+        },
+        "@trivago/prettier-plugin-sort-imports": {
+          "optional": true
+        },
+        "prettier-plugin-astro": {
+          "optional": true
+        },
+        "prettier-plugin-css-order": {
+          "optional": true
+        },
+        "prettier-plugin-import-sort": {
+          "optional": true
+        },
+        "prettier-plugin-jsdoc": {
+          "optional": true
+        },
+        "prettier-plugin-marko": {
+          "optional": true
+        },
+        "prettier-plugin-organize-attributes": {
+          "optional": true
+        },
+        "prettier-plugin-organize-imports": {
+          "optional": true
+        },
+        "prettier-plugin-style-order": {
+          "optional": true
+        },
+        "prettier-plugin-svelte": {
+          "optional": true
+        },
+        "prettier-plugin-twig-melody": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/process": {
+      "version": "0.11.10",
+      "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz",
+      "integrity": "sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==",
+      "engines": {
+        "node": ">= 0.6.0"
+      }
+    },
+    "node_modules/process-warning": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/process-warning/-/process-warning-3.0.0.tgz",
+      "integrity": "sha512-mqn0kFRl0EoqhnL0GQ0veqFHyIN1yig9RHh/InzORTUiZHFRAur+aMtRkELNwGs9aNwKS6tg/An4NYBPGwvtzQ=="
+    },
+    "node_modules/prop-types": {
+      "version": "15.8.1",
+      "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
+      "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
+      "dev": true,
+      "dependencies": {
+        "loose-envify": "^1.4.0",
+        "object-assign": "^4.1.1",
+        "react-is": "^16.13.1"
+      }
+    },
+    "node_modules/prop-types/node_modules/react-is": {
+      "version": "16.13.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
+      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
+      "dev": true
+    },
+    "node_modules/punycode": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz",
+      "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/queue-microtask": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
+      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+      "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/quick-format-unescaped": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/quick-format-unescaped/-/quick-format-unescaped-4.0.4.tgz",
+      "integrity": "sha512-tYC1Q1hgyRuHgloV/YXs2w15unPVh8qfu/qCTfhTYamaw7fyhumKa2yGpdSo87vY32rIclj+4fWYQXUMs9EHvg=="
+    },
+    "node_modules/react": {
+      "version": "18.2.0",
+      "resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz",
+      "integrity": "sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==",
+      "dependencies": {
+        "loose-envify": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-dom": {
+      "version": "18.2.0",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz",
+      "integrity": "sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==",
+      "dependencies": {
+        "loose-envify": "^1.1.0",
+        "scheduler": "^0.23.0"
+      },
+      "peerDependencies": {
+        "react": "^18.2.0"
+      }
+    },
+    "node_modules/react-i18next": {
+      "version": "14.0.5",
+      "resolved": "https://registry.npmjs.org/react-i18next/-/react-i18next-14.0.5.tgz",
+      "integrity": "sha512-5+bQSeEtgJrMBABBL5lO7jPdSNAbeAZ+MlFWDw//7FnVacuVu3l9EeWFzBQvZsKy+cihkbThWOAThEdH8YjGEw==",
+      "dependencies": {
+        "@babel/runtime": "^7.23.9",
+        "html-parse-stringify": "^3.0.1"
+      },
+      "peerDependencies": {
+        "i18next": ">= 23.2.3",
+        "react": ">= 16.8.0"
+      },
+      "peerDependenciesMeta": {
+        "react-dom": {
+          "optional": true
+        },
+        "react-native": {
+          "optional": true
+        }
+      }
+    },
+    "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==",
+      "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/react-remove-scroll-bar": {
+      "version": "2.3.4",
+      "resolved": "https://registry.npmjs.org/react-remove-scroll-bar/-/react-remove-scroll-bar-2.3.4.tgz",
+      "integrity": "sha512-63C4YQBUt0m6ALadE9XV56hV8BgJWDmmTPY758iIJjfQKt2nYwoUrPk0LXRXcB/yIj82T1/Ixfdpdk68LwIB0A==",
+      "dependencies": {
+        "react-style-singleton": "^2.2.1",
+        "tslib": "^2.0.0"
+      },
+      "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/react-style-singleton": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/react-style-singleton/-/react-style-singleton-2.2.1.tgz",
+      "integrity": "sha512-ZWj0fHEMyWkHzKYUr2Bs/4zU6XLmq9HsgBURm7g5pAVfyn49DgUiNgY2d4lXRlYSiCif9YBGpQleewkcqddc7g==",
+      "dependencies": {
+        "get-nonce": "^1.0.0",
+        "invariant": "^2.2.4",
+        "tslib": "^2.0.0"
+      },
+      "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/read-cache": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
+      "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==",
+      "dependencies": {
+        "pify": "^2.3.0"
+      }
+    },
+    "node_modules/read-cache/node_modules/pify": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+      "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/read-pkg": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-5.2.0.tgz",
+      "integrity": "sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@types/normalize-package-data": "^2.4.0",
+        "normalize-package-data": "^2.5.0",
+        "parse-json": "^5.0.0",
+        "type-fest": "^0.6.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/read-pkg-up": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-7.0.1.tgz",
+      "integrity": "sha512-zK0TB7Xd6JpCLmlLmufqykGE+/TlOePD6qKClNW7hHDKFh/J7/7gCWGR7joEQEW1bKq3a3yUZSObOoWLFQ4ohg==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "find-up": "^4.1.0",
+        "read-pkg": "^5.2.0",
+        "type-fest": "^0.8.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/read-pkg-up/node_modules/find-up": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
+      "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "locate-path": "^5.0.0",
+        "path-exists": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/read-pkg-up/node_modules/locate-path": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
+      "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "p-locate": "^4.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/read-pkg-up/node_modules/p-limit": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
+      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "p-try": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/read-pkg-up/node_modules/p-locate": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
+      "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "p-limit": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/read-pkg-up/node_modules/p-try": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
+      "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/read-pkg-up/node_modules/type-fest": {
+      "version": "0.8.1",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz",
+      "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/read-pkg/node_modules/hosted-git-info": {
+      "version": "2.8.9",
+      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.9.tgz",
+      "integrity": "sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/read-pkg/node_modules/normalize-package-data": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.5.0.tgz",
+      "integrity": "sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "hosted-git-info": "^2.1.4",
+        "resolve": "^1.10.0",
+        "semver": "2 || 3 || 4 || 5",
+        "validate-npm-package-license": "^3.0.1"
+      }
+    },
+    "node_modules/read-pkg/node_modules/semver": {
+      "version": "5.7.2",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
+      "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
+      "dev": true,
+      "peer": true,
+      "bin": {
+        "semver": "bin/semver"
+      }
+    },
+    "node_modules/read-pkg/node_modules/type-fest": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.6.0.tgz",
+      "integrity": "sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/readable-stream": {
+      "version": "4.4.2",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-4.4.2.tgz",
+      "integrity": "sha512-Lk/fICSyIhodxy1IDK2HazkeGjSmezAWX2egdtJnYhtzKEsBPJowlI6F6LPb5tqIQILrMbx22S5o3GuJavPusA==",
+      "dependencies": {
+        "abort-controller": "^3.0.0",
+        "buffer": "^6.0.3",
+        "events": "^3.3.0",
+        "process": "^0.11.10",
+        "string_decoder": "^1.3.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      }
+    },
+    "node_modules/readdirp": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+      "dependencies": {
+        "picomatch": "^2.2.1"
+      },
+      "engines": {
+        "node": ">=8.10.0"
+      }
+    },
+    "node_modules/real-require": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/real-require/-/real-require-0.2.0.tgz",
+      "integrity": "sha512-57frrGM/OCTLqLOAh0mhVA9VBMHd+9U7Zb2THMGdBUoZVOtGbJzjxsYGDJ3A9AYYCP4hn6y1TVbaOfzWtm5GFg==",
+      "engines": {
+        "node": ">= 12.13.0"
+      }
+    },
+    "node_modules/reflect.getprototypeof": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.4.tgz",
+      "integrity": "sha512-ECkTw8TmJwW60lOTR+ZkODISW6RQ8+2CL3COqtiJKLd6MmB45hN51HprHFziKLGkAuTGQhBb91V8cy+KHlaCjw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "get-intrinsic": "^1.2.1",
+        "globalthis": "^1.0.3",
+        "which-builtin-type": "^1.1.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "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/regexp-tree": {
+      "version": "0.1.27",
+      "resolved": "https://registry.npmjs.org/regexp-tree/-/regexp-tree-0.1.27.tgz",
+      "integrity": "sha512-iETxpjK6YoRWJG5o6hXLwvjYAoW+FEZn9os0PD/b6AP6xQwsa/Y7lCVgIixBbUPMfhu+i2LtdeAqVTgGlQarfA==",
+      "dev": true,
+      "peer": true,
+      "bin": {
+        "regexp-tree": "bin/regexp-tree"
+      }
+    },
+    "node_modules/regexp.prototype.flags": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.1.tgz",
+      "integrity": "sha512-sy6TXMN+hnP/wMy+ISxg3krXx7BAtWVO4UouuCN/ziM9UEne0euamVNafDfvC83bRNr95y0V5iijeDQFUNpvrg==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "set-function-name": "^2.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/regjsparser": {
+      "version": "0.9.1",
+      "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.9.1.tgz",
+      "integrity": "sha512-dQUtn90WanSNl+7mQKcXAgZxvUe7Z0SqXlgzv0za4LwiUhyzBC58yQO3liFoUgu8GiJVInAhJjkj1N0EtQ5nkQ==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "jsesc": "~0.5.0"
+      },
+      "bin": {
+        "regjsparser": "bin/parser"
+      }
+    },
+    "node_modules/regjsparser/node_modules/jsesc": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-0.5.0.tgz",
+      "integrity": "sha512-uZz5UnB7u4T9LvwmFqXii7pZSouaRPorGs5who1Ip7VO0wxanFvBL7GkM6dTHlgX+jhBApRetaWpnDabOeTcnA==",
+      "dev": true,
+      "peer": true,
+      "bin": {
+        "jsesc": "bin/jsesc"
+      }
+    },
+    "node_modules/resolve": {
+      "version": "1.22.8",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz",
+      "integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==",
+      "dependencies": {
+        "is-core-module": "^2.13.0",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/resolve-from": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/resolve-pkg-maps": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz",
+      "integrity": "sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/privatenumber/resolve-pkg-maps?sponsor=1"
+      }
+    },
+    "node_modules/retry": {
+      "version": "0.13.1",
+      "resolved": "https://registry.npmjs.org/retry/-/retry-0.13.1.tgz",
+      "integrity": "sha512-XQBQ3I8W1Cge0Seh+6gjj03LbmRFWuoszgK9ooCpwYIrhhoO80pfq4cUkU5DkknwfOfFteRwlZ56PYOGYyFWdg==",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/reusify": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
+      "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
+      "engines": {
+        "iojs": ">=1.0.0",
+        "node": ">=0.10.0"
+      }
+    },
+    "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/run-parallel": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
+      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+      "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": {
+        "queue-microtask": "^1.2.2"
+      }
+    },
+    "node_modules/safe-array-concat": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.0.1.tgz",
+      "integrity": "sha512-6XbUAseYE2KtOuGueyeobCySj9L4+66Tn6KQMOPQJrAJEowYKW/YR/MGJZl7FdydUdaFu4LYyDZjxf4/Nmo23Q==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.2.1",
+        "has-symbols": "^1.0.3",
+        "isarray": "^2.0.5"
+      },
+      "engines": {
+        "node": ">=0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "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/safe-regex": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/safe-regex/-/safe-regex-2.1.1.tgz",
+      "integrity": "sha512-rx+x8AMzKb5Q5lQ95Zoi6ZbJqwCLkqi3XuJXp5P3rT8OEc6sZCJG5AE5dU3lsgRr/F4Bs31jSlVN+j5KrsGu9A==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "regexp-tree": "~0.1.1"
+      }
+    },
+    "node_modules/safe-regex-test": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.0.0.tgz",
+      "integrity": "sha512-JBUUzyOgEwXQY1NuPtvcj/qcBDbDmEvWufhlnXZIm75DEHp+afM1r1ujJpJsV/gSM4t59tpDyPi1sd6ZaPFfsA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.1.3",
+        "is-regex": "^1.1.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/safe-stable-stringify": {
+      "version": "2.4.3",
+      "resolved": "https://registry.npmjs.org/safe-stable-stringify/-/safe-stable-stringify-2.4.3.tgz",
+      "integrity": "sha512-e2bDA2WJT0wxseVd4lsDP4+3ONX6HpMXQa1ZhFQ7SU+GjvORCmShbCMltrtIDfkYhVHrOcPtj+KhmDBdPdZD1g==",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/scheduler": {
+      "version": "0.23.0",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.0.tgz",
+      "integrity": "sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==",
+      "dependencies": {
+        "loose-envify": "^1.1.0"
+      }
+    },
+    "node_modules/sdp-transform": {
+      "version": "2.14.1",
+      "resolved": "https://registry.npmjs.org/sdp-transform/-/sdp-transform-2.14.1.tgz",
+      "integrity": "sha512-RjZyX3nVwJyCuTo5tGPx+PZWkDMCg7oOLpSlhjDdZfwUoNqG1mM8nyj31IGHyaPWXhjbP7cdK3qZ2bmkJ1GzRw==",
+      "bin": {
+        "sdp-verify": "checker.js"
+      }
+    },
+    "node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/set-function-length": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.1.1.tgz",
+      "integrity": "sha512-VoaqjbBJKiWtg4yRcKBQ7g7wnGnLV3M8oLvVWwOk2PdYY6PEFegR1vezXR0tw6fZGF9csVakIRjrJiy2veSBFQ==",
+      "dev": true,
+      "dependencies": {
+        "define-data-property": "^1.1.1",
+        "get-intrinsic": "^1.2.1",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/set-function-name": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/set-function-name/-/set-function-name-2.0.1.tgz",
+      "integrity": "sha512-tMNCiqYVkXIZgc2Hnoy2IvC/f8ezc5koaRFkCjrpWzGpCd3qbZXPzVy9MAZzK1ch/X0jvSkojys3oqJN0qCmdA==",
+      "dev": true,
+      "dependencies": {
+        "define-data-property": "^1.0.1",
+        "functions-have-names": "^1.2.3",
+        "has-property-descriptors": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/shallowequal": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/shallowequal/-/shallowequal-1.1.0.tgz",
+      "integrity": "sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ=="
+    },
+    "node_modules/shebang-command": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+      "dependencies": {
+        "shebang-regex": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/shebang-regex": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/side-channel": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz",
+      "integrity": "sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.0",
+        "get-intrinsic": "^1.0.2",
+        "object-inspect": "^1.9.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "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==",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/slash": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
+      "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/sonic-boom": {
+      "version": "3.7.0",
+      "resolved": "https://registry.npmjs.org/sonic-boom/-/sonic-boom-3.7.0.tgz",
+      "integrity": "sha512-IudtNvSqA/ObjN97tfgNmOKyDOs4dNcg4cUUsHDebqsgb8wGBBwb31LIgShNO8fye0dFI52X1+tFoKKI6Rq1Gg==",
+      "dependencies": {
+        "atomic-sleep": "^1.0.0"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
+      "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/spdx-correct": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.1.1.tgz",
+      "integrity": "sha512-cOYcUWwhCuHCXi49RhFRCyJEK3iPj1Ziz9DpViV3tbZOwXD49QzIN3MpOLJNxh2qwq2lJJZaKMVw9qNi4jTC0w==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "spdx-expression-parse": "^3.0.0",
+        "spdx-license-ids": "^3.0.0"
+      }
+    },
+    "node_modules/spdx-exceptions": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.3.0.tgz",
+      "integrity": "sha512-/tTrYOC7PPI1nUAgx34hUpqXuyJG+DTHJTnIULG4rDygi4xu/tfgmq1e1cIRwRzwZgo4NLySi+ricLkZkw4i5A==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/spdx-expression-parse": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.1.tgz",
+      "integrity": "sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "spdx-exceptions": "^2.1.0",
+        "spdx-license-ids": "^3.0.0"
+      }
+    },
+    "node_modules/spdx-license-ids": {
+      "version": "3.0.11",
+      "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.11.tgz",
+      "integrity": "sha512-Ctl2BrFiM0X3MANYgj3CkygxhRmr9mi6xhejbdO960nF6EDJApTYpn0BQnDKlnNBULKiCN1n3w9EBkHK8ZWg+g==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/split2": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/split2/-/split2-4.2.0.tgz",
+      "integrity": "sha512-UcjcJOWknrNkF6PLX83qcHM6KHgVKNkV62Y8a5uYDVv9ydGQVwAHMKqHdJje1VTWpljG0WYpCDhrCdAOYH4TWg==",
+      "engines": {
+        "node": ">= 10.x"
+      }
+    },
+    "node_modules/stop-iteration-iterator": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/stop-iteration-iterator/-/stop-iteration-iterator-1.0.0.tgz",
+      "integrity": "sha512-iCGQj+0l0HOdZ2AEeBADlsRC+vsnDsZsbdSiH1yNSjcfKM7fdpCMfqAL/dwF5BLiw/XhRft/Wax6zQbhq2BcjQ==",
+      "dev": true,
+      "dependencies": {
+        "internal-slot": "^1.0.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/streamsearch": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/streamsearch/-/streamsearch-1.1.0.tgz",
+      "integrity": "sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==",
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/string_decoder": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
+      "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
+      "dependencies": {
+        "safe-buffer": "~5.2.0"
+      }
+    },
+    "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==",
+      "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/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==",
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/string-width-cjs/node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="
+    },
+    "node_modules/string-width/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==",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "node_modules/string-width/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==",
+      "dependencies": {
+        "ansi-regex": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
+    "node_modules/string.prototype.matchall": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.8.tgz",
+      "integrity": "sha512-6zOCOcJ+RJAQshcTvXPHoxoQGONa3e/Lqx90wUA+wEzX78sg5Bo+1tQo4N0pohS0erG9qtCqJDjNCQBjeWVxyg==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.4",
+        "es-abstract": "^1.20.4",
+        "get-intrinsic": "^1.1.3",
+        "has-symbols": "^1.0.3",
+        "internal-slot": "^1.0.3",
+        "regexp.prototype.flags": "^1.4.3",
+        "side-channel": "^1.0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.trim": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.8.tgz",
+      "integrity": "sha512-lfjY4HcixfQXOfaqCvcBuOIapyaroTXhbkfJN3gcB1OtyupngWK4sEET9Knd0cXd28kTUqu/kHoV4HKSJdnjiQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.trimend": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.7.tgz",
+      "integrity": "sha512-Ni79DqeB72ZFq1uH/L6zJ+DKZTkOtPIHovb3YZHQViE+HDouuU4mBrLOLDn5Dde3RF8qw5qVETEjhu9locMLvA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.trimstart": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.7.tgz",
+      "integrity": "sha512-NGhtDFu3jCEm7B4Fy0DpLewdJQOZcQ0rGbwQ/+stjnrp2i+rlKeCvos9hOIeCmqwratM47OBxY7uFZzjxHXmrg==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "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==",
+      "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",
+      "integrity": "sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/strip-indent": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-3.0.0.tgz",
+      "integrity": "sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "min-indent": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-json-comments": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
+      "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/styled-components": {
+      "version": "6.1.8",
+      "resolved": "https://registry.npmjs.org/styled-components/-/styled-components-6.1.8.tgz",
+      "integrity": "sha512-PQ6Dn+QxlWyEGCKDS71NGsXoVLKfE1c3vApkvDYS5KAK+V8fNWGhbSUEo9Gg2iaID2tjLXegEW3bZDUGpofRWw==",
+      "dependencies": {
+        "@emotion/is-prop-valid": "1.2.1",
+        "@emotion/unitless": "0.8.0",
+        "@types/stylis": "4.2.0",
+        "css-to-react-native": "3.2.0",
+        "csstype": "3.1.2",
+        "postcss": "8.4.31",
+        "shallowequal": "1.1.0",
+        "stylis": "4.3.1",
+        "tslib": "2.5.0"
+      },
+      "engines": {
+        "node": ">= 16"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/styled-components"
+      },
+      "peerDependencies": {
+        "react": ">= 16.8.0",
+        "react-dom": ">= 16.8.0"
+      }
+    },
+    "node_modules/styled-components/node_modules/postcss": {
+      "version": "8.4.31",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
+      "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "nanoid": "^3.3.6",
+        "picocolors": "^1.0.0",
+        "source-map-js": "^1.0.2"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/styled-components/node_modules/tslib": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.0.tgz",
+      "integrity": "sha512-336iVw3rtn2BUK7ORdIAHTyxHGRIHVReokCR3XjbckJMK7ms8FysBfhLR8IXnAgy7T0PTPNBWKiH514FOW/WSg=="
+    },
+    "node_modules/styled-jsx": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.1.1.tgz",
+      "integrity": "sha512-pW7uC1l4mBZ8ugbiZrcIsiIvVx1UmTfw7UkC3Um2tmfUq9Bhk8IiyEIPl6F8agHgjzku6j0xQEZbfA5uSgSaCw==",
+      "dependencies": {
+        "client-only": "0.0.1"
+      },
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "peerDependencies": {
+        "react": ">= 16.8.0 || 17.x.x || ^18.0.0-0"
+      },
+      "peerDependenciesMeta": {
+        "@babel/core": {
+          "optional": true
+        },
+        "babel-plugin-macros": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/stylis": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.3.1.tgz",
+      "integrity": "sha512-EQepAV+wMsIaGVGX1RECzgrcqRRU/0sYOHkeLsZ3fzHaHXZy4DaOOX0vOlGQdlsjkh3mFHAIlVimpwAs4dslyQ=="
+    },
+    "node_modules/sucrase": {
+      "version": "3.35.0",
+      "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.35.0.tgz",
+      "integrity": "sha512-8EbVDiu9iN/nESwxeSxDKe0dunta1GOlHufmSSXxMD2z2/tMZpDMpvXQGsc+ajGo8y2uYUmixaSRUc/QPoQ0GA==",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.2",
+        "commander": "^4.0.0",
+        "glob": "^10.3.10",
+        "lines-and-columns": "^1.1.6",
+        "mz": "^2.7.0",
+        "pirates": "^4.0.1",
+        "ts-interface-checker": "^0.1.9"
+      },
+      "bin": {
+        "sucrase": "bin/sucrase",
+        "sucrase-node": "bin/sucrase-node"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      }
+    },
+    "node_modules/sucrase/node_modules/brace-expansion": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/sucrase/node_modules/glob": {
+      "version": "10.3.10",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-10.3.10.tgz",
+      "integrity": "sha512-fa46+tv1Ak0UPK1TOy/pZrIybNNt4HCv7SDzwyfiOZkvZLEbjsZkJBPtDHVshZjbecAoAGSC20MjLDG/qr679g==",
+      "dependencies": {
+        "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": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/sucrase/node_modules/minimatch": {
+      "version": "9.0.3",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.3.tgz",
+      "integrity": "sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/supports-preserve-symlinks-flag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/tailwind-merge": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/tailwind-merge/-/tailwind-merge-2.2.1.tgz",
+      "integrity": "sha512-o+2GTLkthfa5YUt4JxPfzMIpQzZ3adD1vLVkvKE1Twl9UAhGsEbIZhHHZVRttyW177S8PDJI3bTQNaebyofK3Q==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.23.7"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/dcastil"
+      }
+    },
+    "node_modules/tailwindcss": {
+      "version": "3.4.1",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.1.tgz",
+      "integrity": "sha512-qAYmXRfk3ENzuPBakNK0SRrUDipP8NQnEY6772uDhflcQz5EhRdD7JNZxyrFHVQNCwULPBn6FNPp9brpO7ctcA==",
+      "dependencies": {
+        "@alloc/quick-lru": "^5.2.0",
+        "arg": "^5.0.2",
+        "chokidar": "^3.5.3",
+        "didyoumean": "^1.2.2",
+        "dlv": "^1.1.3",
+        "fast-glob": "^3.3.0",
+        "glob-parent": "^6.0.2",
+        "is-glob": "^4.0.3",
+        "jiti": "^1.19.1",
+        "lilconfig": "^2.1.0",
+        "micromatch": "^4.0.5",
+        "normalize-path": "^3.0.0",
+        "object-hash": "^3.0.0",
+        "picocolors": "^1.0.0",
+        "postcss": "^8.4.23",
+        "postcss-import": "^15.1.0",
+        "postcss-js": "^4.0.1",
+        "postcss-load-config": "^4.0.1",
+        "postcss-nested": "^6.0.1",
+        "postcss-selector-parser": "^6.0.11",
+        "resolve": "^1.22.2",
+        "sucrase": "^3.32.0"
+      },
+      "bin": {
+        "tailwind": "lib/cli.js",
+        "tailwindcss": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/tailwindcss-animate": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/tailwindcss-animate/-/tailwindcss-animate-1.0.7.tgz",
+      "integrity": "sha512-bl6mpH3T7I3UFxuvDEXLxy/VuFxBk5bbzplh7tXI68mwMokNYd1t9qPBHlnyTwfa4JGC4zP516I1hYYtQ/vspA==",
+      "peerDependencies": {
+        "tailwindcss": ">=3.0.0 || insiders"
+      }
+    },
+    "node_modules/tapable": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz",
+      "integrity": "sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/text-table": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
+      "integrity": "sha1-f17oI66AUgfACvLfSoTsP8+lcLQ=",
+      "dev": true
+    },
+    "node_modules/thenify": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz",
+      "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==",
+      "dependencies": {
+        "any-promise": "^1.0.0"
+      }
+    },
+    "node_modules/thenify-all": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz",
+      "integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==",
+      "dependencies": {
+        "thenify": ">= 3.1.0 < 4"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/thread-stream": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/thread-stream/-/thread-stream-2.3.0.tgz",
+      "integrity": "sha512-kaDqm1DET9pp3NXwR8382WHbnpXnRkN9xGN9dQt3B2+dmXiW8X1SOwmFOxAErEQ47ObhZ96J6yhZNXuyCOL7KA==",
+      "dependencies": {
+        "real-require": "^0.2.0"
+      }
+    },
+    "node_modules/to-fast-properties": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz",
+      "integrity": "sha1-3F5pjL0HkmW8c+A3doGk5Og/YW4=",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/ts-api-utils": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.0.1.tgz",
+      "integrity": "sha512-lC/RGlPmwdrIBFTX59wwNzqh7aR2otPNPR/5brHZm/XKFYKsfqxihXUe9pU3JI+3vGkl+vyCoNNnPhJn3aLK1A==",
+      "dev": true,
+      "engines": {
+        "node": ">=16.13.0"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.2.0"
+      }
+    },
+    "node_modules/ts-interface-checker": {
+      "version": "0.1.13",
+      "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz",
+      "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA=="
+    },
+    "node_modules/tsconfig-paths": {
+      "version": "3.15.0",
+      "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.15.0.tgz",
+      "integrity": "sha512-2Ac2RgzDe/cn48GvOe3M+o82pEFewD3UPbyoUHHdKasHwJKjds4fLXWf/Ux5kATBKN20oaFGu+jbElp1pos0mg==",
+      "dev": true,
+      "dependencies": {
+        "@types/json5": "^0.0.29",
+        "json5": "^1.0.2",
+        "minimist": "^1.2.6",
+        "strip-bom": "^3.0.0"
+      }
+    },
+    "node_modules/tsconfig-paths/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/tslib": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
+      "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
+    },
+    "node_modules/tsutils": {
+      "version": "3.21.0",
+      "resolved": "https://registry.npmjs.org/tsutils/-/tsutils-3.21.0.tgz",
+      "integrity": "sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "tslib": "^1.8.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      },
+      "peerDependencies": {
+        "typescript": ">=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta"
+      }
+    },
+    "node_modules/tsutils/node_modules/tslib": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
+      "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/type-check": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
+      "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
+      "dev": true,
+      "dependencies": {
+        "prelude-ls": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/type-fest": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
+      "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/typed-array-buffer": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.0.tgz",
+      "integrity": "sha512-Y8KTSIglk9OZEr8zywiIHG/kmQ7KWyjseXs1CbSo8vC42w7hg2HgYTxSWwP0+is7bWDc1H+Fo026CpHFwm8tkw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.2.1",
+        "is-typed-array": "^1.1.10"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/typed-array-byte-length": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.0.tgz",
+      "integrity": "sha512-Or/+kvLxNpeQ9DtSydonMxCx+9ZXOswtwJn17SNLvhptaXYDJvkFFP5zbfU/uLmvnBJlI4yrnXRxpdWH/M5tNA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "for-each": "^0.3.3",
+        "has-proto": "^1.0.1",
+        "is-typed-array": "^1.1.10"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typed-array-byte-offset": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.0.tgz",
+      "integrity": "sha512-RD97prjEt9EL8YgAgpOkf3O4IF9lhJFr9g0htQkm0rchFp/Vx7LW5Q8fSXXub7BXAODyUQohRMyOc3faCPd0hg==",
+      "dev": true,
+      "dependencies": {
+        "available-typed-arrays": "^1.0.5",
+        "call-bind": "^1.0.2",
+        "for-each": "^0.3.3",
+        "has-proto": "^1.0.1",
+        "is-typed-array": "^1.1.10"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typed-array-length": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.4.tgz",
+      "integrity": "sha512-KjZypGq+I/H7HI5HlOoGHkWUUGq+Q0TPhQurLbyrVrvnKTBgzLhIJ7j6J/XTQOi0d1RjyZ0wdas8bKs2p0x3Ng==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "for-each": "^0.3.3",
+        "is-typed-array": "^1.1.9"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typescript": {
+      "version": "5.1.6",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.1.6.tgz",
+      "integrity": "sha512-zaWCozRZ6DLEWAWFrVDz1H6FVXzUSfTy5FUMWsQlU8Ym5JP9eO4xkTIROFCQvhQf61z6O/G6ugw3SgAnvvm+HA==",
+      "dev": true,
+      "peer": true,
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "node_modules/unbox-primitive": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz",
+      "integrity": "sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "has-bigints": "^1.0.2",
+        "has-symbols": "^1.0.3",
+        "which-boxed-primitive": "^1.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/unhomoglyph": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/unhomoglyph/-/unhomoglyph-1.0.6.tgz",
+      "integrity": "sha512-7uvcWI3hWshSADBu4JpnyYbTVc7YlhF5GDW/oPD5AxIxl34k4wXR3WDkPnzLxkN32LiTCTKMQLtKVZiwki3zGg=="
+    },
+    "node_modules/update-browserslist-db": {
+      "version": "1.0.13",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz",
+      "integrity": "sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "escalade": "^3.1.1",
+        "picocolors": "^1.0.0"
+      },
+      "bin": {
+        "update-browserslist-db": "cli.js"
+      },
+      "peerDependencies": {
+        "browserslist": ">= 4.21.0"
+      }
+    },
+    "node_modules/uri-js": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
+      "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
+      "dev": true,
+      "dependencies": {
+        "punycode": "^2.1.0"
+      }
+    },
+    "node_modules/use-callback-ref": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/use-callback-ref/-/use-callback-ref-1.3.1.tgz",
+      "integrity": "sha512-Lg4Vx1XZQauB42Hw3kK7JM6yjVjgFmFC5/Ab797s79aARomD2nEErc4mCgM8EZrARLmmbWpi5DGCadmK50DcAQ==",
+      "dependencies": {
+        "tslib": "^2.0.0"
+      },
+      "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/use-immer": {
+      "version": "0.9.0",
+      "resolved": "https://registry.npmjs.org/use-immer/-/use-immer-0.9.0.tgz",
+      "integrity": "sha512-/L+enLi0nvuZ6j4WlyK0US9/ECUtV5v9RUbtxnn5+WbtaXYUaOBoKHDNL9I5AETdurQ4rIFIj/s+Z5X80ATyKw==",
+      "peerDependencies": {
+        "immer": ">=2.0.0",
+        "react": "^16.8.0 || ^17.0.1 || ^18.0.0"
+      }
+    },
+    "node_modules/use-sidecar": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/use-sidecar/-/use-sidecar-1.1.2.tgz",
+      "integrity": "sha512-epTbsLuzZ7lPClpz2TyryBfztm7m+28DlEv2ZCQ3MDr5ssiwyOwGH/e5F9CkfWjJ1t4clvI58yF822/GUkjjhw==",
+      "dependencies": {
+        "detect-node-es": "^1.1.0",
+        "tslib": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "@types/react": "^16.9.0 || ^17.0.0 || ^18.0.0",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw=="
+    },
+    "node_modules/uuid": {
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-9.0.0.tgz",
+      "integrity": "sha512-MXcSTerfPa4uqyzStbRoTgt5XIe3x5+42+q1sDuy3R5MDk66URdLMOZe5aPX/SQd+kuYAh0FdP/pO28IkQyTeg==",
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    },
+    "node_modules/validate-npm-package-license": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz",
+      "integrity": "sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "spdx-correct": "^3.0.0",
+        "spdx-expression-parse": "^3.0.0"
+      }
+    },
+    "node_modules/vaul": {
+      "version": "0.9.0",
+      "resolved": "https://registry.npmjs.org/vaul/-/vaul-0.9.0.tgz",
+      "integrity": "sha512-bZSySGbAHiTXmZychprnX/dE0EsSige88xtyyL3/MCRbrFotRPQZo7UdydGXZWw+CKbNOw5Ow8gwAo93/nB/Cg==",
+      "dependencies": {
+        "@radix-ui/react-dialog": "^1.0.4"
+      },
+      "peerDependencies": {
+        "react": "^16.8 || ^17.0 || ^18.0",
+        "react-dom": "^16.8 || ^17.0 || ^18.0"
+      }
+    },
+    "node_modules/void-elements": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/void-elements/-/void-elements-3.1.0.tgz",
+      "integrity": "sha1-YU9/v42AHwu18GYfWy9XhXUOTwk=",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/which": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "node-which": "bin/node-which"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/which-boxed-primitive": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz",
+      "integrity": "sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==",
+      "dev": true,
+      "dependencies": {
+        "is-bigint": "^1.0.1",
+        "is-boolean-object": "^1.1.0",
+        "is-number-object": "^1.0.4",
+        "is-string": "^1.0.5",
+        "is-symbol": "^1.0.3"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-builtin-type": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/which-builtin-type/-/which-builtin-type-1.1.3.tgz",
+      "integrity": "sha512-YmjsSMDBYsM1CaFiayOVT06+KJeXf0o5M/CAd4o1lTadFAtacTUM49zoYxr/oroopFDfhvN6iEcBxUyc3gvKmw==",
+      "dev": true,
+      "dependencies": {
+        "function.prototype.name": "^1.1.5",
+        "has-tostringtag": "^1.0.0",
+        "is-async-function": "^2.0.0",
+        "is-date-object": "^1.0.5",
+        "is-finalizationregistry": "^1.0.2",
+        "is-generator-function": "^1.0.10",
+        "is-regex": "^1.1.4",
+        "is-weakref": "^1.0.2",
+        "isarray": "^2.0.5",
+        "which-boxed-primitive": "^1.0.2",
+        "which-collection": "^1.0.1",
+        "which-typed-array": "^1.1.9"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-collection": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/which-collection/-/which-collection-1.0.1.tgz",
+      "integrity": "sha512-W8xeTUwaln8i3K/cY1nGXzdnVZlidBcagyNFtBdD5kxnb4TvGKR7FfSIS3mYpwWS1QUCutfKz8IY8RjftB0+1A==",
+      "dev": true,
+      "dependencies": {
+        "is-map": "^2.0.1",
+        "is-set": "^2.0.1",
+        "is-weakmap": "^2.0.1",
+        "is-weakset": "^2.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-typed-array": {
+      "version": "1.1.13",
+      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.13.tgz",
+      "integrity": "sha512-P5Nra0qjSncduVPEAr7xhoF5guty49ArDTwzJ/yNuPIbZppyRxFQsRCWrocxIY+CnMVG+qfbU2FmDKyvSGClow==",
+      "dev": true,
+      "dependencies": {
+        "available-typed-arrays": "^1.0.5",
+        "call-bind": "^1.0.4",
+        "for-each": "^0.3.3",
+        "gopd": "^1.0.1",
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "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==",
+      "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/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==",
+      "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==",
+      "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==",
+      "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=="
+    },
+    "node_modules/wrap-ansi-cjs/node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="
+    },
+    "node_modules/wrap-ansi-cjs/node_modules/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==",
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/wrap-ansi/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==",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "node_modules/wrap-ansi/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==",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/wrap-ansi/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==",
+      "dependencies": {
+        "ansi-regex": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
+    "node_modules/wrappy": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+      "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=",
+      "dev": true
+    },
+    "node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "dev": true
+    },
+    "node_modules/yaml": {
+      "version": "2.3.4",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.3.4.tgz",
+      "integrity": "sha512-8aAvwVUSHpfEqTQ4w/KMlf3HcRdt50E5ODIQJBw1fQ5RL34xabzxtUlzTXVqc4rkZsPbvrXKWnABCD7kWSmocA==",
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/yocto-queue": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
+      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    }
+  }
+}

From 5c3595eb391ff1bc70bd0e0f49417707af233376 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Thu, 15 Feb 2024 18:39:58 +0100
Subject: [PATCH 470/714] chore: remove conditional button icons in actions
 header

---
 components/UI/ServiceIframeHeader.js | 8 ++------
 pages/explore/[[...roomId]].js       | 2 --
 2 files changed, 2 insertions(+), 8 deletions(-)

diff --git a/components/UI/ServiceIframeHeader.js b/components/UI/ServiceIframeHeader.js
index 01bffa23..5464daab 100644
--- a/components/UI/ServiceIframeHeader.js
+++ b/components/UI/ServiceIframeHeader.js
@@ -1,7 +1,7 @@
 import { styled } from 'styled-components';
 import { useTranslation } from 'react-i18next';
 import React from 'react';
-import { RiDeleteBinLine, RiFolderLine, RiListSettingsLine, RiUserLine } from '@remixicon/react';
+import { RiDeleteBinLine, RiListSettingsLine, RiUserLine } from '@remixicon/react';
 
 import CopyToClipboard from '../../components/UI/CopyToClipboard';
 import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
@@ -36,11 +36,8 @@ const ServiceIframeHeader = ({
     setIsInviteUsersOpen,
     joinRule,
     setSettingsTabValue,
-    /* @TODO: following line can be removed once we have dialog/drawer implemented */
-    settingsTabValue,
 }) => {
     const { t } = useTranslation('write');
-    console.log(settingsTabValue);
 
     return (
         <DefaultLayout.IframeHeader>
@@ -83,9 +80,8 @@ const ServiceIframeHeader = ({
                                 setSettingsTabValue('settings');
                             }}
                         >
-                            {/* @TODO: following condition can be removed once we have dialog/drawer implemented */}
                             <Icon>
-                                {manageContextActionToggle && settingsTabValue != 'members' ? <RiFolderLine /> : <RiListSettingsLine />}
+                                <RiListSettingsLine />
                             </Icon>
                         </ToggleButton>
                     </>
diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 5993f93d..5239cf7f 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -294,8 +294,6 @@ export default function Explore() {
                                 joinRule={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].join_rule}
                                 setIsInviteUsersOpen={() => setIsInviteUsersOpen((prevState) => !prevState)}
                                 setSettingsTabValue={setSettingsTabValue}
-                                /* @TODO: following line can be removed once we have dialog/drawer implemented */
-                                settingsTabValue={settingsTabValue}
                             />
                             <ServiceTableWrapper>
                                 {manageContextActionToggle ? (

From 1d8e25505b8264521bff3541ca4cb1529fe220b5 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Thu, 15 Feb 2024 19:19:51 +0100
Subject: [PATCH 471/714] chore: move dialog footer out of header

---
 components/UI/ServiceLink.js | 38 +++++++++++++++++++++++-------------
 1 file changed, 24 insertions(+), 14 deletions(-)

diff --git a/components/UI/ServiceLink.js b/components/UI/ServiceLink.js
index d00912cd..772c0e2b 100644
--- a/components/UI/ServiceLink.js
+++ b/components/UI/ServiceLink.js
@@ -51,7 +51,16 @@ const NotificationBadge = styled.span`
 // @TODO success message closes too quickly
 
 const ServiceLink = forwardRef(
-    ({ roomId, href, name,parentName, selected, path, target, passwordProtected,
+    (
+        {
+            roomId,
+            href,
+            name,
+            parentName,
+            selected,
+            path,
+            target,
+            passwordProtected,
             thumbnail,
             notificationCount,
             small,
@@ -109,17 +118,18 @@ const ServiceLink = forwardRef(
                                 {wasRemoved ? (
                                     'was removed'
                                 ) : (
-                                    <DialogHeader>
-                                        <DialogTitle>
-                                            {t('Are you absolutely sure you want to remove {{name}}', { name: name })}
-                                        </DialogTitle>
-
-                                        <DialogDescription>
-                                            {t('This will only remove {{name}} from {{space}}. It will not delete {{name}}', {
-                                                name: name,
-                                                space: parentName,
-                                            })}
-                                        </DialogDescription>
+                                    <>
+                                        <DialogHeader>
+                                            <DialogTitle>
+                                                {t('Are you absolutely sure you want to remove {{name}}', { name: name })}
+                                            </DialogTitle>
+                                            <DialogDescription>
+                                                {t('This will only remove {{name}} from {{space}}. It will not delete {{name}}', {
+                                                    name: name,
+                                                    space: parentName,
+                                                })}
+                                            </DialogDescription>
+                                        </DialogHeader>
                                         <DialogFooter>
                                             <form
                                                 onSubmit={async (e) => {
@@ -133,10 +143,10 @@ const ServiceLink = forwardRef(
                                                 }}
                                                 onReset={() => setDialogOpen(false)}
                                             >
-                                                <ConfirmCancelButtons confirmLabel="Remove" />
+                                                <ConfirmCancelButtons confirmLabel="Remove" destructive />
                                             </form>
                                         </DialogFooter>
-                                    </DialogHeader>
+                                    </>
                                 )}
                             </DialogContent>
                         </Dialog>

From d95c39a577d7a30c34f7045d799b848b74370a69 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Thu, 15 Feb 2024 19:20:30 +0100
Subject: [PATCH 472/714] style: improve dialog close button

---
 components/UI/shadcn/Dialog.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/UI/shadcn/Dialog.js b/components/UI/shadcn/Dialog.js
index 0706e19b..20568746 100644
--- a/components/UI/shadcn/Dialog.js
+++ b/components/UI/shadcn/Dialog.js
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
-import { RiCloseLine, RiCrossLine } from '@remixicon/react';
+import { RiCloseLine } from '@remixicon/react';
 
 import { cn } from '@/lib/utils';
 
@@ -36,7 +36,7 @@ const DialogContent = React.forwardRef(({ className, children, ...props }, ref)
             {...props}
         >
             {children}
-            <DialogPrimitive.Close className="absolute right-6 top-6 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
+            <DialogPrimitive.Close className="absolute right-1 top-1 rounded-sm text-muted ring-offset-background transition-opacity hover:text-destructive focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
                 <RiCloseLine className="h-5 w-5" />
                 <span className="sr-only">Close</span>
             </DialogPrimitive.Close>

From 245d93d3712a36db23452b3464d1121602e26973 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Thu, 15 Feb 2024 19:20:51 +0100
Subject: [PATCH 473/714] chore: clean-up and remove now deprecated classes

---
 pages/explore/[[...roomId]].js | 49 +++-------------------------------
 1 file changed, 3 insertions(+), 46 deletions(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 5239cf7f..69bbf1a4 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -5,7 +5,7 @@ import _ from 'lodash';
 import styled from 'styled-components';
 import { useTranslation } from 'react-i18next';
 import { EventTimeline } from 'matrix-js-sdk';
-import { RiAddLine, RiCloseLine } from '@remixicon/react';
+import { RiAddLine } from '@remixicon/react';
 
 import { ServiceTable } from '@/components/UI/ServiceTable';
 import LoadingSpinner from '../../components/UI/LoadingSpinner';
@@ -353,49 +353,6 @@ export default function Explore() {
                                                     />
                                                 );
                                             })}
-                                        {/* NOTE: let’s move the dialog trigger button after the table
-                                        {!manageContextActionToggle &&
-                                            matrixClient
-                                                .getRoom(roomId)
-                                                ?.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel) && (
-                                                <Dialog open={isQuickAddOpen} onOpenChange={setIsQuickAddOpen}>
-                                                    <ServiceTable.Row className="cursor-pointer">
-                                                        <ServiceTable.Cell>
-                                                            <DialogTrigger asChild>
-                                                                <Button
-                                                                    className="w-full justify-start px-0 hover:text-accent"
-                                                                    variant="ghost"
-                                                                    onClick={() => setIsQuickAddOpen((prevState) => !prevState)}
-                                                                >
-                                                                    {t('Add more …')}
-                                                                </Button>
-                                                            </DialogTrigger>
-                                                        </ServiceTable.Cell>
-                                                        <ServiceTable.Cell align="right">
-                                                            <DialogTrigger asChild>
-                                                                <Button
-                                                                    className="w-full justify-end px-0 align-middle hover:text-accent"
-                                                                    variant="ghost"
-                                                                    onClick={() => setIsQuickAddOpen((prevState) => !prevState)}
-                                                                >
-                                                                    {isQuickAddOpen ? <RiCloseLine /> : <RiAddLine />}
-                                                                </Button>
-                                                            </DialogTrigger>
-                                                        </ServiceTable.Cell>
-                                                    </ServiceTable.Row>
-                                                    <DialogContent className="grid-flow-col gap-4 p-4 pt-12">
-                                                        <QuickAddExplore
-                                                            currentId={roomId}
-                                                            roomName={matrix.spaces.get(roomId).name}
-                                                            getSpaceChildren={getSpaceChildren}
-                                                            allChatRooms={allChatRooms}
-                                                            isQuickAddOpen={isQuickAddOpen}
-                                                            setIsQuickAddOpen={setIsQuickAddOpen}
-                                                        />
-                                                    </DialogContent>
-                                                </Dialog>
-                                            )}
-                                        */}
                                     </ServiceTable>
                                 )}
                                 {!manageContextActionToggle &&
@@ -410,10 +367,10 @@ export default function Explore() {
                                                     onClick={() => setIsQuickAddOpen((prevState) => !prevState)}
                                                 >
                                                     {t('Add more …')}
-                                                    {isQuickAddOpen ? <RiCloseLine /> : <RiAddLine />}
+                                                    <RiAddLine />
                                                 </Button>
                                             </DialogTrigger>
-                                            <DialogContent className="grid-flow-col gap-4 p-4 pt-12">
+                                            <DialogContent className="grid-flow-col gap-4 pt-8">
                                                 <QuickAddExplore
                                                     currentId={roomId}
                                                     roomName={matrix.spaces.get(roomId).name}

From 68bd62bae00a0b6b6150ce642480a44655e73969 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Fri, 16 Feb 2024 11:33:16 +0100
Subject: [PATCH 474/714] feat: implement drawer/dialog for explore actions

---
 pages/explore/[[...roomId]].js               |  40 ++-
 pages/explore/manage-room/QuickAddExplore.js | 281 ++++++++++---------
 2 files changed, 169 insertions(+), 152 deletions(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 69bbf1a4..781ff7d0 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -21,7 +21,6 @@ import logger from '../../lib/Logging';
 import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
 import DefaultLayout from '../../components/layouts/default';
 import QuickAddExplore from './manage-room/QuickAddExplore';
-import { Dialog, DialogContent, DialogTrigger } from '@/components/UI/shadcn/Dialog';
 import { Button } from '@/components/UI/shadcn/Button';
 
 const ServiceTableWrapper = styled.div`
@@ -49,7 +48,6 @@ export default function Explore() {
     const [isFetchingContent, setIsFetchingContent] = useState(false);
     const [errorMessage, setErrorMessage] = useState('');
     const [isInviteUsersOpen, setIsInviteUsersOpen] = useState(false);
-    const [isQuickAddOpen, setIsQuickAddOpen] = useState(false);
     const [settingsTabValue, setSettingsTabValue] = useState('settings');
 
     // Extract roomId and iframeRoomId from the query parameters
@@ -359,28 +357,22 @@ export default function Explore() {
                                     matrixClient
                                         .getRoom(roomId)
                                         ?.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel) && (
-                                        <Dialog open={isQuickAddOpen} onOpenChange={setIsQuickAddOpen}>
-                                            <DialogTrigger asChild>
-                                                <Button
-                                                    className="w-full justify-between px-0 hover:text-accent"
-                                                    variant="ghost"
-                                                    onClick={() => setIsQuickAddOpen((prevState) => !prevState)}
-                                                >
-                                                    {t('Add more …')}
-                                                    <RiAddLine />
-                                                </Button>
-                                            </DialogTrigger>
-                                            <DialogContent className="grid-flow-col gap-4 pt-8">
-                                                <QuickAddExplore
-                                                    currentId={roomId}
-                                                    roomName={matrix.spaces.get(roomId).name}
-                                                    getSpaceChildren={getSpaceChildren}
-                                                    allChatRooms={allChatRooms}
-                                                    isQuickAddOpen={isQuickAddOpen}
-                                                    setIsQuickAddOpen={setIsQuickAddOpen}
-                                                />
-                                            </DialogContent>
-                                        </Dialog>
+                                            <QuickAddExplore
+                                                currentId={roomId}
+                                                roomName={matrix.spaces.get(roomId).name}
+                                                getSpaceChildren={getSpaceChildren}
+                                                allChatRooms={allChatRooms}
+                                                trigger={
+                                                    <Button
+                                                        className="w-full justify-between px-0 hover:text-accent"
+                                                        variant="ghost"
+                                                        // onClick={() => setIsQuickAddOpen((prevState) => !prevState)}
+                                                    >
+                                                        {t('Add more …')}
+                                                        <RiAddLine />
+                                                    </Button>
+                                                }
+                                            />
                                     )}
                             </ServiceTableWrapper>
                         </DefaultLayout.Wrapper>
diff --git a/pages/explore/manage-room/QuickAddExplore.js b/pages/explore/manage-room/QuickAddExplore.js
index 94c8a41c..babc53dd 100644
--- a/pages/explore/manage-room/QuickAddExplore.js
+++ b/pages/explore/manage-room/QuickAddExplore.js
@@ -10,6 +10,7 @@ import CreateContext from './CreateContext';
 import AddExistingChat from './AddOrCreateChat/AddExistingChat';
 import AddNewChat from './AddOrCreateChat/AddNewChat';
 import CreateLink from './CreateLink';
+import { DrawerDialog, DrawerDialogHeader } from '@/components/UI/shadcn/DialogDrawer';
 
 /**
  * QuickAddExplore component
@@ -26,144 +27,168 @@ import CreateLink from './CreateLink';
  *
  * @TODO change Card component to mobile friendly option
  */
-const QuickAddExplore = ({ currentId, roomName, getSpaceChildren, allChatRooms, setIsQuickAddOpen }) => {
-    const [selectedOption, setSelectedOption] = useState('');
+// const QuickAddExplore = ({ currentId, roomName, getSpaceChildren, allChatRooms, setIsQuickAddOpen, trigger }) => {
+const QuickAddExplore = ({ currentId, roomName, getSpaceChildren, allChatRooms, trigger }) => {
     const { t } = useTranslation('explore');
 
+    const [isOpen, setIsOpen] = useState(false);
+    const [selectedOption, setSelectedOption] = useState('');
+
     const onClose = () => {
         setSelectedOption('');
-        setIsQuickAddOpen(false);
     };
 
     return (
         <>
-            {!selectedOption && (
-                <>
-                    <Card
-                        className="cursor-pointer text-center hover:bg-accent hover:text-white"
-                        onClick={() => setSelectedOption('existingItem')}
-                    >
-                        <CardHeader className="items-center">
-                            <RiFileLine />
-                        </CardHeader>
-                        <CardContent>{t('Add item to {{name}}', { name: roomName })}</CardContent>
-                    </Card>
-                    <Card
-                        className="cursor-pointer text-center hover:bg-accent hover:text-white"
-                        onClick={() => setSelectedOption('context')}
-                    >
-                        <CardHeader className="items-center">
-                            <RiFolderLine />
-                        </CardHeader>
-                        <CardContent>{t('Add context to {{name}}', { name: roomName })}</CardContent>
-                    </Card>
-                    <Card className="cursor-pointer text-center hover:bg-accent hover:text-white" onClick={() => setSelectedOption('chat')}>
-                        <CardHeader className="items-center">
-                            <RiChat4Line />
-                        </CardHeader>
-                        <CardContent>{t('Add chat to {{name}}', { name: roomName })}</CardContent>
-                    </Card>
-                    <Card className="cursor-pointer text-center hover:bg-accent hover:text-white" onClick={() => setSelectedOption('link')}>
-                        <CardHeader className="items-center">
-                            <RiLink />
-                        </CardHeader>
-                        <CardContent>{t('Add a link to {{name}}', { name: roomName })}</CardContent>
-                    </Card>
-                </>
-            )}
-            {selectedOption === 'context' && (
-                <>
-                    <Card
-                        className="cursor-pointer text-center hover:bg-accent hover:text-white"
-                        onClick={() => setSelectedOption('existingContext')}
-                    >
-                        <CardHeader className="items-center">
-                            <RiFolderLine />
-                        </CardHeader>
-                        <CardContent>{t('Add existing context')}</CardContent>
-                    </Card>
-                    <Card
-                        className="cursor-pointer text-center hover:bg-accent hover:text-white"
-                        onClick={() => setSelectedOption('newContext')}
-                    >
-                        <CardHeader className="items-center">
-                            <RiFolderAddLine />
-                        </CardHeader>
-                        <CardContent>{t('Create new context')}</CardContent>
-                    </Card>
-                </>
-            )}
+            {React.cloneElement(trigger, {
+                onClick: () => {
+                    setIsOpen(true);
+                },
+            })}
+            <DrawerDialog
+                isOpen={isOpen}
+                onOpenChange={(newState) => {
+                    setIsOpen(newState);
+                }}
+            >
+                <DrawerDialogHeader>
+                    <h3>{t('Add more …')}</h3>
+                </DrawerDialogHeader>
+                {!selectedOption && (
+                    /* @TODO: layout here affects both dialog and drawer */
+                    <div className="grid gap-4 grid-cols-2">
+                        <Card
+                            className="cursor-pointer text-center hover:bg-accent hover:text-white"
+                            onClick={() => setSelectedOption('existingItem')}
+                        >
+                            <CardHeader className="items-center">
+                                <RiFileLine />
+                            </CardHeader>
+                            <CardContent>{t('Add item to {{name}}', { name: roomName })}</CardContent>
+                        </Card>
+                        <Card
+                            className="cursor-pointer text-center hover:bg-accent hover:text-white"
+                            onClick={() => setSelectedOption('context')}
+                        >
+                            <CardHeader className="items-center">
+                                <RiFolderLine />
+                            </CardHeader>
+                            <CardContent>{t('Add context to {{name}}', { name: roomName })}</CardContent>
+                        </Card>
+                        <Card
+                            className="cursor-pointer text-center hover:bg-accent hover:text-white"
+                            onClick={() => setSelectedOption('chat')}
+                        >
+                            <CardHeader className="items-center">
+                                <RiChat4Line />
+                            </CardHeader>
+                            <CardContent>{t('Add chat to {{name}}', { name: roomName })}</CardContent>
+                        </Card>
+                        <Card
+                            className="cursor-pointer text-center hover:bg-accent hover:text-white"
+                            onClick={() => setSelectedOption('link')}
+                        >
+                            <CardHeader className="items-center">
+                                <RiLink />
+                            </CardHeader>
+                            <CardContent>{t('Add a link to {{name}}', { name: roomName })}</CardContent>
+                        </Card>
+                    </div>
+                )}
+                {selectedOption === 'context' && (
+                    <>
+                        <Card
+                            className="cursor-pointer text-center hover:bg-accent hover:text-white"
+                            onClick={() => setSelectedOption('existingContext')}
+                        >
+                            <CardHeader className="items-center">
+                                <RiFolderLine />
+                            </CardHeader>
+                            <CardContent>{t('Add existing context')}</CardContent>
+                        </Card>
+                        <Card
+                            className="cursor-pointer text-center hover:bg-accent hover:text-white"
+                            onClick={() => setSelectedOption('newContext')}
+                        >
+                            <CardHeader className="items-center">
+                                <RiFolderAddLine />
+                            </CardHeader>
+                            <CardContent>{t('Create new context')}</CardContent>
+                        </Card>
+                    </>
+                )}
 
-            {selectedOption === 'chat' && (
-                <>
-                    <Card
-                        className="cursor-pointer text-center hover:bg-accent hover:text-white"
-                        onClick={() => setSelectedOption('existingChat')}
-                    >
-                        <CardHeader className="items-center">
-                            <RiChat4Line />
-                        </CardHeader>
-                        <CardContent>existing chat</CardContent>
-                    </Card>
-                    <Card
-                        className="cursor-pointer text-center hover:bg-accent hover:text-white"
-                        onClick={() => setSelectedOption('newChat')}
-                    >
-                        <CardHeader className="items-center">
-                            <RiChatNewLine />
-                        </CardHeader>
-                        <CardContent>new chat</CardContent>
-                    </Card>
-                </>
-            )}
+                {selectedOption === 'chat' && (
+                    <>
+                        <Card
+                            className="cursor-pointer text-center hover:bg-accent hover:text-white"
+                            onClick={() => setSelectedOption('existingChat')}
+                        >
+                            <CardHeader className="items-center">
+                                <RiChat4Line />
+                            </CardHeader>
+                            <CardContent>existing chat</CardContent>
+                        </Card>
+                        <Card
+                            className="cursor-pointer text-center hover:bg-accent hover:text-white"
+                            onClick={() => setSelectedOption('newChat')}
+                        >
+                            <CardHeader className="items-center">
+                                <RiChatNewLine />
+                            </CardHeader>
+                            <CardContent>new chat</CardContent>
+                        </Card>
+                    </>
+                )}
 
-            {selectedOption === 'existingItem' && (
-                <AddExistingItem currentId={currentId} onCancel={onClose} onPreviousAction={() => setSelectedOption('')} />
-            )}
-            {selectedOption === 'existingContext' && (
-                <AddExistingContext
-                    onCancel={onClose}
-                    parentId={currentId}
-                    parentName={roomName}
-                    contextRootId={getConfig().publicRuntimeConfig.contextRootSpaceRoomId}
-                    onPreviousAction={() => setSelectedOption('')}
-                />
-            )}
-            {selectedOption === 'newContext' && (
-                <CreateContext
-                    onCancel={onClose}
-                    currentId={currentId}
-                    getSpaceChildren={getSpaceChildren}
-                    onPreviousAction={() => setSelectedOption('')}
-                />
-            )}
-            {selectedOption === 'existingChat' && (
-                <AddExistingChat
-                    currentId={currentId}
-                    parentName={roomName}
-                    allChatRooms={allChatRooms}
-                    onSuccess={onClose}
-                    updateRoomList={getSpaceChildren}
-                    onPreviousAction={() => setSelectedOption('')}
-                />
-            )}
-            {selectedOption === 'newChat' && (
-                <AddNewChat
-                    updateRoomList={getSpaceChildren}
-                    onSuccess={onClose}
-                    currentId={currentId}
-                    parentName={roomName}
-                    onPreviousAction={() => setSelectedOption('')}
-                />
-            )}
-            {selectedOption === 'link' && (
-                <CreateLink
-                    currentId={currentId}
-                    onCancel={onClose}
-                    onPreviousAction={() => setSelectedOption('')}
-                    getSpaceChildren={getSpaceChildren}
-                />
-            )}
+                {selectedOption === 'existingItem' && (
+                    <AddExistingItem currentId={currentId} onCancel={onClose} onPreviousAction={() => setSelectedOption('')} />
+                )}
+                {selectedOption === 'existingContext' && (
+                    <AddExistingContext
+                        onCancel={onClose}
+                        parentId={currentId}
+                        parentName={roomName}
+                        contextRootId={getConfig().publicRuntimeConfig.contextRootSpaceRoomId}
+                        onPreviousAction={() => setSelectedOption('')}
+                    />
+                )}
+                {selectedOption === 'newContext' && (
+                    <CreateContext
+                        onCancel={onClose}
+                        currentId={currentId}
+                        getSpaceChildren={getSpaceChildren}
+                        onPreviousAction={() => setSelectedOption('')}
+                    />
+                )}
+                {selectedOption === 'existingChat' && (
+                    <AddExistingChat
+                        currentId={currentId}
+                        parentName={roomName}
+                        allChatRooms={allChatRooms}
+                        onSuccess={onClose}
+                        updateRoomList={getSpaceChildren}
+                        onPreviousAction={() => setSelectedOption('')}
+                    />
+                )}
+                {selectedOption === 'newChat' && (
+                    <AddNewChat
+                        updateRoomList={getSpaceChildren}
+                        onSuccess={onClose}
+                        currentId={currentId}
+                        parentName={roomName}
+                        onPreviousAction={() => setSelectedOption('')}
+                    />
+                )}
+                {selectedOption === 'link' && (
+                    <CreateLink
+                        currentId={currentId}
+                        onCancel={onClose}
+                        onPreviousAction={() => setSelectedOption('')}
+                        getSpaceChildren={getSpaceChildren}
+                    />
+                )}
+            </DrawerDialog>
         </>
     );
 };

From 548a00d9f3a476aab90d54aba6f90d08cf0e9697 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Fri, 16 Feb 2024 11:33:51 +0100
Subject: [PATCH 475/714] chore: remove conditional invite users button icon

---
 pages/explore/manage-room/UserManagement.js | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/pages/explore/manage-room/UserManagement.js b/pages/explore/manage-room/UserManagement.js
index 584f6628..f3ae5f72 100644
--- a/pages/explore/manage-room/UserManagement.js
+++ b/pages/explore/manage-room/UserManagement.js
@@ -31,7 +31,6 @@ const UserManagement = ({ roomId, roomName, myPowerLevel, onCancel }) => {
     const currentMembers = _.orderBy(room.getMembersWithMembership('join'), ['powerLevel', 'name'], ['desc', 'asc']);
     const selfObject = currentMembers.filter((member) => member.userId === matrixClient.getUserId())[0];
     const { t } = useTranslation();
-    const [isInviteOpen, setIsInviteOpen] = useState(false);
 
     const handleKick = async (userId, name) => {
         if (confirm(t('Are you sure you want to kick {{name}} from {{room}}', { name: name, room: roomName }))) {
@@ -101,10 +100,9 @@ const UserManagement = ({ roomId, roomName, myPowerLevel, onCancel }) => {
                             <Button
                                 className="w-full justify-between px-0 pr-1.5 hover:text-accent"
                                 variant="ghost"
-                                onClick={() => setIsInviteOpen((prevState) => !prevState)}
                             >
                                 {t('Invite people to {{name}} …', { name: roomName })}
-                                {isInviteOpen ? <RiCloseLine /> : <RiAddLine />}
+                                <RiAddLine />
                             </Button>
                         }
                     />

From 13bc27d28dcf7beb0ebf37a4953170da3a9bdc19 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Fri, 16 Feb 2024 16:56:08 +0100
Subject: [PATCH 476/714] style: set dialog max width close to breakpoint

---
 components/UI/shadcn/DialogDrawer.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/UI/shadcn/DialogDrawer.js b/components/UI/shadcn/DialogDrawer.js
index 7c7279d1..9eedb184 100644
--- a/components/UI/shadcn/DialogDrawer.js
+++ b/components/UI/shadcn/DialogDrawer.js
@@ -16,7 +16,7 @@ const DrawerDialog = React.forwardRef(({ className, children, isOpen, onOpenChan
     if (isDesktop) {
         return (
             <Dialog open={isOpen} onOpenChange={onOpenChange} ref={ref}>
-                <DialogContent className="sm:max-w-[525px]">{children}</DialogContent>
+                <DialogContent className="max-h-[calc(100%-3rem)] max-w-[calc(767px-3rem)] overflow-y-auto">{children}</DialogContent>
             </Dialog>
         );
     }

From 6aea0e6264045c390a43df99d259c72231eb1cb2 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Fri, 16 Feb 2024 17:01:21 +0100
Subject: [PATCH 477/714] feat: use dialog/drawer for explore matrix actions

---
 components/UI/ServiceIframeHeader.js          |  91 ++++++---
 pages/explore/[[...roomId]].js                |  74 ++++----
 .../manage-room/ExploreMatrixActions.js       | 174 +++++++++++-------
 pages/explore/manage-room/UserManagement.js   |   7 +-
 4 files changed, 221 insertions(+), 125 deletions(-)

diff --git a/components/UI/ServiceIframeHeader.js b/components/UI/ServiceIframeHeader.js
index 5464daab..1ad96c8b 100644
--- a/components/UI/ServiceIframeHeader.js
+++ b/components/UI/ServiceIframeHeader.js
@@ -1,7 +1,8 @@
 import { styled } from 'styled-components';
 import { useTranslation } from 'react-i18next';
 import React from 'react';
-import { RiDeleteBinLine, RiListSettingsLine, RiUserLine } from '@remixicon/react';
+// import React, { useState } from 'react';
+import { RiDeleteBinLine, RiFolderLine, RiGroupLine, RiListSettingsLine, RiUserAddLine } from '@remixicon/react';
 
 import CopyToClipboard from '../../components/UI/CopyToClipboard';
 import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
@@ -10,7 +11,9 @@ import DefaultLayout from '../layouts/default';
 import KnockOnMatrixRoom from './KnockOnMatrixRoom';
 import AddFavourite from './favourites/AddFavourite';
 import Icon from '@/components/UI/Icon';
+import ExploreMatrixActions from '../../pages/explore/manage-room/ExploreMatrixActions';
 import { Separator } from '@/components/UI/shadcn/Separator';
+import { InviteUserToMatrixRoom } from './InviteUsersToMatrixRoom';
 
 const ToggleButton = styled.button`
     /* unset globally defined button styles; set height to line-height */
@@ -30,15 +33,17 @@ const ServiceIframeHeader = ({
     myPadsObject,
     content,
     myPowerLevel,
-    setManageContextActionToggle,
     manageContextActionToggle,
-    isInviteUsersOpen,
-    setIsInviteUsersOpen,
+    setManageContextActionToggle,
     joinRule,
-    setSettingsTabValue,
+    // isInviteUsersOpen,
+    // setIsInviteUsersOpen,
+    // setSettingsTabValue,
 }) => {
     const { t } = useTranslation('write');
 
+    // const [settingsTabValue, setSettingsTabValue] = useState('settings');
+
     return (
         <DefaultLayout.IframeHeader>
             <h2>{title}</h2>
@@ -60,30 +65,72 @@ const ServiceIframeHeader = ({
                 {myPowerLevel && (
                     <>
                         <Separator orientation="vertical" />
-                        <TextButton
-                            onClick={() => {
-                                setManageContextActionToggle(!manageContextActionToggle);
-                                setSettingsTabValue('members');
-                                setIsInviteUsersOpen(!isInviteUsersOpen);
-                            }}
-                            title={t('Show members of {{name}}', { name: title })}
-                        >
-                            <Icon>
-                                <RiUserLine />
-                            </Icon>
-                        </TextButton>
 
+                        {/* @NOTE: this switches between the contexts/items and members lists in the service table wrapper */}
                         <ToggleButton
                             onClick={() => {
-                                setIsInviteUsersOpen(false);
                                 setManageContextActionToggle(!manageContextActionToggle);
-                                setSettingsTabValue('settings');
+                                // setIsInviteUsersOpen(!isInviteUsersOpen);
+                                // setSettingsTabValue('members');
                             }}
+                            title={manageContextActionToggle ? t('Show contexts and items of {{name}}', { name: title }) : t('Show members of {{name}}', { name: title })}
                         >
-                            <Icon>
-                                <RiListSettingsLine />
-                            </Icon>
+                            <Icon>{manageContextActionToggle ? <RiFolderLine /> : <RiGroupLine />}</Icon>
                         </ToggleButton>
+
+                        <Separator orientation="vertical" />
+
+                        {/* @NOTE: this opens the invitation modal in dialog/drawer */}
+                        <InviteUserToMatrixRoom
+                            currentId={roomId}
+                            myPowerLevel={myPowerLevel}
+                            trigger={
+                                <TextButton
+                                    variant="ghost"
+                                    title={t('Show members of {{name}}', { name: title })}
+                                >
+                                    <Icon>
+                                        <RiUserAddLine />
+                                    </Icon>
+                                </TextButton>
+                            }
+                        />
+
+                        {/* @NOTE: we do not want the members list to open in the tabbed dialog/drawer */}
+                        {/*
+                        <ExploreMatrixActions
+                            currentId={roomId}
+                            myPowerLevel={myPowerLevel}
+                            settingsTabValue='members'
+                            trigger={
+                                <TextButton
+                                    variant="ghost"
+                                    title={t('Show members of {{name}}', { name: title })}
+                                >
+                                    <Icon>
+                                        <RiUserLine />
+                                    </Icon>
+                                </TextButton>
+                            }
+                        />
+                        */}
+
+                        {/* @NOTE: this opens the settings modal in the tabbed dialog/drawer */}
+                        <ExploreMatrixActions
+                            currentId={roomId}
+                            myPowerLevel={myPowerLevel}
+                            settingsTabValue="settings"
+                            trigger={
+                                <ToggleButton
+                                    variant="ghost"
+                                    title={t('Show settings of {{name}}', { name: title })}
+                                >
+                                    <Icon>
+                                        <RiListSettingsLine />
+                                    </Icon>
+                                </ToggleButton>
+                            }
+                        />
                     </>
                 )}
             </DefaultLayout.IframeHeaderButtonWrapper>
diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 781ff7d0..a895e69c 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -5,14 +5,14 @@ import _ from 'lodash';
 import styled from 'styled-components';
 import { useTranslation } from 'react-i18next';
 import { EventTimeline } from 'matrix-js-sdk';
-import { RiAddLine } from '@remixicon/react';
+import { RiAddLine, RiUserLine } from '@remixicon/react';
 
 import { ServiceTable } from '@/components/UI/ServiceTable';
 import LoadingSpinner from '../../components/UI/LoadingSpinner';
 import { useAuth } from '@/lib/Auth';
 import { useMatrix } from '@/lib/Matrix';
 import ServiceIframeHeader from '../../components/UI/ServiceIframeHeader';
-import ExploreMatrixActions from './manage-room/ExploreMatrixActions';
+// import ExploreMatrixActions from './manage-room/ExploreMatrixActions';
 import ErrorMessage from '../../components/UI/ErrorMessage';
 import TreeLeaves from './TreeLeaves';
 import TreePath from './TreePath';
@@ -22,6 +22,9 @@ import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
 import DefaultLayout from '../../components/layouts/default';
 import QuickAddExplore from './manage-room/QuickAddExplore';
 import { Button } from '@/components/UI/shadcn/Button';
+import TextButton from '@/components/UI/TextButton';
+import Icon from '@/components/UI/Icon';
+import UserManagement from './manage-room/UserManagement';
 
 const ServiceTableWrapper = styled.div`
     width: 100%;
@@ -47,8 +50,8 @@ export default function Explore() {
     const [manageContextActionToggle, setManageContextActionToggle] = useState(false);
     const [isFetchingContent, setIsFetchingContent] = useState(false);
     const [errorMessage, setErrorMessage] = useState('');
-    const [isInviteUsersOpen, setIsInviteUsersOpen] = useState(false);
-    const [settingsTabValue, setSettingsTabValue] = useState('settings');
+    // const [isInviteUsersOpen, setIsInviteUsersOpen] = useState(false);
+    // const [settingsTabValue, setSettingsTabValue] = useState('settings');
 
     // Extract roomId and iframeRoomId from the query parameters
     /** @type {string|undefined} */
@@ -288,29 +291,24 @@ export default function Explore() {
                                 manageContextActionToggle={manageContextActionToggle}
                                 myPowerLevel={myPowerLevel}
                                 setManageContextActionToggle={setManageContextActionToggle}
-                                isInviteUsersOpen={isInviteUsersOpen}
+                                // isInviteUsersOpen={isInviteUsersOpen}
                                 joinRule={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].join_rule}
-                                setIsInviteUsersOpen={() => setIsInviteUsersOpen((prevState) => !prevState)}
-                                setSettingsTabValue={setSettingsTabValue}
+                                // setIsInviteUsersOpen={() => setIsInviteUsersOpen((prevState) => !prevState)}
+                                // setSettingsTabValue={setSettingsTabValue}
                             />
                             <ServiceTableWrapper>
                                 {manageContextActionToggle ? (
-                                    <ExploreMatrixActions
+                                    <UserManagement
+                                        roomId={roomId}
+                                        roomName={matrix.spaces.get(roomId).name}
                                         myPowerLevel={myPowerLevel}
-                                        setManageContextActionToggle={setManageContextActionToggle}
-                                        currentId={
-                                            selectedSpaceChildren[selectedSpaceChildren.length - 1][0].room_id ||
-                                            selectedSpaceChildren[selectedSpaceChildren.length - 1][0].roomId
-                                        }
-                                        parentId={
-                                            selectedSpaceChildren[selectedSpaceChildren.length - 2]?.[0].room_id ||
-                                            selectedSpaceChildren[selectedSpaceChildren.length - 2]?.[0].roomId
-                                        }
-                                        spaceChildren={selectedSpaceChildren[selectedSpaceChildren.length - 1]}
-                                        getSpaceChildren={getSpaceChildren}
-                                        settingsTabValue={settingsTabValue}
-                                        setSettingsTabValue={setSettingsTabValue}
-                                    />
+                                    >
+                                        <TextButton className="w-full justify-between px-0 hover:text-accent" variant="ghost">
+                                            <Icon>
+                                                <RiUserLine />
+                                            </Icon>
+                                        </TextButton>
+                                    </UserManagement>
                                 ) : (
                                     <ServiceTable>
                                         {selectedSpaceChildren[selectedSpaceChildren.length - 1]
@@ -357,22 +355,22 @@ export default function Explore() {
                                     matrixClient
                                         .getRoom(roomId)
                                         ?.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel) && (
-                                            <QuickAddExplore
-                                                currentId={roomId}
-                                                roomName={matrix.spaces.get(roomId).name}
-                                                getSpaceChildren={getSpaceChildren}
-                                                allChatRooms={allChatRooms}
-                                                trigger={
-                                                    <Button
-                                                        className="w-full justify-between px-0 hover:text-accent"
-                                                        variant="ghost"
-                                                        // onClick={() => setIsQuickAddOpen((prevState) => !prevState)}
-                                                    >
-                                                        {t('Add more …')}
-                                                        <RiAddLine />
-                                                    </Button>
-                                                }
-                                            />
+                                        <QuickAddExplore
+                                            currentId={roomId}
+                                            roomName={matrix.spaces.get(roomId).name}
+                                            getSpaceChildren={getSpaceChildren}
+                                            allChatRooms={allChatRooms}
+                                            trigger={
+                                                <Button
+                                                    className="w-full justify-between px-0 hover:text-accent"
+                                                    variant="ghost"
+                                                    // onClick={() => setIsQuickAddOpen((prevState) => !prevState)}
+                                                >
+                                                    {t('Add more …')}
+                                                    <RiAddLine />
+                                                </Button>
+                                            }
+                                        />
                                     )}
                             </ServiceTableWrapper>
                         </DefaultLayout.Wrapper>
diff --git a/pages/explore/manage-room/ExploreMatrixActions.js b/pages/explore/manage-room/ExploreMatrixActions.js
index 752d543e..ef3708dc 100644
--- a/pages/explore/manage-room/ExploreMatrixActions.js
+++ b/pages/explore/manage-room/ExploreMatrixActions.js
@@ -1,5 +1,4 @@
-import React from 'react';
-import { styled } from 'styled-components';
+import React, { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import LoadingSpinner from '../../../components/UI/LoadingSpinner';
@@ -10,6 +9,7 @@ import ChangeAvatar from './ChangeAvatar';
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/UI/shadcn/Tabs';
 import ChangeJoinRule from './ChangeJoinRule';
 import { useAuth } from '@/lib/Auth';
+import { DrawerDialog, DrawerDialogHeader } from '@/components/UI/shadcn/DialogDrawer';
 
 /**
  * This component provides actions for managing contexts and items within a matrix room.
@@ -39,79 +39,129 @@ const ExploreMatrixActions = ({
     currentId,
     parentId,
     myPowerLevel,
+    // @TODO: do we still need the following ?
     setManageContextActionToggle,
-    setSettingsTabValue,
-    settingsTabValue,
+    trigger,
 }) => {
     const { t } = useTranslation('explore');
     const matrixClient = useAuth().getAuthenticationProvider('matrix').getMatrixClient();
 
+    const [isOpen, setIsOpen] = useState(false);
+    const [settingsTabValue, setSettingsTabValue] = useState('settings');
+
     if (!myPowerLevel) return t("You don't have the neccesarry permissions to manage this room");
     const room = matrixClient.getRoom(currentId);
     if (!room) return <LoadingSpinner />;
 
     return (
-        /*
-        <ExploreMatrixActionWrapper>
-        */
-        <Tabs onValueChange={setSettingsTabValue} value={settingsTabValue}>
-            <TabsList>
-                <TabsTrigger value="members">{t('Members')}</TabsTrigger>
-                <TabsTrigger value="settings">{t('Settings')}</TabsTrigger>
-            </TabsList>
-
-            <TabsContent value="members">
-                <UserManagement
-                    myPowerLevel={myPowerLevel}
-                    roomId={currentId}
-                    roomName={room.name}
-                    onCancel={() => setManageContextActionToggle(false)}
-                />
-            </TabsContent>
-
-            {/*
-            @TODO: first line of tab content are not on same height;
-            @TODO: remove caption? negative margin for caption/table?
-            -> hence the mt-5 tailwind class below
-
-            @NOTE: add some padding between the last element and
-                   viewport bottom via mb-8 tailwind class below
-            */}
-
-            <TabsContent className="[&>*+*]:mt-8 [&>:first-child]:mt-5 [&>:last-child]:mb-8" value="settings">
-                <>
-                    {room.currentState.hasSufficientPowerLevelFor('m.room.topic', myPowerLevel) && (
-                        <div>
-                            <h3>{t('Topic (optional)')}</h3>
-                            <ChangeTopic roomId={currentId} roomName={room.name} />
-                        </div>
-                    )}
+        <>
+            {React.cloneElement(trigger, {
+                onClick: () => {
+                    setIsOpen(true);
+                },
+            })}
+            <DrawerDialog
+                isOpen={isOpen}
+                onOpenChange={(newState) => {
+                    setIsOpen(newState);
+                }}
+            >
+                <Tabs onValueChange={setSettingsTabValue} value={settingsTabValue}>
+                    <aside className="sticky top-0 z-10 translate-y-[-1.5rem] bg-background pt-6">
+                        <DrawerDialogHeader>
+                            <h3>{t('/explore actions')}</h3>
+                        </DrawerDialogHeader>
+
+                        <br />
+
+                        <TabsList>
+                            {/* @NOTE: we do not want the members list as a tab in dialog/drawer */}
+                            {/*
+                            <TabsTrigger
+                                onClick={() => {
+                                    setSettingsTabValue('members');
+                                }}
+                                value="members"
+                            >
+                                {t('Members')}
+                            </TabsTrigger>
+                            */}
+
+                            <TabsTrigger
+                                onClick={() => {
+                                    setSettingsTabValue('settings');
+                                }}
+                                value="settings"
+                            >
+                                {t('Settings')}
+                            </TabsTrigger>
+                        </TabsList>
+
+                        {/* @NOTE: needs two <br /> elements before <hr />, as <TabsList /> is display:inline; */}
+                        <br />
+                        <br />
+                        <hr />
+                    </aside>
+
+                    {/*
+                    <TabsContent className="overflow-y-auto" value="members">
+                        <UserManagement
+                            myPowerLevel={myPowerLevel}
+                            roomId={currentId}
+                            roomName={room.name}
+                            // @TODO: do we still need the following ?
+                            onCancel={() => setManageContextActionToggle(false)}
+                        />
+                    </TabsContent>
+                    */}
 
                     {/*
-                    @TODO: ChangeAvatar needs refactor; should use shadcn avatar component
+                    @TODO: first line of tab content are not on same height;
+                    @TODO: remove caption? negative margin for caption/table?
                     */}
-                    {room.currentState.hasSufficientPowerLevelFor('m.room.avatar', myPowerLevel) && (
-                        <div>
-                            <h3>{t('Avatar')}</h3>
-                            <ChangeAvatar roomId={currentId} onCancel={() => setManageContextActionToggle(false)} />
-                        </div>
-                    )}
-
-                    {room.currentState.hasSufficientPowerLevelFor('m.room.join_rules', myPowerLevel) && (
-                        <div>
-                            <ChangeJoinRule roomId={currentId} roomName={room.name} onCancel={() => setManageContextActionToggle(false)} />
-                        </div>
-                    )}
-
-                    <div>
-                        <LeaveRoom roomId={currentId} roomName={room.name} parentId={parentId} />
-                    </div>
-                </>
-            </TabsContent>
-        </Tabs>
-        /*
-        </ExploreMatrixActionWrapper>
-        */
+
+                    <TabsContent className="pb-6 [&>*+*]:mt-8" value="settings">
+                        <>
+                            {room.currentState.hasSufficientPowerLevelFor('m.room.topic', myPowerLevel) && (
+                                <div>
+                                    <h3>{t('Topic (optional)')}</h3>
+                                    <ChangeTopic roomId={currentId} roomName={room.name} />
+                                </div>
+                            )}
+
+                            {/*
+                            @TODO: ChangeAvatar needs refactor; should use shadcn avatar component
+                            */}
+                            {room.currentState.hasSufficientPowerLevelFor('m.room.avatar', myPowerLevel) && (
+                                <div>
+                                    <h3>{t('Avatar')}</h3>
+                                    <ChangeAvatar
+                                        roomId={currentId}
+                                        /* @TODO: do we still need the following ? */
+                                        onCancel={() => setManageContextActionToggle(false)}
+                                    />
+                                </div>
+                            )}
+
+                            {room.currentState.hasSufficientPowerLevelFor('m.room.join_rules', myPowerLevel) && (
+                                <div>
+                                    <ChangeJoinRule
+                                        roomId={currentId}
+                                        roomName={room.name}
+                                        /* @TODO: do we still need the following ? */
+                                        onCancel={() => setManageContextActionToggle(false)}
+                                    />
+                                </div>
+                            )}
+
+                            <div>
+                                <LeaveRoom roomId={currentId} roomName={room.name} parentId={parentId} />
+                            </div>
+                        </>
+                    </TabsContent>
+                </Tabs>
+            </DrawerDialog>
+        </>
     );
 };
 
diff --git a/pages/explore/manage-room/UserManagement.js b/pages/explore/manage-room/UserManagement.js
index f3ae5f72..7f085eeb 100644
--- a/pages/explore/manage-room/UserManagement.js
+++ b/pages/explore/manage-room/UserManagement.js
@@ -22,7 +22,8 @@ const RoleSelect = styled.select`
     border: unset;
 `;
 
-const UserManagement = ({ roomId, roomName, myPowerLevel, onCancel }) => {
+// const UserManagement = ({ roomId, roomName, myPowerLevel, onCancel }) => {
+const UserManagement = ({ roomId, roomName, myPowerLevel }) => {
     const [errorMessage, setErrorMessage] = useState('');
     const auth = useAuth();
     const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
@@ -59,7 +60,7 @@ const UserManagement = ({ roomId, roomName, myPowerLevel, onCancel }) => {
             */}
             <ServiceTable>
                 <ServiceTable.Caption>
-                    {t('All members of')} {roomName}
+                    {t('All members of {{room}}', { room: roomName })}
                 </ServiceTable.Caption>
                 <ServiceTable.Head>
                     <ServiceTable.Row>
@@ -161,7 +162,7 @@ function UserTableRow({ displayName, userId, roomName, powerLevel, selfPowerLeve
                     title={t(
                         hasHigherPowerLevel
                             ? 'Kick {{user}} from {{room}}'
-                            : 'Cannot kick {{ user }}, you don’t have the required permissions',
+                            : 'Cannot kick {{user}}, you don’t have the required permissions',
                         { user: displayName, room: roomName },
                     )}
                 >

From f1ca9f865b78c207dc3e20a8dc18fd780519a4a9 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Fri, 16 Feb 2024 17:12:50 +0100
Subject: [PATCH 478/714] chore: fix button height in service header

---
 components/UI/ServiceIframeHeader.js | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/components/UI/ServiceIframeHeader.js b/components/UI/ServiceIframeHeader.js
index 1ad96c8b..94aa2d6f 100644
--- a/components/UI/ServiceIframeHeader.js
+++ b/components/UI/ServiceIframeHeader.js
@@ -15,14 +15,15 @@ import ExploreMatrixActions from '../../pages/explore/manage-room/ExploreMatrixA
 import { Separator } from '@/components/UI/shadcn/Separator';
 import { InviteUserToMatrixRoom } from './InviteUsersToMatrixRoom';
 
+/*
 const ToggleButton = styled.button`
-    /* unset globally defined button styles; set height to line-height */
     width: unset;
     height: calc(var(--margin) * 1.3);
     padding: unset;
     background-color: unset;
     border: unset;
 `;
+*/
 
 // @TODO check if user actually has the needed power level to invite users to the matrix room
 const ServiceIframeHeader = ({
@@ -67,7 +68,7 @@ const ServiceIframeHeader = ({
                         <Separator orientation="vertical" />
 
                         {/* @NOTE: this switches between the contexts/items and members lists in the service table wrapper */}
-                        <ToggleButton
+                        <TextButton
                             onClick={() => {
                                 setManageContextActionToggle(!manageContextActionToggle);
                                 // setIsInviteUsersOpen(!isInviteUsersOpen);
@@ -76,7 +77,7 @@ const ServiceIframeHeader = ({
                             title={manageContextActionToggle ? t('Show contexts and items of {{name}}', { name: title }) : t('Show members of {{name}}', { name: title })}
                         >
                             <Icon>{manageContextActionToggle ? <RiFolderLine /> : <RiGroupLine />}</Icon>
-                        </ToggleButton>
+                        </TextButton>
 
                         <Separator orientation="vertical" />
 
@@ -121,14 +122,14 @@ const ServiceIframeHeader = ({
                             myPowerLevel={myPowerLevel}
                             settingsTabValue="settings"
                             trigger={
-                                <ToggleButton
+                                <TextButton
                                     variant="ghost"
                                     title={t('Show settings of {{name}}', { name: title })}
                                 >
                                     <Icon>
                                         <RiListSettingsLine />
                                     </Icon>
-                                </ToggleButton>
+                                </TextButton>
                             }
                         />
                     </>

From a09036961e30725e663eca6663f902f20e58a0ae Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Fri, 16 Feb 2024 17:19:19 +0100
Subject: [PATCH 479/714] chore: temporary disable momentarily unused import

---
 pages/explore/manage-room/ExploreMatrixActions.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/explore/manage-room/ExploreMatrixActions.js b/pages/explore/manage-room/ExploreMatrixActions.js
index ef3708dc..a07cef8f 100644
--- a/pages/explore/manage-room/ExploreMatrixActions.js
+++ b/pages/explore/manage-room/ExploreMatrixActions.js
@@ -2,7 +2,7 @@ import React, { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import LoadingSpinner from '../../../components/UI/LoadingSpinner';
-import UserManagement from './UserManagement';
+// import UserManagement from './UserManagement';
 import LeaveRoom from './LeaveRoom';
 import ChangeTopic from './ChangeTopic';
 import ChangeAvatar from './ChangeAvatar';

From c1ad29c5b4b3b626f1838c92f3f4cf9cc12a5c40 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Tue, 20 Feb 2024 11:00:12 +0100
Subject: [PATCH 480/714] feat: additionally show add-more button in sidebar

---
 pages/explore/[[...roomId]].js | 25 ++++++++++++++++++++-----
 1 file changed, 20 insertions(+), 5 deletions(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index a895e69c..9736db6a 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -266,6 +266,25 @@ export default function Explore() {
                             iframeRoomId={iframeRoomId}
                         />
                     )}
+                    {!manageContextActionToggle &&
+                        matrixClient.getRoom(roomId)?.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel) && (
+                            <QuickAddExplore
+                                currentId={roomId}
+                                roomName={matrix.spaces.get(roomId).name}
+                                getSpaceChildren={getSpaceChildren}
+                                allChatRooms={allChatRooms}
+                                trigger={
+                                    <Button
+                                        className="w-full justify-between px-0 hover:text-accent"
+                                        variant="ghost"
+                                        // onClick={() => setIsQuickAddOpen((prevState) => !prevState)}
+                                    >
+                                        {t('Add more …')}
+                                        <RiAddLine />
+                                    </Button>
+                                }
+                            />
+                        )}
                 </ServiceTableWrapper>
             </DefaultLayout.Sidebar>
 
@@ -298,11 +317,7 @@ export default function Explore() {
                             />
                             <ServiceTableWrapper>
                                 {manageContextActionToggle ? (
-                                    <UserManagement
-                                        roomId={roomId}
-                                        roomName={matrix.spaces.get(roomId).name}
-                                        myPowerLevel={myPowerLevel}
-                                    >
+                                    <UserManagement roomId={roomId} roomName={matrix.spaces.get(roomId).name} myPowerLevel={myPowerLevel}>
                                         <TextButton className="w-full justify-between px-0 hover:text-accent" variant="ghost">
                                             <Icon>
                                                 <RiUserLine />

From 58514b5527d5e0b2db326e20bbb9d3c1dee28ac9 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Tue, 20 Feb 2024 11:02:24 +0100
Subject: [PATCH 481/714] revert: remove add-more button from sidebar

---
 pages/explore/[[...roomId]].js | 25 +++++--------------------
 1 file changed, 5 insertions(+), 20 deletions(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 9736db6a..a895e69c 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -266,25 +266,6 @@ export default function Explore() {
                             iframeRoomId={iframeRoomId}
                         />
                     )}
-                    {!manageContextActionToggle &&
-                        matrixClient.getRoom(roomId)?.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel) && (
-                            <QuickAddExplore
-                                currentId={roomId}
-                                roomName={matrix.spaces.get(roomId).name}
-                                getSpaceChildren={getSpaceChildren}
-                                allChatRooms={allChatRooms}
-                                trigger={
-                                    <Button
-                                        className="w-full justify-between px-0 hover:text-accent"
-                                        variant="ghost"
-                                        // onClick={() => setIsQuickAddOpen((prevState) => !prevState)}
-                                    >
-                                        {t('Add more …')}
-                                        <RiAddLine />
-                                    </Button>
-                                }
-                            />
-                        )}
                 </ServiceTableWrapper>
             </DefaultLayout.Sidebar>
 
@@ -317,7 +298,11 @@ export default function Explore() {
                             />
                             <ServiceTableWrapper>
                                 {manageContextActionToggle ? (
-                                    <UserManagement roomId={roomId} roomName={matrix.spaces.get(roomId).name} myPowerLevel={myPowerLevel}>
+                                    <UserManagement
+                                        roomId={roomId}
+                                        roomName={matrix.spaces.get(roomId).name}
+                                        myPowerLevel={myPowerLevel}
+                                    >
                                         <TextButton className="w-full justify-between px-0 hover:text-accent" variant="ghost">
                                             <Icon>
                                                 <RiUserLine />

From b509514cbb3674d3569c288656de7ceed5ca75de Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Wed, 21 Feb 2024 09:52:10 +0100
Subject: [PATCH 482/714] style: visually improve shadcn/ui alert component

---
 components/UI/shadcn/Alert.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/UI/shadcn/Alert.js b/components/UI/shadcn/Alert.js
index ad1ccd0e..7445bf06 100644
--- a/components/UI/shadcn/Alert.js
+++ b/components/UI/shadcn/Alert.js
@@ -4,12 +4,12 @@ import { cva } from 'class-variance-authority';
 import { cn } from '@/lib/utils';
 
 const alertVariants = cva(
-    'my-2 w-fit rounded-lg border p-2 [&>svg]:mr-2 [&>svg]:inline [&>svg]:leading-[var(--icon-size)] [&>svg]:text-foreground',
+    'my-2 w-fit border-l-2 p-2 [&>svg]:mr-2 [&>svg]:inline [&>svg]:leading-[var(--icon-size)] [&>svg]:text-foreground',
     {
         variants: {
             variant: {
                 default: 'bg-background text-foreground',
-                destructive: 'border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive',
+                destructive: 'border-destructive text-destructive dark:border-destructive [&>svg]:text-destructive',
             },
         },
         defaultVariants: {

From 1373fcda28268e9f646a77b90594c33ab20be6a5 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 27 Feb 2024 11:37:33 +0100
Subject: [PATCH 483/714] chore: update package-lock.json

---
 package-lock.json | 96 +++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 96 insertions(+)

diff --git a/package-lock.json b/package-lock.json
index 3e69e3e9..7a1fc34c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,9 +8,13 @@
       "dependencies": {
         "@radix-ui/react-avatar": "^1.0.4",
         "@radix-ui/react-checkbox": "^1.0.4",
+        "@radix-ui/react-radio-group": "^1.1.3",
         "@radix-ui/react-select": "^2.0.0",
         "@radix-ui/react-slot": "^1.0.2",
+        "@radix-ui/react-switch": "^1.0.3",
         "@remixicon/react": "^4.1.1",
+        "class-variance-authority": "^0.7.0",
+        "clsx": "^2.1.0",
         "i18next": "^23.8.2",
         "i18next-browser-languagedetector": "^7.2.0",
         "i18next-resources-to-backend": "^1.2.0",
@@ -1315,6 +1319,69 @@
         }
       }
     },
+    "node_modules/@radix-ui/react-radio-group": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-radio-group/-/react-radio-group-1.1.3.tgz",
+      "integrity": "sha512-x+yELayyefNeKeTx4fjK6j99Fs6c4qKm3aY38G3swQVTN6xMpsrbigC0uHs2L//g8q4qR7qOcww8430jJmi2ag==",
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/primitive": "1.0.1",
+        "@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-presence": "1.0.1",
+        "@radix-ui/react-primitive": "1.0.3",
+        "@radix-ui/react-roving-focus": "1.0.4",
+        "@radix-ui/react-use-controllable-state": "1.0.1",
+        "@radix-ui/react-use-previous": "1.0.1",
+        "@radix-ui/react-use-size": "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-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==",
+      "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": "2.0.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-select/-/react-select-2.0.0.tgz",
@@ -1376,6 +1443,35 @@
         }
       }
     },
+    "node_modules/@radix-ui/react-switch": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-switch/-/react-switch-1.0.3.tgz",
+      "integrity": "sha512-mxm87F88HyHztsI7N+ZUmEoARGkC22YVW5CaC+Byc+HRpuvCrOBPTAnXgf+tZ/7i0Sg/eOePGdMhUKhPaQEqow==",
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/primitive": "1.0.1",
+        "@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-controllable-state": "1.0.1",
+        "@radix-ui/react-use-previous": "1.0.1",
+        "@radix-ui/react-use-size": "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-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",

From 9c8a93240f164276846bc8e98a5f71ef91342a43 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 27 Feb 2024 12:29:40 +0100
Subject: [PATCH 484/714] refactor: add mypads auth token to url so authors of
 the the pad don't have to input the password again

---
 pages/explore/ExploreIframeViews.js | 39 ++++++++++++++++-------------
 1 file changed, 21 insertions(+), 18 deletions(-)

diff --git a/pages/explore/ExploreIframeViews.js b/pages/explore/ExploreIframeViews.js
index ac2e73f9..7542f5f1 100644
--- a/pages/explore/ExploreIframeViews.js
+++ b/pages/explore/ExploreIframeViews.js
@@ -4,36 +4,42 @@ import React, { useEffect, useState } from 'react';
 import ServiceIframeHeader from '../../components/UI/ServiceIframeHeader';
 import ChatIframeView from '../chat/ChatIframeView';
 import ProjectView from './ProjectView';
-import { useAuth } from '../../lib/Auth';
-import { useMatrix } from '../../lib/Matrix';
+import { useAuth } from '@/lib/Auth';
+import { useMatrix } from '@/lib/Matrix';
 import DefaultLayout from '../../components/layouts/default';
 
 const ExploreIframeViews = ({ currentTemplate, iframeRoomId, title: parsedTitle }) => {
     const auth = useAuth();
     const matrix = useMatrix(auth.getAuthenticationProvider('matrix'));
     const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
+    const etherpad = auth.getAuthenticationProvider('etherpad');
+
     const [title, setTitle] = useState(parsedTitle);
 
+    const iframeUrl = currentTemplate === 'studentProject' ? iframeRoomId : new URL(matrix.roomContents.get(iframeRoomId)?.body);
+
+    // add auth token to etherpad iframe, so authors of the pad don't have to input the password again
+    if (currentTemplate === 'etherpad') {
+        iframeUrl.searchParams.set('auth_token', etherpad.getToken());
+    }
+
     useEffect(() => {
         let cancelled = false;
 
         const fetchRoomName = async () => {
-            const nameEvent = await matrixClient.getStateEvent(
-                iframeRoomId,
-                'm.room.name',
-            ).catch(() => {});
+            const nameEvent = await matrixClient.getStateEvent(iframeRoomId, 'm.room.name').catch(() => {});
             setTitle(nameEvent?.name);
         };
 
         if (!cancelled) fetchRoomName();
 
-        return () => cancelled = true;
+        return () => (cancelled = true);
     }, [iframeRoomId, matrixClient, parsedTitle]);
 
     const CurrentView = () => {
         switch (currentTemplate) {
             case 'studentproject':
-                return <ProjectView content={iframeRoomId} />;
+                return <ProjectView content={iframeUrl} />;
             case 'etherpad':
                 return (
                     <>
@@ -41,8 +47,9 @@ const ExploreIframeViews = ({ currentTemplate, iframeRoomId, title: parsedTitle
                             content={matrix.roomContents.get(iframeRoomId)?.body}
                             title={title}
                             removeLink={() => console.log('removing pad from parent')}
-                            removingLink={false} />
-                        <iframe title="studentproject" src={matrix.roomContents.get(iframeRoomId)?.body} />
+                            removingLink={false}
+                        />
+                        <iframe title="etherpad" src={iframeUrl} />
                     </>
                 );
             case 'spacedeck':
@@ -52,17 +59,13 @@ const ExploreIframeViews = ({ currentTemplate, iframeRoomId, title: parsedTitle
                             content={matrix.roomContents.get(iframeRoomId)?.body}
                             title={title}
                             removeLink={() => console.log('removing sketch from parent')}
-                            removingLink={false} />
-                        <iframe title="sketch" src={matrix.roomContents.get(iframeRoomId)?.body} />
+                            removingLink={false}
+                        />
+                        <iframe title="sketch" src={iframeUrl} />
                     </>
                 );
             default:
-                return (
-
-                    <ChatIframeView title="chat"
-                        src={`${getConfig().publicRuntimeConfig.chat.pathToElement}/#/room/${iframeRoomId}`} />
-
-                );
+                return <ChatIframeView title="chat" src={`${getConfig().publicRuntimeConfig.chat.pathToElement}/#/room/${iframeRoomId}`} />;
         }
     };
 

From d5644308029f41f60d4a4e8c8295903abbb0c7aa Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 27 Feb 2024 12:30:59 +0100
Subject: [PATCH 485/714] refactor: create separate getIcon method to make it
 easier to add and change existing icons. check if a pad is password protected
 and display password icon if so

---
 pages/explore/TreeLeaves.js | 51 ++++++++++++++++++++++++++++++++-----
 1 file changed, 44 insertions(+), 7 deletions(-)

diff --git a/pages/explore/TreeLeaves.js b/pages/explore/TreeLeaves.js
index 9ab01f48..0ec90726 100644
--- a/pages/explore/TreeLeaves.js
+++ b/pages/explore/TreeLeaves.js
@@ -1,33 +1,70 @@
 import { useRouter } from 'next/router';
-import React from 'react';
+import React, { useEffect, useState } from 'react';
 import getConfig from 'next/config';
 
 import LoadingSpinner from '../../components/UI/LoadingSpinner';
 import ServiceLink from '../../components/UI/ServiceLink';
+import { useAuth } from '@/lib/Auth';
+import { useMatrix } from '@/lib/Matrix';
+
+const getIcon = (template, name) => {
+    switch (template) {
+        case 'etherpad':
+            return '📝 ' + name;
+        case 'spacedeck':
+            return '🎨 ' + name;
+        case 'studentproject':
+            return '🎓 ' + name;
+        default:
+            return name;
+    }
+};
 
 const TreeLeaves = ({ leaf, selectedRoomId, isFetchingContent, small, isChat }) => {
     const router = useRouter();
+    const auth = useAuth();
+    const matrix = useMatrix();
+
+    const etherpad = auth.getAuthenticationProvider('etherpad');
+    const [isPasswordProtected, setIsPasswordProtected] = useState(false);
     if (!leaf) return <LoadingSpinner />;
 
     const roomId = leaf.id || leaf.room_id || leaf.roomId;
     const parentId = leaf.parent.id || leaf.parent.room_id || leaf.parent.roomId;
     const template = leaf.meta?.template;
-    // if the room is a chat or service we want to show a different icon
-    const name = isChat ? '💬 ' + leaf.name
-        : template === 'etherpad' ? '📝 ' + leaf.name
-            : template === 'spacedeck' ? '🎨 ' + leaf.name
-                : template === 'studentproject' ? '🎓 ' + leaf.name : leaf.name;
+    const name = isChat ? '💬 ' + leaf.name : getIcon(template, leaf.name);
+
     // if an iframe is open we only want to show items in the list
     if (selectedRoomId && leaf.type !== 'item') return null;
 
+    useEffect(() => {
+        let cancelled = false;
+        if (template === 'etherpad' && !cancelled) {
+            const checkIfPadHasPassword = async () => {
+                const url = matrix.roomContents.get(roomId)?.body;
+                const padId = url.split('/').pop();
+                return etherpad.isPadPasswordProtected(padId);
+            };
+
+            checkIfPadHasPassword().then((isProtected) => setIsPasswordProtected(isProtected));
+        }
+
+        return () => (cancelled = true);
+    }, []);
+
     return (
         <ServiceLink
             small={small}
             roomId={roomId}
-            href={getConfig().publicRuntimeConfig.templates?.item.includes(template) || isChat ? `/explore/${parentId}/${roomId}` : `/explore/${roomId}`}
+            href={
+                getConfig().publicRuntimeConfig.templates?.item.includes(template) || isChat
+                    ? `/explore/${parentId}/${roomId}`
+                    : `/explore/${roomId}`
+            }
             name={name}
             isFetchingContent={isFetchingContent}
             selected={router.query.roomId[1] === roomId || router.query.roomId[0] === roomId}
+            passwordProtected={isPasswordProtected}
         />
     );
 };

From c0ad72fb0db2b401392aa6a69da7f7bde980332b Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 27 Feb 2024 13:02:57 +0100
Subject: [PATCH 486/714] refactor: display passwords do not match error. sort
 etherpad translations alphabetically and add translation

---
 pages/etherpad/actions/CreateNewPad.js |  8 ++++++--
 public/locales/de/etherpad.json        | 19 ++++++++++---------
 2 files changed, 16 insertions(+), 11 deletions(-)

diff --git a/pages/etherpad/actions/CreateNewPad.js b/pages/etherpad/actions/CreateNewPad.js
index 16afd4be..d2988ac0 100644
--- a/pages/etherpad/actions/CreateNewPad.js
+++ b/pages/etherpad/actions/CreateNewPad.js
@@ -28,6 +28,10 @@ export default function CreateNewPad({ createPadAndOpen, isMyPadsApiEnabled, cal
     const [errorMessage, setErrorMessage] = useState('');
 
     const createPad = async () => {
+        if (password !== validatePassword) {
+            setErrorMessage('Passwords do not match');
+            return;
+        }
         setIsLoading(true);
         setErrorMessage('');
         const createPad = await createPadAndOpen(padName, passwordProtected ? 'private' : 'public', password).catch((error) => {
@@ -74,10 +78,10 @@ export default function CreateNewPad({ createPadAndOpen, isMyPadsApiEnabled, cal
                 value={validatePassword}
                 onChange={(e) => setValidatePassword(e.target.value)}
             />
-            <Button type="submit" disabled={!padName || (passwordProtected && !password) || password !== validatePassword}>
+            <Button type="submit" disabled={!padName || (passwordProtected && !password) || (passwordProtected && !validatePassword)}>
                 {isLoading ? <LoadingSpinnerInline inverted /> : t('Create pad')}
             </Button>
-            {errorMessage && <ErrorMessage>{errorMessage}</ErrorMessage>}
+            {errorMessage && <ErrorMessage>{t(errorMessage)}</ErrorMessage>}
         </Form>
     );
 }
diff --git a/public/locales/de/etherpad.json b/public/locales/de/etherpad.json
index 86ab8951..afbcee6e 100644
--- a/public/locales/de/etherpad.json
+++ b/public/locales/de/etherpad.json
@@ -1,16 +1,17 @@
 {
+    "Add existing pad": "Bestehendes Pad hinzufügen",
+    "Add pad": "Pad hinzufügen",
+    "Can't connect to the provided {{path}} server. Please try again later.": "Es kann keine Verbindung zum {{path}} Server hergestellt werden. Bitte probiere es später nochmal.",
+    "Confirm password": "Passwort bestätigen",
+    "Copy pad link to clipboard": "Link zum Pad kopieren",
     "Create new anonymous pad": "Neues anonymes Pad anlegen",
-    "Create password protected pad": "Neues passwortgeschütztes Pad anlegen",
     "Create new authored pad": "Neues Pad mit Autorschaft anlegen",
-    "Copy pad link to clipboard": "Link zum Pad kopieren",
+    "Create pad": "Pad anlegen",
+    "Create password protected pad": "Neues passwortgeschütztes Pad anlegen",
     "Delete pad": "Pad löschen",
+    "Link to pad": "Link zum Pad",
+    "Passwords do not match": "Passwörter stimmen nicht überein",
     "Remove pad from my library": "Pad entfernen",
     "This is going to delete the pad and all of its content.": "Das Pad und dessen gesamter Inhalt werden unwiderruflich gelöscht.",
-    "This will remove the pad from your library. The contents of the pad will remain accessible to anyone who has the link to it.": "Dieses Pad wird aus deiner Liste entfernt. Die Inhalte des Pads bleiben jedoch für alle abrufbar, die den Link zum Pad abgespeichert haben.",
-    "Add existing pad": "Bestehendes Pad hinzufügen",
-    "Add pad": "Pad hinzufügen",
-    "Create pad": "Pad anlegen",
-    "Confirm password": "Passwort bestätigen",
-    "Link to pad": "Link zum Pad",
-    "Can't connect to the provided {{path}} server. Please try again later.": "Es kann keine Verbindung zum {{path}} Server hergestellt werden. Bitte probiere es später nochmal."
+    "This will remove the pad from your library. The contents of the pad will remain accessible to anyone who has the link to it.": "Dieses Pad wird aus deiner Liste entfernt. Die Inhalte des Pads bleiben jedoch für alle abrufbar, die den Link zum Pad abgespeichert haben."
 }

From 26d72bfbf8ebb0be51c1b48fedf0b90036ee2906 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 27 Feb 2024 13:25:18 +0100
Subject: [PATCH 487/714] chore: make linter happy

---
 pages/etherpad/actions/CreateNewPad.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/pages/etherpad/actions/CreateNewPad.js b/pages/etherpad/actions/CreateNewPad.js
index d2988ac0..65282b16 100644
--- a/pages/etherpad/actions/CreateNewPad.js
+++ b/pages/etherpad/actions/CreateNewPad.js
@@ -30,8 +30,10 @@ export default function CreateNewPad({ createPadAndOpen, isMyPadsApiEnabled, cal
     const createPad = async () => {
         if (password !== validatePassword) {
             setErrorMessage('Passwords do not match');
+
             return;
         }
+
         setIsLoading(true);
         setErrorMessage('');
         const createPad = await createPadAndOpen(padName, passwordProtected ? 'private' : 'public', password).catch((error) => {

From 157efdf92a8123d8fcefe434469b259314b463e4 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 27 Feb 2024 13:42:32 +0100
Subject: [PATCH 488/714] linter happiness

---
 pages/explore/TreeLeaves.js | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/pages/explore/TreeLeaves.js b/pages/explore/TreeLeaves.js
index 0ec90726..aef3e907 100644
--- a/pages/explore/TreeLeaves.js
+++ b/pages/explore/TreeLeaves.js
@@ -27,22 +27,20 @@ const TreeLeaves = ({ leaf, selectedRoomId, isFetchingContent, small, isChat })
 
     const etherpad = auth.getAuthenticationProvider('etherpad');
     const [isPasswordProtected, setIsPasswordProtected] = useState(false);
-    if (!leaf) return <LoadingSpinner />;
 
     const roomId = leaf.id || leaf.room_id || leaf.roomId;
     const parentId = leaf.parent.id || leaf.parent.room_id || leaf.parent.roomId;
     const template = leaf.meta?.template;
     const name = isChat ? '💬 ' + leaf.name : getIcon(template, leaf.name);
 
-    // if an iframe is open we only want to show items in the list
-    if (selectedRoomId && leaf.type !== 'item') return null;
-
     useEffect(() => {
         let cancelled = false;
+
         if (template === 'etherpad' && !cancelled) {
             const checkIfPadHasPassword = async () => {
                 const url = matrix.roomContents.get(roomId)?.body;
                 const padId = url.split('/').pop();
+
                 return etherpad.isPadPasswordProtected(padId);
             };
 
@@ -50,7 +48,12 @@ const TreeLeaves = ({ leaf, selectedRoomId, isFetchingContent, small, isChat })
         }
 
         return () => (cancelled = true);
-    }, []);
+    }, [etherpad, matrix.roomContents, roomId, template]);
+
+    if (!leaf) return <LoadingSpinner />;
+
+    // if an iframe is open we only want to show items in the list
+    if (selectedRoomId && leaf.type !== 'item') return null;
 
     return (
         <ServiceLink

From ed181da6641e4b1e59b756aa99f3e853c1c64e0b Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 27 Feb 2024 14:14:15 +0100
Subject: [PATCH 489/714] refactor: only show ellipsis menu if a user has
 sufficient rights

---
 components/UI/ServiceLink.js   | 119 +++++++++++++++++++--------------
 pages/explore/TreeLeaves.js    |   5 +-
 pages/explore/[[...roomId]].js |   7 +-
 3 files changed, 73 insertions(+), 58 deletions(-)

diff --git a/components/UI/ServiceLink.js b/components/UI/ServiceLink.js
index 772c0e2b..70595810 100644
--- a/components/UI/ServiceLink.js
+++ b/components/UI/ServiceLink.js
@@ -21,6 +21,7 @@ import {
 } from '@/components/UI/shadcn/Dialog';
 import { Button } from '@/components/UI/shadcn/Button';
 import ConfirmCancelButtons from '@/components/UI/ConfirmCancelButtons';
+import { useAuth } from '@/lib/Auth';
 
 const LockIconWrapper = styled(Icon)`
     position: relative;
@@ -50,6 +51,71 @@ const NotificationBadge = styled.span`
 // @TODO figure out what to do with optional menu and logic for menu, could use better solution
 // @TODO success message closes too quickly
 
+function EllipsisMenu({ parentName, roomId, onRemove, myPowerLevel }) {
+    const [dialogOpen, setDialogOpen] = useState(false);
+    const [wasRemoved, setWasRemoved] = useState(false);
+    const { t } = useTranslation();
+    const matrixClient = useAuth().getAuthenticationProvider('matrix').getMatrixClient();
+    const room = matrixClient.getRoom(roomId);
+    const canRemoveFromParent = room?.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel);
+
+    // if we don't have sufficient rights for any of the options we return null
+    // this extra step makes more sense once the ellipsis menu has more options
+    if (!canRemoveFromParent) return null;
+
+    return (
+        <Dialog open={dialogOpen} onOpenChange={setDialogOpen}>
+            <DropdownMenu>
+                <DropdownMenuTrigger className="align-middle">
+                    <RiMoreLine />
+                </DropdownMenuTrigger>
+                <DropdownMenuContent>
+                    {canRemoveFromParent && (
+                        <DropdownMenuItem>
+                            <DialogTrigger asChild>
+                                <Button variant="ghost">{t('Remove')}</Button>
+                            </DialogTrigger>
+                        </DropdownMenuItem>
+                    )}
+                </DropdownMenuContent>
+            </DropdownMenu>
+            <DialogContent>
+                {wasRemoved ? (
+                    'was removed'
+                ) : (
+                    <>
+                        <DialogHeader>
+                            <DialogTitle>{t('Are you absolutely sure you want to remove {{name}}', { name: name })}</DialogTitle>
+                            <DialogDescription>
+                                {t('This will only remove {{name}} from {{space}}. It will not delete {{name}}', {
+                                    name: name,
+                                    space: parentName,
+                                })}
+                            </DialogDescription>
+                        </DialogHeader>
+                        <DialogFooter>
+                            <form
+                                onSubmit={async (e) => {
+                                    e.preventDefault();
+                                    await onRemove();
+                                    setWasRemoved(true);
+                                    _.delay(() => {
+                                        setDialogOpen(false);
+                                        setWasRemoved(false);
+                                    }, 1000);
+                                }}
+                                onReset={() => setDialogOpen(false)}
+                            >
+                                <ConfirmCancelButtons confirmLabel="Remove" destructive />
+                            </form>
+                        </DialogFooter>
+                    </>
+                )}
+            </DialogContent>
+        </Dialog>
+    );
+}
+
 const ServiceLink = forwardRef(
     (
         {
@@ -66,11 +132,10 @@ const ServiceLink = forwardRef(
             small,
             isFetchingContent,
             onRemove,
+            myPowerLevel,
         },
         ref,
     ) => {
-        const [dialogOpen, setDialogOpen] = useState(false);
-        const [wasRemoved, setWasRemoved] = useState(false);
         const { t } = useTranslation();
 
         return (
@@ -101,55 +166,7 @@ const ServiceLink = forwardRef(
                 </ServiceTable.Cell>
                 {onRemove && (
                     <ServiceTable.Cell align="right">
-                        <Dialog open={dialogOpen} onOpenChange={setDialogOpen}>
-                            <DropdownMenu>
-                                <DropdownMenuTrigger className="align-middle">
-                                    <RiMoreLine />
-                                </DropdownMenuTrigger>
-                                <DropdownMenuContent>
-                                    <DropdownMenuItem>
-                                        <DialogTrigger asChild>
-                                            <Button variant="ghost">{t('Remove')}</Button>
-                                        </DialogTrigger>
-                                    </DropdownMenuItem>
-                                </DropdownMenuContent>
-                            </DropdownMenu>
-                            <DialogContent>
-                                {wasRemoved ? (
-                                    'was removed'
-                                ) : (
-                                    <>
-                                        <DialogHeader>
-                                            <DialogTitle>
-                                                {t('Are you absolutely sure you want to remove {{name}}', { name: name })}
-                                            </DialogTitle>
-                                            <DialogDescription>
-                                                {t('This will only remove {{name}} from {{space}}. It will not delete {{name}}', {
-                                                    name: name,
-                                                    space: parentName,
-                                                })}
-                                            </DialogDescription>
-                                        </DialogHeader>
-                                        <DialogFooter>
-                                            <form
-                                                onSubmit={async (e) => {
-                                                    e.preventDefault();
-                                                    await onRemove();
-                                                    setWasRemoved(true);
-                                                    _.delay(() => {
-                                                        setDialogOpen(false);
-                                                        setWasRemoved(false);
-                                                    }, 1000);
-                                                }}
-                                                onReset={() => setDialogOpen(false)}
-                                            >
-                                                <ConfirmCancelButtons confirmLabel="Remove" destructive />
-                                            </form>
-                                        </DialogFooter>
-                                    </>
-                                )}
-                            </DialogContent>
-                        </Dialog>
+                        <EllipsisMenu parentName={parentName} onRemove={onRemove} myPowerLevel={myPowerLevel} roomId={roomId} />
                     </ServiceTable.Cell>
                 )}
             </ServiceTable.Row>
diff --git a/pages/explore/TreeLeaves.js b/pages/explore/TreeLeaves.js
index 8b32fc5e..98b25b57 100644
--- a/pages/explore/TreeLeaves.js
+++ b/pages/explore/TreeLeaves.js
@@ -16,13 +16,13 @@ const getIcon = (template, name) => {
         case 'studentproject':
             return '🎓 ' + name;
         case 'link':
-            return '🔗 ' + name
+            return '🔗 ' + name;
         default:
             return name;
     }
 };
 
-const TreeLeaves = ({ leaf, parentName, selectedRoomId, isFetchingContent, small, isChat, onRemove }) => {
+const TreeLeaves = ({ leaf, parentName, selectedRoomId, isFetchingContent, small, isChat, onRemove, myPowerLevel }) => {
     const router = useRouter();
     const auth = useAuth();
     const matrix = useMatrix();
@@ -78,6 +78,7 @@ const TreeLeaves = ({ leaf, parentName, selectedRoomId, isFetchingContent, small
             onRemove={() => onRemove(roomId)}
             parentName={parentName}
             passwordProtected={isPasswordProtected}
+            myPowerLevel={myPowerLevel}
         />
     );
 };
diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index a895e69c..0548709d 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -298,11 +298,7 @@ export default function Explore() {
                             />
                             <ServiceTableWrapper>
                                 {manageContextActionToggle ? (
-                                    <UserManagement
-                                        roomId={roomId}
-                                        roomName={matrix.spaces.get(roomId).name}
-                                        myPowerLevel={myPowerLevel}
-                                    >
+                                    <UserManagement roomId={roomId} roomName={matrix.spaces.get(roomId).name} myPowerLevel={myPowerLevel}>
                                         <TextButton className="w-full justify-between px-0 hover:text-accent" variant="ghost">
                                             <Icon>
                                                 <RiUserLine />
@@ -346,6 +342,7 @@ export default function Explore() {
                                                         isFetchingContent={isFetchingContent}
                                                         parentName={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].name}
                                                         onRemove={removeChildFromParent}
+                                                        myPowerLevel={myPowerLevel}
                                                     />
                                                 );
                                             })}

From 79d865658ecf86289d9f54bb905184ad079aaa9b Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 27 Feb 2024 14:18:42 +0100
Subject: [PATCH 490/714] fix: parse parent room id to check the correct room
 options

---
 components/UI/ServiceLink.js | 7 ++++---
 pages/explore/TreeLeaves.js  | 1 +
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/components/UI/ServiceLink.js b/components/UI/ServiceLink.js
index 70595810..275ca86a 100644
--- a/components/UI/ServiceLink.js
+++ b/components/UI/ServiceLink.js
@@ -51,12 +51,12 @@ const NotificationBadge = styled.span`
 // @TODO figure out what to do with optional menu and logic for menu, could use better solution
 // @TODO success message closes too quickly
 
-function EllipsisMenu({ parentName, roomId, onRemove, myPowerLevel }) {
+function EllipsisMenu({ parentName, parentRoomId, onRemove, myPowerLevel }) {
     const [dialogOpen, setDialogOpen] = useState(false);
     const [wasRemoved, setWasRemoved] = useState(false);
     const { t } = useTranslation();
     const matrixClient = useAuth().getAuthenticationProvider('matrix').getMatrixClient();
-    const room = matrixClient.getRoom(roomId);
+    const room = matrixClient.getRoom(parentRoomId);
     const canRemoveFromParent = room?.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel);
 
     // if we don't have sufficient rights for any of the options we return null
@@ -133,6 +133,7 @@ const ServiceLink = forwardRef(
             isFetchingContent,
             onRemove,
             myPowerLevel,
+            parentRoomId,
         },
         ref,
     ) => {
@@ -166,7 +167,7 @@ const ServiceLink = forwardRef(
                 </ServiceTable.Cell>
                 {onRemove && (
                     <ServiceTable.Cell align="right">
-                        <EllipsisMenu parentName={parentName} onRemove={onRemove} myPowerLevel={myPowerLevel} roomId={roomId} />
+                        <EllipsisMenu parentName={parentName} onRemove={onRemove} myPowerLevel={myPowerLevel} parentRoomId={parentRoomId} />
                     </ServiceTable.Cell>
                 )}
             </ServiceTable.Row>
diff --git a/pages/explore/TreeLeaves.js b/pages/explore/TreeLeaves.js
index 98b25b57..26ecacf8 100644
--- a/pages/explore/TreeLeaves.js
+++ b/pages/explore/TreeLeaves.js
@@ -79,6 +79,7 @@ const TreeLeaves = ({ leaf, parentName, selectedRoomId, isFetchingContent, small
             parentName={parentName}
             passwordProtected={isPasswordProtected}
             myPowerLevel={myPowerLevel}
+            parentRoomId={parentId}
         />
     );
 };

From 4d8f53e97815ed6bb5a57b9134dbd124e64fc924 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 28 Feb 2024 10:49:21 +0100
Subject: [PATCH 491/714] chore: add translations

---
 components/UI/ServiceIframeHeader.js          | 19 ++++++++-----------
 pages/explore/manage-room/ChangeJoinRule.js   |  2 +-
 .../manage-room/ExploreMatrixActions.js       |  4 ++--
 pages/explore/manage-room/LeaveRoom.js        |  2 +-
 public/locales/de/_defaults.json              |  3 +++
 public/locales/de/explore.json                |  8 ++++++++
 6 files changed, 23 insertions(+), 15 deletions(-)

diff --git a/components/UI/ServiceIframeHeader.js b/components/UI/ServiceIframeHeader.js
index 94aa2d6f..72f37f4d 100644
--- a/components/UI/ServiceIframeHeader.js
+++ b/components/UI/ServiceIframeHeader.js
@@ -1,4 +1,3 @@
-import { styled } from 'styled-components';
 import { useTranslation } from 'react-i18next';
 import React from 'react';
 // import React, { useState } from 'react';
@@ -41,7 +40,7 @@ const ServiceIframeHeader = ({
     // setIsInviteUsersOpen,
     // setSettingsTabValue,
 }) => {
-    const { t } = useTranslation('write');
+    const { t } = useTranslation(['write', 'explore']);
 
     // const [settingsTabValue, setSettingsTabValue] = useState('settings');
 
@@ -74,7 +73,11 @@ const ServiceIframeHeader = ({
                                 // setIsInviteUsersOpen(!isInviteUsersOpen);
                                 // setSettingsTabValue('members');
                             }}
-                            title={manageContextActionToggle ? t('Show contexts and items of {{name}}', { name: title }) : t('Show members of {{name}}', { name: title })}
+                            title={
+                                manageContextActionToggle
+                                    ? t('Show contexts and items of {{name}}', { name: title })
+                                    : t('Show members of {{name}}', { name: title })
+                            }
                         >
                             <Icon>{manageContextActionToggle ? <RiFolderLine /> : <RiGroupLine />}</Icon>
                         </TextButton>
@@ -86,10 +89,7 @@ const ServiceIframeHeader = ({
                             currentId={roomId}
                             myPowerLevel={myPowerLevel}
                             trigger={
-                                <TextButton
-                                    variant="ghost"
-                                    title={t('Show members of {{name}}', { name: title })}
-                                >
+                                <TextButton variant="ghost" title={t('Show members of {{name}}', { name: title })}>
                                     <Icon>
                                         <RiUserAddLine />
                                     </Icon>
@@ -122,10 +122,7 @@ const ServiceIframeHeader = ({
                             myPowerLevel={myPowerLevel}
                             settingsTabValue="settings"
                             trigger={
-                                <TextButton
-                                    variant="ghost"
-                                    title={t('Show settings of {{name}}', { name: title })}
-                                >
+                                <TextButton variant="ghost" title={t('Show settings of {{name}}', { name: title })}>
                                     <Icon>
                                         <RiListSettingsLine />
                                     </Icon>
diff --git a/pages/explore/manage-room/ChangeJoinRule.js b/pages/explore/manage-room/ChangeJoinRule.js
index 002e1fdf..7a78050f 100644
--- a/pages/explore/manage-room/ChangeJoinRule.js
+++ b/pages/explore/manage-room/ChangeJoinRule.js
@@ -56,7 +56,7 @@ const JoinRuleChanger = ({ roomId, roomName, onPreviousAction, onCancel }) => {
                 </SelectContent>
             </Select>
             <PreviousNextButtons disableNext={joinRule === currentJoinRule || changingJoinRule} onCancel={onPreviousAction}>
-                {changingJoinRule ? <LoadingSpinnerInline inverted /> : t('Change Join Rule')}
+                {changingJoinRule ? <LoadingSpinnerInline inverted /> : t('Change')}
             </PreviousNextButtons>
             {errorMessage && <ErrorMessage>{errorMessage}</ErrorMessage>}
         </Form>
diff --git a/pages/explore/manage-room/ExploreMatrixActions.js b/pages/explore/manage-room/ExploreMatrixActions.js
index a07cef8f..aa608831 100644
--- a/pages/explore/manage-room/ExploreMatrixActions.js
+++ b/pages/explore/manage-room/ExploreMatrixActions.js
@@ -69,7 +69,7 @@ const ExploreMatrixActions = ({
                 <Tabs onValueChange={setSettingsTabValue} value={settingsTabValue}>
                     <aside className="sticky top-0 z-10 translate-y-[-1.5rem] bg-background pt-6">
                         <DrawerDialogHeader>
-                            <h3>{t('/explore actions')}</h3>
+                            <h3>{room.name}</h3>
                         </DrawerDialogHeader>
 
                         <br />
@@ -124,7 +124,7 @@ const ExploreMatrixActions = ({
                         <>
                             {room.currentState.hasSufficientPowerLevelFor('m.room.topic', myPowerLevel) && (
                                 <div>
-                                    <h3>{t('Topic (optional)')}</h3>
+                                    <h3>{t('Topic')}</h3>
                                     <ChangeTopic roomId={currentId} roomName={room.name} />
                                 </div>
                             )}
diff --git a/pages/explore/manage-room/LeaveRoom.js b/pages/explore/manage-room/LeaveRoom.js
index 3e5c78c4..c3940876 100644
--- a/pages/explore/manage-room/LeaveRoom.js
+++ b/pages/explore/manage-room/LeaveRoom.js
@@ -36,7 +36,7 @@ const LeaveRoom = ({ roomId, parentId, roomName, onCancel }) => {
     const [errorMessage, setErrorMessage] = useState('');
     const [dialogOpen, setDialogOpen] = useState(false);
 
-    const { t } = useTranslation();
+    const { t } = useTranslation('explore');
 
     const handleLeaveRoom = async (e) => {
         e.preventDefault();
diff --git a/public/locales/de/_defaults.json b/public/locales/de/_defaults.json
index c3c77e76..5e66e846 100644
--- a/public/locales/de/_defaults.json
+++ b/public/locales/de/_defaults.json
@@ -2,6 +2,7 @@
     "Accept": "Annehmen",
   "Add to favourites": "Zu Favoriten hinzufügen",
   "Cancel": "Abbrechen",
+  "Change": "Ändern",
     "Confirm": "Bestätigen",
     "Copy link to clipboard": "Link kopieren",
     "Connection lost": "Verbindung unterbrochen",
@@ -9,6 +10,7 @@
   "Delete": "Löschen",
     "From": "Von",
   "Invitations": "Einladungen",
+  "Leave": "Verlassen",
   "Make sure your link includes \"{{url}}\"": "Dein Link muss \"{{url}}\" beinhalten",
     "Name": "Bezeichnung",
   "Next": "Weiter",
@@ -21,6 +23,7 @@
   "Save": "Speichern",
   "select {{option}}": "{{option}} wählen",
   "Select action": "Aktion wählen",
+  "Settings": "Einstellungen",
   "Something went wrong! Please try again.": "Da ist etwas schief gelaufen! Bitte versuche es erneut.",
   "Syncing more entries": "Weitere Einträge werden geladen",
   "The following error occurred: {{error}}": "Folgender Fehler ist aufgetreten: {{error}}",
diff --git a/public/locales/de/explore.json b/public/locales/de/explore.json
index e6acf4a1..dad4ab1b 100644
--- a/public/locales/de/explore.json
+++ b/public/locales/de/explore.json
@@ -1,5 +1,13 @@
 {
+    "Add more …": "Mehr hinzufügen …",
     "Change Join Rule for": "Join-Regel ändern für",
+    "Join Rule": "Join-Regel",
+    "Leaving {{name}} means you cannot interact with it anymore.": "Wenn du {{name}} verlässt, kannst du nicht mehr damit interagieren.",
+    "Leave {{ name }}?": "{{ name }} verlassen?",
     "No context templates defined, please contact the administrator": "Es sind keine Kontextvorlagen definiert. Bitte kontaktiere den Administrator.",
+    "Show contexts and items of {{name}}": "Zeige Kontexte und Elemente von {{name}}",
+    "Show members of {{name}}" : "Zeige Mitglieder von {{name}}",
+    "Show settings of {{name}}": "Zeige Einstellungen von {{name}}",
+    "Topic": "Thema",
     "Topic was successfully updated.": "Thema wurde erfolgreich aktualisiert."
 }

From 9768b61e77f0347694363f5e6911ec8fc3624bc3 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Wed, 28 Feb 2024 12:09:44 +0100
Subject: [PATCH 492/714] chore: remove -lg prefix from tailwind rounded class

---
 components/UI/shadcn/Dialog.js | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/components/UI/shadcn/Dialog.js b/components/UI/shadcn/Dialog.js
index 33f2c9ac..4e08ee1d 100644
--- a/components/UI/shadcn/Dialog.js
+++ b/components/UI/shadcn/Dialog.js
@@ -29,7 +29,7 @@ const DialogContent = React.forwardRef(({ className, children, ...props }, ref)
         <DialogPrimitive.Content
             ref={ref}
             className={cn(
-                'fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 overflow-y-auto border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] max-[768px]:h-full max-[768px]:grid-rows-[auto_1fr_auto] sm:rounded-lg min-[768px]:max-h-[calc(100%-3rem)]',
+                'fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 overflow-y-auto border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] max-[768px]:h-full max-[768px]:grid-rows-[auto_1fr_auto] sm:rounded min-[768px]:max-h-[calc(100%-3rem)]',
                 className,
             )}
             {...props}
@@ -40,9 +40,7 @@ const DialogContent = React.forwardRef(({ className, children, ...props }, ref)
 ));
 DialogContent.displayName = DialogPrimitive.Content.displayName;
 
-const DialogHeader = ({ className, ...props }) => (
-    <div className={cn('flex flex-col space-y-1.5 text-center sm:text-left', className)} {...props} />
-);
+const DialogHeader = ({ className, ...props }) => <div className={cn('flex flex-col space-y-1.5 sm:text-left', className)} {...props} />;
 DialogHeader.displayName = 'DialogHeader';
 
 const DialogFooter = ({ className, ...props }) => <div className={cn('grid grid-flow-col gap-4', className)} {...props} />;

From fa1a11d7fdf95d65d7e807930cae0f998e1e2231 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Wed, 28 Feb 2024 12:10:52 +0100
Subject: [PATCH 493/714] chore: remove comment; add empty lines between blocks

---
 pages/explore/manage-room/QuickAddExplore.js | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/pages/explore/manage-room/QuickAddExplore.js b/pages/explore/manage-room/QuickAddExplore.js
index babc53dd..d01508d4 100644
--- a/pages/explore/manage-room/QuickAddExplore.js
+++ b/pages/explore/manage-room/QuickAddExplore.js
@@ -54,8 +54,8 @@ const QuickAddExplore = ({ currentId, roomName, getSpaceChildren, allChatRooms,
                 <DrawerDialogHeader>
                     <h3>{t('Add more …')}</h3>
                 </DrawerDialogHeader>
+
                 {!selectedOption && (
-                    /* @TODO: layout here affects both dialog and drawer */
                     <div className="grid gap-4 grid-cols-2">
                         <Card
                             className="cursor-pointer text-center hover:bg-accent hover:text-white"
@@ -95,6 +95,7 @@ const QuickAddExplore = ({ currentId, roomName, getSpaceChildren, allChatRooms,
                         </Card>
                     </div>
                 )}
+
                 {selectedOption === 'context' && (
                     <>
                         <Card
@@ -144,6 +145,7 @@ const QuickAddExplore = ({ currentId, roomName, getSpaceChildren, allChatRooms,
                 {selectedOption === 'existingItem' && (
                     <AddExistingItem currentId={currentId} onCancel={onClose} onPreviousAction={() => setSelectedOption('')} />
                 )}
+
                 {selectedOption === 'existingContext' && (
                     <AddExistingContext
                         onCancel={onClose}
@@ -153,6 +155,7 @@ const QuickAddExplore = ({ currentId, roomName, getSpaceChildren, allChatRooms,
                         onPreviousAction={() => setSelectedOption('')}
                     />
                 )}
+
                 {selectedOption === 'newContext' && (
                     <CreateContext
                         onCancel={onClose}
@@ -161,6 +164,7 @@ const QuickAddExplore = ({ currentId, roomName, getSpaceChildren, allChatRooms,
                         onPreviousAction={() => setSelectedOption('')}
                     />
                 )}
+
                 {selectedOption === 'existingChat' && (
                     <AddExistingChat
                         currentId={currentId}
@@ -171,6 +175,7 @@ const QuickAddExplore = ({ currentId, roomName, getSpaceChildren, allChatRooms,
                         onPreviousAction={() => setSelectedOption('')}
                     />
                 )}
+
                 {selectedOption === 'newChat' && (
                     <AddNewChat
                         updateRoomList={getSpaceChildren}
@@ -180,6 +185,7 @@ const QuickAddExplore = ({ currentId, roomName, getSpaceChildren, allChatRooms,
                         onPreviousAction={() => setSelectedOption('')}
                     />
                 )}
+
                 {selectedOption === 'link' && (
                     <CreateLink
                         currentId={currentId}

From af05310313265419ee35f215715507f8967cc263 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Wed, 28 Feb 2024 12:11:24 +0100
Subject: [PATCH 494/714] refactor: use shadcn Dialog instead of DrawerDialog

---
 .../manage-room/ExploreMatrixActions.js       | 204 +++++++++---------
 1 file changed, 106 insertions(+), 98 deletions(-)

diff --git a/pages/explore/manage-room/ExploreMatrixActions.js b/pages/explore/manage-room/ExploreMatrixActions.js
index aa608831..a0b3a6a5 100644
--- a/pages/explore/manage-room/ExploreMatrixActions.js
+++ b/pages/explore/manage-room/ExploreMatrixActions.js
@@ -1,5 +1,6 @@
 import React, { useState } from 'react';
 import { useTranslation } from 'react-i18next';
+import { RiCloseLine } from '@remixicon/react';
 
 import LoadingSpinner from '../../../components/UI/LoadingSpinner';
 // import UserManagement from './UserManagement';
@@ -9,7 +10,9 @@ import ChangeAvatar from './ChangeAvatar';
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/UI/shadcn/Tabs';
 import ChangeJoinRule from './ChangeJoinRule';
 import { useAuth } from '@/lib/Auth';
-import { DrawerDialog, DrawerDialogHeader } from '@/components/UI/shadcn/DialogDrawer';
+import { Dialog, DialogClose, DialogContent, DialogHeader } from '@/components/UI/shadcn/Dialog';
+// import { Dialog, DialogClose, DialogContent, DialogFooter, DialogHeader } from '@/components/UI/shadcn/Dialog';
+// import { Button } from '@/components/UI/shadcn/Button';
 
 /**
  * This component provides actions for managing contexts and items within a matrix room.
@@ -21,20 +24,6 @@ import { DrawerDialog, DrawerDialogHeader } from '@/components/UI/shadcn/DialogD
  * @returns {JSX.Element} - The rendered component.
  */
 
-/* @TODO: can probably be removed */
-/*
-const ExploreMatrixActionWrapper = styled.div`
-    width: 100%;
-    max-height: 100%;
-    overflow-y: auto;
-    border-collapse: collapse;
-
-    > * + * {
-        margin-top: var(--margin);
-    }
-`;
-*/
-
 const ExploreMatrixActions = ({
     currentId,
     parentId,
@@ -60,89 +49,99 @@ const ExploreMatrixActions = ({
                     setIsOpen(true);
                 },
             })}
-            <DrawerDialog
-                isOpen={isOpen}
+            <Dialog
+                open={isOpen}
                 onOpenChange={(newState) => {
                     setIsOpen(newState);
                 }}
             >
-                <Tabs onValueChange={setSettingsTabValue} value={settingsTabValue}>
-                    <aside className="sticky top-0 z-10 translate-y-[-1.5rem] bg-background pt-6">
-                        <DrawerDialogHeader>
-                            <h3>{room.name}</h3>
-                        </DrawerDialogHeader>
-
-                        <br />
-
-                        <TabsList>
-                            {/* @NOTE: we do not want the members list as a tab in dialog/drawer */}
-                            {/*
-                            <TabsTrigger
-                                onClick={() => {
-                                    setSettingsTabValue('members');
-                                }}
-                                value="members"
-                            >
-                                {t('Members')}
-                            </TabsTrigger>
-                            */}
-
-                            <TabsTrigger
-                                onClick={() => {
-                                    setSettingsTabValue('settings');
-                                }}
-                                value="settings"
-                            >
-                                {t('Settings')}
-                            </TabsTrigger>
-                        </TabsList>
-
-                        {/* @NOTE: needs two <br /> elements before <hr />, as <TabsList /> is display:inline; */}
-                        <br />
-                        <br />
-                        <hr />
-                    </aside>
-
-                    {/*
-                    <TabsContent className="overflow-y-auto" value="members">
-                        <UserManagement
-                            myPowerLevel={myPowerLevel}
-                            roomId={currentId}
-                            roomName={room.name}
-                            // @TODO: do we still need the following ?
-                            onCancel={() => setManageContextActionToggle(false)}
-                        />
-                    </TabsContent>
-                    */}
-
-                    {/*
-                    @TODO: first line of tab content are not on same height;
-                    @TODO: remove caption? negative margin for caption/table?
-                    */}
-
-                    <TabsContent className="pb-6 [&>*+*]:mt-8" value="settings">
-                        <>
-                            {room.currentState.hasSufficientPowerLevelFor('m.room.topic', myPowerLevel) && (
-                                <div>
-                                    <h3>{t('Topic')}</h3>
-                                    <ChangeTopic roomId={currentId} roomName={room.name} />
-                                </div>
-                            )}
-
-                            {/*
-                            @TODO: ChangeAvatar needs refactor; should use shadcn avatar component
-                            */}
-                            {room.currentState.hasSufficientPowerLevelFor('m.room.avatar', myPowerLevel) && (
-                                <div>
-                                    <h3>{t('Avatar')}</h3>
-                                    <ChangeAvatar
-                                        roomId={currentId}
-                                        /* @TODO: do we still need the following ? */
-                                        onCancel={() => setManageContextActionToggle(false)}
-                                    />
-                                </div>
-                            )}
-
+                <DialogContent>
+                    <Tabs onValueChange={setSettingsTabValue} value={settingsTabValue}>
+                        <aside className="sticky top-0 z-10 translate-y-[-1.5rem] bg-background pt-6">
+                            <DialogHeader>
+                                <h3>{room.name}</h3>
+                                {/* <h3>{room.name} {t('settings')}</h3> */}
+                            </DialogHeader>
+
+                            <br />
+
+                            <TabsList>
+                                {/* @NOTE: we do not want the members list as a tab in dialog */}
+                                {/*
+                                <TabsTrigger
+                                    onClick={() => {
+                                        setSettingsTabValue('members');
+                                    }}
+                                    value="members"
+                                >
+                                    {t('Members')}
+                                </TabsTrigger>
+                                */}
+
+                                <TabsTrigger
+                                    onClick={() => {
+                                        setSettingsTabValue('settings');
+                                    }}
+                                    value="settings"
+                                >
+                                    {t('Settings')}
+                                </TabsTrigger>
+                                <TabsTrigger
+                                    onClick={() => {
+                                        setSettingsTabValue('advanced');
+                                    }}
+                                    value="advanced"
+                                >
+                                    {t('Advanced')}
+                                </TabsTrigger>
+                            </TabsList>
+
+                            <DialogClose className="absolute right-[-0.5rem] top-4 z-10 rounded border text-muted ring-offset-background transition-opacity hover:border-destructive hover:text-destructive focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
+                                <RiCloseLine className="h-6 w-6" />
+                                <span className="sr-only">Close</span>
+                            </DialogClose>
+
+                            {/* @NOTE: needs two <br /> elements before <hr />, as <TabsList /> is display:inline; */}
+                            <br />
+                            <br />
+                            <hr />
+                        </aside>
+
+                        {/*
+                        <TabsContent className="overflow-y-auto" value="members">
+                            <UserManagement
+                                myPowerLevel={myPowerLevel}
+                                roomId={currentId}
+                                roomName={room.name}
+                                // @TODO: do we still need the following ?
+                                onCancel={() => setManageContextActionToggle(false)}
+                            />
+                        </TabsContent>
+                        */}
+
+                        <TabsContent className="pb-6 [&>*+*]:mt-8" value="settings">
+                            <>
+                                {room.currentState.hasSufficientPowerLevelFor('m.room.topic', myPowerLevel) && (
+                                    <div>
+                                        <h3>{t('Topic')}</h3>
+                                        <ChangeTopic roomId={currentId} roomName={room.name} />
+                                    </div>
+                                )}
+
+                                {room.currentState.hasSufficientPowerLevelFor('m.room.avatar', myPowerLevel) && (
+                                    <div>
+                                        <h3>{t('Avatar')}</h3>
+                                        <ChangeAvatar
+                                            roomId={currentId}
+                                            /* @TODO: do we still need the following ? */
+                                            onCancel={() => setManageContextActionToggle(false)}
+                                        />
+                                    </div>
+                                )}
+                            </>
+                        </TabsContent>
+
+                        <TabsContent className="pb-6 [&>*+*]:mt-8" value="advanced">
                             {room.currentState.hasSufficientPowerLevelFor('m.room.join_rules', myPowerLevel) && (
                                 <div>
                                     <ChangeJoinRule
@@ -157,10 +156,19 @@ const ExploreMatrixActions = ({
                             <div>
                                 <LeaveRoom roomId={currentId} roomName={room.name} parentId={parentId} />
                             </div>
-                        </>
-                    </TabsContent>
-                </Tabs>
-            </DrawerDialog>
+                        </TabsContent>
+
+                        {/* @NOTE: we do not want the bottom-aligned close button in this tabbed dialog */}
+                        {/*
+                        <DialogFooter className="pt-4 pb-8">
+                            <DialogClose asChild props>
+                                <Button variant="outline">{t('Cancel')}</Button>
+                            </DialogClose>
+                        </DialogFooter>
+                        */}
+                    </Tabs>
+                </DialogContent>
+            </Dialog>
         </>
     );
 };

From 840eac030761fe5ad42845d60f0bb007567fd05c Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 28 Feb 2024 13:58:28 +0100
Subject: [PATCH 495/714] refactor: hydrate room content if a user is not
 already part of a room

---
 pages/explore/ExploreIframeViews.js |  5 ++--
 pages/explore/TreeLeaves.js         | 42 ++++++++++++++++++++---------
 2 files changed, 31 insertions(+), 16 deletions(-)

diff --git a/pages/explore/ExploreIframeViews.js b/pages/explore/ExploreIframeViews.js
index 5f73a118..5a80f93c 100644
--- a/pages/explore/ExploreIframeViews.js
+++ b/pages/explore/ExploreIframeViews.js
@@ -16,7 +16,7 @@ const ExploreIframeViews = ({ currentTemplate, iframeRoomId, title: parsedTitle
 
     const [title, setTitle] = useState(parsedTitle);
 
-    const iframeUrl = currentTemplate === 'studentProject' ? iframeRoomId : new URL(matrix.roomContents.get(iframeRoomId)?.body);
+    const iframeUrl = currentTemplate ? new URL(matrix.roomContents.get(iframeRoomId)?.body) : iframeRoomId;
 
     // add auth token to etherpad iframe, so authors of the pad don't have to input the password again
     if (currentTemplate === 'etherpad') {
@@ -67,8 +67,7 @@ const ExploreIframeViews = ({ currentTemplate, iframeRoomId, title: parsedTitle
             case 'link':
                 return (
                     <>
-                        <ServiceIframeHeader content={matrix.roomContents.get(iframeRoomId)?.body} title={title} removingLink={false}
-                        />
+                        <ServiceIframeHeader content={matrix.roomContents.get(iframeRoomId)?.body} title={title} removingLink={false} />
                         <iframe title="sketch" src={iframeUrl} />
                     </>
                 );
diff --git a/pages/explore/TreeLeaves.js b/pages/explore/TreeLeaves.js
index 26ecacf8..b6f77ca5 100644
--- a/pages/explore/TreeLeaves.js
+++ b/pages/explore/TreeLeaves.js
@@ -37,23 +37,45 @@ const TreeLeaves = ({ leaf, parentName, selectedRoomId, isFetchingContent, small
     // if the room is a chat or service we want to show a different icon
 
     const name = isChat ? '💬 ' + leaf.name : getIcon(template, leaf.name);
+    const href = externalUrl
+        ? externalUrl
+        : Object.keys(getConfig().publicRuntimeConfig.authProviders)?.includes(template) || isChat
+          ? `/explore/${parentId}/${roomId}`
+          : `/explore/${roomId}`;
 
     useEffect(() => {
-        let cancelled = false;
+        const controller = new AbortController();
+        const signal = controller.signal;
 
-        if (template === 'etherpad' && !cancelled) {
+        if (template === 'etherpad') {
             const checkIfPadHasPassword = async () => {
-                const url = matrix.roomContents.get(roomId)?.body;
+                let url = matrix.roomContents.get(roomId)?.body;
+
+                if (!url) {
+                    url = await matrix.hydrateRoomContent(roomId, signal);
+                }
+
+                if (!url) return false;
                 const padId = url.split('/').pop();
 
                 return etherpad.isPadPasswordProtected(padId);
             };
 
-            checkIfPadHasPassword().then((isProtected) => setIsPasswordProtected(isProtected));
+            checkIfPadHasPassword().then(setIsPasswordProtected);
+        }
+
+        if (template === 'link') {
+            const hydrateContent = async () => {
+                if (!matrix.roomContents.get(roomId)?.body) {
+                    await matrix.hydrateRoomContent(roomId, signal);
+                }
+            };
+
+            hydrateContent();
         }
 
-        return () => (cancelled = true);
-    }, [etherpad, matrix.roomContents, roomId, template]);
+        return () => controller.abort();
+    }, [etherpad, matrix, matrix.roomContents, roomId, template]);
 
     if (!leaf) return <LoadingSpinner />;
 
@@ -65,13 +87,7 @@ const TreeLeaves = ({ leaf, parentName, selectedRoomId, isFetchingContent, small
             small={small}
             roomId={roomId}
             target={template === 'link' ? '_blank' : '_self'}
-            href={
-                externalUrl
-                    ? externalUrl
-                    : getConfig().publicRuntimeConfig.templates?.item.includes(template) || isChat
-                      ? `/explore/${parentId}/${roomId}`
-                      : `/explore/${roomId}`
-            }
+            href={href}
             name={name}
             isFetchingContent={isFetchingContent}
             selected={router.query.roomId[1] === roomId || router.query.roomId[0] === roomId}

From 7bae30fac9891b84989882dea4fc565fdf93e221 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 28 Feb 2024 14:54:20 +0100
Subject: [PATCH 496/714] fix: add DialogTitle and DialogDescription to
 Dialog.js again

---
 components/UI/shadcn/Dialog.js | 23 ++++++++++++++++++++++-
 1 file changed, 22 insertions(+), 1 deletion(-)

diff --git a/components/UI/shadcn/Dialog.js b/components/UI/shadcn/Dialog.js
index 4e08ee1d..004969bf 100644
--- a/components/UI/shadcn/Dialog.js
+++ b/components/UI/shadcn/Dialog.js
@@ -46,4 +46,25 @@ DialogHeader.displayName = 'DialogHeader';
 const DialogFooter = ({ className, ...props }) => <div className={cn('grid grid-flow-col gap-4', className)} {...props} />;
 DialogFooter.displayName = 'DialogFooter';
 
-export { Dialog, DialogPortal, DialogOverlay, DialogClose, DialogTrigger, DialogContent, DialogHeader, DialogFooter };
+const DialogTitle = React.forwardRef(({ className, ...props }, ref) => (
+    <DialogPrimitive.Title ref={ref} className={className} {...props} />
+));
+DialogTitle.displayName = DialogPrimitive.Title.displayName;
+
+const DialogDescription = React.forwardRef(({ className, ...props }, ref) => (
+    <DialogPrimitive.Description ref={ref} className={className} {...props} />
+));
+DialogDescription.displayName = DialogPrimitive.Description.displayName;
+
+export {
+    Dialog,
+    DialogPortal,
+    DialogOverlay,
+    DialogClose,
+    DialogTrigger,
+    DialogContent,
+    DialogHeader,
+    DialogFooter,
+    DialogTitle,
+    DialogDescription,
+};

From 025f36b6655acfb19659adb3c4a607110149a608 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Wed, 28 Feb 2024 15:28:17 +0100
Subject: [PATCH 497/714] fix: change meta type condition for add button

---
 pages/explore/manage-room/AddExistingItem.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/explore/manage-room/AddExistingItem.js b/pages/explore/manage-room/AddExistingItem.js
index 09f628c9..0baa098a 100644
--- a/pages/explore/manage-room/AddExistingItem.js
+++ b/pages/explore/manage-room/AddExistingItem.js
@@ -34,7 +34,7 @@ const AddExistingItem = ({ currentId, onPreviousAction, onCancel }) => {
     const onLevelSelect = (levels) => {
         setSelectedLevels(levels);
         const item = matrix.rooms.get(levels[levels.length - 1]);
-        setIsItem(!!item);
+        setIsItem(item?.meta.type === 'content');
         // if (isLeaf && getConfig().publicRuntimeConfig.templates.item.includes(item?.meta.template)) setIsItem(true);
         // else setIsItem(false);
     };

From 0ce9381db7a6f987388c0e9df48f2ddf4d705262 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Wed, 28 Feb 2024 15:34:12 +0100
Subject: [PATCH 498/714] chore: clean-up and improve quick add action elements

---
 .../explore/manage-room/AddExistingContext.js |  44 +++--
 pages/explore/manage-room/AddExistingItem.js  |   4 +-
 .../AddOrCreateChat/AddExistingChat.js        |   4 +-
 .../manage-room/AddOrCreateChat/AddNewChat.js |   6 +-
 pages/explore/manage-room/CreateContext.js    |   4 +-
 pages/explore/manage-room/CreateLink.js       |   4 +-
 pages/explore/manage-room/QuickAddExplore.js  | 156 +++++++++---------
 7 files changed, 122 insertions(+), 100 deletions(-)

diff --git a/pages/explore/manage-room/AddExistingContext.js b/pages/explore/manage-room/AddExistingContext.js
index 73303b01..c8d93499 100644
--- a/pages/explore/manage-room/AddExistingContext.js
+++ b/pages/explore/manage-room/AddExistingContext.js
@@ -23,7 +23,7 @@ import LoadingSpinnerInline from '../../../components/UI/LoadingSpinnerInline';
  *  return name from ContextMultiLevelSelect instead of fetching it again in fetchRoomName
  *  disable other selects when fetching new children
  *
-*/
+ */
 
 const AddExistingContext = ({ parentId, parentName, contextRootId, onPreviousAction, onCancel }) => {
     const auth = useAuth();
@@ -70,16 +70,20 @@ const AddExistingContext = ({ parentId, parentName, contextRootId, onPreviousAct
     const addContextToParent = async (e) => {
         e.preventDefault();
         setIsLoading(true);
-        const call = await matrix.addSpaceChild(parentId, activeContexts[activeContexts.length - 1])
-            .catch(error => {
-                setErrorMessage(error.data?.error);
+        const call = await matrix.addSpaceChild(parentId, activeContexts[activeContexts.length - 1]).catch((error) => {
+            setErrorMessage(error.data?.error);
 
-                return;
-            });
+            return;
+        });
 
         if (call?.event_id) {
             // call worked as expected
-            alert(t('{{selectedContextName}} was successfully added to {{parentName}}', { selectedContextName: selectedContextName, parentName: parentName }));
+            alert(
+                t('{{selectedContextName}} was successfully added to {{parentName}}', {
+                    selectedContextName: selectedContextName,
+                    parentName: parentName,
+                }),
+            );
             cleanUp();
         }
 
@@ -96,14 +100,24 @@ const AddExistingContext = ({ parentId, parentName, contextRootId, onPreviousAct
     };
 
     return (
-        <Form
-            onSubmit={addContextToParent}>
-            <ContextMultiLevelSelect onChange={setActiveContexts} activeContexts={activeContexts} setSelectedContextName={setSelectedContextName} />
-            { selectedContextName && isAddingAllowed && <p> { t('You are about to add {{ selectedContextName }} to {{parentName}}', { selectedContextName: selectedContextName, parentName: parentName }) }</p> }
-            { errorMessage && <ErrorMessage>{ errorMessage }</ErrorMessage> }
-            <PreviousNextButtons
-                disableNext={!isAddingAllowed}
-                onCancel={onPreviousAction}>{ isLoading ? <LoadingSpinnerInline inverted /> : t('add') }
+        <Form onSubmit={addContextToParent}>
+            <ContextMultiLevelSelect
+                onChange={setActiveContexts}
+                activeContexts={activeContexts}
+                setSelectedContextName={setSelectedContextName}
+            />
+            {selectedContextName && isAddingAllowed && (
+                <p>
+                    {' '}
+                    {t('You are about to add {{ selectedContextName }} to {{parentName}}', {
+                        selectedContextName: selectedContextName,
+                        parentName: parentName,
+                    })}
+                </p>
+            )}
+            {errorMessage && <ErrorMessage>{errorMessage}</ErrorMessage>}
+            <PreviousNextButtons previousLabel={t('Back')} disableNext={!isAddingAllowed} onCancel={onPreviousAction}>
+                {isLoading ? <LoadingSpinnerInline inverted /> : t('Add')}
             </PreviousNextButtons>
         </Form>
     );
diff --git a/pages/explore/manage-room/AddExistingItem.js b/pages/explore/manage-room/AddExistingItem.js
index 0baa098a..d18fc874 100644
--- a/pages/explore/manage-room/AddExistingItem.js
+++ b/pages/explore/manage-room/AddExistingItem.js
@@ -58,8 +58,8 @@ const AddExistingItem = ({ currentId, onPreviousAction, onCancel }) => {
     return (
         <Form onSubmit={addItemToContext}>
             <CachedContextMultiLevelSelect onChange={onLevelSelect} activeContexts={selectedLevels} rootId={currentId} />
-            <PreviousNextButtons disableNext={isAddingContext || !isItem} onCancel={onPreviousAction}>
-                {isAddingContext ? <LoadingSpinnerInline inverted /> : t('add')}
+            <PreviousNextButtons previousLabel={t('Back')} disableNext={isAddingContext || !isItem} onCancel={onPreviousAction}>
+                {isAddingContext ? <LoadingSpinnerInline inverted /> : t('Add')}
             </PreviousNextButtons>
             {errorMessage && <ErrorMessage>{errorMessage}</ErrorMessage>}
         </Form>
diff --git a/pages/explore/manage-room/AddOrCreateChat/AddExistingChat.js b/pages/explore/manage-room/AddOrCreateChat/AddExistingChat.js
index 5aadc99c..61c63e75 100644
--- a/pages/explore/manage-room/AddOrCreateChat/AddExistingChat.js
+++ b/pages/explore/manage-room/AddOrCreateChat/AddExistingChat.js
@@ -62,8 +62,8 @@ export default function AddExistingChat({ allChatRooms, onPreviousAction, curren
             </Select>
             {errorMessage && <ErrorMessage>{errorMessage}</ErrorMessage>}
             {userFeedback && <p>{userFeedback}</p>}
-            <PreviousNextButtons disableNext={!selectedRoom || userFeedback} onCancel={onPreviousAction}>
-                {isLoading ? <LoadingSpinnerInline inverted /> : t('add')}
+            <PreviousNextButtons previousLabel={t('Back')} disableNext={!selectedRoom || userFeedback} onCancel={onPreviousAction}>
+                {isLoading ? <LoadingSpinnerInline inverted /> : t('Add')}
             </PreviousNextButtons>
         </Form>
     );
diff --git a/pages/explore/manage-room/AddOrCreateChat/AddNewChat.js b/pages/explore/manage-room/AddOrCreateChat/AddNewChat.js
index ae388923..2432101e 100644
--- a/pages/explore/manage-room/AddOrCreateChat/AddNewChat.js
+++ b/pages/explore/manage-room/AddOrCreateChat/AddNewChat.js
@@ -64,7 +64,7 @@ export default function AddNewChat({ onPreviousAction, currentId, onSuccess, par
                     {presets.allowedJoinRules.map((joinRule) => {
                         return (
                             <SelectItem key={joinRule.name} value={joinRule.name}>
-                                {joinRule.label} -- <em>{joinRule.description}</em>
+                                {joinRule.label}
                             </SelectItem>
                         );
                     })}
@@ -72,8 +72,8 @@ export default function AddNewChat({ onPreviousAction, currentId, onSuccess, par
             </Select>
             {errorMessage && <ErrorMessage>{errorMessage}</ErrorMessage>}
             {userFeedback && <p>{userFeedback}</p>}
-            <PreviousNextButtons disableNext={!roomName || userFeedback} onCancel={onPreviousAction}>
-                {isLoading ? <LoadingSpinnerInline inverted /> : t('add')}
+            <PreviousNextButtons previousLabel={t('Back')} disableNext={!roomName || userFeedback} onCancel={onPreviousAction}>
+                {isLoading ? <LoadingSpinnerInline inverted /> : t('Add')}
             </PreviousNextButtons>
         </Form>
     );
diff --git a/pages/explore/manage-room/CreateContext.js b/pages/explore/manage-room/CreateContext.js
index 4fd57043..1ba8e686 100644
--- a/pages/explore/manage-room/CreateContext.js
+++ b/pages/explore/manage-room/CreateContext.js
@@ -109,8 +109,8 @@ const CreateContext = ({ currentId, onCancel, getSpaceChildren, onPreviousAction
             {
                 createNewContextErrorMessage && <ErrorMessage>{createNewContextErrorMessage}</ErrorMessage> //error message container
             }
-            <PreviousNextButtons disableNext={isLoading || !name || !template} onCancel={onPreviousAction}>
-                {isLoading ? <LoadingSpinnerInline inverted /> : t('create')}
+            <PreviousNextButtons previousLabel={t('Back')} disableNext={isLoading || !name || !template} onCancel={onPreviousAction}>
+                {isLoading ? <LoadingSpinnerInline inverted /> : t('Create')}
             </PreviousNextButtons>
         </Form>
     );
diff --git a/pages/explore/manage-room/CreateLink.js b/pages/explore/manage-room/CreateLink.js
index de4a2d23..11155889 100644
--- a/pages/explore/manage-room/CreateLink.js
+++ b/pages/explore/manage-room/CreateLink.js
@@ -98,8 +98,8 @@ const CreateLink = ({ currentId, onCancel, getSpaceChildren, onPreviousAction })
             {
                 errorMessage && <ErrorMessage>{errorMessage}</ErrorMessage> //error message container
             }
-            <PreviousNextButtons disableNext={isLoading || !name || !url} onCancel={onPreviousAction}>
-                {isLoading ? <LoadingSpinnerInline inverted /> : t('Create Link')}
+            <PreviousNextButtons previousLabel={t('Back')} disableNext={isLoading || !name || !url} onCancel={onPreviousAction}>
+                {isLoading ? <LoadingSpinnerInline inverted /> : t('Add')}
             </PreviousNextButtons>
         </Form>
     );
diff --git a/pages/explore/manage-room/QuickAddExplore.js b/pages/explore/manage-room/QuickAddExplore.js
index d01508d4..f06aac34 100644
--- a/pages/explore/manage-room/QuickAddExplore.js
+++ b/pages/explore/manage-room/QuickAddExplore.js
@@ -2,15 +2,17 @@ import { useTranslation } from 'react-i18next';
 import getConfig from 'next/config';
 import React, { useState } from 'react';
 import { RiChat4Line, RiChatNewLine, RiFileLine, RiFolderAddLine, RiFolderLine, RiLink } from '@remixicon/react';
+import _ from 'lodash';
 
-import { Card, CardContent, CardHeader } from '@/components/UI/shadcn/Card';
 import AddExistingItem from './AddExistingItem';
 import AddExistingContext from './AddExistingContext';
 import CreateContext from './CreateContext';
 import AddExistingChat from './AddOrCreateChat/AddExistingChat';
 import AddNewChat from './AddOrCreateChat/AddNewChat';
 import CreateLink from './CreateLink';
-import { DrawerDialog, DrawerDialogHeader } from '@/components/UI/shadcn/DialogDrawer';
+import { DrawerDialog, DrawerDialogFooter, DrawerDialogHeader } from '@/components/UI/shadcn/DialogDrawer';
+import { Button } from '@/components/UI/shadcn/Button';
+import PreviousNextButtons from '@/components/UI/PreviousNextButtons';
 
 /**
  * QuickAddExplore component
@@ -25,7 +27,6 @@ import { DrawerDialog, DrawerDialogHeader } from '@/components/UI/shadcn/DialogD
  *
  * @returns {JSX.Element} The rendered QuickAddExplore component.
  *
- * @TODO change Card component to mobile friendly option
  */
 // const QuickAddExplore = ({ currentId, roomName, getSpaceChildren, allChatRooms, setIsQuickAddOpen, trigger }) => {
 const QuickAddExplore = ({ currentId, roomName, getSpaceChildren, allChatRooms, trigger }) => {
@@ -42,6 +43,7 @@ const QuickAddExplore = ({ currentId, roomName, getSpaceChildren, allChatRooms,
         <>
             {React.cloneElement(trigger, {
                 onClick: () => {
+                    setSelectedOption('');
                     setIsOpen(true);
                 },
             })}
@@ -52,93 +54,98 @@ const QuickAddExplore = ({ currentId, roomName, getSpaceChildren, allChatRooms,
                 }}
             >
                 <DrawerDialogHeader>
-                    <h3>{t('Add more …')}</h3>
+                    <h3>{t('Add more to {{name}}', { name: roomName })}</h3>
                 </DrawerDialogHeader>
 
                 {!selectedOption && (
-                    <div className="grid gap-4 grid-cols-2">
-                        <Card
-                            className="cursor-pointer text-center hover:bg-accent hover:text-white"
-                            onClick={() => setSelectedOption('existingItem')}
-                        >
-                            <CardHeader className="items-center">
+                    <>
+                        <div className="grid grid-cols-2 gap-4">
+                            <Button
+                                className="grid h-auto auto-rows-fr justify-items-center gap-2 text-wrap"
+                                onClick={() => setSelectedOption('existingItem')}
+                                variant="outline"
+                            >
                                 <RiFileLine />
-                            </CardHeader>
-                            <CardContent>{t('Add item to {{name}}', { name: roomName })}</CardContent>
-                        </Card>
-                        <Card
-                            className="cursor-pointer text-center hover:bg-accent hover:text-white"
-                            onClick={() => setSelectedOption('context')}
-                        >
-                            <CardHeader className="items-center">
+                                <p>{t('Add item')}</p>
+                            </Button>
+                            <Button
+                                className="grid h-auto auto-rows-fr justify-items-center gap-2 text-wrap"
+                                onClick={() => setSelectedOption('context')}
+                                variant="outline"
+                            >
                                 <RiFolderLine />
-                            </CardHeader>
-                            <CardContent>{t('Add context to {{name}}', { name: roomName })}</CardContent>
-                        </Card>
-                        <Card
-                            className="cursor-pointer text-center hover:bg-accent hover:text-white"
-                            onClick={() => setSelectedOption('chat')}
-                        >
-                            <CardHeader className="items-center">
+                                <p>{t('Add context')}</p>
+                            </Button>
+                            <Button
+                                className="grid h-auto auto-rows-fr justify-items-center gap-2 text-wrap"
+                                onClick={() => setSelectedOption('chat')}
+                                variant="outline"
+                            >
                                 <RiChat4Line />
-                            </CardHeader>
-                            <CardContent>{t('Add chat to {{name}}', { name: roomName })}</CardContent>
-                        </Card>
-                        <Card
-                            className="cursor-pointer text-center hover:bg-accent hover:text-white"
-                            onClick={() => setSelectedOption('link')}
-                        >
-                            <CardHeader className="items-center">
+                                <p>{t('Add chat')}</p>
+                            </Button>
+                            <Button
+                                className="grid h-auto auto-rows-fr justify-items-center gap-2 text-wrap"
+                                onClick={() => setSelectedOption('link')}
+                                variant="outline"
+                            >
                                 <RiLink />
-                            </CardHeader>
-                            <CardContent>{t('Add a link to {{name}}', { name: roomName })}</CardContent>
-                        </Card>
-                    </div>
+                                <p>{t('Add a link')}</p>
+                            </Button>
+                        </div>
+                        <DrawerDialogFooter />
+                    </>
                 )}
 
                 {selectedOption === 'context' && (
                     <>
-                        <Card
-                            className="cursor-pointer text-center hover:bg-accent hover:text-white"
-                            onClick={() => setSelectedOption('existingContext')}
-                        >
-                            <CardHeader className="items-center">
+                        <div className="grid grid-cols-2 gap-4">
+                            <Button
+                                className="grid h-auto auto-rows-fr justify-items-center gap-2 text-wrap"
+                                onClick={() => setSelectedOption('existingContext')}
+                                variant="outline"
+                            >
                                 <RiFolderLine />
-                            </CardHeader>
-                            <CardContent>{t('Add existing context')}</CardContent>
-                        </Card>
-                        <Card
-                            className="cursor-pointer text-center hover:bg-accent hover:text-white"
-                            onClick={() => setSelectedOption('newContext')}
-                        >
-                            <CardHeader className="items-center">
+                                <p>{t('Add existing context')}</p>
+                            </Button>
+                            <Button
+                                className="grid h-auto auto-rows-fr justify-items-center gap-2 text-wrap"
+                                onClick={() => setSelectedOption('newContext')}
+                                variant="outline"
+                            >
                                 <RiFolderAddLine />
-                            </CardHeader>
-                            <CardContent>{t('Create new context')}</CardContent>
-                        </Card>
+                                <p>{t('Create new context')}</p>
+                            </Button>
+                        </div>
+                        <Button onClick={() => setSelectedOption('')} className="w-full max-[767px]:mt-4" variant="outline">
+                            {t('Back')}
+                        </Button>
                     </>
                 )}
 
                 {selectedOption === 'chat' && (
                     <>
-                        <Card
-                            className="cursor-pointer text-center hover:bg-accent hover:text-white"
-                            onClick={() => setSelectedOption('existingChat')}
-                        >
-                            <CardHeader className="items-center">
+                        <div className="grid grid-cols-2 gap-4">
+                            <Button
+                                className="grid h-auto auto-rows-fr justify-items-center gap-2 text-wrap"
+                                onClick={() => setSelectedOption('existingChat')}
+                                variant="outline"
+                            >
                                 <RiChat4Line />
-                            </CardHeader>
-                            <CardContent>existing chat</CardContent>
-                        </Card>
-                        <Card
-                            className="cursor-pointer text-center hover:bg-accent hover:text-white"
-                            onClick={() => setSelectedOption('newChat')}
-                        >
-                            <CardHeader className="items-center">
+                                <p>{t('Existing chat')}</p>
+                            </Button>
+                            <Button
+                                className="grid h-auto auto-rows-fr justify-items-center gap-2 text-wrap"
+                                onClick={() => setSelectedOption('newChat')}
+                                variant="outline"
+                            >
                                 <RiChatNewLine />
-                            </CardHeader>
-                            <CardContent>new chat</CardContent>
-                        </Card>
+                                <p>{t('New chat')}</p>
+                            </Button>
+                        </div>
+                        <Button onClick={() => setSelectedOption('')} className="w-full max-[767px]:mt-4" variant="outline">
+                            {t('Back')}
+                        </Button>
                     </>
                 )}
 
@@ -152,7 +159,7 @@ const QuickAddExplore = ({ currentId, roomName, getSpaceChildren, allChatRooms,
                         parentId={currentId}
                         parentName={roomName}
                         contextRootId={getConfig().publicRuntimeConfig.contextRootSpaceRoomId}
-                        onPreviousAction={() => setSelectedOption('')}
+                        onPreviousAction={() => setSelectedOption('context')}
                     />
                 )}
 
@@ -161,7 +168,7 @@ const QuickAddExplore = ({ currentId, roomName, getSpaceChildren, allChatRooms,
                         onCancel={onClose}
                         currentId={currentId}
                         getSpaceChildren={getSpaceChildren}
-                        onPreviousAction={() => setSelectedOption('')}
+                        onPreviousAction={() => setSelectedOption('context')}
                     />
                 )}
 
@@ -172,7 +179,7 @@ const QuickAddExplore = ({ currentId, roomName, getSpaceChildren, allChatRooms,
                         allChatRooms={allChatRooms}
                         onSuccess={onClose}
                         updateRoomList={getSpaceChildren}
-                        onPreviousAction={() => setSelectedOption('')}
+                        onPreviousAction={() => setSelectedOption('chat')}
                     />
                 )}
 
@@ -182,7 +189,7 @@ const QuickAddExplore = ({ currentId, roomName, getSpaceChildren, allChatRooms,
                         onSuccess={onClose}
                         currentId={currentId}
                         parentName={roomName}
-                        onPreviousAction={() => setSelectedOption('')}
+                        onPreviousAction={() => setSelectedOption('chat')}
                     />
                 )}
 
@@ -194,6 +201,7 @@ const QuickAddExplore = ({ currentId, roomName, getSpaceChildren, allChatRooms,
                         getSpaceChildren={getSpaceChildren}
                     />
                 )}
+
             </DrawerDialog>
         </>
     );

From 0947426ce3b883db56be608ed819bb361f28e464 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Wed, 28 Feb 2024 15:52:29 +0100
Subject: [PATCH 499/714] feat: add previousLabel and nextLabel props

---
 components/UI/PreviousNextButtons.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/UI/PreviousNextButtons.js b/components/UI/PreviousNextButtons.js
index 68f68095..eeae0cea 100644
--- a/components/UI/PreviousNextButtons.js
+++ b/components/UI/PreviousNextButtons.js
@@ -13,7 +13,7 @@ import { Button } from '@/components/UI/shadcn/Button';
  * @returns {React.JSX} two inline buttons.  'previous' and 'next'
  *
  */
-const PreviousNextButtons = ({ children, disabled, onCancel, disableNext, disablePrev, warning }) => {
+const PreviousNextButtons = ({ children, disabled, onCancel, disableNext, disablePrev, previousLabel, nextLabel, warning }) => {
     const { t } = useTranslation();
 
     const handlePrevious = (e) => {
@@ -25,10 +25,10 @@ const PreviousNextButtons = ({ children, disabled, onCancel, disableNext, disabl
     return (
         <div className="grid grid-cols-2 gap-4">
             <Button variant="outline" type="reset" disabled={disabled || disablePrev} onClick={handlePrevious}>
-                {t('Previous')}
+                {previousLabel || t('Previous')}
             </Button>
             <Button type="submit" variant={warning ? 'destructive' : 'default'} disabled={disabled || disableNext}>
-                {children || t('Next')}
+                {nextLabel || children || t('Next')}
             </Button>
         </div>
     );

From f11b96566d4d15ee26fc28cf8e6bcde0ba715d78 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Wed, 28 Feb 2024 16:06:56 +0100
Subject: [PATCH 500/714] chore: remove children prop from PreviousNextButtons

---
 components/UI/PreviousNextButtons.js                     | 4 ++--
 pages/explore/manage-room/AddExistingContext.js          | 4 +---
 pages/explore/manage-room/AddExistingItem.js             | 4 +---
 .../manage-room/AddOrCreateChat/AddExistingChat.js       | 9 ++++++---
 pages/explore/manage-room/AddOrCreateChat/AddNewChat.js  | 9 ++++++---
 pages/explore/manage-room/ChangeJoinRule.js              | 4 +---
 pages/explore/manage-room/CreateContext.js               | 4 +---
 pages/explore/manage-room/CreateLink.js                  | 9 ++++++---
 pages/explore/manage-room/RemoveSpaceFromParent.js       | 9 +--------
 9 files changed, 25 insertions(+), 31 deletions(-)

diff --git a/components/UI/PreviousNextButtons.js b/components/UI/PreviousNextButtons.js
index eeae0cea..8d750edd 100644
--- a/components/UI/PreviousNextButtons.js
+++ b/components/UI/PreviousNextButtons.js
@@ -13,7 +13,7 @@ import { Button } from '@/components/UI/shadcn/Button';
  * @returns {React.JSX} two inline buttons.  'previous' and 'next'
  *
  */
-const PreviousNextButtons = ({ children, disabled, onCancel, disableNext, disablePrev, previousLabel, nextLabel, warning }) => {
+const PreviousNextButtons = ({ disabled, onCancel, disableNext, disablePrev, previousLabel, nextLabel, warning }) => {
     const { t } = useTranslation();
 
     const handlePrevious = (e) => {
@@ -28,7 +28,7 @@ const PreviousNextButtons = ({ children, disabled, onCancel, disableNext, disabl
                 {previousLabel || t('Previous')}
             </Button>
             <Button type="submit" variant={warning ? 'destructive' : 'default'} disabled={disabled || disableNext}>
-                {nextLabel || children || t('Next')}
+                {nextLabel || t('Next')}
             </Button>
         </div>
     );
diff --git a/pages/explore/manage-room/AddExistingContext.js b/pages/explore/manage-room/AddExistingContext.js
index c8d93499..6b04d52e 100644
--- a/pages/explore/manage-room/AddExistingContext.js
+++ b/pages/explore/manage-room/AddExistingContext.js
@@ -116,9 +116,7 @@ const AddExistingContext = ({ parentId, parentName, contextRootId, onPreviousAct
                 </p>
             )}
             {errorMessage && <ErrorMessage>{errorMessage}</ErrorMessage>}
-            <PreviousNextButtons previousLabel={t('Back')} disableNext={!isAddingAllowed} onCancel={onPreviousAction}>
-                {isLoading ? <LoadingSpinnerInline inverted /> : t('Add')}
-            </PreviousNextButtons>
+            <PreviousNextButtons previousLabel={t('Back')} nextLabel={isLoading ? <LoadingSpinnerInline inverted /> : t('Add')} disableNext={!isAddingAllowed} onCancel={onPreviousAction} />
         </Form>
     );
 };
diff --git a/pages/explore/manage-room/AddExistingItem.js b/pages/explore/manage-room/AddExistingItem.js
index d18fc874..83606acf 100644
--- a/pages/explore/manage-room/AddExistingItem.js
+++ b/pages/explore/manage-room/AddExistingItem.js
@@ -58,9 +58,7 @@ const AddExistingItem = ({ currentId, onPreviousAction, onCancel }) => {
     return (
         <Form onSubmit={addItemToContext}>
             <CachedContextMultiLevelSelect onChange={onLevelSelect} activeContexts={selectedLevels} rootId={currentId} />
-            <PreviousNextButtons previousLabel={t('Back')} disableNext={isAddingContext || !isItem} onCancel={onPreviousAction}>
-                {isAddingContext ? <LoadingSpinnerInline inverted /> : t('Add')}
-            </PreviousNextButtons>
+            <PreviousNextButtons previousLabel={t('Back')} nextLabel={isAddingContext ? <LoadingSpinnerInline inverted /> : t('Add')} disableNext={isAddingContext || !isItem} onCancel={onPreviousAction} />
             {errorMessage && <ErrorMessage>{errorMessage}</ErrorMessage>}
         </Form>
     );
diff --git a/pages/explore/manage-room/AddOrCreateChat/AddExistingChat.js b/pages/explore/manage-room/AddOrCreateChat/AddExistingChat.js
index 61c63e75..1b94a751 100644
--- a/pages/explore/manage-room/AddOrCreateChat/AddExistingChat.js
+++ b/pages/explore/manage-room/AddOrCreateChat/AddExistingChat.js
@@ -62,9 +62,12 @@ export default function AddExistingChat({ allChatRooms, onPreviousAction, curren
             </Select>
             {errorMessage && <ErrorMessage>{errorMessage}</ErrorMessage>}
             {userFeedback && <p>{userFeedback}</p>}
-            <PreviousNextButtons previousLabel={t('Back')} disableNext={!selectedRoom || userFeedback} onCancel={onPreviousAction}>
-                {isLoading ? <LoadingSpinnerInline inverted /> : t('Add')}
-            </PreviousNextButtons>
+            <PreviousNextButtons
+                previousLabel={t('Back')}
+                nextLabel={isLoading ? <LoadingSpinnerInline inverted /> : t('Add')}
+                disableNext={!selectedRoom || userFeedback}
+                onCancel={onPreviousAction}
+            />
         </Form>
     );
 }
diff --git a/pages/explore/manage-room/AddOrCreateChat/AddNewChat.js b/pages/explore/manage-room/AddOrCreateChat/AddNewChat.js
index 2432101e..aa7b498a 100644
--- a/pages/explore/manage-room/AddOrCreateChat/AddNewChat.js
+++ b/pages/explore/manage-room/AddOrCreateChat/AddNewChat.js
@@ -72,9 +72,12 @@ export default function AddNewChat({ onPreviousAction, currentId, onSuccess, par
             </Select>
             {errorMessage && <ErrorMessage>{errorMessage}</ErrorMessage>}
             {userFeedback && <p>{userFeedback}</p>}
-            <PreviousNextButtons previousLabel={t('Back')} disableNext={!roomName || userFeedback} onCancel={onPreviousAction}>
-                {isLoading ? <LoadingSpinnerInline inverted /> : t('Add')}
-            </PreviousNextButtons>
+            <PreviousNextButtons
+                previousLabel={t('Back')}
+                nextLabel={isLoading ? <LoadingSpinnerInline inverted /> : t('Add')}
+                disableNext={!roomName || userFeedback}
+                onCancel={onPreviousAction}
+            />
         </Form>
     );
 }
diff --git a/pages/explore/manage-room/ChangeJoinRule.js b/pages/explore/manage-room/ChangeJoinRule.js
index 7a78050f..519d54b1 100644
--- a/pages/explore/manage-room/ChangeJoinRule.js
+++ b/pages/explore/manage-room/ChangeJoinRule.js
@@ -55,9 +55,7 @@ const JoinRuleChanger = ({ roomId, roomName, onPreviousAction, onCancel }) => {
                     })}
                 </SelectContent>
             </Select>
-            <PreviousNextButtons disableNext={joinRule === currentJoinRule || changingJoinRule} onCancel={onPreviousAction}>
-                {changingJoinRule ? <LoadingSpinnerInline inverted /> : t('Change')}
-            </PreviousNextButtons>
+            <PreviousNextButtons nextLabel={changingJoinRule ? <LoadingSpinnerInline inverted /> : t('Change')} disableNext={joinRule === currentJoinRule || changingJoinRule} onCancel={onPreviousAction} />
             {errorMessage && <ErrorMessage>{errorMessage}</ErrorMessage>}
         </Form>
     );
diff --git a/pages/explore/manage-room/CreateContext.js b/pages/explore/manage-room/CreateContext.js
index 1ba8e686..1659241b 100644
--- a/pages/explore/manage-room/CreateContext.js
+++ b/pages/explore/manage-room/CreateContext.js
@@ -109,9 +109,7 @@ const CreateContext = ({ currentId, onCancel, getSpaceChildren, onPreviousAction
             {
                 createNewContextErrorMessage && <ErrorMessage>{createNewContextErrorMessage}</ErrorMessage> //error message container
             }
-            <PreviousNextButtons previousLabel={t('Back')} disableNext={isLoading || !name || !template} onCancel={onPreviousAction}>
-                {isLoading ? <LoadingSpinnerInline inverted /> : t('Create')}
-            </PreviousNextButtons>
+            <PreviousNextButtons previousLabel={t('Back')} nextLabel={isLoading ? <LoadingSpinnerInline inverted /> : t('Create')} disableNext={isLoading || !name || !template} onCancel={onPreviousAction} />
         </Form>
     );
 };
diff --git a/pages/explore/manage-room/CreateLink.js b/pages/explore/manage-room/CreateLink.js
index 11155889..cfb255a6 100644
--- a/pages/explore/manage-room/CreateLink.js
+++ b/pages/explore/manage-room/CreateLink.js
@@ -98,9 +98,12 @@ const CreateLink = ({ currentId, onCancel, getSpaceChildren, onPreviousAction })
             {
                 errorMessage && <ErrorMessage>{errorMessage}</ErrorMessage> //error message container
             }
-            <PreviousNextButtons previousLabel={t('Back')} disableNext={isLoading || !name || !url} onCancel={onPreviousAction}>
-                {isLoading ? <LoadingSpinnerInline inverted /> : t('Add')}
-            </PreviousNextButtons>
+            <PreviousNextButtons
+                previousLabel={t('Back')}
+                nextLabel={isLoading ? <LoadingSpinnerInline inverted /> : t('Add')}
+                disableNext={isLoading || !name || !url}
+                onCancel={onPreviousAction}
+            />
         </Form>
     );
 };
diff --git a/pages/explore/manage-room/RemoveSpaceFromParent.js b/pages/explore/manage-room/RemoveSpaceFromParent.js
index f8bce536..242f6672 100644
--- a/pages/explore/manage-room/RemoveSpaceFromParent.js
+++ b/pages/explore/manage-room/RemoveSpaceFromParent.js
@@ -99,14 +99,7 @@ const RemoveSpaceFromParent = ({ spaceChildren, parentId, currentId, parentName,
                         return <ErrorMessage key={index}>{errorMessage} </ErrorMessage>;
                     })}
             </RemoveSection>
-
-            <PreviousNextButtons disableNext={itemsToRemove.length === 0} onCancel={onPreviousAction}>
-                {isRemovingChild ? (
-                    <LoadingSpinnerInline inverted />
-                ) : (
-                    `${t('remove')} ${itemsToRemove.length > 0 ? itemsToRemove.length : ''}`
-                )}
-            </PreviousNextButtons>
+            <PreviousNextButtons nextLabel={isRemovingChild ? <LoadingSpinnerInline inverted /> : ( `${t('remove')} ${itemsToRemove.length > 0 ? itemsToRemove.length : ''}` )} disableNext={itemsToRemove.length === 0} onCancel={onPreviousAction} />
         </Form>
     );
 };

From fdc5d02595044897a203e8518275cf18d0ed3bd6 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Wed, 28 Feb 2024 16:45:20 +0100
Subject: [PATCH 501/714] feat: add className prop to PreviousNextButtons

---
 components/UI/PreviousNextButtons.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/components/UI/PreviousNextButtons.js b/components/UI/PreviousNextButtons.js
index 8d750edd..2868c5ba 100644
--- a/components/UI/PreviousNextButtons.js
+++ b/components/UI/PreviousNextButtons.js
@@ -1,5 +1,6 @@
 import { useTranslation } from 'react-i18next';
 
+import { cn } from '@/lib/utils';
 import { Button } from '@/components/UI/shadcn/Button';
 
 /**
@@ -13,7 +14,7 @@ import { Button } from '@/components/UI/shadcn/Button';
  * @returns {React.JSX} two inline buttons.  'previous' and 'next'
  *
  */
-const PreviousNextButtons = ({ disabled, onCancel, disableNext, disablePrev, previousLabel, nextLabel, warning }) => {
+const PreviousNextButtons = ({ className, disabled, onCancel, disableNext, disablePrev, previousLabel, nextLabel, warning }) => {
     const { t } = useTranslation();
 
     const handlePrevious = (e) => {
@@ -23,7 +24,7 @@ const PreviousNextButtons = ({ disabled, onCancel, disableNext, disablePrev, pre
     };
 
     return (
-        <div className="grid grid-cols-2 gap-4">
+        <div className={cn('grid grid-cols-2 gap-4', className)}>
             <Button variant="outline" type="reset" disabled={disabled || disablePrev} onClick={handlePrevious}>
                 {previousLabel || t('Previous')}
             </Button>

From adfadd18c7bebb31dcfef7024554fa9e4f02bef3 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Wed, 28 Feb 2024 16:45:41 +0100
Subject: [PATCH 502/714] style: unify layout/spacing in QuickAddExplore

---
 pages/explore/manage-room/AddExistingContext.js            | 7 +++----
 pages/explore/manage-room/AddExistingItem.js               | 7 +++----
 .../explore/manage-room/AddOrCreateChat/AddExistingChat.js | 6 +++---
 pages/explore/manage-room/AddOrCreateChat/AddNewChat.js    | 6 +++---
 pages/explore/manage-room/AddOrCreateChat/index.js         | 5 ++---
 pages/explore/manage-room/CreateContext.js                 | 7 +++----
 pages/explore/manage-room/CreateLink.js                    | 6 +++---
 7 files changed, 20 insertions(+), 24 deletions(-)

diff --git a/pages/explore/manage-room/AddExistingContext.js b/pages/explore/manage-room/AddExistingContext.js
index 6b04d52e..701e039b 100644
--- a/pages/explore/manage-room/AddExistingContext.js
+++ b/pages/explore/manage-room/AddExistingContext.js
@@ -4,7 +4,6 @@ import { useTranslation } from 'react-i18next';
 import { useAuth } from '../../../lib/Auth';
 import ContextMultiLevelSelect from '../../../components/ContextMultiLevelSelect';
 import ErrorMessage from '../../../components/UI/ErrorMessage';
-import Form from '../../../components/UI/Form';
 import PreviousNextButtons from '../../../components/UI/PreviousNextButtons';
 import LoadingSpinnerInline from '../../../components/UI/LoadingSpinnerInline';
 
@@ -100,7 +99,7 @@ const AddExistingContext = ({ parentId, parentName, contextRootId, onPreviousAct
     };
 
     return (
-        <Form onSubmit={addContextToParent}>
+        <form className="[&>*+*]:mt-4" onSubmit={addContextToParent}>
             <ContextMultiLevelSelect
                 onChange={setActiveContexts}
                 activeContexts={activeContexts}
@@ -116,8 +115,8 @@ const AddExistingContext = ({ parentId, parentName, contextRootId, onPreviousAct
                 </p>
             )}
             {errorMessage && <ErrorMessage>{errorMessage}</ErrorMessage>}
-            <PreviousNextButtons previousLabel={t('Back')} nextLabel={isLoading ? <LoadingSpinnerInline inverted /> : t('Add')} disableNext={!isAddingAllowed} onCancel={onPreviousAction} />
-        </Form>
+            <PreviousNextButtons className="mt-4" previousLabel={t('Back')} nextLabel={isLoading ? <LoadingSpinnerInline inverted /> : t('Add')} disableNext={!isAddingAllowed} onCancel={onPreviousAction} />
+        </form>
     );
 };
 
diff --git a/pages/explore/manage-room/AddExistingItem.js b/pages/explore/manage-room/AddExistingItem.js
index 83606acf..1338599d 100644
--- a/pages/explore/manage-room/AddExistingItem.js
+++ b/pages/explore/manage-room/AddExistingItem.js
@@ -7,7 +7,6 @@ import CachedContextMultiLevelSelect from '../../../components/CachedContextMult
 import ErrorMessage from '../../../components/UI/ErrorMessage';
 import LoadingSpinnerInline from '../../../components/UI/LoadingSpinnerInline';
 import PreviousNextButtons from '../../../components/UI/PreviousNextButtons';
-import Form from '@/components/UI/Form';
 
 /**
  * Component for adding an existing item to a context.
@@ -56,11 +55,11 @@ const AddExistingItem = ({ currentId, onPreviousAction, onCancel }) => {
     };
 
     return (
-        <Form onSubmit={addItemToContext}>
+        <form className="[&>*+*]:mt-4" onSubmit={addItemToContext}>
             <CachedContextMultiLevelSelect onChange={onLevelSelect} activeContexts={selectedLevels} rootId={currentId} />
-            <PreviousNextButtons previousLabel={t('Back')} nextLabel={isAddingContext ? <LoadingSpinnerInline inverted /> : t('Add')} disableNext={isAddingContext || !isItem} onCancel={onPreviousAction} />
+            <PreviousNextButtons className="mt-4" previousLabel={t('Back')} nextLabel={isAddingContext ? <LoadingSpinnerInline inverted /> : t('Add')} disableNext={isAddingContext || !isItem} onCancel={onPreviousAction} />
             {errorMessage && <ErrorMessage>{errorMessage}</ErrorMessage>}
-        </Form>
+        </form>
     );
 };
 
diff --git a/pages/explore/manage-room/AddOrCreateChat/AddExistingChat.js b/pages/explore/manage-room/AddOrCreateChat/AddExistingChat.js
index 1b94a751..82024134 100644
--- a/pages/explore/manage-room/AddOrCreateChat/AddExistingChat.js
+++ b/pages/explore/manage-room/AddOrCreateChat/AddExistingChat.js
@@ -4,7 +4,6 @@ import _ from 'lodash';
 
 import { useMatrix } from '@/lib/Matrix';
 import logger from '../../../../lib/Logging';
-import Form from '../../../../components/UI/Form';
 import ErrorMessage from '../../../../components/UI/ErrorMessage';
 import PreviousNextButtons from '../../../../components/UI/PreviousNextButtons';
 import LoadingSpinnerInline from '../../../../components/UI/LoadingSpinnerInline';
@@ -43,7 +42,7 @@ export default function AddExistingChat({ allChatRooms, onPreviousAction, curren
     };
 
     return (
-        <Form onSubmit={handleAddChat}>
+        <form className="[&>*+*]:mt-4" onSubmit={handleAddChat}>
             <Select onValueChange={setSelectedRoom}>
                 <SelectTrigger>
                     <SelectValue placeholder={`-- ${t('Choose Chat Room')} --`} />
@@ -63,11 +62,12 @@ export default function AddExistingChat({ allChatRooms, onPreviousAction, curren
             {errorMessage && <ErrorMessage>{errorMessage}</ErrorMessage>}
             {userFeedback && <p>{userFeedback}</p>}
             <PreviousNextButtons
+                className="mt=4"
                 previousLabel={t('Back')}
                 nextLabel={isLoading ? <LoadingSpinnerInline inverted /> : t('Add')}
                 disableNext={!selectedRoom || userFeedback}
                 onCancel={onPreviousAction}
             />
-        </Form>
+        </form>
     );
 }
diff --git a/pages/explore/manage-room/AddOrCreateChat/AddNewChat.js b/pages/explore/manage-room/AddOrCreateChat/AddNewChat.js
index aa7b498a..e3daeaef 100644
--- a/pages/explore/manage-room/AddOrCreateChat/AddNewChat.js
+++ b/pages/explore/manage-room/AddOrCreateChat/AddNewChat.js
@@ -4,7 +4,6 @@ import _ from 'lodash';
 
 import { useMatrix } from '@/lib/Matrix';
 import logger from '../../../../lib/Logging';
-import Form from '../../../../components/UI/Form';
 import presets from '../../presets';
 import ErrorMessage from '../../../../components/UI/ErrorMessage';
 import PreviousNextButtons from '../../../../components/UI/PreviousNextButtons';
@@ -53,7 +52,7 @@ export default function AddNewChat({ onPreviousAction, currentId, onSuccess, par
     };
 
     return (
-        <Form onSubmit={handleNewChat}>
+        <form className="[&>*+*]:mt-4" onSubmit={handleNewChat}>
             <Input type="text" placeholder={t('name of the room')} value={roomName} onChange={(e) => setRoomName(e.target.value)} />
             <Input type="text" placeholder={t('topic of the room')} value={roomTopic} onChange={(e) => setRoomTopic(e.target.value)} />
             <Select defaultValue={selectedJoinRule} onValueChange={setSelectedJoinRule}>
@@ -73,11 +72,12 @@ export default function AddNewChat({ onPreviousAction, currentId, onSuccess, par
             {errorMessage && <ErrorMessage>{errorMessage}</ErrorMessage>}
             {userFeedback && <p>{userFeedback}</p>}
             <PreviousNextButtons
+                className="mt-4"
                 previousLabel={t('Back')}
                 nextLabel={isLoading ? <LoadingSpinnerInline inverted /> : t('Add')}
                 disableNext={!roomName || userFeedback}
                 onCancel={onPreviousAction}
             />
-        </Form>
+        </form>
     );
 }
diff --git a/pages/explore/manage-room/AddOrCreateChat/index.js b/pages/explore/manage-room/AddOrCreateChat/index.js
index ef85a795..675f4f5d 100644
--- a/pages/explore/manage-room/AddOrCreateChat/index.js
+++ b/pages/explore/manage-room/AddOrCreateChat/index.js
@@ -1,7 +1,6 @@
 import React, { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 
-import Form from '../../../../components/UI/Form';
 import PreviousNextButtons from '../../../../components/UI/PreviousNextButtons';
 import { useMatrix } from '../../../../lib/Matrix';
 import RadioButton from '../../../../components/UI/RadioButton';
@@ -62,7 +61,7 @@ const CreateChatOptions = ({ currentId, parentName, getSpaceChildren, onPrevious
     }
 
     return (
-        <Form onSubmit={() => setSelectedOption(selectedRadioButton)}>
+        <form onSubmit={() => setSelectedOption(selectedRadioButton)}>
             <RadioButton
                 value="existing"
                 id="existing"
@@ -75,7 +74,7 @@ const CreateChatOptions = ({ currentId, parentName, getSpaceChildren, onPrevious
                 {t('Create New Room')}
             </RadioButton>
             <PreviousNextButtons disableNext={!selectedRadioButton} onCancel={onPreviousAction} />
-        </Form>
+        </form>
     );
 };
 
diff --git a/pages/explore/manage-room/CreateContext.js b/pages/explore/manage-room/CreateContext.js
index 1659241b..d21ae599 100644
--- a/pages/explore/manage-room/CreateContext.js
+++ b/pages/explore/manage-room/CreateContext.js
@@ -7,7 +7,6 @@ import { useAuth } from '../../../lib/Auth';
 import TemplateSelect from './TemplateSelect';
 import { useMatrix } from '../../../lib/Matrix';
 import ErrorMessage from '../../../components/UI/ErrorMessage';
-import Form from '../../../components/UI/Form';
 import PreviousNextButtons from '../../../components/UI/PreviousNextButtons';
 import LoadingSpinnerInline from '../../../components/UI/LoadingSpinnerInline';
 import { Input } from '@/components/UI/shadcn/Input';
@@ -87,7 +86,7 @@ const CreateContext = ({ currentId, onCancel, getSpaceChildren, onPreviousAction
     };
 
     return (
-        <Form onSubmit={createContext}>
+        <form className="[&>*+*]:mt-4" onSubmit={createContext}>
             <Input
                 type="text"
                 onChange={(e) => {
@@ -109,8 +108,8 @@ const CreateContext = ({ currentId, onCancel, getSpaceChildren, onPreviousAction
             {
                 createNewContextErrorMessage && <ErrorMessage>{createNewContextErrorMessage}</ErrorMessage> //error message container
             }
-            <PreviousNextButtons previousLabel={t('Back')} nextLabel={isLoading ? <LoadingSpinnerInline inverted /> : t('Create')} disableNext={isLoading || !name || !template} onCancel={onPreviousAction} />
-        </Form>
+            <PreviousNextButtons className="mt-4" previousLabel={t('Back')} nextLabel={isLoading ? <LoadingSpinnerInline inverted /> : t('Create')} disableNext={isLoading || !name || !template} onCancel={onPreviousAction} />
+        </form>
     );
 };
 
diff --git a/pages/explore/manage-room/CreateLink.js b/pages/explore/manage-room/CreateLink.js
index cfb255a6..d66f2bd4 100644
--- a/pages/explore/manage-room/CreateLink.js
+++ b/pages/explore/manage-room/CreateLink.js
@@ -5,7 +5,6 @@ import { useTranslation } from 'react-i18next';
 import { useAuth } from '../../../lib/Auth';
 import { useMatrix } from '../../../lib/Matrix';
 import ErrorMessage from '../../../components/UI/ErrorMessage';
-import Form from '../../../components/UI/Form';
 import PreviousNextButtons from '../../../components/UI/PreviousNextButtons';
 import LoadingSpinnerInline from '../../../components/UI/LoadingSpinnerInline';
 import { Input } from '@/components/UI/shadcn/Input';
@@ -77,7 +76,7 @@ const CreateLink = ({ currentId, onCancel, getSpaceChildren, onPreviousAction })
     };
 
     return (
-        <Form onSubmit={createContext}>
+        <form className="[&>*+*]:mt-4" onSubmit={createContext}>
             <Input
                 type="text"
                 onChange={(e) => {
@@ -99,12 +98,13 @@ const CreateLink = ({ currentId, onCancel, getSpaceChildren, onPreviousAction })
                 errorMessage && <ErrorMessage>{errorMessage}</ErrorMessage> //error message container
             }
             <PreviousNextButtons
+                className="mt-4"
                 previousLabel={t('Back')}
                 nextLabel={isLoading ? <LoadingSpinnerInline inverted /> : t('Add')}
                 disableNext={isLoading || !name || !url}
                 onCancel={onPreviousAction}
             />
-        </Form>
+        </form>
     );
 };
 

From ab90d2e7111a13de7826a9721b3ee4b3424b101b Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Wed, 28 Feb 2024 16:58:36 +0100
Subject: [PATCH 503/714] style: fix spacing for Alert

---
 components/UI/shadcn/Alert.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/UI/shadcn/Alert.js b/components/UI/shadcn/Alert.js
index 7445bf06..6a4187a1 100644
--- a/components/UI/shadcn/Alert.js
+++ b/components/UI/shadcn/Alert.js
@@ -4,7 +4,7 @@ import { cva } from 'class-variance-authority';
 import { cn } from '@/lib/utils';
 
 const alertVariants = cva(
-    'my-2 w-fit border-l-2 p-2 [&>svg]:mr-2 [&>svg]:inline [&>svg]:leading-[var(--icon-size)] [&>svg]:text-foreground',
+    'my-4 w-fit border-l-2 pl-2 [&>svg]:mr-2 [&>svg]:inline [&>svg]:leading-[var(--icon-size)] [&>svg]:text-foreground',
     {
         variants: {
             variant: {

From 53b2e945b5bacf4ff745162e06f9e7afd67f1368 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 28 Feb 2024 16:59:07 +0100
Subject: [PATCH 504/714] refactor: add simple url validation and utilise in
 CreateLink.

---
 components/UI/ServiceLink.js            | 23 +++++++++++++++++------
 lib/utils.js                            | 10 ++++++++++
 pages/explore/manage-room/CreateLink.js | 11 ++++++++++-
 3 files changed, 37 insertions(+), 7 deletions(-)

diff --git a/components/UI/ServiceLink.js b/components/UI/ServiceLink.js
index 275ca86a..579f6365 100644
--- a/components/UI/ServiceLink.js
+++ b/components/UI/ServiceLink.js
@@ -22,6 +22,7 @@ import {
 import { Button } from '@/components/UI/shadcn/Button';
 import ConfirmCancelButtons from '@/components/UI/ConfirmCancelButtons';
 import { useAuth } from '@/lib/Auth';
+import { isValidUrl } from '@/lib/utils';
 
 const LockIconWrapper = styled(Icon)`
     position: relative;
@@ -51,7 +52,7 @@ const NotificationBadge = styled.span`
 // @TODO figure out what to do with optional menu and logic for menu, could use better solution
 // @TODO success message closes too quickly
 
-function EllipsisMenu({ parentName, parentRoomId, onRemove, myPowerLevel }) {
+function EllipsisMenu({ parentName, parentRoomId, onRemove, myPowerLevel, href }) {
     const [dialogOpen, setDialogOpen] = useState(false);
     const [wasRemoved, setWasRemoved] = useState(false);
     const { t } = useTranslation();
@@ -59,10 +60,6 @@ function EllipsisMenu({ parentName, parentRoomId, onRemove, myPowerLevel }) {
     const room = matrixClient.getRoom(parentRoomId);
     const canRemoveFromParent = room?.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel);
 
-    // if we don't have sufficient rights for any of the options we return null
-    // this extra step makes more sense once the ellipsis menu has more options
-    if (!canRemoveFromParent) return null;
-
     return (
         <Dialog open={dialogOpen} onOpenChange={setDialogOpen}>
             <DropdownMenu>
@@ -70,6 +67,14 @@ function EllipsisMenu({ parentName, parentRoomId, onRemove, myPowerLevel }) {
                     <RiMoreLine />
                 </DropdownMenuTrigger>
                 <DropdownMenuContent>
+                    <DropdownMenuItem>
+                        <Button
+                            variant="ghost"
+                            onClick={() => navigator.clipboard.writeText(isValidUrl(href) ? href : `${location.hostname}${href}`)}
+                        >
+                            {t('Copy link to clipboard')}
+                        </Button>
+                    </DropdownMenuItem>
                     {canRemoveFromParent && (
                         <DropdownMenuItem>
                             <DialogTrigger asChild>
@@ -167,7 +172,13 @@ const ServiceLink = forwardRef(
                 </ServiceTable.Cell>
                 {onRemove && (
                     <ServiceTable.Cell align="right">
-                        <EllipsisMenu parentName={parentName} onRemove={onRemove} myPowerLevel={myPowerLevel} parentRoomId={parentRoomId} />
+                        <EllipsisMenu
+                            parentName={parentName}
+                            onRemove={onRemove}
+                            myPowerLevel={myPowerLevel}
+                            parentRoomId={parentRoomId}
+                            href={href}
+                        />
                     </ServiceTable.Cell>
                 )}
             </ServiceTable.Row>
diff --git a/lib/utils.js b/lib/utils.js
index 4de6be9c..76dc14ec 100644
--- a/lib/utils.js
+++ b/lib/utils.js
@@ -23,3 +23,13 @@ export function useMediaQuery(query) {
 
     return value;
 }
+
+export function isValidUrl(string) {
+    try {
+        new URL(string);
+
+        return true;
+    } catch (_) {
+        return false;
+    }
+}
diff --git a/pages/explore/manage-room/CreateLink.js b/pages/explore/manage-room/CreateLink.js
index d66f2bd4..88442a13 100644
--- a/pages/explore/manage-room/CreateLink.js
+++ b/pages/explore/manage-room/CreateLink.js
@@ -8,6 +8,7 @@ import ErrorMessage from '../../../components/UI/ErrorMessage';
 import PreviousNextButtons from '../../../components/UI/PreviousNextButtons';
 import LoadingSpinnerInline from '../../../components/UI/LoadingSpinnerInline';
 import { Input } from '@/components/UI/shadcn/Input';
+import { isValidUrl } from '@/lib/utils';
 
 const CreateLink = ({ currentId, onCancel, getSpaceChildren, onPreviousAction }) => {
     const auth = useAuth();
@@ -24,6 +25,14 @@ const CreateLink = ({ currentId, onCancel, getSpaceChildren, onPreviousAction })
         e.preventDefault();
         //first of all some content checking otherwise displaying custom error messages
         setIsLoading(true);
+
+        if (!isValidUrl(url)) {
+            setErrorMessage('Please enter a valid URL');
+            setIsLoading(false);
+
+            return;
+        }
+
         setErrorMessage('');
         //
         // if (!name) {
@@ -95,7 +104,7 @@ const CreateLink = ({ currentId, onCancel, getSpaceChildren, onPreviousAction })
                 placeholder="URL"
             />
             {
-                errorMessage && <ErrorMessage>{errorMessage}</ErrorMessage> //error message container
+                errorMessage && <ErrorMessage>{t(errorMessage)}</ErrorMessage> //error message container
             }
             <PreviousNextButtons
                 className="mt-4"

From dd87afac0ad0c439ab6b3b7040929a9e6277dea7 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Wed, 28 Feb 2024 16:59:30 +0100
Subject: [PATCH 505/714] style: unify spacing in explore matrix actions dialog

---
 pages/explore/manage-room/ChangeJoinRule.js   | 11 ++++++-----
 pages/explore/manage-room/ChangeTopic.js      | 19 ++-----------------
 .../manage-room/ExploreMatrixActions.js       |  4 ++--
 pages/explore/manage-room/LeaveRoom.js        |  2 +-
 4 files changed, 11 insertions(+), 25 deletions(-)

diff --git a/pages/explore/manage-room/ChangeJoinRule.js b/pages/explore/manage-room/ChangeJoinRule.js
index 519d54b1..ea1b6d0e 100644
--- a/pages/explore/manage-room/ChangeJoinRule.js
+++ b/pages/explore/manage-room/ChangeJoinRule.js
@@ -2,12 +2,11 @@ import React, { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import { useAuth } from '../../../lib/Auth';
-import Form from '../../../components/UI/Form';
 import presets from '../presets';
 import ErrorMessage from '../../../components/UI/ErrorMessage';
-import PreviousNextButtons from '../../../components/UI/PreviousNextButtons';
 import LoadingSpinnerInline from '../../../components/UI/LoadingSpinnerInline';
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/UI/shadcn/Select';
+import { Button } from '@/components/UI/shadcn/Button';
 
 /**
  * JoinRuleChanger component for changing the join rule of a room.
@@ -37,7 +36,7 @@ const JoinRuleChanger = ({ roomId, roomName, onPreviousAction, onCancel }) => {
     };
 
     return (
-        <Form onSubmit={handleChangeJoinRule}>
+        <form className="[&>*+*]:mt-4" onSubmit={handleChangeJoinRule}>
             <h3>
                 {t('Change Join Rule for')} {roomName}
             </h3>
@@ -55,9 +54,11 @@ const JoinRuleChanger = ({ roomId, roomName, onPreviousAction, onCancel }) => {
                     })}
                 </SelectContent>
             </Select>
-            <PreviousNextButtons nextLabel={changingJoinRule ? <LoadingSpinnerInline inverted /> : t('Change')} disableNext={joinRule === currentJoinRule || changingJoinRule} onCancel={onPreviousAction} />
+            <Button className="w-full" disable={joinRule === currentJoinRule || changingJoinRule}>
+                {changingJoinRule ? <LoadingSpinnerInline inverted /> : t('Change')}
+            </Button>
             {errorMessage && <ErrorMessage>{errorMessage}</ErrorMessage>}
-        </Form>
+        </form>
     );
 };
 
diff --git a/pages/explore/manage-room/ChangeTopic.js b/pages/explore/manage-room/ChangeTopic.js
index ce7024b5..21e4e2d5 100644
--- a/pages/explore/manage-room/ChangeTopic.js
+++ b/pages/explore/manage-room/ChangeTopic.js
@@ -1,27 +1,12 @@
 import React, { useCallback, useEffect, useState } from 'react';
-import { styled } from 'styled-components';
 import { useTranslation } from 'react-i18next';
 import { RiCheckLine } from '@remixicon/react';
 
 import { useAuth } from '../../../lib/Auth';
-import Form from '../../../components/UI/Form';
 import ErrorMessage from '../../../components/UI/ErrorMessage';
 import { Textarea } from '@/components/UI/shadcn/Textarea';
 import ConfirmCancelButtons from '@/components/UI/ConfirmCancelButtons';
 
-const TopicInput = styled.textarea`
-    width: 100%;
-    padding: 0 calc(var(--margin) * 0.2);
-    font-weight: 500;
-    color: var(--color-foreground);
-    background-color: var(--color-background);
-    border-color: var(--color-foreground);
-    border-style: solid;
-    border-width: calc(var(--margin) * 0.2);
-    border-radius: unset;
-    appearance: none;
-`;
-
 const ChangeTopic = ({ roomId, roomName }) => {
     const matrixClient = useAuth().getAuthenticationProvider('matrix').getMatrixClient();
     const [newTopic, setNewTopic] = useState('');
@@ -81,7 +66,7 @@ const ChangeTopic = ({ roomId, roomName }) => {
 
     return (
         <>
-            <Form onSubmit={updateTopic} onReset={() => setNewTopic(currentTopic)}>
+            <form className="[&>*+*]:mt-4" onSubmit={updateTopic} onReset={() => setNewTopic(currentTopic)}>
                 <Textarea
                     placeholder={t('Enter a new topic, for example a short description of ') + roomName}
                     value={newTopic}
@@ -89,7 +74,7 @@ const ChangeTopic = ({ roomId, roomName }) => {
                 />
                 {errorMessage && <ErrorMessage>{errorMessage}</ErrorMessage>}
                 <ConfirmCancelButtons disabled={isUpdating || currentTopic === newTopic} />
-            </Form>
+            </form>
             {successMessage && (
                 <p>
                     {t(successMessage)} <RiCheckLine />
diff --git a/pages/explore/manage-room/ExploreMatrixActions.js b/pages/explore/manage-room/ExploreMatrixActions.js
index a0b3a6a5..dc4a72a0 100644
--- a/pages/explore/manage-room/ExploreMatrixActions.js
+++ b/pages/explore/manage-room/ExploreMatrixActions.js
@@ -122,14 +122,14 @@ const ExploreMatrixActions = ({
                         <TabsContent className="pb-6 [&>*+*]:mt-8" value="settings">
                             <>
                                 {room.currentState.hasSufficientPowerLevelFor('m.room.topic', myPowerLevel) && (
-                                    <div>
+                                    <div className="[&>*+*]:mt-4">
                                         <h3>{t('Topic')}</h3>
                                         <ChangeTopic roomId={currentId} roomName={room.name} />
                                     </div>
                                 )}
 
                                 {room.currentState.hasSufficientPowerLevelFor('m.room.avatar', myPowerLevel) && (
-                                    <div>
+                                    <div className="[&>*+*]:mt-4">
                                         <h3>{t('Avatar')}</h3>
                                         <ChangeAvatar
                                             roomId={currentId}
diff --git a/pages/explore/manage-room/LeaveRoom.js b/pages/explore/manage-room/LeaveRoom.js
index c3940876..e144a82a 100644
--- a/pages/explore/manage-room/LeaveRoom.js
+++ b/pages/explore/manage-room/LeaveRoom.js
@@ -64,7 +64,7 @@ const LeaveRoom = ({ roomId, parentId, roomName, onCancel }) => {
             </Alert>
             <Dialog open={dialogOpen} onOpenChange={setDialogOpen}>
                 <DialogTrigger asChild>
-                    <Button variant="destructive" disabled={isLeaving}>
+                    <Button className="w-full" variant="destructive" disabled={isLeaving}>
                         {t('Leave')}
                     </Button>
                 </DialogTrigger>

From 6205ae5ab5f9e5e631fdff82ec51bac018786f4b Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 28 Feb 2024 16:59:32 +0100
Subject: [PATCH 506/714] chore: add translations and fix indentation

---
 public/locales/de/_defaults.json | 21 +++++++++++----------
 1 file changed, 11 insertions(+), 10 deletions(-)

diff --git a/public/locales/de/_defaults.json b/public/locales/de/_defaults.json
index 5e66e846..1ad5dc6a 100644
--- a/public/locales/de/_defaults.json
+++ b/public/locales/de/_defaults.json
@@ -1,22 +1,23 @@
 {
-    "Accept": "Annehmen",
+  "Accept": "Annehmen",
   "Add to favourites": "Zu Favoriten hinzufügen",
   "Cancel": "Abbrechen",
   "Change": "Ändern",
-    "Confirm": "Bestätigen",
-    "Copy link to clipboard": "Link kopieren",
-    "Connection lost": "Verbindung unterbrochen",
-    "Decline": "Ablehnen",
+  "Confirm": "Bestätigen",
+  "Copy link to clipboard": "Link kopieren",
+  "Connection lost": "Verbindung unterbrochen",
+  "Decline": "Ablehnen",
   "Delete": "Löschen",
-    "From": "Von",
+  "From": "Von",
   "Invitations": "Einladungen",
   "Leave": "Verlassen",
   "Make sure your link includes \"{{url}}\"": "Dein Link muss \"{{url}}\" beinhalten",
-    "Name": "Bezeichnung",
+  "Name": "Bezeichnung",
   "Next": "Weiter",
-    "Password": "Passwort",
-    "password protected": "Passwortgeschützt",
-    "Please enter your account password to continue using {{service}}:": "Bitte gib dein Passwort ein, um {{service}} wieder nutzen zu können:",
+  "Password": "Passwort",
+  "password protected": "Passwortgeschützt",
+  "Please enter a valid URL": "Bitte gib eine gültige URL ein",
+  "Please enter your account password to continue using {{service}}:": "Bitte gib dein Passwort ein, um {{service}} wieder nutzen zu können:",
   "Previous": "Zurück",
   "Request access to {{name}}": "Zugang zu {{name}} anfordern",
   "Remove from favourites": "Aus Favoriten entfernen",

From 5b6fa0b35b5640a160c6a5c1ad08d2973192391d Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Wed, 28 Feb 2024 17:08:27 +0100
Subject: [PATCH 507/714] style: unify text sizes in shadcn components

---
 components/UI/shadcn/Drawer.js       |  4 ++--
 components/UI/shadcn/DropdownMenu.js | 10 +++++-----
 components/UI/shadcn/Tabs.js         |  2 +-
 components/UI/shadcn/Textarea.js     |  2 +-
 4 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/components/UI/shadcn/Drawer.js b/components/UI/shadcn/Drawer.js
index 48721353..a4002d17 100644
--- a/components/UI/shadcn/Drawer.js
+++ b/components/UI/shadcn/Drawer.js
@@ -41,12 +41,12 @@ const DrawerFooter = ({ className, ...props }) => <div className={cn('mt-auto fl
 DrawerFooter.displayName = 'DrawerFooter';
 
 const DrawerTitle = React.forwardRef(({ className, ...props }, ref) => (
-    <DrawerPrimitive.Title ref={ref} className={cn('text-lg font-semibold leading-none tracking-tight', className)} {...props} />
+    <DrawerPrimitive.Title ref={ref} className={className} {...props} />
 ));
 DrawerTitle.displayName = DrawerPrimitive.Title.displayName;
 
 const DrawerDescription = React.forwardRef(({ className, ...props }, ref) => (
-    <DrawerPrimitive.Description ref={ref} className={cn('text-sm text-muted-foreground', className)} {...props} />
+    <DrawerPrimitive.Description ref={ref} className={className} {...props} />
 ));
 DrawerDescription.displayName = DrawerPrimitive.Description.displayName;
 
diff --git a/components/UI/shadcn/DropdownMenu.js b/components/UI/shadcn/DropdownMenu.js
index c02b922f..f072ab11 100644
--- a/components/UI/shadcn/DropdownMenu.js
+++ b/components/UI/shadcn/DropdownMenu.js
@@ -20,7 +20,7 @@ const DropdownMenuSubTrigger = React.forwardRef(({ className, inset, children, .
     <DropdownMenuPrimitive.SubTrigger
         ref={ref}
         className={cn(
-            'flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent',
+            'flex cursor-default select-none items-center rounded-sm px-2 py-1.5 outline-none focus:bg-accent data-[state=open]:bg-accent',
             inset && 'pl-8',
             className,
         )}
@@ -63,7 +63,7 @@ const DropdownMenuItem = React.forwardRef(({ className, inset, ...props }, ref)
     <DropdownMenuPrimitive.Item
         ref={ref}
         className={cn(
-            'relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
+            'relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
             inset && 'pl-8',
             className,
         )}
@@ -76,7 +76,7 @@ const DropdownMenuCheckboxItem = React.forwardRef(({ className, children, checke
     <DropdownMenuPrimitive.CheckboxItem
         ref={ref}
         className={cn(
-            'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
+            'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
             className,
         )}
         checked={checked}
@@ -96,7 +96,7 @@ const DropdownMenuRadioItem = React.forwardRef(({ className, children, ...props
     <DropdownMenuPrimitive.RadioItem
         ref={ref}
         className={cn(
-            'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
+            'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
             className,
         )}
         {...props}
@@ -112,7 +112,7 @@ const DropdownMenuRadioItem = React.forwardRef(({ className, children, ...props
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
 
 const DropdownMenuLabel = React.forwardRef(({ className, inset, ...props }, ref) => (
-    <DropdownMenuPrimitive.Label ref={ref} className={cn('px-2 py-1.5 text-sm font-semibold', inset && 'pl-8', className)} {...props} />
+    <DropdownMenuPrimitive.Label ref={ref} className={cn('px-2 py-1.5', inset && 'pl-8', className)} {...props} />
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
 
diff --git a/components/UI/shadcn/Tabs.js b/components/UI/shadcn/Tabs.js
index cdd7e917..4ce80bbc 100644
--- a/components/UI/shadcn/Tabs.js
+++ b/components/UI/shadcn/Tabs.js
@@ -18,7 +18,7 @@ const TabsTrigger = React.forwardRef(({ className, ...props }, ref) => (
     <TabsPrimitive.Trigger
         ref={ref}
         className={cn(
-            'inline-flex items-center justify-center whitespace-nowrap rounded-sm border border-muted-foreground px-3 py-1.5 text-sm font-medium ring-offset-background transition-all hover:border-accent hover:text-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:border-foreground data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm',
+            'inline-flex items-center justify-center whitespace-nowrap rounded-sm border border-muted-foreground px-3 py-1.5 ring-offset-background transition-all hover:border-accent hover:text-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:border-foreground data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm',
             className,
         )}
         {...props}
diff --git a/components/UI/shadcn/Textarea.js b/components/UI/shadcn/Textarea.js
index 8006d283..21ce5af8 100644
--- a/components/UI/shadcn/Textarea.js
+++ b/components/UI/shadcn/Textarea.js
@@ -6,7 +6,7 @@ const Textarea = React.forwardRef(({ className, ...props }, ref) => {
     return (
         <textarea
             className={cn(
-                'flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',
+                'flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',
                 className,
             )}
             ref={ref}

From 50b1154243c420109be8033e795f4c3473a29039 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 28 Feb 2024 17:12:42 +0100
Subject: [PATCH 508/714] refactor: adapt DataList.js to main

---
 components/UI/DataList.js | 9 ++-------
 1 file changed, 2 insertions(+), 7 deletions(-)

diff --git a/components/UI/DataList.js b/components/UI/DataList.js
index e437a24f..59ec1635 100644
--- a/components/UI/DataList.js
+++ b/components/UI/DataList.js
@@ -6,7 +6,7 @@ import _ from 'lodash';
 import { ServiceTable } from './ServiceTable';
 import Form from './Form';
 import { Input } from '@/components/UI/shadcn/Input';
-import ConfirmCancelButtons from '@/components/UI/ConfirmCancelButtons';
+import { Button } from '@/components/UI/shadcn/Button';
 
 /**
  * Datalist component that functions as an input with a datalist and supports keyboard navigation and mouse interaction.
@@ -188,12 +188,7 @@ export default function DataList({ options, onInputChange, keysToDisplay, onSubm
                     </ServiceTable.Body>
                 </ServiceTable>
             </TableWrapper>
-            <ConfirmCancelButtons
-                onCancel={onCancel}
-                disableConfirm={selected.length === 0 && checked.length === 0}
-                cancelLabel="Close"
-                confirmLabel="Invite"
-            />
+            <Button disabled={selected.length === 0 && checked.length === 0}>{t('Invite')}</Button>
         </InviteUserForm>
     );
 }

From 56c60c0aaf7f40c4e595a527b4e00bb88322c6a7 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 28 Feb 2024 17:32:38 +0100
Subject: [PATCH 509/714] refactor: use more appropriate icon for kicking users

---
 pages/explore/manage-room/UserManagement.js | 20 +++++++++-----------
 1 file changed, 9 insertions(+), 11 deletions(-)

diff --git a/pages/explore/manage-room/UserManagement.js b/pages/explore/manage-room/UserManagement.js
index 7f085eeb..84f7a7ab 100644
--- a/pages/explore/manage-room/UserManagement.js
+++ b/pages/explore/manage-room/UserManagement.js
@@ -3,16 +3,17 @@ import { useTranslation } from 'react-i18next';
 import _ from 'lodash';
 import styled from 'styled-components';
 import { MatrixEvent } from 'matrix-js-sdk';
-import { RiAddLine, RiCloseLine, RiDeleteBinLine } from '@remixicon/react';
+import { RiAddLine, RiUserUnfollowLine } from '@remixicon/react';
 
-import { ServiceTable } from '../../../components/UI/ServiceTable';
-import { useAuth } from '../../../lib/Auth';
+import { ServiceTable } from '@/components/UI/ServiceTable';
+import { useAuth } from '@/lib/Auth';
 import TextButton from '../../../components/UI/TextButton';
 import ErrorMessage from '../../../components/UI/ErrorMessage';
 import LoadingSpinnerInline from '../../../components/UI/LoadingSpinnerInline';
 import presets from '../presets';
 import { InviteUserToMatrixRoom } from '@/components/UI/InviteUsersToMatrixRoom';
 import { Button } from '@/components/UI/shadcn/Button';
+import Icon from '@/components/UI/Icon';
 
 //@TODO refine styled component
 const RoleSelect = styled.select`
@@ -59,9 +60,7 @@ const UserManagement = ({ roomId, roomName, myPowerLevel }) => {
             @TODO: remove caption? negative margin for caption/table?
             */}
             <ServiceTable>
-                <ServiceTable.Caption>
-                    {t('All members of {{room}}', { room: roomName })}
-                </ServiceTable.Caption>
+                <ServiceTable.Caption>{t('All members of {{room}}', { room: roomName })}</ServiceTable.Caption>
                 <ServiceTable.Head>
                     <ServiceTable.Row>
                         <ServiceTable.Header align="left">{t('Name')}</ServiceTable.Header>
@@ -98,10 +97,7 @@ const UserManagement = ({ roomId, roomName, myPowerLevel }) => {
                     <InviteUserToMatrixRoom
                         roomId={roomId}
                         trigger={
-                            <Button
-                                className="w-full justify-between px-0 pr-1.5 hover:text-accent"
-                                variant="ghost"
-                            >
+                            <Button className="w-full justify-between px-0 pr-1.5 hover:text-accent" variant="ghost">
                                 {t('Invite people to {{name}} …', { name: roomName })}
                                 <RiAddLine />
                             </Button>
@@ -169,7 +165,9 @@ function UserTableRow({ displayName, userId, roomName, powerLevel, selfPowerLeve
                     {isKicking ? (
                         <LoadingSpinnerInline />
                     ) : (
-                        <RiDeleteBinLine width="var(--icon-size)" height="var(--icon-size)" fill="var(--color-foreground)" />
+                        <Icon>
+                            <RiUserUnfollowLine />
+                        </Icon>
                     )}
                 </TextButton>
             </ServiceTable.Cell>

From 072f76ef59765dfdb317dffacad0468ff7accafc Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Wed, 28 Feb 2024 17:48:19 +0100
Subject: [PATCH 510/714] style: fix Button ghost variant; fix DropdownMenu

---
 components/UI/ServiceLink.js         | 30 +++++++++++++++++-----------
 components/UI/shadcn/Button.js       |  4 ++--
 components/UI/shadcn/DropdownMenu.js |  6 +++---
 3 files changed, 23 insertions(+), 17 deletions(-)

diff --git a/components/UI/ServiceLink.js b/components/UI/ServiceLink.js
index 579f6365..595225da 100644
--- a/components/UI/ServiceLink.js
+++ b/components/UI/ServiceLink.js
@@ -9,7 +9,13 @@ import { ServiceTable } from './ServiceTable';
 import Icon from './Icon';
 import LoadingSpinnerInline from './LoadingSpinnerInline';
 import { Avatar, AvatarFallback, AvatarImage } from '@/components/UI/shadcn/Avatar';
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from '@/components/UI/shadcn/DropdownMenu';
+import {
+    DropdownMenu,
+    DropdownMenuContent,
+    DropdownMenuItem,
+    DropdownMenuSeparator,
+    DropdownMenuTrigger,
+} from '@/components/UI/shadcn/DropdownMenu';
 import {
     Dialog,
     DialogContent,
@@ -19,7 +25,6 @@ import {
     DialogTitle,
     DialogTrigger,
 } from '@/components/UI/shadcn/Dialog';
-import { Button } from '@/components/UI/shadcn/Button';
 import ConfirmCancelButtons from '@/components/UI/ConfirmCancelButtons';
 import { useAuth } from '@/lib/Auth';
 import { isValidUrl } from '@/lib/utils';
@@ -67,20 +72,21 @@ function EllipsisMenu({ parentName, parentRoomId, onRemove, myPowerLevel, href }
                     <RiMoreLine />
                 </DropdownMenuTrigger>
                 <DropdownMenuContent>
-                    <DropdownMenuItem>
-                        <Button
-                            variant="ghost"
-                            onClick={() => navigator.clipboard.writeText(isValidUrl(href) ? href : `${location.hostname}${href}`)}
-                        >
-                            {t('Copy link to clipboard')}
-                        </Button>
+                    <DropdownMenuItem
+                        className="w-full justify-start"
+                        onClick={() => navigator.clipboard.writeText(isValidUrl(href) ? href : `${location.hostname}${href}`)}
+                    >
+                        {t('Copy link to clipboard')}
                     </DropdownMenuItem>
                     {canRemoveFromParent && (
-                        <DropdownMenuItem>
+                        <>
+                            <DropdownMenuSeparator />
                             <DialogTrigger asChild>
-                                <Button variant="ghost">{t('Remove')}</Button>
+                                <DropdownMenuItem className="w-full justify-start" variant="ghost">
+                                    {t('Remove')}
+                                </DropdownMenuItem>
                             </DialogTrigger>
-                        </DropdownMenuItem>
+                        </>
                     )}
                 </DropdownMenuContent>
             </DropdownMenu>
diff --git a/components/UI/shadcn/Button.js b/components/UI/shadcn/Button.js
index 0548f170..b5c21661 100644
--- a/components/UI/shadcn/Button.js
+++ b/components/UI/shadcn/Button.js
@@ -5,7 +5,7 @@ import { cva } from 'class-variance-authority';
 import { cn } from '@/lib/utils';
 
 const buttonVariants = cva(
-    'inline-flex items-center justify-center whitespace-nowrap rounded text font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',
+    'inline-flex items-center justify-center whitespace-nowrap rounded ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',
     {
         variants: {
             variant: {
@@ -13,7 +13,7 @@ const buttonVariants = cva(
                 destructive: 'bg-destructive text-white hover:bg-destructive/90',
                 outline: 'border border-input bg-background hover:bg-accent hover:border-accent hover:text-white',
                 secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/80',
-                ghost: 'text-muted-foreground hover:text-foreground',
+                ghost: 'hover:text-white',
                 link: 'text-primary underline-offset-4 hover:underline',
             },
             size: {
diff --git a/components/UI/shadcn/DropdownMenu.js b/components/UI/shadcn/DropdownMenu.js
index f072ab11..926f68ec 100644
--- a/components/UI/shadcn/DropdownMenu.js
+++ b/components/UI/shadcn/DropdownMenu.js
@@ -63,7 +63,7 @@ const DropdownMenuItem = React.forwardRef(({ className, inset, ...props }, ref)
     <DropdownMenuPrimitive.Item
         ref={ref}
         className={cn(
-            'relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
+            'relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 outline-none transition-colors focus:bg-accent focus:text-white data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
             inset && 'pl-8',
             className,
         )}
@@ -117,12 +117,12 @@ const DropdownMenuLabel = React.forwardRef(({ className, inset, ...props }, ref)
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
 
 const DropdownMenuSeparator = React.forwardRef(({ className, ...props }, ref) => (
-    <DropdownMenuPrimitive.Separator ref={ref} className={cn('-mx-1 my-1 h-px bg-muted', className)} {...props} />
+    <DropdownMenuPrimitive.Separator ref={ref} className={cn('mx-1 my-1 h-px bg-muted-foreground/30', className)} {...props} />
 ));
 DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
 
 const DropdownMenuShortcut = ({ className, ...props }) => {
-    return <span className={cn('text-xs ml-auto tracking-widest opacity-60', className)} {...props} />;
+    return <span className={cn('text ml-auto tracking-widest opacity-60', className)} {...props} />;
 };
 
 DropdownMenuShortcut.displayName = 'DropdownMenuShortcut';

From 287eb7ded67d29d45b2f5e1fcf459b1402f771d7 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 28 Feb 2024 18:13:27 +0100
Subject: [PATCH 511/714] refactor: add icons to dropdown menu

---
 components/UI/ServiceLink.js | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/components/UI/ServiceLink.js b/components/UI/ServiceLink.js
index 595225da..21938301 100644
--- a/components/UI/ServiceLink.js
+++ b/components/UI/ServiceLink.js
@@ -1,7 +1,7 @@
 import React, { forwardRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { styled } from 'styled-components';
-import { RiArrowRightLine, RiLockLine, RiMoreLine } from '@remixicon/react';
+import { RiArrowRightLine, RiClipboardLine, RiFolderCloseLine, RiLockLine, RiMoreLine } from '@remixicon/react';
 import Link from 'next/link';
 import _ from 'lodash';
 
@@ -76,14 +76,20 @@ function EllipsisMenu({ parentName, parentRoomId, onRemove, myPowerLevel, href }
                         className="w-full justify-start"
                         onClick={() => navigator.clipboard.writeText(isValidUrl(href) ? href : `${location.hostname}${href}`)}
                     >
-                        {t('Copy link to clipboard')}
+                        <Icon>
+                            <RiClipboardLine />
+                        </Icon>
+                        <span>{t('Copy link to clipboard')}</span>
                     </DropdownMenuItem>
                     {canRemoveFromParent && (
                         <>
                             <DropdownMenuSeparator />
                             <DialogTrigger asChild>
                                 <DropdownMenuItem className="w-full justify-start" variant="ghost">
-                                    {t('Remove')}
+                                    <Icon>
+                                        <RiFolderCloseLine />
+                                    </Icon>
+                                    <span>{t('Remove')}</span>
                                 </DropdownMenuItem>
                             </DialogTrigger>
                         </>

From e01f11dd3ebb774b6c78ac40b0de389289aebd00 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Wed, 28 Feb 2024 18:21:26 +0100
Subject: [PATCH 512/714] style: fix DropdownMenuItem grid and colors

---
 components/UI/ServiceLink.js | 12 ++++--------
 1 file changed, 4 insertions(+), 8 deletions(-)

diff --git a/components/UI/ServiceLink.js b/components/UI/ServiceLink.js
index 21938301..5ce8c634 100644
--- a/components/UI/ServiceLink.js
+++ b/components/UI/ServiceLink.js
@@ -73,22 +73,18 @@ function EllipsisMenu({ parentName, parentRoomId, onRemove, myPowerLevel, href }
                 </DropdownMenuTrigger>
                 <DropdownMenuContent>
                     <DropdownMenuItem
-                        className="w-full justify-start"
+                        className="grid w-full grid-flow-col justify-start gap-2"
                         onClick={() => navigator.clipboard.writeText(isValidUrl(href) ? href : `${location.hostname}${href}`)}
                     >
-                        <Icon>
-                            <RiClipboardLine />
-                        </Icon>
+                        <RiClipboardLine />
                         <span>{t('Copy link to clipboard')}</span>
                     </DropdownMenuItem>
                     {canRemoveFromParent && (
                         <>
                             <DropdownMenuSeparator />
                             <DialogTrigger asChild>
-                                <DropdownMenuItem className="w-full justify-start" variant="ghost">
-                                    <Icon>
-                                        <RiFolderCloseLine />
-                                    </Icon>
+                                <DropdownMenuItem className="grid w-full grid-flow-col justify-start gap-2" variant="ghost">
+                                    <RiFolderCloseLine />
                                     <span>{t('Remove')}</span>
                                 </DropdownMenuItem>
                             </DialogTrigger>

From 8030bca22778c4269aab0f1e2df2031d748f945a Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Fri, 1 Mar 2024 10:22:42 +0100
Subject: [PATCH 513/714] chore: fix eslint errors

---
 pages/etherpad/[[...roomId]].js              | 4 ++--
 pages/explore/[[...roomId]].js               | 4 ++--
 pages/explore/manage-room/QuickAddExplore.js | 2 --
 3 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/pages/etherpad/[[...roomId]].js b/pages/etherpad/[[...roomId]].js
index da62617a..ba5c230d 100644
--- a/pages/etherpad/[[...roomId]].js
+++ b/pages/etherpad/[[...roomId]].js
@@ -3,7 +3,7 @@ import { useTranslation } from 'react-i18next';
 import getConfig from 'next/config';
 import _ from 'lodash';
 import { useRouter } from 'next/router';
-import { RiCloseLine, RiDeleteBinLine, RiMenuAddLine } from '@remixicon/react';
+import { RiCloseLine, RiMenuAddLine } from '@remixicon/react';
 import { styled } from 'styled-components';
 import Error from 'next/error';
 
@@ -173,7 +173,7 @@ export default function Etherpad() {
 
             return room;
         },
-        [auth, matrix, etherpad],
+        [matrix, etherpad],
     );
 
     /**
diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 0548709d..0e0dc4f0 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -240,7 +240,7 @@ export default function Explore() {
         return () => {
             cancelled = true;
         };
-    }, [router.query?.roomId, matrix.initialSyncDone, cachedSpace]);
+    }, [router.query?.roomId, matrix.initialSyncDone, cachedSpace, getSpaceChildren, myPowerLevel, roomId]);
 
     const removeChildFromParent = async (idToRemove) => {
         await auth
@@ -374,7 +374,7 @@ export default function Explore() {
                     </>
                 )
             )}
-            {/*{ errorMessage && <ErrorMessage>{ errorMessage }</ErrorMessage> }*/}
+            { errorMessage && <ErrorMessage>{ errorMessage }</ErrorMessage> }
         </>
     );
 }
diff --git a/pages/explore/manage-room/QuickAddExplore.js b/pages/explore/manage-room/QuickAddExplore.js
index f06aac34..3870ee27 100644
--- a/pages/explore/manage-room/QuickAddExplore.js
+++ b/pages/explore/manage-room/QuickAddExplore.js
@@ -2,7 +2,6 @@ import { useTranslation } from 'react-i18next';
 import getConfig from 'next/config';
 import React, { useState } from 'react';
 import { RiChat4Line, RiChatNewLine, RiFileLine, RiFolderAddLine, RiFolderLine, RiLink } from '@remixicon/react';
-import _ from 'lodash';
 
 import AddExistingItem from './AddExistingItem';
 import AddExistingContext from './AddExistingContext';
@@ -12,7 +11,6 @@ import AddNewChat from './AddOrCreateChat/AddNewChat';
 import CreateLink from './CreateLink';
 import { DrawerDialog, DrawerDialogFooter, DrawerDialogHeader } from '@/components/UI/shadcn/DialogDrawer';
 import { Button } from '@/components/UI/shadcn/Button';
-import PreviousNextButtons from '@/components/UI/PreviousNextButtons';
 
 /**
  * QuickAddExplore component

From 0f6dab65b304595b3446ece2749fbc199e17883b Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Fri, 1 Mar 2024 12:51:06 +0100
Subject: [PATCH 514/714] revert: remove eslint "missing dependencies" from
 useEffect

---
 pages/explore/[[...roomId]].js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 0e0dc4f0..3ccd7fe4 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -240,7 +240,7 @@ export default function Explore() {
         return () => {
             cancelled = true;
         };
-    }, [router.query?.roomId, matrix.initialSyncDone, cachedSpace, getSpaceChildren, myPowerLevel, roomId]);
+    }, [router.query?.roomId, matrix.initialSyncDone, cachedSpace]);
 
     const removeChildFromParent = async (idToRemove) => {
         await auth

From 9fd0636dd30fb0587502825e450a2a7688469956 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Fri, 1 Mar 2024 12:57:56 +0100
Subject: [PATCH 515/714] fix: copy location.protocol in addition to hostname
 and path

---
 components/UI/ServiceLink.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/UI/ServiceLink.js b/components/UI/ServiceLink.js
index 5ce8c634..72d8bd93 100644
--- a/components/UI/ServiceLink.js
+++ b/components/UI/ServiceLink.js
@@ -74,7 +74,7 @@ function EllipsisMenu({ parentName, parentRoomId, onRemove, myPowerLevel, href }
                 <DropdownMenuContent>
                     <DropdownMenuItem
                         className="grid w-full grid-flow-col justify-start gap-2"
-                        onClick={() => navigator.clipboard.writeText(isValidUrl(href) ? href : `${location.hostname}${href}`)}
+                        onClick={() => navigator.clipboard.writeText(isValidUrl(href) ? href : `${location.protocol}//${location.hostname}${href}`)}
                     >
                         <RiClipboardLine />
                         <span>{t('Copy link to clipboard')}</span>

From a9cf1cd1a316761334d05021083a9e23a60f9862 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Fri, 1 Mar 2024 13:01:52 +0100
Subject: [PATCH 516/714] chore: format components/UI/ServiceLink.js

---
 components/UI/ServiceLink.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/components/UI/ServiceLink.js b/components/UI/ServiceLink.js
index 72d8bd93..6afde98d 100644
--- a/components/UI/ServiceLink.js
+++ b/components/UI/ServiceLink.js
@@ -74,7 +74,9 @@ function EllipsisMenu({ parentName, parentRoomId, onRemove, myPowerLevel, href }
                 <DropdownMenuContent>
                     <DropdownMenuItem
                         className="grid w-full grid-flow-col justify-start gap-2"
-                        onClick={() => navigator.clipboard.writeText(isValidUrl(href) ? href : `${location.protocol}//${location.hostname}${href}`)}
+                        onClick={() =>
+                            navigator.clipboard.writeText(isValidUrl(href) ? href : `${location.protocol}//${location.hostname}${href}`)
+                        }
                     >
                         <RiClipboardLine />
                         <span>{t('Copy link to clipboard')}</span>

From 7fd6cf3bd80027ac3780f6fbeec5998810c5a94b Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Fri, 1 Mar 2024 13:08:37 +0100
Subject: [PATCH 517/714] style: remove css fill style from Icon.js

---
 components/UI/Icon.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/components/UI/Icon.js b/components/UI/Icon.js
index 600e46c1..fa818341 100644
--- a/components/UI/Icon.js
+++ b/components/UI/Icon.js
@@ -5,7 +5,6 @@ const Icon = styled.span`
         display: block;
         width: var(--icon-size);
         height: var(--icon-size);
-        fill: var(--color-foreground);
     }
 `;
 

From 2b8559fcbfb66e57cdf0e4d514c76bbc12666c80 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Fri, 1 Mar 2024 13:09:29 +0100
Subject: [PATCH 518/714] chore: wrap svg icons in Icon component for
 DropdownMenuItem

---
 components/UI/ServiceLink.js | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/components/UI/ServiceLink.js b/components/UI/ServiceLink.js
index 6afde98d..5f75624a 100644
--- a/components/UI/ServiceLink.js
+++ b/components/UI/ServiceLink.js
@@ -78,7 +78,9 @@ function EllipsisMenu({ parentName, parentRoomId, onRemove, myPowerLevel, href }
                             navigator.clipboard.writeText(isValidUrl(href) ? href : `${location.protocol}//${location.hostname}${href}`)
                         }
                     >
-                        <RiClipboardLine />
+                        <Icon>
+                            <RiClipboardLine />
+                        </Icon>
                         <span>{t('Copy link to clipboard')}</span>
                     </DropdownMenuItem>
                     {canRemoveFromParent && (
@@ -86,7 +88,9 @@ function EllipsisMenu({ parentName, parentRoomId, onRemove, myPowerLevel, href }
                             <DropdownMenuSeparator />
                             <DialogTrigger asChild>
                                 <DropdownMenuItem className="grid w-full grid-flow-col justify-start gap-2" variant="ghost">
-                                    <RiFolderCloseLine />
+                                    <Icon>
+                                        <RiFolderCloseLine />
+                                    </Icon>
                                     <span>{t('Remove')}</span>
                                 </DropdownMenuItem>
                             </DialogTrigger>

From 59c03f4a27bad895e2158baa0ef1914c91988cfa Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Fri, 1 Mar 2024 13:44:32 +0100
Subject: [PATCH 519/714] chore: add/fix/improve/update localized texts

---
 .../explore/manage-room/AddExistingContext.js |  2 +-
 .../AddOrCreateChat/AddExistingChat.js        |  2 +-
 pages/explore/manage-room/ChangeTopic.js      |  2 +-
 pages/explore/manage-room/CreateContext.js    |  6 ++---
 pages/explore/manage-room/CreateLink.js       |  6 ++---
 pages/explore/manage-room/QuickAddExplore.js  |  2 +-
 pages/explore/manage-room/TemplateSelect.js   |  4 +--
 pages/explore/manage-room/UserManagement.js   |  4 +--
 public/locales/de/_defaults.json              |  4 +++
 public/locales/de/explore.json                | 25 ++++++++++++++++---
 10 files changed, 40 insertions(+), 17 deletions(-)

diff --git a/pages/explore/manage-room/AddExistingContext.js b/pages/explore/manage-room/AddExistingContext.js
index 701e039b..8f80bd90 100644
--- a/pages/explore/manage-room/AddExistingContext.js
+++ b/pages/explore/manage-room/AddExistingContext.js
@@ -108,7 +108,7 @@ const AddExistingContext = ({ parentId, parentName, contextRootId, onPreviousAct
             {selectedContextName && isAddingAllowed && (
                 <p>
                     {' '}
-                    {t('You are about to add {{ selectedContextName }} to {{parentName}}', {
+                    {t('Add {{selectedContextName}} to {{parentName}}?', {
                         selectedContextName: selectedContextName,
                         parentName: parentName,
                     })}
diff --git a/pages/explore/manage-room/AddOrCreateChat/AddExistingChat.js b/pages/explore/manage-room/AddOrCreateChat/AddExistingChat.js
index 82024134..c1d1400d 100644
--- a/pages/explore/manage-room/AddOrCreateChat/AddExistingChat.js
+++ b/pages/explore/manage-room/AddOrCreateChat/AddExistingChat.js
@@ -45,7 +45,7 @@ export default function AddExistingChat({ allChatRooms, onPreviousAction, curren
         <form className="[&>*+*]:mt-4" onSubmit={handleAddChat}>
             <Select onValueChange={setSelectedRoom}>
                 <SelectTrigger>
-                    <SelectValue placeholder={`-- ${t('Choose Chat Room')} --`} />
+                    <SelectValue placeholder={`-- ${t('choose chat room')} --`} />
                 </SelectTrigger>
                 <SelectContent>
                     {allChatRooms.map((room) => {
diff --git a/pages/explore/manage-room/ChangeTopic.js b/pages/explore/manage-room/ChangeTopic.js
index 21e4e2d5..7a12664c 100644
--- a/pages/explore/manage-room/ChangeTopic.js
+++ b/pages/explore/manage-room/ChangeTopic.js
@@ -68,7 +68,7 @@ const ChangeTopic = ({ roomId, roomName }) => {
         <>
             <form className="[&>*+*]:mt-4" onSubmit={updateTopic} onReset={() => setNewTopic(currentTopic)}>
                 <Textarea
-                    placeholder={t('Enter a new topic, for example a short description of ') + roomName}
+                    placeholder={t('Enter a new topic, for example a short description of {{name}}', { name: roomName })}
                     value={newTopic}
                     onChange={handleTopicChange}
                 />
diff --git a/pages/explore/manage-room/CreateContext.js b/pages/explore/manage-room/CreateContext.js
index d21ae599..66902388 100644
--- a/pages/explore/manage-room/CreateContext.js
+++ b/pages/explore/manage-room/CreateContext.js
@@ -22,7 +22,7 @@ const CreateContext = ({ currentId, onCancel, getSpaceChildren, onPreviousAction
     const [powerLevels, setPowerLevels] = useState();
     const [createNewContextErrorMessage, setCreateNewContextErrorMessage] = useState();
 
-    const { t } = useTranslation();
+    const { t } = useTranslation('explore');
 
     const createContext = async (e) => {
         e.preventDefault();
@@ -94,7 +94,7 @@ const CreateContext = ({ currentId, onCancel, getSpaceChildren, onPreviousAction
                 }}
                 value={name}
                 required
-                placeholder="name"
+                placeholder={t('name')}
             />
             <Input
                 type="text"
@@ -102,7 +102,7 @@ const CreateContext = ({ currentId, onCancel, getSpaceChildren, onPreviousAction
                     setTopic(e?.target?.value);
                 }}
                 value={topic}
-                placeholder="topic (optional)"
+                placeholder={t('topic') + ' (optional)'}
             />
             <TemplateSelect currentId={currentId} currentTemplate={template} setTemplate={setTemplate} />
             {
diff --git a/pages/explore/manage-room/CreateLink.js b/pages/explore/manage-room/CreateLink.js
index 88442a13..a6772b03 100644
--- a/pages/explore/manage-room/CreateLink.js
+++ b/pages/explore/manage-room/CreateLink.js
@@ -19,7 +19,7 @@ const CreateLink = ({ currentId, onCancel, getSpaceChildren, onPreviousAction })
     const [isLoading, setIsLoading] = useState(false);
     const [errorMessage, setErrorMessage] = useState('');
 
-    const { t } = useTranslation();
+    const { t } = useTranslation('explore');
 
     const createContext = async (e) => {
         e.preventDefault();
@@ -93,7 +93,7 @@ const CreateLink = ({ currentId, onCancel, getSpaceChildren, onPreviousAction })
                 }}
                 value={name}
                 required
-                placeholder="name"
+                placeholder={t('name')}
             />
             <Input
                 type="text"
@@ -101,7 +101,7 @@ const CreateLink = ({ currentId, onCancel, getSpaceChildren, onPreviousAction })
                     setUrl(e?.target?.value);
                 }}
                 value={url}
-                placeholder="URL"
+                placeholder={t('URL')}
             />
             {
                 errorMessage && <ErrorMessage>{t(errorMessage)}</ErrorMessage> //error message container
diff --git a/pages/explore/manage-room/QuickAddExplore.js b/pages/explore/manage-room/QuickAddExplore.js
index 3870ee27..d14c8e89 100644
--- a/pages/explore/manage-room/QuickAddExplore.js
+++ b/pages/explore/manage-room/QuickAddExplore.js
@@ -88,7 +88,7 @@ const QuickAddExplore = ({ currentId, roomName, getSpaceChildren, allChatRooms,
                                 variant="outline"
                             >
                                 <RiLink />
-                                <p>{t('Add a link')}</p>
+                                <p>{t('Add link')}</p>
                             </Button>
                         </div>
                         <DrawerDialogFooter />
diff --git a/pages/explore/manage-room/TemplateSelect.js b/pages/explore/manage-room/TemplateSelect.js
index afcb50fb..cab21624 100644
--- a/pages/explore/manage-room/TemplateSelect.js
+++ b/pages/explore/manage-room/TemplateSelect.js
@@ -20,13 +20,13 @@ import ErrorMessage from '../../../components/UI/ErrorMessage';
 
 const TemplateSelect = ({ currentTemplate, setTemplate }) => {
     const contextTemplates = getConfig().publicRuntimeConfig.templates?.context; //
-    const { t } = useTranslation();
+    const { t } = useTranslation('explore');
 
     const onChangeTemplateSelect = (e) => {
         setTemplate(e.target.value);
     };
 
-    if (!contextTemplates) return <ErrorMessage>{ t('No context templates defined, please contact the administrator') }</ErrorMessage>;
+    if (!contextTemplates) return <ErrorMessage>{t('No context templates defined, please contact the administrator.')}</ErrorMessage>;
 
     return (
         <>
diff --git a/pages/explore/manage-room/UserManagement.js b/pages/explore/manage-room/UserManagement.js
index 84f7a7ab..4bd19b07 100644
--- a/pages/explore/manage-room/UserManagement.js
+++ b/pages/explore/manage-room/UserManagement.js
@@ -98,7 +98,7 @@ const UserManagement = ({ roomId, roomName, myPowerLevel }) => {
                         roomId={roomId}
                         trigger={
                             <Button className="w-full justify-between px-0 pr-1.5 hover:text-accent" variant="ghost">
-                                {t('Invite people to {{name}} …', { name: roomName })}
+                                {t('Invite to {{name}} …', { name: roomName })}
                                 <RiAddLine />
                             </Button>
                         }
@@ -116,7 +116,7 @@ function UserTableRow({ displayName, userId, roomName, powerLevel, selfPowerLeve
     const hasHigherPowerLevel = powerLevel < selfPowerLevel;
     const [isKicking, setIsKicking] = useState(false);
     const [isChangingPowerLevel, setIsChangingPowerLevel] = useState(false);
-    const { t } = useTranslation();
+    const { t } = useTranslation('explore');
 
     const onKickClick = async (e) => {
         e.preventDefault();
diff --git a/public/locales/de/_defaults.json b/public/locales/de/_defaults.json
index 1ad5dc6a..15eafd1c 100644
--- a/public/locales/de/_defaults.json
+++ b/public/locales/de/_defaults.json
@@ -1,6 +1,8 @@
 {
   "Accept": "Annehmen",
+  "Add": "Hinzufügen",
   "Add to favourites": "Zu Favoriten hinzufügen",
+  "Back": "Zurück",
   "Cancel": "Abbrechen",
   "Change": "Ändern",
   "Confirm": "Bestätigen",
@@ -21,8 +23,10 @@
   "Previous": "Zurück",
   "Request access to {{name}}": "Zugang zu {{name}} anfordern",
   "Remove from favourites": "Aus Favoriten entfernen",
+  "Remove": "Entfernen",
   "Save": "Speichern",
   "select {{option}}": "{{option}} wählen",
+  "select option": "auswählen",
   "Select action": "Aktion wählen",
   "Settings": "Einstellungen",
   "Something went wrong! Please try again.": "Da ist etwas schief gelaufen! Bitte versuche es erneut.",
diff --git a/public/locales/de/explore.json b/public/locales/de/explore.json
index dad4ab1b..2016412c 100644
--- a/public/locales/de/explore.json
+++ b/public/locales/de/explore.json
@@ -1,13 +1,32 @@
 {
+    "Add chat": "Chat hinzufügen",
+    "Add context": "Kontext hinzufügen",
+    "Add existing context": "bestehenden Kontext hinzufügen",
+    "Add item": "Element hinzufügen",
+    "Add link": "Link hinzufügen",
     "Add more …": "Mehr hinzufügen …",
-    "Change Join Rule for": "Join-Regel ändern für",
+    "Add more to {{name}}": "Mehr hinzufügen zu {{name}}",
+    "Advanced": "Erweitert",
+    "All members of {{room}}": "Alle Mitglieder von {{room}}",
+    "Change Join Rule for": "Beitrittsregel ändern für",
+    "choose chat room": "Chat auswählen",
+    "Create new context": "neuen Kontext erstellen",
+    "Enter a new topic, for example a short description of {{name}}": "Neues Thema eingeben, zum Beispiel eine kurze Beschreibung für {{name}}",
+    "Existing chat": "bestehenden Chat",
+    "Invite to {{name}} …": "Zu {{name}} einladen …",
     "Join Rule": "Join-Regel",
     "Leaving {{name}} means you cannot interact with it anymore.": "Wenn du {{name}} verlässt, kannst du nicht mehr damit interagieren.",
     "Leave {{ name }}?": "{{ name }} verlassen?",
-    "No context templates defined, please contact the administrator": "Es sind keine Kontextvorlagen definiert. Bitte kontaktiere den Administrator.",
+    "name": "Name",
+    "name of the room": "Name des Raums",
+    "New chat": "neuen Chat",
+    "No context templates defined, please contact the administrator.": "Es sind keine Kontextvorlagen definiert. Bitte kontaktiere den Administrator.",
     "Show contexts and items of {{name}}": "Zeige Kontexte und Elemente von {{name}}",
     "Show members of {{name}}" : "Zeige Mitglieder von {{name}}",
     "Show settings of {{name}}": "Zeige Einstellungen von {{name}}",
     "Topic": "Thema",
-    "Topic was successfully updated.": "Thema wurde erfolgreich aktualisiert."
+    "topic": "Thema",
+    "topic of the room": "Thema des Raums",
+    "Topic was successfully updated.": "Thema wurde erfolgreich aktualisiert.",
+    "Add {{selectedContextName}} to {{parentName}}?": "{{selectedContextName}} zu {{parentName}} hinzugefügen?"
 }

From ca10a4ff824abe6c41cc502f3f1f014073b05fc7 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Fri, 1 Mar 2024 13:57:05 +0100
Subject: [PATCH 520/714] chore: add localized text

---
 public/locales/de/explore.json | 1 +
 1 file changed, 1 insertion(+)

diff --git a/public/locales/de/explore.json b/public/locales/de/explore.json
index 2016412c..d9769ba2 100644
--- a/public/locales/de/explore.json
+++ b/public/locales/de/explore.json
@@ -21,6 +21,7 @@
     "name of the room": "Name des Raums",
     "New chat": "neuen Chat",
     "No context templates defined, please contact the administrator.": "Es sind keine Kontextvorlagen definiert. Bitte kontaktiere den Administrator.",
+    "Role": "Funktion",
     "Show contexts and items of {{name}}": "Zeige Kontexte und Elemente von {{name}}",
     "Show members of {{name}}" : "Zeige Mitglieder von {{name}}",
     "Show settings of {{name}}": "Zeige Einstellungen von {{name}}",

From 513ff260b12ac2e7e7b331a18e452dcf3bc35e16 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 5 Mar 2024 13:06:51 +0100
Subject: [PATCH 521/714] refactor: add JSDoc, use Popover to describe chat
 templates.

---
 components/UI/shadcn/Popover.js               | 26 +++++++
 .../manage-room/AddOrCreateChat/AddNewChat.js | 67 ++++++++++++++++++-
 2 files changed, 92 insertions(+), 1 deletion(-)
 create mode 100644 components/UI/shadcn/Popover.js

diff --git a/components/UI/shadcn/Popover.js b/components/UI/shadcn/Popover.js
new file mode 100644
index 00000000..9c350f6d
--- /dev/null
+++ b/components/UI/shadcn/Popover.js
@@ -0,0 +1,26 @@
+import * as React from 'react';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+
+import { cn } from '@/lib/utils';
+
+const Popover = PopoverPrimitive.Root;
+
+const PopoverTrigger = PopoverPrimitive.Trigger;
+
+const PopoverContent = React.forwardRef(({ className, align = 'center', sideOffset = 4, ...props }, ref) => (
+    <PopoverPrimitive.Portal>
+        <PopoverPrimitive.Content
+            ref={ref}
+            align={align}
+            sideOffset={sideOffset}
+            className={cn(
+                'z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
+                className,
+            )}
+            {...props}
+        />
+    </PopoverPrimitive.Portal>
+));
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+
+export { Popover, PopoverTrigger, PopoverContent };
diff --git a/pages/explore/manage-room/AddOrCreateChat/AddNewChat.js b/pages/explore/manage-room/AddOrCreateChat/AddNewChat.js
index e3daeaef..3c8f37c3 100644
--- a/pages/explore/manage-room/AddOrCreateChat/AddNewChat.js
+++ b/pages/explore/manage-room/AddOrCreateChat/AddNewChat.js
@@ -1,6 +1,7 @@
 import React, { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import _ from 'lodash';
+import { RiInfoI } from '@remixicon/react';
 
 import { useMatrix } from '@/lib/Matrix';
 import logger from '../../../../lib/Logging';
@@ -10,12 +11,29 @@ import PreviousNextButtons from '../../../../components/UI/PreviousNextButtons';
 import LoadingSpinnerInline from '../../../../components/UI/LoadingSpinnerInline';
 import { Input } from '@/components/UI/shadcn/Input';
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/UI/shadcn/Select';
+import { Button } from '@/components/UI/shadcn/Button';
+import { Popover, PopoverContent, PopoverTrigger } from '@/components/UI/shadcn/Popover';
 
+/**
+ * This component is used to add a new chat room.
+ *
+ * @param {Function} onPreviousAction - The function to be called when the previous action is triggered.
+ * @param {string} currentId - The current ID of the room.
+ * @param {Function} onSuccess - The function to be called when the room is successfully created.
+ * @param {string} parentName - The name of the parent room.
+ * @param {Function} updateRoomList - The function to update the list of rooms.
+ *
+ * @returns {JSX.Element} - The JSX element representing the add new chat component.
+ *
+ * @TODO templates need proper explanations.
+ * @TODO add dev.medienhaus.meta event to the room when announcement template is selected? Alternatively check if it's possible whcih 'preset' was used when creating a matrix room.
+ */
 export default function AddNewChat({ onPreviousAction, currentId, onSuccess, parentName, updateRoomList }) {
     const matrix = useMatrix();
     const [roomName, setRoomName] = useState('');
     const [roomTopic, setRoomTopic] = useState('');
     const [selectedJoinRule, setSelectedJoinRule] = useState('knock_restricted');
+    const [selectedTemplate, setSelectedTemplate] = useState('chat');
     const [errorMessage, setErrorMessage] = useState('');
     const [userFeedback, setUserFeedback] = useState('');
     const [isLoading, setIsLoading] = useState(false);
@@ -35,11 +53,13 @@ export default function AddNewChat({ onPreviousAction, currentId, onSuccess, par
             .addSpaceChild(currentId, roomId)
             .catch((error) => [setErrorMessage(error.data?.error || t('something went wrong, please try again'))]);
 
+        // If room was successfully added to parent
         if (addChildToParent.event_id) {
             logger.log('Adding new room to parentId:', currentId);
             setUserFeedback(`${roomName} was successfully created and added to ${parentName}`);
             await updateRoomList(e, currentId);
 
+            // Reset form fields and user feedback after a delay
             _.delay(() => {
                 setRoomName('');
                 setRoomTopic('');
@@ -51,11 +71,56 @@ export default function AddNewChat({ onPreviousAction, currentId, onSuccess, par
         setIsLoading(false);
     };
 
+    /**
+     * Handles the selection of a template and adjusts the join rule accordingly.
+     *
+     * @param {string} value - The selected template.
+     */
+    const handleTemplateSelect = (value) => {
+        setSelectedTemplate(value);
+        if (value === 'announcement') setSelectedJoinRule('public');
+        else setSelectedJoinRule('knock_restricted');
+    };
+
     return (
         <form className="[&>*+*]:mt-4" onSubmit={handleNewChat}>
             <Input type="text" placeholder={t('name of the room')} value={roomName} onChange={(e) => setRoomName(e.target.value)} />
             <Input type="text" placeholder={t('topic of the room')} value={roomTopic} onChange={(e) => setRoomTopic(e.target.value)} />
-            <Select defaultValue={selectedJoinRule} onValueChange={setSelectedJoinRule}>
+            <div className="flex gap-4">
+                <Select value={selectedTemplate} onValueChange={handleTemplateSelect}>
+                    <SelectTrigger>
+                        <SelectValue placeholder={t('join rule')} />
+                    </SelectTrigger>
+                    <SelectContent>
+                        <SelectItem value="announcement">{t('Announcement Room')}</SelectItem>
+                        <SelectItem value="chat">{t('Chat Room')}</SelectItem>
+                    </SelectContent>
+                </Select>
+                <Popover>
+                    <PopoverTrigger asChild>
+                        <Button
+                            variant="outline"
+                            title={
+                                // using title to show the tooltip on desktop
+                                selectedTemplate === 'announcement'
+                                    ? t('Announcement rooms are for important announcements and discussions.')
+                                    : t('Chat rooms are for casual conversations and discussions.')
+                            }
+                        >
+                            <RiInfoI />
+                        </Button>
+                    </PopoverTrigger>
+                    <PopoverContent>
+                        {
+                            // using Popover to show the tooltip on mobile
+                            selectedTemplate === 'announcement'
+                                ? t('Announcement rooms are for important announcements and discussions.')
+                                : t('Chat rooms are for casual conversations and discussions.')
+                        }
+                    </PopoverContent>
+                </Popover>
+            </div>
+            <Select value={selectedJoinRule} onValueChange={setSelectedJoinRule}>
                 <SelectTrigger>
                     <SelectValue placeholder={t('join rule')} />
                 </SelectTrigger>

From 11c033ee1be215348a10972b031cc2713149929c Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 5 Mar 2024 13:07:08 +0100
Subject: [PATCH 522/714] add Popover to packages

---
 package-lock.json | 73 +++++++++++++++++++++++++++++++++++++++++++++++
 package.json      |  2 ++
 2 files changed, 75 insertions(+)

diff --git a/package-lock.json b/package-lock.json
index 548b2c07..f6019b4a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,12 +10,14 @@
         "@radix-ui/react-checkbox": "^1.0.4",
         "@radix-ui/react-dialog": "^1.0.5",
         "@radix-ui/react-dropdown-menu": "^2.0.6",
+        "@radix-ui/react-popover": "^1.0.7",
         "@radix-ui/react-radio-group": "^1.1.3",
         "@radix-ui/react-select": "^2.0.0",
         "@radix-ui/react-separator": "^1.0.3",
         "@radix-ui/react-slot": "^1.0.2",
         "@radix-ui/react-switch": "^1.0.3",
         "@radix-ui/react-tabs": "^1.0.4",
+        "@radix-ui/react-tooltip": "^1.0.7",
         "@remixicon/react": "^4.1.1",
         "class-variance-authority": "^0.7.0",
         "clsx": "^2.1.0",
@@ -1327,6 +1329,43 @@
         }
       }
     },
+    "node_modules/@radix-ui/react-popover": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-popover/-/react-popover-1.0.7.tgz",
+      "integrity": "sha512-shtvVnlsxT6faMnK/a7n0wptwBD23xc1Z5mdrtKLwVEfsEMXodS0r5s0/g5P0hX//EKYZS2sxUjqfzlg52ZSnQ==",
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/primitive": "1.0.1",
+        "@radix-ui/react-compose-refs": "1.0.1",
+        "@radix-ui/react-context": "1.0.1",
+        "@radix-ui/react-dismissable-layer": "1.0.5",
+        "@radix-ui/react-focus-guards": "1.0.1",
+        "@radix-ui/react-focus-scope": "1.0.4",
+        "@radix-ui/react-id": "1.0.1",
+        "@radix-ui/react-popper": "1.1.3",
+        "@radix-ui/react-portal": "1.0.4",
+        "@radix-ui/react-presence": "1.0.1",
+        "@radix-ui/react-primitive": "1.0.3",
+        "@radix-ui/react-slot": "1.0.2",
+        "@radix-ui/react-use-controllable-state": "1.0.1",
+        "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-popper": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-popper/-/react-popper-1.1.3.tgz",
@@ -1635,6 +1674,40 @@
         }
       }
     },
+    "node_modules/@radix-ui/react-tooltip": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-tooltip/-/react-tooltip-1.0.7.tgz",
+      "integrity": "sha512-lPh5iKNFVQ/jav/j6ZrWq3blfDJ0OH9R6FlNUHPMqdLuQ9vwDgFsRxvl8b7Asuy5c8xmoojHUxKHQSOAvMHxyw==",
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/primitive": "1.0.1",
+        "@radix-ui/react-compose-refs": "1.0.1",
+        "@radix-ui/react-context": "1.0.1",
+        "@radix-ui/react-dismissable-layer": "1.0.5",
+        "@radix-ui/react-id": "1.0.1",
+        "@radix-ui/react-popper": "1.1.3",
+        "@radix-ui/react-portal": "1.0.4",
+        "@radix-ui/react-presence": "1.0.1",
+        "@radix-ui/react-primitive": "1.0.3",
+        "@radix-ui/react-slot": "1.0.2",
+        "@radix-ui/react-use-controllable-state": "1.0.1",
+        "@radix-ui/react-visually-hidden": "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-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",
diff --git a/package.json b/package.json
index 9176d3d0..4adae8ae 100644
--- a/package.json
+++ b/package.json
@@ -12,12 +12,14 @@
     "@radix-ui/react-checkbox": "^1.0.4",
     "@radix-ui/react-dialog": "^1.0.5",
     "@radix-ui/react-dropdown-menu": "^2.0.6",
+    "@radix-ui/react-popover": "^1.0.7",
     "@radix-ui/react-radio-group": "^1.1.3",
     "@radix-ui/react-select": "^2.0.0",
     "@radix-ui/react-separator": "^1.0.3",
     "@radix-ui/react-slot": "^1.0.2",
     "@radix-ui/react-switch": "^1.0.3",
     "@radix-ui/react-tabs": "^1.0.4",
+    "@radix-ui/react-tooltip": "^1.0.7",
     "@remixicon/react": "^4.1.1",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.0",

From daac2117b03f8f96f3722fa66cce71b85b0f8cc5 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Tue, 5 Mar 2024 13:23:11 +0100
Subject: [PATCH 523/714] chore: remove unused/unwanted tailwind classes

---
 components/UI/shadcn/Card.js         | 4 ++--
 components/UI/shadcn/DropdownMenu.js | 2 +-
 components/UI/shadcn/Input.js        | 2 +-
 components/UI/shadcn/Select.js       | 6 +++---
 4 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/components/UI/shadcn/Card.js b/components/UI/shadcn/Card.js
index fb1d34cd..f55af11b 100644
--- a/components/UI/shadcn/Card.js
+++ b/components/UI/shadcn/Card.js
@@ -13,14 +13,14 @@ const CardHeader = React.forwardRef(({ className, ...props }, ref) => (
 CardHeader.displayName = 'CardHeader';
 
 const CardTitle = React.forwardRef(({ className, children, ...props }, ref) => (
-    <h3 ref={ref} className={cn('flex items-center gap-2 leading-none tracking-tight', className)} {...props}>
+    <h3 ref={ref} className={cn('flex items-center gap-2', className)} {...props}>
         {children}
     </h3>
 ));
 CardTitle.displayName = 'CardTitle';
 
 const CardDescription = React.forwardRef(({ className, ...props }, ref) => (
-    <p ref={ref} className={cn('text text-muted-foreground', className)} {...props} />
+    <p ref={ref} className={cn('text-muted-foreground', className)} {...props} />
 ));
 CardDescription.displayName = 'CardDescription';
 
diff --git a/components/UI/shadcn/DropdownMenu.js b/components/UI/shadcn/DropdownMenu.js
index 926f68ec..a98b268d 100644
--- a/components/UI/shadcn/DropdownMenu.js
+++ b/components/UI/shadcn/DropdownMenu.js
@@ -122,7 +122,7 @@ const DropdownMenuSeparator = React.forwardRef(({ className, ...props }, ref) =>
 DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
 
 const DropdownMenuShortcut = ({ className, ...props }) => {
-    return <span className={cn('text ml-auto tracking-widest opacity-60', className)} {...props} />;
+    return <span className={cn('text ml-auto opacity-60', className)} {...props} />;
 };
 
 DropdownMenuShortcut.displayName = 'DropdownMenuShortcut';
diff --git a/components/UI/shadcn/Input.js b/components/UI/shadcn/Input.js
index 30517a15..646b92e5 100644
--- a/components/UI/shadcn/Input.js
+++ b/components/UI/shadcn/Input.js
@@ -7,7 +7,7 @@ const Input = React.forwardRef(({ className, type, ...props }, ref) => {
         <input
             type={type}
             className={cn(
-                'flex h-10 w-full rounded border border-input bg-background px-3 py-2 text ring-offset-background file:border-0 file:bg-transparent file:text file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',
+                'flex h-10 w-full rounded border border-input bg-background px-3 py-2 ring-offset-background file:border-0 file:bg-transparent placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',
                 className,
             )}
             ref={ref}
diff --git a/components/UI/shadcn/Select.js b/components/UI/shadcn/Select.js
index 9d2b7857..6ed808ec 100644
--- a/components/UI/shadcn/Select.js
+++ b/components/UI/shadcn/Select.js
@@ -14,7 +14,7 @@ const SelectTrigger = React.forwardRef(({ className, children, ...props }, ref)
     <SelectPrimitive.Trigger
         ref={ref}
         className={cn(
-            'flex h-10 w-full items-center justify-between rounded border border-input bg-background px-3 py-2 text ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1',
+            'flex h-10 w-full items-center justify-between rounded border border-input bg-background px-3 py-2 ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1',
             className,
         )}
         {...props}
@@ -74,7 +74,7 @@ const SelectContent = React.forwardRef(({ className, children, position = 'poppe
 SelectContent.displayName = SelectPrimitive.Content.displayName;
 
 const SelectLabel = React.forwardRef(({ className, ...props }, ref) => (
-    <SelectPrimitive.Label ref={ref} className={cn('py-1.5 pl-8 pr-2 text font-semibold', className)} {...props} />
+    <SelectPrimitive.Label ref={ref} className={cn('py-1.5 pl-8 pr-2', className)} {...props} />
 ));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
 
@@ -82,7 +82,7 @@ const SelectItem = React.forwardRef(({ className, children, ...props }, ref) =>
     <SelectPrimitive.Item
         ref={ref}
         className={cn(
-            'relative flex w-[calc(100%-2px)] cursor-default select-none items-center rounded py-1.5 pl-8 pr-2 text outline-none focus:bg-accent focus:text-white data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
+            'relative flex w-[calc(100%-2px)] cursor-default select-none items-center rounded py-1.5 pl-8 pr-2 outline-none focus:bg-accent focus:text-white data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
             className,
         )}
         {...props}

From 4c622a0ce0420b89b9585c55fe2d5e1b3cb1cd7e Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 5 Mar 2024 13:30:06 +0100
Subject: [PATCH 524/714] refactor: add chat templates to presets.js and use
 them in AddNewChat.js

---
 .../manage-room/AddOrCreateChat/AddNewChat.js | 20 +++----
 pages/explore/presets.js                      | 60 ++++++++++++-------
 2 files changed, 49 insertions(+), 31 deletions(-)

diff --git a/pages/explore/manage-room/AddOrCreateChat/AddNewChat.js b/pages/explore/manage-room/AddOrCreateChat/AddNewChat.js
index 3c8f37c3..5a887253 100644
--- a/pages/explore/manage-room/AddOrCreateChat/AddNewChat.js
+++ b/pages/explore/manage-room/AddOrCreateChat/AddNewChat.js
@@ -78,8 +78,7 @@ export default function AddNewChat({ onPreviousAction, currentId, onSuccess, par
      */
     const handleTemplateSelect = (value) => {
         setSelectedTemplate(value);
-        if (value === 'announcement') setSelectedJoinRule('public');
-        else setSelectedJoinRule('knock_restricted');
+        setSelectedJoinRule(presets.chatTemplates[value].joinRule || 'public');
     };
 
     return (
@@ -92,8 +91,13 @@ export default function AddNewChat({ onPreviousAction, currentId, onSuccess, par
                         <SelectValue placeholder={t('join rule')} />
                     </SelectTrigger>
                     <SelectContent>
-                        <SelectItem value="announcement">{t('Announcement Room')}</SelectItem>
-                        <SelectItem value="chat">{t('Chat Room')}</SelectItem>
+                        {_.map(presets.chatTemplates, (template, key) => {
+                            return (
+                                <SelectItem key={key} value={template.name}>
+                                    {t(template.label)}
+                                </SelectItem>
+                            );
+                        })}
                     </SelectContent>
                 </Select>
                 <Popover>
@@ -102,9 +106,7 @@ export default function AddNewChat({ onPreviousAction, currentId, onSuccess, par
                             variant="outline"
                             title={
                                 // using title to show the tooltip on desktop
-                                selectedTemplate === 'announcement'
-                                    ? t('Announcement rooms are for important announcements and discussions.')
-                                    : t('Chat rooms are for casual conversations and discussions.')
+                                t(presets.chatTemplates[selectedTemplate].description)
                             }
                         >
                             <RiInfoI />
@@ -113,9 +115,7 @@ export default function AddNewChat({ onPreviousAction, currentId, onSuccess, par
                     <PopoverContent>
                         {
                             // using Popover to show the tooltip on mobile
-                            selectedTemplate === 'announcement'
-                                ? t('Announcement rooms are for important announcements and discussions.')
-                                : t('Chat rooms are for casual conversations and discussions.')
+                            t(presets.chatTemplates[selectedTemplate].description)
                         }
                     </PopoverContent>
                 </Popover>
diff --git a/pages/explore/presets.js b/pages/explore/presets.js
index bb5bc8e8..b5079bd6 100644
--- a/pages/explore/presets.js
+++ b/pages/explore/presets.js
@@ -1,7 +1,7 @@
 // eslint-disable no-undef
 
 /**
- * HELPERFILE 'presets' for actions
+ * HELP FILE 'presets' for actions
  *
  * @TODO
  *  - changing all text to translatable entries.
@@ -9,7 +9,7 @@
  *  - adding the option to use an own 'preset file' as part of a config
  *
  *
-*/
+ */
 
 module.exports = {
     name: {
@@ -58,7 +58,8 @@ module.exports = {
         {
             name: 'knock_restricted',
             label: 'Restricted Knock 🛎️',
-            description: 'a user can request an invite using the same functions offered by the knock join rule, or can attempt to join having satisfied an allow condition.',
+            description:
+                'a user can request an invite using the same functions offered by the knock join rule, or can attempt to join having satisfied an allow condition.',
         },
         {
             name: 'invite',
@@ -67,6 +68,23 @@ module.exports = {
         },
     ],
 
+    chatTemplates: {
+        announcement: {
+            name: 'announcement',
+            label: 'Announcement Room 📣',
+            joinRule: 'public',
+            description:
+                'Announcement rooms are for important announcements. Anyone can join them, in order to receive notifications. They are read-only for most members unless they were explicitly promoted to "moderator". You can think of announcement rooms as a newsletter or a bulletin board.',
+        },
+        chat: {
+            name: 'chat',
+            label: 'Chat Room 💬',
+            joinRule: 'knock_restricted',
+            description:
+                'Chat rooms are for casual conversations and discussions. By default they are open to anyone who has already joined the parent space. Members can participate.',
+        },
+    },
+
     allowedHistoryVisibility: [
         {
             name: 'world_readable',
@@ -97,8 +115,8 @@ module.exports = {
             description: 'public (default); all members can add content.',
             default: true,
             powerLevels: {
-                'users_default': 0,
-                'events': {
+                users_default: 0,
+                events: {
                     'm.room.avatar': 50,
                     'm.room.canonical_alias': 50,
                     'm.room.encryption': 100,
@@ -113,13 +131,13 @@ module.exports = {
                     'm.reaction': 50,
                     'dev.medienhaus.meta': 100,
                 },
-                'events_default': 0,
-                'state_default': 50,
-                'ban': 50,
-                'kick': 50,
-                'redact': 50,
-                'invite': 50,
-                'historical': 100,
+                events_default: 0,
+                state_default: 50,
+                ban: 50,
+                kick: 50,
+                redact: 50,
+                invite: 50,
+                historical: 100,
             },
         },
         {
@@ -127,8 +145,8 @@ module.exports = {
             display: '📣',
             description: 'announce; read only. only moderators and admins can add things.',
             powerLevels: {
-                'users_default': 0,
-                'events': {
+                users_default: 0,
+                events: {
                     'm.room.avatar': 50,
                     'm.room.canonical_alias': 50,
                     'm.room.encryption': 100,
@@ -143,13 +161,13 @@ module.exports = {
                     'm.reaction': 50,
                     'dev.medienhaus.meta': 100,
                 },
-                'events_default': 50,
-                'state_default': 50,
-                'ban': 50,
-                'kick': 50,
-                'redact': 50,
-                'invite': 50,
-                'historical': 100,
+                events_default: 50,
+                state_default: 50,
+                ban: 50,
+                kick: 50,
+                redact: 50,
+                invite: 50,
+                historical: 100,
             },
         },
     ],

From 4ac94dbce5774386c855da26ed05f4ca57e33ac2 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Tue, 5 Mar 2024 13:31:48 +0100
Subject: [PATCH 525/714] style: fix font-weight of KnockCard headline
 components

---
 pages/dashboard/KnockCard.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/pages/dashboard/KnockCard.js b/pages/dashboard/KnockCard.js
index af642f64..0b19f692 100644
--- a/pages/dashboard/KnockCard.js
+++ b/pages/dashboard/KnockCard.js
@@ -41,7 +41,8 @@ export default function KnockCard({ roomId, roomName, userId, reason }) {
         <form onSubmit={handleAccept} onReset={handleDecline}>
             <Card>
                 <CardHeader>
-                    <CardTitle className="flex items-center gap-4">
+                    {/* @NOTE: we are setting font-medium here for this <h3> because of the bold username/roomName components */}
+                    <CardTitle className="flex items-center gap-4 font-medium">
                         {/* wrap in span to not apply flex gap */}
                         <span>
                             <Trans

From 77b03d1e5f112defaa3bdfc19e84a21c7928fbf9 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 5 Mar 2024 13:36:46 +0100
Subject: [PATCH 526/714] chore: remove unused radix package

---
 package-lock.json | 35 -----------------------------------
 package.json      |  1 -
 2 files changed, 36 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index f6019b4a..c7981ccd 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -17,7 +17,6 @@
         "@radix-ui/react-slot": "^1.0.2",
         "@radix-ui/react-switch": "^1.0.3",
         "@radix-ui/react-tabs": "^1.0.4",
-        "@radix-ui/react-tooltip": "^1.0.7",
         "@remixicon/react": "^4.1.1",
         "class-variance-authority": "^0.7.0",
         "clsx": "^2.1.0",
@@ -1674,40 +1673,6 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-tooltip": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-tooltip/-/react-tooltip-1.0.7.tgz",
-      "integrity": "sha512-lPh5iKNFVQ/jav/j6ZrWq3blfDJ0OH9R6FlNUHPMqdLuQ9vwDgFsRxvl8b7Asuy5c8xmoojHUxKHQSOAvMHxyw==",
-      "dependencies": {
-        "@babel/runtime": "^7.13.10",
-        "@radix-ui/primitive": "1.0.1",
-        "@radix-ui/react-compose-refs": "1.0.1",
-        "@radix-ui/react-context": "1.0.1",
-        "@radix-ui/react-dismissable-layer": "1.0.5",
-        "@radix-ui/react-id": "1.0.1",
-        "@radix-ui/react-popper": "1.1.3",
-        "@radix-ui/react-portal": "1.0.4",
-        "@radix-ui/react-presence": "1.0.1",
-        "@radix-ui/react-primitive": "1.0.3",
-        "@radix-ui/react-slot": "1.0.2",
-        "@radix-ui/react-use-controllable-state": "1.0.1",
-        "@radix-ui/react-visually-hidden": "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-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",
diff --git a/package.json b/package.json
index 4adae8ae..0f95d7e3 100644
--- a/package.json
+++ b/package.json
@@ -19,7 +19,6 @@
     "@radix-ui/react-slot": "^1.0.2",
     "@radix-ui/react-switch": "^1.0.3",
     "@radix-ui/react-tabs": "^1.0.4",
-    "@radix-ui/react-tooltip": "^1.0.7",
     "@remixicon/react": "^4.1.1",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.0",

From a49dc3b0b4f33f064ce9060eabed14334d78861e Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 5 Mar 2024 13:40:45 +0100
Subject: [PATCH 527/714] chore: add translations for chat templates

---
 pages/explore/presets.js       | 2 +-
 public/locales/de/explore.json | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/pages/explore/presets.js b/pages/explore/presets.js
index b5079bd6..75f5c4b3 100644
--- a/pages/explore/presets.js
+++ b/pages/explore/presets.js
@@ -81,7 +81,7 @@ module.exports = {
             label: 'Chat Room 💬',
             joinRule: 'knock_restricted',
             description:
-                'Chat rooms are for casual conversations and discussions. By default they are open to anyone who has already joined the parent space. Members can participate.',
+                'Chat rooms are for conversations and discussions. By default they are open to anyone who has already joined the parent space. Members can participate.',
         },
     },
 
diff --git a/public/locales/de/explore.json b/public/locales/de/explore.json
index dad4ab1b..a89c2b6a 100644
--- a/public/locales/de/explore.json
+++ b/public/locales/de/explore.json
@@ -1,6 +1,8 @@
 {
     "Add more …": "Mehr hinzufügen …",
+    "Announcement rooms are for important announcements. Anyone can join them, in order to receive notifications. They are read-only for most members unless they were explicitly promoted to \"moderator\". You can think of announcement rooms as a newsletter or a bulletin board.": "Announcement Räume sind für wichtige Ankündigungen. Jeder kann ihnen beitreten, um Benachrichtigungen zu erhalten. Sie sind für die meisten Mitglieder schreibgeschützt, es sei denn, sie wurden ausdrücklich zum \"Moderator\" befördert. Du kannst dir Announcement Räume als Newsletter oder schwarzes Brett vorstellen.",
     "Change Join Rule for": "Join-Regel ändern für",
+    "Chat rooms are for conversations and discussions. By default they are open to anyone who has already joined the parent space. Members can participate.": "Chat Räume sind für Gespräche und Diskussionen. Standardmäßig sind sie für jeden offen, der dem übergeordneten Raum bereits beigetreten ist. Mitglieder können teilnehmen.",
     "Join Rule": "Join-Regel",
     "Leaving {{name}} means you cannot interact with it anymore.": "Wenn du {{name}} verlässt, kannst du nicht mehr damit interagieren.",
     "Leave {{ name }}?": "{{ name }} verlassen?",

From 1355a4bd501ea92e0a733f39177b8880077526ca Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Tue, 5 Mar 2024 13:41:23 +0100
Subject: [PATCH 528/714] fix: use correct translation in both useEffects

---
 pages/explore/manage-room/UserManagement.js | 2 +-
 public/locales/de/explore.json              | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/pages/explore/manage-room/UserManagement.js b/pages/explore/manage-room/UserManagement.js
index 4bd19b07..a804f30e 100644
--- a/pages/explore/manage-room/UserManagement.js
+++ b/pages/explore/manage-room/UserManagement.js
@@ -32,7 +32,7 @@ const UserManagement = ({ roomId, roomName, myPowerLevel }) => {
     // get the current members of the room and sort them first from highest to lowest power level and then alphabetically
     const currentMembers = _.orderBy(room.getMembersWithMembership('join'), ['powerLevel', 'name'], ['desc', 'asc']);
     const selfObject = currentMembers.filter((member) => member.userId === matrixClient.getUserId())[0];
-    const { t } = useTranslation();
+    const { t } = useTranslation('explore');
 
     const handleKick = async (userId, name) => {
         if (confirm(t('Are you sure you want to kick {{name}} from {{room}}', { name: name, room: roomName }))) {
diff --git a/public/locales/de/explore.json b/public/locales/de/explore.json
index d9769ba2..8b90ed1e 100644
--- a/public/locales/de/explore.json
+++ b/public/locales/de/explore.json
@@ -6,6 +6,7 @@
     "Add link": "Link hinzufügen",
     "Add more …": "Mehr hinzufügen …",
     "Add more to {{name}}": "Mehr hinzufügen zu {{name}}",
+    "Add {{selectedContextName}} to {{parentName}}?": "{{selectedContextName}} zu {{parentName}} hinzugefügen?",
     "Advanced": "Erweitert",
     "All members of {{room}}": "Alle Mitglieder von {{room}}",
     "Change Join Rule for": "Beitrittsregel ändern für",
@@ -15,6 +16,7 @@
     "Existing chat": "bestehenden Chat",
     "Invite to {{name}} …": "Zu {{name}} einladen …",
     "Join Rule": "Join-Regel",
+    "Kick": "Entfernen",
     "Leaving {{name}} means you cannot interact with it anymore.": "Wenn du {{name}} verlässt, kannst du nicht mehr damit interagieren.",
     "Leave {{ name }}?": "{{ name }} verlassen?",
     "name": "Name",
@@ -28,6 +30,5 @@
     "Topic": "Thema",
     "topic": "Thema",
     "topic of the room": "Thema des Raums",
-    "Topic was successfully updated.": "Thema wurde erfolgreich aktualisiert.",
-    "Add {{selectedContextName}} to {{parentName}}?": "{{selectedContextName}} zu {{parentName}} hinzugefügen?"
+    "Topic was successfully updated.": "Thema wurde erfolgreich aktualisiert."
 }

From fef17c100c6594fe4e87e0afe40356206d1e4a49 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 5 Mar 2024 13:48:33 +0100
Subject: [PATCH 529/714] refactor: move emojis in front of text

---
 pages/explore/presets.js | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/pages/explore/presets.js b/pages/explore/presets.js
index 75f5c4b3..c4b5b679 100644
--- a/pages/explore/presets.js
+++ b/pages/explore/presets.js
@@ -41,29 +41,29 @@ module.exports = {
     allowedJoinRules: [
         {
             name: 'public',
-            label: 'Public 🌐',
+            label: '🌐 Public',
             description: 'anyone can join',
             default: true,
         },
         {
             name: 'restricted',
-            label: 'Restricted 🔐',
+            label: '🔐 Restricted',
             description: 'anyone able to satisfy at least one of the allow conditions is able to join the room',
         },
         {
             name: 'knock',
-            label: 'Knock 🛎️',
+            label: '🛎 Knock',
             description: 'users can request to join, you have the chance to accept or reject those requests.',
         },
         {
             name: 'knock_restricted',
-            label: 'Restricted Knock 🛎️',
+            label: '🛎 Restricted Knock',
             description:
                 'a user can request an invite using the same functions offered by the knock join rule, or can attempt to join having satisfied an allow condition.',
         },
         {
             name: 'invite',
-            label: 'Invite Only 🔒',
+            label: '🔒 Invite Only',
             description: 'a user must first receive an invite from someone already in the room in order to join.',
         },
     ],
@@ -71,14 +71,14 @@ module.exports = {
     chatTemplates: {
         announcement: {
             name: 'announcement',
-            label: 'Announcement Room 📣',
+            label: '📣 Announcement Room',
             joinRule: 'public',
             description:
                 'Announcement rooms are for important announcements. Anyone can join them, in order to receive notifications. They are read-only for most members unless they were explicitly promoted to "moderator". You can think of announcement rooms as a newsletter or a bulletin board.',
         },
         chat: {
             name: 'chat',
-            label: 'Chat Room 💬',
+            label: '💬 Chat Room',
             joinRule: 'knock_restricted',
             description:
                 'Chat rooms are for conversations and discussions. By default they are open to anyone who has already joined the parent space. Members can participate.',

From ec3276e6508ca5e43e20cdd92e48097139d249ad Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 5 Mar 2024 13:56:24 +0100
Subject: [PATCH 530/714] chore: update todos

---
 pages/explore/manage-room/AddOrCreateChat/AddNewChat.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/pages/explore/manage-room/AddOrCreateChat/AddNewChat.js b/pages/explore/manage-room/AddOrCreateChat/AddNewChat.js
index 5a887253..8cca881b 100644
--- a/pages/explore/manage-room/AddOrCreateChat/AddNewChat.js
+++ b/pages/explore/manage-room/AddOrCreateChat/AddNewChat.js
@@ -25,8 +25,8 @@ import { Popover, PopoverContent, PopoverTrigger } from '@/components/UI/shadcn/
  *
  * @returns {JSX.Element} - The JSX element representing the add new chat component.
  *
- * @TODO templates need proper explanations.
- * @TODO add dev.medienhaus.meta event to the room when announcement template is selected? Alternatively check if it's possible whcih 'preset' was used when creating a matrix room.
+ * @TODO check if rights of users for each chat template are correct.
+ * @TODO add dev.medienhaus.meta event to the room when announcement template is selected? Alternatively check if it's possible to see 'preset' was used when creating a matrix room.
  */
 export default function AddNewChat({ onPreviousAction, currentId, onSuccess, parentName, updateRoomList }) {
     const matrix = useMatrix();

From eddd6b65b757261f47dffe78c3b3e2d0164bdc40 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Tue, 5 Mar 2024 14:08:32 +0100
Subject: [PATCH 531/714] style: make info button square in new chat dialog

---
 pages/explore/manage-room/AddOrCreateChat/AddNewChat.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/pages/explore/manage-room/AddOrCreateChat/AddNewChat.js b/pages/explore/manage-room/AddOrCreateChat/AddNewChat.js
index 8cca881b..0d074c47 100644
--- a/pages/explore/manage-room/AddOrCreateChat/AddNewChat.js
+++ b/pages/explore/manage-room/AddOrCreateChat/AddNewChat.js
@@ -103,6 +103,7 @@ export default function AddNewChat({ onPreviousAction, currentId, onSuccess, par
                 <Popover>
                     <PopoverTrigger asChild>
                         <Button
+                            className="px-2"
                             variant="outline"
                             title={
                                 // using title to show the tooltip on desktop

From c75e80237dd8208c5837aef508740acee40d0a6b Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 5 Mar 2024 14:34:27 +0100
Subject: [PATCH 532/714] fix: hydrate room content correctly and improve error
 handling

---
 pages/explore/TreeLeaves.js | 24 +++++++++++++++++++-----
 1 file changed, 19 insertions(+), 5 deletions(-)

diff --git a/pages/explore/TreeLeaves.js b/pages/explore/TreeLeaves.js
index b6f77ca5..04b377b3 100644
--- a/pages/explore/TreeLeaves.js
+++ b/pages/explore/TreeLeaves.js
@@ -6,6 +6,7 @@ import LoadingSpinner from '../../components/UI/LoadingSpinner';
 import ServiceLink from '../../components/UI/ServiceLink';
 import { useAuth } from '@/lib/Auth';
 import { useMatrix } from '@/lib/Matrix';
+import logger from '@/lib/Logging';
 
 const getIcon = (template, name) => {
     switch (template) {
@@ -49,14 +50,21 @@ const TreeLeaves = ({ leaf, parentName, selectedRoomId, isFetchingContent, small
 
         if (template === 'etherpad') {
             const checkIfPadHasPassword = async () => {
-                let url = matrix.roomContents.get(roomId)?.body;
+                let url = matrix.roomContents.get(roomId);
 
                 if (!url) {
-                    url = await matrix.hydrateRoomContent(roomId, signal);
+                    url = await matrix.hydrateRoomContent(roomId, signal).catch((error) => {
+                        if (error.name === 'AbortError') {
+                            console.log('AbortError: Fetch request aborted');
+                        }
+
+                        return null;
+                    });
                 }
 
-                if (!url) return false;
-                const padId = url.split('/').pop();
+                if (!url?.body) return false;
+                console.log(url);
+                const padId = url.body.split('/').pop();
 
                 return etherpad.isPadPasswordProtected(padId);
             };
@@ -67,7 +75,13 @@ const TreeLeaves = ({ leaf, parentName, selectedRoomId, isFetchingContent, small
         if (template === 'link') {
             const hydrateContent = async () => {
                 if (!matrix.roomContents.get(roomId)?.body) {
-                    await matrix.hydrateRoomContent(roomId, signal);
+                    await matrix.hydrateRoomContent(roomId, signal).catch((error) => {
+                        if (error.name === 'AbortError') {
+                            logger.error('AbortError: Fetch request aborted');
+                        } else {
+                            logger.error('Error hydrating room content', error);
+                        }
+                    });
                 }
             };
 

From 2fcbca16c33de27fef4af57b52018c2ad7e24c0c Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 5 Mar 2024 14:34:44 +0100
Subject: [PATCH 533/714] chore: remove console.log

---
 pages/explore/TreeLeaves.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/pages/explore/TreeLeaves.js b/pages/explore/TreeLeaves.js
index 04b377b3..76ec6470 100644
--- a/pages/explore/TreeLeaves.js
+++ b/pages/explore/TreeLeaves.js
@@ -63,7 +63,6 @@ const TreeLeaves = ({ leaf, parentName, selectedRoomId, isFetchingContent, small
                 }
 
                 if (!url?.body) return false;
-                console.log(url);
                 const padId = url.body.split('/').pop();
 
                 return etherpad.isPadPasswordProtected(padId);

From 25742f49d99b003b6f9304758427c9d3037ab244 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Tue, 5 Mar 2024 14:40:30 +0100
Subject: [PATCH 534/714] chore: wrap individual strings in t() function

---
 components/UI/ServiceIframeHeader.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/UI/ServiceIframeHeader.js b/components/UI/ServiceIframeHeader.js
index 72f37f4d..f787c387 100644
--- a/components/UI/ServiceIframeHeader.js
+++ b/components/UI/ServiceIframeHeader.js
@@ -51,7 +51,7 @@ const ServiceIframeHeader = ({
                 {joinRule === 'knock' || (joinRule === 'knock_restricted' && <KnockOnMatrixRoom roomId={roomId} roomName={title} />)}
                 <CopyToClipboard content={content} />
                 {deleteContent && (
-                    <TextButton title={t(myPadsObject ? 'Delete pad' : 'Remove pad from my library')} onClick={deleteContent}>
+                    <TextButton title={myPadsObject ? t('Delete pad') : t('Remove pad from my library')} onClick={deleteContent}>
                         {isDeletingPad ? (
                             <LoadingSpinnerInline />
                         ) : (

From f876a14b0c0ab61968231b552072c029f6462ecb Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 5 Mar 2024 14:41:35 +0100
Subject: [PATCH 535/714] feat: add sonner component

---
 components/UI/shadcn/Sonner.js | 24 ++++++++++++++++++++++++
 package-lock.json              | 21 +++++++++++++++++++++
 package.json                   |  2 ++
 3 files changed, 47 insertions(+)
 create mode 100644 components/UI/shadcn/Sonner.js

diff --git a/components/UI/shadcn/Sonner.js b/components/UI/shadcn/Sonner.js
new file mode 100644
index 00000000..0bb5f8a2
--- /dev/null
+++ b/components/UI/shadcn/Sonner.js
@@ -0,0 +1,24 @@
+import { useTheme } from 'next-themes';
+import { Toaster as Sonner } from 'sonner';
+
+const Toaster = ({ ...props }) => {
+    const { theme = 'system' } = useTheme();
+
+    return (
+        <Sonner
+            theme={theme}
+            className="toaster group"
+            toastOptions={{
+                classNames: {
+                    toast: 'group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg',
+                    description: 'group-[.toast]:text-muted-foreground',
+                    actionButton: 'group-[.toast]:bg-primary group-[.toast]:text-primary-foreground',
+                    cancelButton: 'group-[.toast]:bg-muted group-[.toast]:text-muted-foreground',
+                },
+            }}
+            {...props}
+        />
+    );
+};
+
+export { Toaster };
diff --git a/package-lock.json b/package-lock.json
index 2a7dd6d7..f0624102 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -19,11 +19,13 @@
         "lodash": "^4.17.21",
         "matrix-js-sdk": "^31.2.0",
         "next": "^14.1.0",
+        "next-themes": "^0.2.1",
         "pino": "^8.18.0",
         "postcss": "^8.4.33",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "react-i18next": "^14.0.5",
+        "sonner": "^1.4.3",
         "styled-components": "^6.1.8",
         "tailwindcss-animate": "^1.0.7",
         "use-immer": "^0.9.0",
@@ -5182,6 +5184,16 @@
         }
       }
     },
+    "node_modules/next-themes": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/next-themes/-/next-themes-0.2.1.tgz",
+      "integrity": "sha512-B+AKNfYNIzh0vqQQKqQItTS8evEouKD7H5Hj3kmuPERwddR2TxvDSFZuTj6T7Jfn1oyeUyJMydPl1Bkxkh0W7A==",
+      "peerDependencies": {
+        "next": "*",
+        "react": "*",
+        "react-dom": "*"
+      }
+    },
     "node_modules/next/node_modules/postcss": {
       "version": "8.4.31",
       "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
@@ -6578,6 +6590,15 @@
         "atomic-sleep": "^1.0.0"
       }
     },
+    "node_modules/sonner": {
+      "version": "1.4.3",
+      "resolved": "https://registry.npmjs.org/sonner/-/sonner-1.4.3.tgz",
+      "integrity": "sha512-SArYlHbkjqRuLiR0iGY2ZSr09oOrxw081ZZkQPfXrs8aZQLIBOLOdzTYxGJB5yIZ7qL56UEPmrX1YqbODwG0Lw==",
+      "peerDependencies": {
+        "react": "^18.0.0",
+        "react-dom": "^18.0.0"
+      }
+    },
     "node_modules/source-map-js": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
diff --git a/package.json b/package.json
index a4735275..607a81a8 100644
--- a/package.json
+++ b/package.json
@@ -21,11 +21,13 @@
     "lodash": "^4.17.21",
     "matrix-js-sdk": "^31.2.0",
     "next": "^14.1.0",
+    "next-themes": "^0.2.1",
     "pino": "^8.18.0",
     "postcss": "^8.4.33",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-i18next": "^14.0.5",
+    "sonner": "^1.4.3",
     "styled-components": "^6.1.8",
     "tailwindcss-animate": "^1.0.7",
     "use-immer": "^0.9.0",

From b48e98139692e9174d6885ee7750b639e7c48ed5 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 5 Mar 2024 14:44:26 +0100
Subject: [PATCH 536/714] refactor: add sonner to app

---
 pages/_app.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/pages/_app.js b/pages/_app.js
index ce7ed1bf..3f0a008a 100644
--- a/pages/_app.js
+++ b/pages/_app.js
@@ -10,6 +10,7 @@ import { AuthContext, useAuthProvider } from '@/lib/Auth';
 import { MatrixContext, useMatrixProvider } from '@/lib/Matrix';
 import '../lib/Internationalization';
 import '../assets/_globalCss.css';
+import { Toaster } from '@/components/UI/shadcn/Sonner';
 
 // Enable immer support for Map() and Set()
 enableMapSet();
@@ -50,6 +51,7 @@ export default function App({ Component, pageProps }) {
                             <Component {...pageProps} />
                         )}
                     </DefaultLayout.Layout>
+                    <Toaster />
                 </MatrixContext.Provider>
             </AuthContext.Provider>
         </>

From 2f29f871b62691bb60e730670dd4c387af9ecf8c Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Tue, 5 Mar 2024 14:47:17 +0100
Subject: [PATCH 537/714] fix: use correct locales file for etherpad

---
 components/UI/ServiceIframeHeader.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/UI/ServiceIframeHeader.js b/components/UI/ServiceIframeHeader.js
index f787c387..b4259d90 100644
--- a/components/UI/ServiceIframeHeader.js
+++ b/components/UI/ServiceIframeHeader.js
@@ -40,7 +40,7 @@ const ServiceIframeHeader = ({
     // setIsInviteUsersOpen,
     // setSettingsTabValue,
 }) => {
-    const { t } = useTranslation(['write', 'explore']);
+    const { t } = useTranslation(['etherpad', 'explore']);
 
     // const [settingsTabValue, setSettingsTabValue] = useState('settings');
 

From 796dc6ad1d40920c098e3d74e91ee0b599147625 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Tue, 5 Mar 2024 15:05:15 +0100
Subject: [PATCH 538/714] fix: set correct locales namespace for translation
 strings

---
 components/UI/ServiceIframeHeader.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/UI/ServiceIframeHeader.js b/components/UI/ServiceIframeHeader.js
index b4259d90..91e1d823 100644
--- a/components/UI/ServiceIframeHeader.js
+++ b/components/UI/ServiceIframeHeader.js
@@ -40,7 +40,7 @@ const ServiceIframeHeader = ({
     // setIsInviteUsersOpen,
     // setSettingsTabValue,
 }) => {
-    const { t } = useTranslation(['etherpad', 'explore']);
+    const { t } = useTranslation(['explore', 'etherpad']);
 
     // const [settingsTabValue, setSettingsTabValue] = useState('settings');
 
@@ -51,7 +51,7 @@ const ServiceIframeHeader = ({
                 {joinRule === 'knock' || (joinRule === 'knock_restricted' && <KnockOnMatrixRoom roomId={roomId} roomName={title} />)}
                 <CopyToClipboard content={content} />
                 {deleteContent && (
-                    <TextButton title={myPadsObject ? t('Delete pad') : t('Remove pad from my library')} onClick={deleteContent}>
+                    <TextButton title={myPadsObject ? t('Delete pad', { ns: 'etherpad' }) : t('Remove pad from my library', { ns: 'etherpad' })} onClick={deleteContent}>
                         {isDeletingPad ? (
                             <LoadingSpinnerInline />
                         ) : (

From 6bfb7616ef28eaf69da8f533165a5a0fb0dab910 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Tue, 5 Mar 2024 16:20:37 +0100
Subject: [PATCH 539/714] chore: remove trailing whitespaces

---
 pages/chat/ChatIframeView.js | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/pages/chat/ChatIframeView.js b/pages/chat/ChatIframeView.js
index 74efed04..d4c5f70f 100644
--- a/pages/chat/ChatIframeView.js
+++ b/pages/chat/ChatIframeView.js
@@ -27,7 +27,7 @@ const ChatIframeView = ({ src, roomId }) => {
                 * {
                     --margin: 1rem;
 
-                    --cpd-color-theme-bg: rgb(255 255 255) !important; 
+                    --cpd-color-theme-bg: rgb(255 255 255) !important;
                     --cpd-avatar-bg: #000000 !important;
                     --cpd-avatar-color: #ffffff !important;
                     --cpd-color-text-action-accent: #000 !important;
@@ -36,12 +36,12 @@ const ChatIframeView = ({ src, roomId }) => {
 
                     border-radius: 4px !important;
                 }
-                
+
                 /* Unset the border-radius override from above for certain elements again */
                 .mx_RoomHeader { border-radius: 0 !important; }
                 .mx_RoomHeader .mx_FacePile .mx_BaseAvatar { border-radius: 50% !important; }
                 .mx_RoomKnocksBar { border-radius: 0 !important; }
-                
+
                 @media (prefers-color-scheme: dark) {
                     * {
                         --cpd-color-theme-bg: hsl(0deg 0% 8%) !important;
@@ -51,21 +51,21 @@ const ChatIframeView = ({ src, roomId }) => {
                         --cpd-color-bg-subtle-secondary: hsl(0deg 0% 0%) !important;
                         --color-foreground-alpha: rgb(255 255 255 / 7%);
                     }
-                    
+
                    .mx_HomePage_button_createGroup, .mx_HomePage_button_sendDm, .mx_AccessibleButton.mx_AccessibleButton_kind_icon_primary, .mx_AccessibleButton.mx_AccessibleButton_kind_primary {
                         background-color: #ffffff !important;
                         color: #000000 !important;
                     }
-                    
-                   .mx_HomePage_button_createGroup.mx_AccessibleButton::before, 
+
+                   .mx_HomePage_button_createGroup.mx_AccessibleButton::before,
                    .mx_HomePage_button_sendDm.mx_AccessibleButton::before {
                         background-color: #000 !important;
                    }
-                    
+
                   .mx_Dialog_primary {
                         color: #000000 !important;
                   }
-                }   
+                }
 
                 /* Hide the left sidebar and that drag-to-resize thingy */
                 .mx_LeftPanel_outerWrapper, .mx_LeftPanel_outerWrapper + .mx_ResizeHandle { display: none; !important }
@@ -91,8 +91,8 @@ const ChatIframeView = ({ src, roomId }) => {
                     .mx_RoomView_timeline_rr_enabled .mx_EventTile[data-layout=group] .mx_EventTile_line,
                     .mx_RoomView_timeline_rr_enabled .mx_EventTile[data-layout=group] .mx_ThreadSummary,
                     .mx_RoomView_timeline_rr_enabled .mx_EventTile[data-layout=group] .mx_ThreadSummary_icon { margin-right: unset; }
-                    
-                    /* Make all Element modal dialogs span across the whole screen; this also affects dialogs on the "new chat" home screen */ 
+
+                    /* Make all Element modal dialogs span across the whole screen; this also affects dialogs on the "new chat" home screen */
                     .mx_Dialog { position: absolute; top: 0; left: 0; right: 0; bottom: 0; max-height: unset !important; border-radius: 0 !important; }
                     .mx_Dialog_fixedWidth { width: 100% !important; max-width: unset !important; }
                 }

From 895c31ed032031e35e24a5bde262d7f744e904ec Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Tue, 5 Mar 2024 16:21:04 +0100
Subject: [PATCH 540/714] style: element switches shall be pill-shaped

---
 pages/chat/ChatIframeView.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/pages/chat/ChatIframeView.js b/pages/chat/ChatIframeView.js
index d4c5f70f..00d16775 100644
--- a/pages/chat/ChatIframeView.js
+++ b/pages/chat/ChatIframeView.js
@@ -41,6 +41,7 @@ const ChatIframeView = ({ src, roomId }) => {
                 .mx_RoomHeader { border-radius: 0 !important; }
                 .mx_RoomHeader .mx_FacePile .mx_BaseAvatar { border-radius: 50% !important; }
                 .mx_RoomKnocksBar { border-radius: 0 !important; }
+                div[class^="_container_"] > div[class^="_ui_"] { border-radius: 9999px !important; }
 
                 @media (prefers-color-scheme: dark) {
                     * {

From 6abb9047ce38942ef2c7fb9dd81f1b781578ccce Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 5 Mar 2024 16:21:59 +0100
Subject: [PATCH 541/714] refactor: display error in toast to avoid breaking
 the layout

---
 pages/explore/[[...roomId]].js | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 3ccd7fe4..c1b29c97 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -6,6 +6,7 @@ import styled from 'styled-components';
 import { useTranslation } from 'react-i18next';
 import { EventTimeline } from 'matrix-js-sdk';
 import { RiAddLine, RiUserLine } from '@remixicon/react';
+import { toast } from 'sonner';
 
 import { ServiceTable } from '@/components/UI/ServiceTable';
 import LoadingSpinner from '../../components/UI/LoadingSpinner';
@@ -133,7 +134,10 @@ export default function Explore() {
                         return matrix
                             .handleRateLimit(error, () => roomHierarchyFromServer())
                             .catch((error) => {
-                                setErrorMessage(error.message);
+                                if (error.message !== 'Event not found.') {
+                                    // we don't want to display unnecessary error messages.
+                                    toast(<ErrorMessage>{error.message}</ErrorMessage>);
+                                }
                             }); // Handle other errors by setting an error message.
                     }
                 });
@@ -161,7 +165,10 @@ export default function Explore() {
                         return matrix
                             .handleRateLimit(error, () => getMetaEvent(space))
                             .catch((error) => {
-                                setErrorMessage(error.message);
+                                if (error.message !== 'Event not found.') {
+                                    // we don't want to display unnecessary error messages.
+                                    toast(<ErrorMessage>{error.message}</ErrorMessage>);
+                                }
                             });
                     });
                 }
@@ -374,7 +381,6 @@ export default function Explore() {
                     </>
                 )
             )}
-            { errorMessage && <ErrorMessage>{ errorMessage }</ErrorMessage> }
         </>
     );
 }

From 3a2ac6e5406306bd07f576357e1147c37d58d5cf Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Tue, 5 Mar 2024 16:35:16 +0100
Subject: [PATCH 542/714] style: element invite bar without rounded corners,
 please

---
 pages/chat/ChatIframeView.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/pages/chat/ChatIframeView.js b/pages/chat/ChatIframeView.js
index 00d16775..697c8a94 100644
--- a/pages/chat/ChatIframeView.js
+++ b/pages/chat/ChatIframeView.js
@@ -38,6 +38,7 @@ const ChatIframeView = ({ src, roomId }) => {
                 }
 
                 /* Unset the border-radius override from above for certain elements again */
+                #matrixchat, .mx_RoomView_wrapper { border-radius: 0 !important; }
                 .mx_RoomHeader { border-radius: 0 !important; }
                 .mx_RoomHeader .mx_FacePile .mx_BaseAvatar { border-radius: 50% !important; }
                 .mx_RoomKnocksBar { border-radius: 0 !important; }

From dc21fbe10b7dbc1a91f5bbb998a6e57db64f30d4 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 5 Mar 2024 16:43:23 +0100
Subject: [PATCH 543/714] refactor: close modal after successfully
 adding/creating items/contexts and display success message in sonner

---
 pages/explore/manage-room/AddExistingItem.js    | 15 ++++++++++++---
 .../AddOrCreateChat/AddExistingChat.js          | 16 +++++-----------
 .../manage-room/AddOrCreateChat/AddNewChat.js   | 17 +++++++++--------
 pages/explore/manage-room/CreateContext.js      | 14 +++++++++++---
 pages/explore/manage-room/CreateLink.js         |  6 ++++--
 pages/explore/manage-room/QuickAddExplore.js    |  2 +-
 6 files changed, 42 insertions(+), 28 deletions(-)

diff --git a/pages/explore/manage-room/AddExistingItem.js b/pages/explore/manage-room/AddExistingItem.js
index 1338599d..e80a10d6 100644
--- a/pages/explore/manage-room/AddExistingItem.js
+++ b/pages/explore/manage-room/AddExistingItem.js
@@ -1,8 +1,9 @@
 import React, { useState } from 'react';
 import { useTranslation } from 'react-i18next';
+import { toast } from 'sonner';
 
-import { useAuth } from '../../../lib/Auth';
-import { useMatrix } from '../../../lib/Matrix';
+import { useAuth } from '@/lib/Auth';
+import { useMatrix } from '@/lib/Matrix';
 import CachedContextMultiLevelSelect from '../../../components/CachedContextMultiLevelSelect';
 import ErrorMessage from '../../../components/UI/ErrorMessage';
 import LoadingSpinnerInline from '../../../components/UI/LoadingSpinnerInline';
@@ -13,6 +14,7 @@ import PreviousNextButtons from '../../../components/UI/PreviousNextButtons';
  *
  * @param {String} currentId - The id of the current observed explore room.
  * @param {Function} onCancel - Callback function to cancel the operation.
+ * @param {Function} onPreviousAction - Callback function to go back to the previous step.
  *
  * @returns {JSX.Element} JSX element representing the "Add Existing Item" component.
  */
@@ -50,6 +52,7 @@ const AddExistingItem = ({ currentId, onPreviousAction, onCancel }) => {
         if (addChildToParent?.event_id) {
             setSelectedLevels([applicationsFolder]);
             setErrorMessage('');
+            toast.success(t('Item added to context'));
             onCancel();
         }
     };
@@ -57,7 +60,13 @@ const AddExistingItem = ({ currentId, onPreviousAction, onCancel }) => {
     return (
         <form className="[&>*+*]:mt-4" onSubmit={addItemToContext}>
             <CachedContextMultiLevelSelect onChange={onLevelSelect} activeContexts={selectedLevels} rootId={currentId} />
-            <PreviousNextButtons className="mt-4" previousLabel={t('Back')} nextLabel={isAddingContext ? <LoadingSpinnerInline inverted /> : t('Add')} disableNext={isAddingContext || !isItem} onCancel={onPreviousAction} />
+            <PreviousNextButtons
+                className="mt-4"
+                previousLabel={t('Back')}
+                nextLabel={isAddingContext ? <LoadingSpinnerInline inverted /> : t('Add')}
+                disableNext={isAddingContext || !isItem}
+                onCancel={onPreviousAction}
+            />
             {errorMessage && <ErrorMessage>{errorMessage}</ErrorMessage>}
         </form>
     );
diff --git a/pages/explore/manage-room/AddOrCreateChat/AddExistingChat.js b/pages/explore/manage-room/AddOrCreateChat/AddExistingChat.js
index c1d1400d..78e5c1dc 100644
--- a/pages/explore/manage-room/AddOrCreateChat/AddExistingChat.js
+++ b/pages/explore/manage-room/AddOrCreateChat/AddExistingChat.js
@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import _ from 'lodash';
+import { toast } from 'sonner';
 
 import { useMatrix } from '@/lib/Matrix';
 import logger from '../../../../lib/Logging';
@@ -13,7 +13,6 @@ export default function AddExistingChat({ allChatRooms, onPreviousAction, curren
     const matrix = useMatrix();
     const [selectedRoom, setSelectedRoom] = useState('');
     const [errorMessage, setErrorMessage] = useState('');
-    const [userFeedback, setUserFeedback] = useState('');
     const [isLoading, setIsLoading] = useState(false);
     const { t } = useTranslation('explore');
 
@@ -27,14 +26,10 @@ export default function AddExistingChat({ allChatRooms, onPreviousAction, curren
 
         if (addChildToParent.event_id) {
             logger.log('Added existing room to parentId:', currentId);
-            setUserFeedback(`Successfully added to ${parentName}`);
             await updateRoomList(e, currentId);
-
-            _.delay(() => {
-                setSelectedRoom('');
-                setUserFeedback('');
-                onSuccess();
-            }, 2500);
+            toast.success(t('Successfully added to {{parentName}}', { parentName: parentName }));
+            setSelectedRoom('');
+            onSuccess();
         }
 
         setIsLoading(false);
@@ -60,12 +55,11 @@ export default function AddExistingChat({ allChatRooms, onPreviousAction, curren
                 </SelectContent>
             </Select>
             {errorMessage && <ErrorMessage>{errorMessage}</ErrorMessage>}
-            {userFeedback && <p>{userFeedback}</p>}
             <PreviousNextButtons
                 className="mt=4"
                 previousLabel={t('Back')}
                 nextLabel={isLoading ? <LoadingSpinnerInline inverted /> : t('Add')}
-                disableNext={!selectedRoom || userFeedback}
+                disableNext={!selectedRoom}
                 onCancel={onPreviousAction}
             />
         </form>
diff --git a/pages/explore/manage-room/AddOrCreateChat/AddNewChat.js b/pages/explore/manage-room/AddOrCreateChat/AddNewChat.js
index 0d074c47..55c422ca 100644
--- a/pages/explore/manage-room/AddOrCreateChat/AddNewChat.js
+++ b/pages/explore/manage-room/AddOrCreateChat/AddNewChat.js
@@ -13,6 +13,7 @@ import { Input } from '@/components/UI/shadcn/Input';
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/UI/shadcn/Select';
 import { Button } from '@/components/UI/shadcn/Button';
 import { Popover, PopoverContent, PopoverTrigger } from '@/components/UI/shadcn/Popover';
+import { toast } from 'sonner';
 
 /**
  * This component is used to add a new chat room.
@@ -56,16 +57,16 @@ export default function AddNewChat({ onPreviousAction, currentId, onSuccess, par
         // If room was successfully added to parent
         if (addChildToParent.event_id) {
             logger.log('Adding new room to parentId:', currentId);
-            setUserFeedback(`${roomName} was successfully created and added to ${parentName}`);
             await updateRoomList(e, currentId);
 
-            // Reset form fields and user feedback after a delay
-            _.delay(() => {
-                setRoomName('');
-                setRoomTopic('');
-                setUserFeedback('');
-                onSuccess();
-            }, 2500);
+            // Reset form fields
+            setRoomName('');
+            setRoomTopic('');
+            setUserFeedback('');
+            toast.success(
+                t('{{roomName}} was successfully created and added to {{parentName}}', { roomName: roomName, parentName: parentName }),
+            );
+            onSuccess();
         }
 
         setIsLoading(false);
diff --git a/pages/explore/manage-room/CreateContext.js b/pages/explore/manage-room/CreateContext.js
index 66902388..8e563dad 100644
--- a/pages/explore/manage-room/CreateContext.js
+++ b/pages/explore/manage-room/CreateContext.js
@@ -2,10 +2,11 @@ import React, { useState } from 'react';
 import getConfig from 'next/config';
 import { useTranslation } from 'react-i18next';
 import _ from 'lodash';
+import { toast } from 'sonner';
 
-import { useAuth } from '../../../lib/Auth';
+import { useAuth } from '@/lib/Auth';
 import TemplateSelect from './TemplateSelect';
-import { useMatrix } from '../../../lib/Matrix';
+import { useMatrix } from '@/lib/Matrix';
 import ErrorMessage from '../../../components/UI/ErrorMessage';
 import PreviousNextButtons from '../../../components/UI/PreviousNextButtons';
 import LoadingSpinnerInline from '../../../components/UI/LoadingSpinnerInline';
@@ -82,6 +83,7 @@ const CreateContext = ({ currentId, onCancel, getSpaceChildren, onPreviousAction
         setTopic('');
         setTemplate('');
         setIsLoading(false);
+        toast.success(t('Context {{name}} succesfully created', { name: name }));
         onCancel();
     };
 
@@ -108,7 +110,13 @@ const CreateContext = ({ currentId, onCancel, getSpaceChildren, onPreviousAction
             {
                 createNewContextErrorMessage && <ErrorMessage>{createNewContextErrorMessage}</ErrorMessage> //error message container
             }
-            <PreviousNextButtons className="mt-4" previousLabel={t('Back')} nextLabel={isLoading ? <LoadingSpinnerInline inverted /> : t('Create')} disableNext={isLoading || !name || !template} onCancel={onPreviousAction} />
+            <PreviousNextButtons
+                className="mt-4"
+                previousLabel={t('Back')}
+                nextLabel={isLoading ? <LoadingSpinnerInline inverted /> : t('Create')}
+                disableNext={isLoading || !name || !template}
+                onCancel={onPreviousAction}
+            />
         </form>
     );
 };
diff --git a/pages/explore/manage-room/CreateLink.js b/pages/explore/manage-room/CreateLink.js
index a6772b03..71efcd0d 100644
--- a/pages/explore/manage-room/CreateLink.js
+++ b/pages/explore/manage-room/CreateLink.js
@@ -1,9 +1,10 @@
 import React, { useState } from 'react';
 import getConfig from 'next/config';
 import { useTranslation } from 'react-i18next';
+import { toast } from 'sonner';
 
-import { useAuth } from '../../../lib/Auth';
-import { useMatrix } from '../../../lib/Matrix';
+import { useAuth } from '@/lib/Auth';
+import { useMatrix } from '@/lib/Matrix';
 import ErrorMessage from '../../../components/UI/ErrorMessage';
 import PreviousNextButtons from '../../../components/UI/PreviousNextButtons';
 import LoadingSpinnerInline from '../../../components/UI/LoadingSpinnerInline';
@@ -81,6 +82,7 @@ const CreateLink = ({ currentId, onCancel, getSpaceChildren, onPreviousAction })
         setName('');
         setUrl('');
         setIsLoading(false);
+        toast.success(t('Link added successfully'));
         onCancel();
     };
 
diff --git a/pages/explore/manage-room/QuickAddExplore.js b/pages/explore/manage-room/QuickAddExplore.js
index d14c8e89..cbb9b844 100644
--- a/pages/explore/manage-room/QuickAddExplore.js
+++ b/pages/explore/manage-room/QuickAddExplore.js
@@ -35,6 +35,7 @@ const QuickAddExplore = ({ currentId, roomName, getSpaceChildren, allChatRooms,
 
     const onClose = () => {
         setSelectedOption('');
+        setIsOpen(false);
     };
 
     return (
@@ -199,7 +200,6 @@ const QuickAddExplore = ({ currentId, roomName, getSpaceChildren, allChatRooms,
                         getSpaceChildren={getSpaceChildren}
                     />
                 )}
-
             </DrawerDialog>
         </>
     );

From f29ef288049685ca6a71e58b2b6459af053c44dc Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Tue, 5 Mar 2024 17:00:18 +0100
Subject: [PATCH 544/714] chore: add missing locales for new changes in
 /explore

---
 public/locales/de/explore.json | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/public/locales/de/explore.json b/public/locales/de/explore.json
index bc06eafe..c7a4dd4f 100644
--- a/public/locales/de/explore.json
+++ b/public/locales/de/explore.json
@@ -13,14 +13,17 @@
     "Change Join Rule for": "Beitrittsregel ändern für",
     "Chat rooms are for conversations and discussions. By default they are open to anyone who has already joined the parent space. Members can participate.": "Chat Räume sind für Gespräche und Diskussionen. Standardmäßig sind sie für jeden offen, der dem übergeordneten Raum bereits beigetreten ist. Mitglieder können teilnehmen.",
     "choose chat room": "Chat auswählen",
+    "Context {{name}} succesfully created": "Kontext {{name}} wurde erfolgreich erstellt",
     "Create new context": "neuen Kontext erstellen",
     "Enter a new topic, for example a short description of {{name}}": "Neues Thema eingeben, zum Beispiel eine kurze Beschreibung für {{name}}",
     "Existing chat": "bestehenden Chat",
     "Invite to {{name}} …": "Zu {{name}} einladen …",
+    "Item added to context": "Element wurde zu Kontext hinzugefügt",
     "Join Rule": "Join-Regel",
     "Kick": "Entfernen",
     "Leaving {{name}} means you cannot interact with it anymore.": "Wenn du {{name}} verlässt, kannst du nicht mehr damit interagieren.",
     "Leave {{ name }}?": "{{ name }} verlassen?",
+    "Link added successfully": "Link erfolgreich hinzugefügt",
     "name": "Name",
     "name of the room": "Name des Raums",
     "New chat": "neuen Chat",
@@ -29,8 +32,10 @@
     "Show contexts and items of {{name}}": "Zeige Kontexte und Elemente von {{name}}",
     "Show members of {{name}}" : "Zeige Mitglieder von {{name}}",
     "Show settings of {{name}}": "Zeige Einstellungen von {{name}}",
+    "Successfully added to {{parentName}}": "Wurde erfolgreich zu {{parentName}} hinzugefügt",
     "Topic": "Thema",
     "topic": "Thema",
     "topic of the room": "Thema des Raums",
-    "Topic was successfully updated.": "Thema wurde erfolgreich aktualisiert."
+    "Topic was successfully updated.": "Thema wurde erfolgreich aktualisiert.",
+    "{{roomName}} was successfully created and added to {{parentName}}": "{{roomName}} wurde erfolgreich erstellt und zu {{parentName}} hinzugefügt"
 }

From c3b62ec1428f60b5e6e04f1ed6b210d19dea8bc2 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 5 Mar 2024 17:09:50 +0100
Subject: [PATCH 545/714] refactor: use sonner for feedback and error messages

---
 .../UI/InviteUsersToMatrixRoom/index.js       | 42 +++++++------------
 1 file changed, 14 insertions(+), 28 deletions(-)

diff --git a/components/UI/InviteUsersToMatrixRoom/index.js b/components/UI/InviteUsersToMatrixRoom/index.js
index 1404f8a5..b2bef254 100644
--- a/components/UI/InviteUsersToMatrixRoom/index.js
+++ b/components/UI/InviteUsersToMatrixRoom/index.js
@@ -2,8 +2,8 @@ import React, { useCallback, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import _, { debounce } from 'lodash';
 import { logger } from 'matrix-js-sdk/lib/logger';
+import { toast } from 'sonner';
 
-import ErrorMessage from '../ErrorMessage';
 import Datalist from '../DataList';
 import { useAuth } from '@/lib/Auth';
 import { Dialog, DialogClose, DialogContent, DialogFooter, DialogHeader } from '@/components/UI/shadcn/Dialog';
@@ -24,8 +24,6 @@ export const InviteUserToMatrixRoom = ({ roomId, trigger }) => {
 
     const [isOpen, setIsOpen] = useState(false);
     const [searchResults, setSearchResults] = useState([]);
-    const [userFeedback, setUserFeedback] = useState('');
-    const [errorFeedback, setErrorFeedback] = useState([]);
 
     const handleChange = (searchString) => {
         debouncedFetchUsersForContributorSearch(searchString);
@@ -54,41 +52,40 @@ export const InviteUserToMatrixRoom = ({ roomId, trigger }) => {
     );
 
     function clearInputs() {
-        setUserFeedback('');
         setSearchResults([]);
     }
 
     const handleInvite = async (selectedUsers) => {
-        setErrorFeedback([]);
         const errors = [];
 
         for (const user of selectedUsers) {
             await matrixClient.invite(roomId, user.user_id).catch(async (error) => {
                 // avoid adding duplicates
                 if (errors.includes(error.data.error)) return;
+                // display errors in a toast
                 errors.push(error.data.error);
+                toast.error(error.data.error);
             });
         }
 
-        if (errors.length !== 0) {
-            // if something went wrong we display the errors and clear all inputs
-            setErrorFeedback(errors);
-        }
-
         const successAmount = selectedUsers.length - errors.length;
 
         // if everything is okay, we let the user know and exit the view.
         successAmount > 0 &&
-            setUserFeedback(
+            toast.success(
                 <Trans t={t} i18nKey="invitedUser" count={successAmount}>
                     {{ successAmount }} user was invited and needs to accept your invitation
                 </Trans>,
             );
+
         await new Promise(() =>
             setTimeout(() => {
                 clearInputs();
             }, 3000),
         );
+
+        // close the modal if there are no errors
+        if (errors.length === 0) setIsOpen(false);
     };
 
     return (
@@ -109,23 +106,12 @@ export const InviteUserToMatrixRoom = ({ roomId, trigger }) => {
                         <h3>{t('Invite users')}</h3>
                     </DialogHeader>
                     <div>
-                        {userFeedback && _.isEmpty(errorFeedback) ? (
-                            <div>{userFeedback}</div>
-                        ) : (
-                            <>
-                                <Datalist
-                                    options={searchResults}
-                                    onInputChange={handleChange}
-                                    keysToDisplay={['display_name', 'user_id']}
-                                    onSubmit={handleInvite}
-                                />
-                                <div>
-                                    {userFeedback && errorFeedback && userFeedback}
-                                    {!_.isEmpty(errorFeedback) &&
-                                        errorFeedback.map((error) => <ErrorMessage key={error}>{error}</ErrorMessage>)}
-                                </div>
-                            </>
-                        )}
+                        <Datalist
+                            options={searchResults}
+                            onInputChange={handleChange}
+                            keysToDisplay={['display_name', 'user_id']}
+                            onSubmit={handleInvite}
+                        />
                     </div>
                     <DialogFooter>
                         <DialogClose asChild props>

From 923a27cbba65dcba6d5856cc16cce760205e4fb0 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Tue, 5 Mar 2024 17:18:28 +0100
Subject: [PATCH 546/714] chore: fix eslint error (import order)

---
 pages/explore/manage-room/AddOrCreateChat/AddNewChat.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/explore/manage-room/AddOrCreateChat/AddNewChat.js b/pages/explore/manage-room/AddOrCreateChat/AddNewChat.js
index 55c422ca..dbdf22b7 100644
--- a/pages/explore/manage-room/AddOrCreateChat/AddNewChat.js
+++ b/pages/explore/manage-room/AddOrCreateChat/AddNewChat.js
@@ -1,6 +1,7 @@
 import React, { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import _ from 'lodash';
+import { toast } from 'sonner';
 import { RiInfoI } from '@remixicon/react';
 
 import { useMatrix } from '@/lib/Matrix';
@@ -13,7 +14,6 @@ import { Input } from '@/components/UI/shadcn/Input';
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/UI/shadcn/Select';
 import { Button } from '@/components/UI/shadcn/Button';
 import { Popover, PopoverContent, PopoverTrigger } from '@/components/UI/shadcn/Popover';
-import { toast } from 'sonner';
 
 /**
  * This component is used to add a new chat room.

From 3287d238ccbbe373caaa55a30ba2b331d5d34751 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 5 Mar 2024 17:21:35 +0100
Subject: [PATCH 547/714] chore: disable eslint for useEffect

---
 pages/explore/[[...roomId]].js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index c1b29c97..ca47f274 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -247,6 +247,8 @@ export default function Explore() {
         return () => {
             cancelled = true;
         };
+
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [router.query?.roomId, matrix.initialSyncDone, cachedSpace]);
 
     const removeChildFromParent = async (idToRemove) => {

From 1466fcbbb1d46bc0e6eda1da7becf4621345ad3a Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 5 Mar 2024 17:26:40 +0100
Subject: [PATCH 548/714] refactor: use toast instead of error message

---
 pages/explore/[[...roomId]].js | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index ca47f274..21028054 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -50,7 +50,6 @@ export default function Explore() {
     const [selectedSpaceChildren, setSelectedSpaceChildren] = useState([]);
     const [manageContextActionToggle, setManageContextActionToggle] = useState(false);
     const [isFetchingContent, setIsFetchingContent] = useState(false);
-    const [errorMessage, setErrorMessage] = useState('');
     // const [isInviteUsersOpen, setIsInviteUsersOpen] = useState(false);
     // const [settingsTabValue, setSettingsTabValue] = useState('settings');
 
@@ -125,7 +124,7 @@ export default function Explore() {
                                 }),
                             )
                         ) {
-                            const joinRoom = await matrixClient.joinRoom(roomId).catch((error) => setErrorMessage(error.data?.error));
+                            const joinRoom = await matrixClient.joinRoom(roomId).catch((error) => toast.error(error.data?.error));
 
                             // If successfully joined, recursively call 'getSpaceHierarchy' again.
                             if (joinRoom) return await roomHierarchyFromServer();

From c93d34034b7ff753f3607af10a1c31721dad96f4 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 5 Mar 2024 17:35:25 +0100
Subject: [PATCH 549/714] refactor: rename presets.js to matrixPresets.js and
 move to lib

---
 pages/explore/presets.js => lib/matrixPresets.js        | 0
 pages/explore/manage-room/AddOrCreateChat/AddNewChat.js | 2 +-
 pages/explore/manage-room/ChangeJoinRule.js             | 6 +++---
 pages/explore/manage-room/LeaveRoom.js                  | 4 +++-
 pages/explore/manage-room/UserManagement.js             | 2 +-
 5 files changed, 8 insertions(+), 6 deletions(-)
 rename pages/explore/presets.js => lib/matrixPresets.js (100%)

diff --git a/pages/explore/presets.js b/lib/matrixPresets.js
similarity index 100%
rename from pages/explore/presets.js
rename to lib/matrixPresets.js
diff --git a/pages/explore/manage-room/AddOrCreateChat/AddNewChat.js b/pages/explore/manage-room/AddOrCreateChat/AddNewChat.js
index dbdf22b7..d8291518 100644
--- a/pages/explore/manage-room/AddOrCreateChat/AddNewChat.js
+++ b/pages/explore/manage-room/AddOrCreateChat/AddNewChat.js
@@ -6,7 +6,7 @@ import { RiInfoI } from '@remixicon/react';
 
 import { useMatrix } from '@/lib/Matrix';
 import logger from '../../../../lib/Logging';
-import presets from '../../presets';
+import presets from '@/lib/matrixPresets';
 import ErrorMessage from '../../../../components/UI/ErrorMessage';
 import PreviousNextButtons from '../../../../components/UI/PreviousNextButtons';
 import LoadingSpinnerInline from '../../../../components/UI/LoadingSpinnerInline';
diff --git a/pages/explore/manage-room/ChangeJoinRule.js b/pages/explore/manage-room/ChangeJoinRule.js
index ea1b6d0e..38250935 100644
--- a/pages/explore/manage-room/ChangeJoinRule.js
+++ b/pages/explore/manage-room/ChangeJoinRule.js
@@ -1,8 +1,8 @@
 import React, { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 
-import { useAuth } from '../../../lib/Auth';
-import presets from '../presets';
+import { useAuth } from '@/lib/Auth';
+import presets from '@/lib/matrixPresets';
 import ErrorMessage from '../../../components/UI/ErrorMessage';
 import LoadingSpinnerInline from '../../../components/UI/LoadingSpinnerInline';
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/UI/shadcn/Select';
@@ -17,7 +17,7 @@ import { Button } from '@/components/UI/shadcn/Button';
  * @returns {JSX.Element} - The rendered component.
  */
 
-const JoinRuleChanger = ({ roomId, roomName, onPreviousAction, onCancel }) => {
+const JoinRuleChanger = ({ roomId, roomName }) => {
     const matrixClient = useAuth().getAuthenticationProvider('matrix').getMatrixClient();
     const currentJoinRule = matrixClient.getRoom(roomId).getJoinRule();
     const [joinRule, setJoinRule] = useState(currentJoinRule);
diff --git a/pages/explore/manage-room/LeaveRoom.js b/pages/explore/manage-room/LeaveRoom.js
index e144a82a..bfc81a88 100644
--- a/pages/explore/manage-room/LeaveRoom.js
+++ b/pages/explore/manage-room/LeaveRoom.js
@@ -2,8 +2,9 @@ import React, { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { router } from 'next/router';
 import { RiErrorWarningLine } from '@remixicon/react';
+import { toast } from 'sonner';
 
-import { useAuth } from '../../../lib/Auth';
+import { useAuth } from '@/lib/Auth';
 import ErrorMessage from '../../../components/UI/ErrorMessage';
 import { Button } from '@/components/UI/shadcn/Button';
 import {
@@ -51,6 +52,7 @@ const LeaveRoom = ({ roomId, parentId, roomName, onCancel }) => {
         });
 
         setIsLeaving(false);
+        toast.success(t('You have left {{name}}.', { name: roomName }));
         setErrorMessage('');
         parentId && router.push(parentId);
     };
diff --git a/pages/explore/manage-room/UserManagement.js b/pages/explore/manage-room/UserManagement.js
index a804f30e..2d9f9efd 100644
--- a/pages/explore/manage-room/UserManagement.js
+++ b/pages/explore/manage-room/UserManagement.js
@@ -10,7 +10,7 @@ import { useAuth } from '@/lib/Auth';
 import TextButton from '../../../components/UI/TextButton';
 import ErrorMessage from '../../../components/UI/ErrorMessage';
 import LoadingSpinnerInline from '../../../components/UI/LoadingSpinnerInline';
-import presets from '../presets';
+import presets from '@/lib/matrixPresets';
 import { InviteUserToMatrixRoom } from '@/components/UI/InviteUsersToMatrixRoom';
 import { Button } from '@/components/UI/shadcn/Button';
 import Icon from '@/components/UI/Icon';

From 99ff217a58f1b7d85405df459edf6f9015ed70ab Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 5 Mar 2024 17:44:45 +0100
Subject: [PATCH 550/714] refactor: display error and success messages in toast
 when removing items etc. from a space in explore

---
 components/UI/ServiceLink.js   | 63 ++++++++++++++++------------------
 pages/explore/[[...roomId]].js |  4 +++
 2 files changed, 34 insertions(+), 33 deletions(-)

diff --git a/components/UI/ServiceLink.js b/components/UI/ServiceLink.js
index d8f44f98..6352393c 100644
--- a/components/UI/ServiceLink.js
+++ b/components/UI/ServiceLink.js
@@ -3,7 +3,6 @@ import { useTranslation } from 'react-i18next';
 import { styled } from 'styled-components';
 import { RiArrowRightLine, RiClipboardLine, RiFolderCloseLine, RiLockLine, RiMoreLine } from '@remixicon/react';
 import Link from 'next/link';
-import _ from 'lodash';
 
 import { ServiceTable } from './ServiceTable';
 import Icon from './Icon';
@@ -28,6 +27,7 @@ import {
 import ConfirmCancelButtons from '@/components/UI/ConfirmCancelButtons';
 import { useAuth } from '@/lib/Auth';
 import { isValidUrl } from '@/lib/utils';
+import { toast } from 'sonner';
 
 const LockIconWrapper = styled(Icon)`
     display: inline-block;
@@ -55,7 +55,7 @@ const NotificationBadge = styled.span`
 // @TODO figure out what to do with optional menu and logic for menu, could use better solution
 // @TODO success message closes too quickly
 
-function EllipsisMenu({ parentName, parentRoomId, onRemove, myPowerLevel, href }) {
+function EllipsisMenu({ parentName, name, parentRoomId, onRemove, myPowerLevel, href }) {
     const [dialogOpen, setDialogOpen] = useState(false);
     const [wasRemoved, setWasRemoved] = useState(false);
     const { t } = useTranslation();
@@ -97,37 +97,33 @@ function EllipsisMenu({ parentName, parentRoomId, onRemove, myPowerLevel, href }
                 </DropdownMenuContent>
             </DropdownMenu>
             <DialogContent>
-                {wasRemoved ? (
-                    'was removed'
-                ) : (
-                    <>
-                        <DialogHeader>
-                            <DialogTitle>{t('Are you absolutely sure you want to remove {{name}}', { name: name })}</DialogTitle>
-                            <DialogDescription>
-                                {t('This will only remove {{name}} from {{space}}. It will not delete {{name}}', {
-                                    name: name,
-                                    space: parentName,
-                                })}
-                            </DialogDescription>
-                        </DialogHeader>
-                        <DialogFooter>
-                            <form
-                                onSubmit={async (e) => {
-                                    e.preventDefault();
-                                    await onRemove();
-                                    setWasRemoved(true);
-                                    _.delay(() => {
-                                        setDialogOpen(false);
-                                        setWasRemoved(false);
-                                    }, 1000);
-                                }}
-                                onReset={() => setDialogOpen(false)}
-                            >
-                                <ConfirmCancelButtons confirmLabel="Remove" destructive />
-                            </form>
-                        </DialogFooter>
-                    </>
-                )}
+                <>
+                    <DialogHeader>
+                        <DialogTitle>{t('Are you absolutely sure you want to remove {{name}}', { name: name })}</DialogTitle>
+                        <DialogDescription>
+                            {t('This will only remove {{name}} from {{space}}. It will not delete {{name}}', {
+                                name: name,
+                                space: parentName,
+                            })}
+                        </DialogDescription>
+                    </DialogHeader>
+                    <DialogFooter>
+                        <form
+                            onSubmit={async (e) => {
+                                e.preventDefault();
+                                const remove = await onRemove();
+                                if (remove) {
+                                    setDialogOpen(false);
+                                    setWasRemoved(false);
+                                    toast.success(t('You have removed {{name}} from {{space}}', { name: name, space: parentName }));
+                                }
+                            }}
+                            onReset={() => setDialogOpen(false)}
+                        >
+                            <ConfirmCancelButtons confirmLabel="Remove" destructive />
+                        </form>
+                    </DialogFooter>
+                </>
             </DialogContent>
         </Dialog>
     );
@@ -189,6 +185,7 @@ const ServiceLink = forwardRef(
                             onRemove={onRemove}
                             myPowerLevel={myPowerLevel}
                             parentRoomId={parentRoomId}
+                            name={name}
                             href={href}
                         />
                     </ServiceTable.Cell>
diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 21028054..a7f87939 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -256,8 +256,12 @@ export default function Explore() {
             .removeSpaceChild(roomId, idToRemove)
             .catch((error) => {
                 logger.error(error.data?.error);
+
+                return toast.error(error.data?.error);
             });
         await getSpaceChildren(null, roomId);
+
+        return true;
     };
 
     if (typeof window === 'undefined') return <LoadingSpinner />;

From 9ef26094c6383a7c3218992629f55ac6a7689980 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 5 Mar 2024 17:45:07 +0100
Subject: [PATCH 551/714] refactor: remove unused variable

---
 components/UI/ServiceLink.js | 2 --
 1 file changed, 2 deletions(-)

diff --git a/components/UI/ServiceLink.js b/components/UI/ServiceLink.js
index 6352393c..b6c6ede0 100644
--- a/components/UI/ServiceLink.js
+++ b/components/UI/ServiceLink.js
@@ -57,7 +57,6 @@ const NotificationBadge = styled.span`
 
 function EllipsisMenu({ parentName, name, parentRoomId, onRemove, myPowerLevel, href }) {
     const [dialogOpen, setDialogOpen] = useState(false);
-    const [wasRemoved, setWasRemoved] = useState(false);
     const { t } = useTranslation();
     const matrixClient = useAuth().getAuthenticationProvider('matrix').getMatrixClient();
     const room = matrixClient.getRoom(parentRoomId);
@@ -114,7 +113,6 @@ function EllipsisMenu({ parentName, name, parentRoomId, onRemove, myPowerLevel,
                                 const remove = await onRemove();
                                 if (remove) {
                                     setDialogOpen(false);
-                                    setWasRemoved(false);
                                     toast.success(t('You have removed {{name}} from {{space}}', { name: name, space: parentName }));
                                 }
                             }}

From 85b9dc5efd4311deb2d0018bcbd34985a0c46941 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Tue, 5 Mar 2024 17:49:31 +0100
Subject: [PATCH 552/714] chore: fix eslint errors

---
 components/UI/ServiceLink.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/components/UI/ServiceLink.js b/components/UI/ServiceLink.js
index b6c6ede0..66a137dc 100644
--- a/components/UI/ServiceLink.js
+++ b/components/UI/ServiceLink.js
@@ -1,6 +1,7 @@
 import React, { forwardRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { styled } from 'styled-components';
+import { toast } from 'sonner';
 import { RiArrowRightLine, RiClipboardLine, RiFolderCloseLine, RiLockLine, RiMoreLine } from '@remixicon/react';
 import Link from 'next/link';
 
@@ -27,7 +28,6 @@ import {
 import ConfirmCancelButtons from '@/components/UI/ConfirmCancelButtons';
 import { useAuth } from '@/lib/Auth';
 import { isValidUrl } from '@/lib/utils';
-import { toast } from 'sonner';
 
 const LockIconWrapper = styled(Icon)`
     display: inline-block;
@@ -111,6 +111,7 @@ function EllipsisMenu({ parentName, name, parentRoomId, onRemove, myPowerLevel,
                             onSubmit={async (e) => {
                                 e.preventDefault();
                                 const remove = await onRemove();
+
                                 if (remove) {
                                     setDialogOpen(false);
                                     toast.success(t('You have removed {{name}} from {{space}}', { name: name, space: parentName }));

From e1599fc86b537d82c8ae242a370598873a3df3c1 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 5 Mar 2024 17:56:05 +0100
Subject: [PATCH 553/714] refactor: show individual toasts for each invited
 user

---
 components/UI/InviteUsersToMatrixRoom/index.js | 11 ++++-------
 public/locales/de/invitationModal.json         |  3 +--
 2 files changed, 5 insertions(+), 9 deletions(-)

diff --git a/components/UI/InviteUsersToMatrixRoom/index.js b/components/UI/InviteUsersToMatrixRoom/index.js
index b2bef254..b0f97dcd 100644
--- a/components/UI/InviteUsersToMatrixRoom/index.js
+++ b/components/UI/InviteUsersToMatrixRoom/index.js
@@ -1,5 +1,5 @@
 import React, { useCallback, useState } from 'react';
-import { Trans, useTranslation } from 'react-i18next';
+import { useTranslation } from 'react-i18next';
 import _, { debounce } from 'lodash';
 import { logger } from 'matrix-js-sdk/lib/logger';
 import { toast } from 'sonner';
@@ -68,15 +68,12 @@ export const InviteUserToMatrixRoom = ({ roomId, trigger }) => {
             });
         }
 
-        const successAmount = selectedUsers.length - errors.length;
-
         // if everything is okay, we let the user know and exit the view.
-        successAmount > 0 &&
+        for (const selectedUser of selectedUsers) {
             toast.success(
-                <Trans t={t} i18nKey="invitedUser" count={successAmount}>
-                    {{ successAmount }} user was invited and needs to accept your invitation
-                </Trans>,
+                t('{{selectedUser}} was invited and needs to accept your invitation', { selectedUser: selectedUser.display_name }),
             );
+        }
 
         await new Promise(() =>
             setTimeout(() => {
diff --git a/public/locales/de/invitationModal.json b/public/locales/de/invitationModal.json
index b868a6f5..2db8a19b 100644
--- a/public/locales/de/invitationModal.json
+++ b/public/locales/de/invitationModal.json
@@ -1,7 +1,6 @@
 {
     "Invite users to {{name}}": "Benutzer*innen zu {{name}} einladen",
-    "invitedUser_one": "{{ count }} Benutzer*in wurde eingeladen und muss die Einladung annehmen",
-    "invitedUser_other": "{{ count }} Benutzer*innen wurden eingeladen und müssen die Einladung annehmen",
+    "{{selectedUser}} was invited and needs to accept your invitation.": "{{selectedUser}} wurde eingeladen und muss Ihre Einladung annehmen.",
     "Invite users": "Benutzer*innen einladen",
     "Invite": "Einladen"
 }

From fc82ff6038ff6339e80584175400e6ad5f8ae2ac Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 5 Mar 2024 18:02:04 +0100
Subject: [PATCH 554/714] fix: only add success message for actual successes

---
 components/UI/InviteUsersToMatrixRoom/index.js | 11 ++++-------
 1 file changed, 4 insertions(+), 7 deletions(-)

diff --git a/components/UI/InviteUsersToMatrixRoom/index.js b/components/UI/InviteUsersToMatrixRoom/index.js
index b0f97dcd..1ed93ddb 100644
--- a/components/UI/InviteUsersToMatrixRoom/index.js
+++ b/components/UI/InviteUsersToMatrixRoom/index.js
@@ -59,20 +59,17 @@ export const InviteUserToMatrixRoom = ({ roomId, trigger }) => {
         const errors = [];
 
         for (const user of selectedUsers) {
-            await matrixClient.invite(roomId, user.user_id).catch(async (error) => {
+            const invite = await matrixClient.invite(roomId, user.user_id).catch(async (error) => {
                 // avoid adding duplicates
                 if (errors.includes(error.data.error)) return;
                 // display errors in a toast
                 errors.push(error.data.error);
                 toast.error(error.data.error);
             });
-        }
 
-        // if everything is okay, we let the user know and exit the view.
-        for (const selectedUser of selectedUsers) {
-            toast.success(
-                t('{{selectedUser}} was invited and needs to accept your invitation', { selectedUser: selectedUser.display_name }),
-            );
+            if (!invite) continue;
+            // if everything is okay, we let the user know and exit the view.
+            toast.success(t('{{selectedUser}} was invited and needs to accept your invitation', { selectedUser: user.display_name }));
         }
 
         await new Promise(() =>

From 9214ad16c717a3e50e61fb78aef51ba65991fa27 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 5 Mar 2024 18:03:29 +0100
Subject: [PATCH 555/714] refactor: improve error message

---
 components/UI/InviteUsersToMatrixRoom/index.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/UI/InviteUsersToMatrixRoom/index.js b/components/UI/InviteUsersToMatrixRoom/index.js
index 1ed93ddb..f9e328e7 100644
--- a/components/UI/InviteUsersToMatrixRoom/index.js
+++ b/components/UI/InviteUsersToMatrixRoom/index.js
@@ -64,7 +64,7 @@ export const InviteUserToMatrixRoom = ({ roomId, trigger }) => {
                 if (errors.includes(error.data.error)) return;
                 // display errors in a toast
                 errors.push(error.data.error);
-                toast.error(error.data.error);
+                toast.error('The following error occurred: ' + error.data.error);
             });
 
             if (!invite) continue;

From 4a86a829a6127c490e5623cc160a2dab6eb7bb13 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 5 Mar 2024 18:06:33 +0100
Subject: [PATCH 556/714] fix: variable name

---
 components/UI/ServiceIframeHeader.js | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/components/UI/ServiceIframeHeader.js b/components/UI/ServiceIframeHeader.js
index 91e1d823..8ce6b43e 100644
--- a/components/UI/ServiceIframeHeader.js
+++ b/components/UI/ServiceIframeHeader.js
@@ -51,7 +51,10 @@ const ServiceIframeHeader = ({
                 {joinRule === 'knock' || (joinRule === 'knock_restricted' && <KnockOnMatrixRoom roomId={roomId} roomName={title} />)}
                 <CopyToClipboard content={content} />
                 {deleteContent && (
-                    <TextButton title={myPadsObject ? t('Delete pad', { ns: 'etherpad' }) : t('Remove pad from my library', { ns: 'etherpad' })} onClick={deleteContent}>
+                    <TextButton
+                        title={myPadsObject ? t('Delete pad', { ns: 'etherpad' }) : t('Remove pad from my library', { ns: 'etherpad' })}
+                        onClick={deleteContent}
+                    >
                         {isDeletingPad ? (
                             <LoadingSpinnerInline />
                         ) : (
@@ -86,7 +89,7 @@ const ServiceIframeHeader = ({
 
                         {/* @NOTE: this opens the invitation modal in dialog/drawer */}
                         <InviteUserToMatrixRoom
-                            currentId={roomId}
+                            roomId={roomId}
                             myPowerLevel={myPowerLevel}
                             trigger={
                                 <TextButton variant="ghost" title={t('Show members of {{name}}', { name: title })}>

From 0a19d5f5a54618f6d22e66ee30625826193e39c9 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 6 Mar 2024 10:53:34 +0100
Subject: [PATCH 557/714] refactor: use ChatIframeView component in explore

---
 pages/explore/ExploreIframeViews.js | 12 +-----------
 1 file changed, 1 insertion(+), 11 deletions(-)

diff --git a/pages/explore/ExploreIframeViews.js b/pages/explore/ExploreIframeViews.js
index e9f74c9d..cdd5e506 100644
--- a/pages/explore/ExploreIframeViews.js
+++ b/pages/explore/ExploreIframeViews.js
@@ -53,17 +53,7 @@ const ExploreIframeViews = ({ currentTemplate, iframeRoomId, title: parsedTitle
                     </>
                 );
             case 'spacedeck':
-                return (
-                    <>
-                        <ServiceIframeHeader
-                            content={matrix.roomContents.get(iframeRoomId)?.body}
-                            title={title}
-                            removeLink={() => console.log('removing sketch from parent')}
-                            removingLink={false}
-                        />
-                        <iframe title="sketch" src={matrix.roomContents.get(iframeRoomId)?.body} />
-                    </>
-                );
+                return <ChatIframeView roomId={iframeRoomId} src={iframeUrl} />;
             case 'link':
                 return (
                     <>

From bb0d2318aa6f42860eb0065a4a58c2e62d9edf13 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 6 Mar 2024 11:20:59 +0100
Subject: [PATCH 558/714] fix: accidentally deleted spacedeck view

---
 pages/explore/ExploreIframeViews.js | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/pages/explore/ExploreIframeViews.js b/pages/explore/ExploreIframeViews.js
index cdd5e506..e9f74c9d 100644
--- a/pages/explore/ExploreIframeViews.js
+++ b/pages/explore/ExploreIframeViews.js
@@ -53,7 +53,17 @@ const ExploreIframeViews = ({ currentTemplate, iframeRoomId, title: parsedTitle
                     </>
                 );
             case 'spacedeck':
-                return <ChatIframeView roomId={iframeRoomId} src={iframeUrl} />;
+                return (
+                    <>
+                        <ServiceIframeHeader
+                            content={matrix.roomContents.get(iframeRoomId)?.body}
+                            title={title}
+                            removeLink={() => console.log('removing sketch from parent')}
+                            removingLink={false}
+                        />
+                        <iframe title="sketch" src={matrix.roomContents.get(iframeRoomId)?.body} />
+                    </>
+                );
             case 'link':
                 return (
                     <>

From 8024f0e8c88e039c2e4e39440eda9a1f73e39393 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 6 Mar 2024 12:05:50 +0100
Subject: [PATCH 559/714] refactor: add empty dependency array to useEffect to
 avoid unnecessary rerenders

---
 pages/chat/ChatIframeView.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/chat/ChatIframeView.js b/pages/chat/ChatIframeView.js
index a7217f58..2fd680e3 100644
--- a/pages/chat/ChatIframeView.js
+++ b/pages/chat/ChatIframeView.js
@@ -117,7 +117,7 @@ const ChatIframeView = ({ src, roomId }) => {
         return () => {
             iframeReference && iframeReference.removeEventListener('load', injectCss);
         };
-    });
+    }, []);
 
     /**
      * leave the given matrix room

From a2196db736f3e103fc381693b9252bd6e577597c Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 6 Mar 2024 12:06:34 +0100
Subject: [PATCH 560/714] refactor: remove extra component to not rerender
 after changes inside the switch case

---
 pages/explore/ExploreIframeViews.js | 96 +++++++++++++++--------------
 1 file changed, 49 insertions(+), 47 deletions(-)

diff --git a/pages/explore/ExploreIframeViews.js b/pages/explore/ExploreIframeViews.js
index e9f74c9d..0235edd1 100644
--- a/pages/explore/ExploreIframeViews.js
+++ b/pages/explore/ExploreIframeViews.js
@@ -36,55 +36,57 @@ const ExploreIframeViews = ({ currentTemplate, iframeRoomId, title: parsedTitle
         return () => (cancelled = true);
     }, [iframeRoomId, matrixClient, parsedTitle]);
 
-    const CurrentView = () => {
-        switch (currentTemplate) {
-            case 'studentproject':
-                return <ProjectView content={iframeUrl} />;
-            case 'etherpad':
-                return (
-                    <>
-                        <ServiceIframeHeader
-                            content={matrix.roomContents.get(iframeRoomId)?.body}
-                            title={title}
-                            removeLink={() => console.log('removing pad from parent')}
-                            removingLink={false}
-                        />
-                        <iframe title="etherpad" src={iframeUrl} />
-                    </>
-                );
-            case 'spacedeck':
-                return (
-                    <>
-                        <ServiceIframeHeader
-                            content={matrix.roomContents.get(iframeRoomId)?.body}
-                            title={title}
-                            removeLink={() => console.log('removing sketch from parent')}
-                            removingLink={false}
-                        />
-                        <iframe title="sketch" src={matrix.roomContents.get(iframeRoomId)?.body} />
-                    </>
-                );
-            case 'link':
-                return (
-                    <>
-                        <ServiceIframeHeader content={matrix.roomContents.get(iframeRoomId)?.body} title={title} removingLink={false} />
-                        <iframe title="sketch" src={iframeUrl} />
-                    </>
-                );
-            default:
-                return (
-                    <ChatIframeView
-                        title="chat"
-                        src={`${getConfig().publicRuntimeConfig.chat.pathToElement}/#/room/${iframeRoomId}`}
-                        roomId={iframeRoomId}
-                    />
-                );
-        }
-    };
-
     return (
         <DefaultLayout.IframeWrapper>
-            <CurrentView />
+            {(() => {
+                switch (currentTemplate) {
+                    case 'studentproject':
+                        return <ProjectView content={iframeUrl} />;
+                    case 'etherpad':
+                        return (
+                            <>
+                                <ServiceIframeHeader
+                                    content={matrix.roomContents.get(iframeRoomId)?.body}
+                                    title={title}
+                                    removeLink={() => console.log('removing pad from parent')}
+                                    removingLink={false}
+                                />
+                                <iframe title="etherpad" src={iframeUrl} />
+                            </>
+                        );
+                    case 'spacedeck':
+                        return (
+                            <>
+                                <ServiceIframeHeader
+                                    content={matrix.roomContents.get(iframeRoomId)?.body}
+                                    title={title}
+                                    removeLink={() => console.log('removing sketch from parent')}
+                                    removingLink={false}
+                                />
+                                <iframe title="sketch" src={matrix.roomContents.get(iframeRoomId)?.body} />
+                            </>
+                        );
+                    case 'link':
+                        return (
+                            <>
+                                <ServiceIframeHeader
+                                    content={matrix.roomContents.get(iframeRoomId)?.body}
+                                    title={title}
+                                    removingLink={false}
+                                />
+                                <iframe title="sketch" src={iframeUrl} />
+                            </>
+                        );
+                    default:
+                        return (
+                            <ChatIframeView
+                                title="chat"
+                                src={`${getConfig().publicRuntimeConfig.chat.pathToElement}/#/room/${iframeRoomId}`}
+                                roomId={iframeRoomId}
+                            />
+                        );
+                }
+            })()}
         </DefaultLayout.IframeWrapper>
     );
 };

From 546bb711ddc99a904818dcfd4301af21184c77de Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 6 Mar 2024 13:08:27 +0100
Subject: [PATCH 561/714] refactor: add custom styles and icons to sonner

---
 pages/_app.js | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/pages/_app.js b/pages/_app.js
index 3f0a008a..8e73685e 100644
--- a/pages/_app.js
+++ b/pages/_app.js
@@ -3,6 +3,7 @@ import Head from 'next/head';
 import getConfig from 'next/config';
 import { useRouter } from 'next/router';
 import { enableMapSet } from 'immer';
+import { RiCheckboxCircleLine, RiErrorWarningLine } from '@remixicon/react';
 
 import DefaultLayout from '@/components/layouts/default';
 import LostConnection from '@/components/UI/LostConnection';
@@ -51,7 +52,15 @@ export default function App({ Component, pageProps }) {
                             <Component {...pageProps} />
                         )}
                     </DefaultLayout.Layout>
-                    <Toaster />
+                    <Toaster
+                        visibleToasts={10}
+                        toastOptions={{
+                            classNames: {
+                                error: '!border-destructive  !text-destructive-foreground ',
+                            },
+                        }}
+                        icons={{ success: <RiCheckboxCircleLine />, error: <RiErrorWarningLine /> }}
+                    />
                 </MatrixContext.Provider>
             </AuthContext.Provider>
         </>

From baa179a3c341665eca4e58620d528b37c362c6a3 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 6 Mar 2024 13:22:18 +0100
Subject: [PATCH 562/714] refactor: use shadecn Select in TemplateSelect.js

---
 pages/explore/manage-room/TemplateSelect.js | 37 ++++++++++++---------
 1 file changed, 22 insertions(+), 15 deletions(-)

diff --git a/pages/explore/manage-room/TemplateSelect.js b/pages/explore/manage-room/TemplateSelect.js
index cab21624..8fedaf96 100644
--- a/pages/explore/manage-room/TemplateSelect.js
+++ b/pages/explore/manage-room/TemplateSelect.js
@@ -3,6 +3,7 @@ import getConfig from 'next/config';
 import { useTranslation } from 'react-i18next';
 
 import ErrorMessage from '../../../components/UI/ErrorMessage';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/UI/shadcn/Select';
 
 /**
  * TEMPLATE SELECT COMPONENT
@@ -18,29 +19,35 @@ import ErrorMessage from '../../../components/UI/ErrorMessage';
  * - in the future `contextTemplates` needs to check if an array or string is supplied. If string (roomId) is supplied we need to fetch them from the roomId.
 */
 
-const TemplateSelect = ({ currentTemplate, setTemplate }) => {
+const TemplateSelect = ({ setTemplate }) => {
     const contextTemplates = getConfig().publicRuntimeConfig.templates?.context; //
     const { t } = useTranslation('explore');
 
-    const onChangeTemplateSelect = (e) => {
-        setTemplate(e.target.value);
+    const onChangeTemplateSelect = (value) => {
+        setTemplate(value);
     };
 
     if (!contextTemplates) return <ErrorMessage>{t('No context templates defined, please contact the administrator.')}</ErrorMessage>;
 
     return (
-        <>
-            <select name="template" defaultValue="" value={currentTemplate} onChange={onChangeTemplateSelect}>
-                <option value="" disabled>Template</option>
-                { contextTemplates?.map((template, key) => {
-                    {/* cycle through all context templates supplied in the config */}
-
-                    return <option key={key} value={template}>
-                        { template }
-                    </option>;
-                }) }
-            </select>
-        </>
+        <Select defaultValue={contextTemplates?.[0] || '-'} onValueChange={onChangeTemplateSelect}>
+            <SelectTrigger>
+                <SelectValue placeholder={t('template')} />
+            </SelectTrigger>
+            <SelectContent>
+                {contextTemplates?.map((template, key) => {
+                    {
+                        /* cycle through all context templates supplied in the config */
+                    }
+
+                    return (
+                        <SelectItem key={key} value={template}>
+                            {template}
+                        </SelectItem>
+                    );
+                })}
+            </SelectContent>
+        </Select>
     );
 };
 

From 9c99e905a5e7541e91214182de168f5f437ec1ca Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 6 Mar 2024 14:12:48 +0100
Subject: [PATCH 563/714] fix: catch error when trying to hydrate room content
 for private chat rooms, use error class of toast

---
 pages/explore/[[...roomId]].js | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index a7f87939..167d9333 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -97,7 +97,9 @@ export default function Explore() {
         const signal = controller.signal;
 
         const checkForRoomContent = async () => {
-            await matrix.hydrateRoomContent(iframeRoomId, signal);
+            await matrix.hydrateRoomContent(iframeRoomId, signal).catch((error) => {
+                logger.error(error);
+            });
         };
 
         iframeRoomId && checkForRoomContent();
@@ -135,7 +137,7 @@ export default function Explore() {
                             .catch((error) => {
                                 if (error.message !== 'Event not found.') {
                                     // we don't want to display unnecessary error messages.
-                                    toast(<ErrorMessage>{error.message}</ErrorMessage>);
+                                    toast(error.message);
                                 }
                             }); // Handle other errors by setting an error message.
                     }
@@ -164,10 +166,11 @@ export default function Explore() {
                         return matrix
                             .handleRateLimit(error, () => getMetaEvent(space))
                             .catch((error) => {
-                                if (error.message !== 'Event not found.') {
-                                    // we don't want to display unnecessary error messages.
-                                    toast(<ErrorMessage>{error.message}</ErrorMessage>);
-                                }
+                                // we don't want to display unnecessary error messages.
+                                if (error.message === 'Event not found.') return;
+                                if (error.message.includes('not in room')) return;
+
+                                toast.error(error.message);
                             });
                     });
                 }

From 2ca4aaeb7b17213069f680e2210b88a34d1e6f3c Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 6 Mar 2024 14:14:06 +0100
Subject: [PATCH 564/714] refactor: add power level content overrider option to
 room creation and use when creating new chat rooms

---
 lib/Matrix.js                                 | 126 +++++++++++-------
 lib/auth/MatrixAuthProvider.js                |   9 +-
 lib/matrixPresets.js                          |  24 ++++
 .../manage-room/AddOrCreateChat/AddNewChat.js |  19 ++-
 4 files changed, 121 insertions(+), 57 deletions(-)

diff --git a/lib/Matrix.js b/lib/Matrix.js
index d1ae6c0d..72be9e86 100644
--- a/lib/Matrix.js
+++ b/lib/Matrix.js
@@ -202,19 +202,20 @@ function useMatrixProvider(auth) {
                         assignAccessTokenToAuthProvider(event.getContent());
                     }
 
-                break;
+                    break;
 
-            case 'dev.medienhaus.spaces.favourites':
-                if (Object.keys(event.getContent()).length > 0) {
-                    hydrateFavourites(event.getContent());
-                }
+                case 'dev.medienhaus.spaces.favourites':
+                    if (Object.keys(event.getContent()).length > 0) {
+                        hydrateFavourites(event.getContent());
+                    }
 
-                break;
+                    break;
 
-            default:
-                return;
-        }
-    }, [assignAccessTokenToAuthProvider, hydrateFavourites, hydrateDirectMessages],
+                default:
+                    return;
+            }
+        },
+        [assignAccessTokenToAuthProvider, hydrateFavourites, hydrateDirectMessages],
     );
 
     const RoomTimelineEvent = useCallback(
@@ -369,16 +370,40 @@ function useMatrixProvider(auth) {
      * @returns {Promise<string>} - Returns a promise that resolves to the ID of the created room or space.
      */
     const createRoom = useCallback(
-        async (name, isSpace, topic, joinRule, type, template, parentId) => {
-            const room = await authenticationProvider.createRoom(name, isSpace, topic, joinRule, type, template, parentId)
-            .catch((error) => {
-                return handleRateLimit(error, () => createRoom(name, isSpace, topic, joinRule, type, template, parentId))
-                    .catch(error => {
+        async (name, isSpace, topic, joinRule, type, template, parentId, visibility, historyVisibility, powerLevelContentOverride) => {
+            const room = await authenticationProvider
+                .createRoom(
+                    name,
+                    isSpace,
+                    topic,
+                    joinRule,
+                    type,
+                    template,
+                    parentId,
+                    visibility,
+                    historyVisibility,
+                    powerLevelContentOverride,
+                )
+                .catch((error) => {
+                    return handleRateLimit(error, () =>
+                        createRoom(
+                            name,
+                            isSpace,
+                            topic,
+                            joinRule,
+                            type,
+                            template,
+                            parentId,
+                            visibility,
+                            historyVisibility,
+                            powerLevelContentOverride,
+                        ),
+                    ).catch((error) => {
                         return error.message;
                     });
-            });
-        // in case of recursion room will already return the desired roomId
-        const roomId = room.room_id || room;
+                });
+            // in case of recursion room will already return the desired roomId
+            const roomId = room.room_id || room;
 
             if (isSpace) {
                 if (!spaces.has(roomId)) {
@@ -410,15 +435,15 @@ function useMatrixProvider(auth) {
                 setApplicationsFolder(existingApplicationsSpace.roomId);
             } else {
                 logger.debug('Creating new root "Applications" space...');
-                const createNewApplicationsSpace = async () => await createRoom(
-                    'Applications',
-                    true,
-                    'This is your private applications space. You can find all your application data in here.',
-                    'invite',
-                    'context',
-                    'applications',
-                )
-                    .catch(error => logger.debug(error));
+                const createNewApplicationsSpace = async () =>
+                    await createRoom(
+                        'Applications',
+                        true,
+                        'This is your private applications space. You can find all your application data in here.',
+                        'invite',
+                        'context',
+                        'applications',
+                    ).catch((error) => logger.debug(error));
                 const newApplicationsSpace = await createNewApplicationsSpace();
                 logger.debug('Created new "Applications" space', { newApplicationsSpace });
                 setApplicationsFolder(newApplicationsSpace);
@@ -457,23 +482,23 @@ function useMatrixProvider(auth) {
                     });
                 } else {
                     logger.debug('Creating new service space...', { serviceType: element });
-                    const createNewServiceRoom = async () => await createRoom(
-                        element,
-                        true,
-                        `This is your private space for the application ${element}. You can find all your ${element} data in here.`,
-                        'invite',
-                        'context',
-                        'application',
-                        applicationsFolder,
-                    ).catch(error => logger.debug(error));
+                    const createNewServiceRoom = async () =>
+                        await createRoom(
+                            element,
+                            true,
+                            `This is your private space for the application ${element}. You can find all your ${element} data in here.`,
+                            'invite',
+                            'context',
+                            'application',
+                            applicationsFolder,
+                        ).catch((error) => logger.debug(error));
 
                     const roomId = await createNewServiceRoom();
                     logger.debug('Created new service space...', { serviceType: element, roomId });
 
-                    const addServiceRoomToParent = async () => await authenticationProvider.addSpaceChild(applicationsFolder, roomId)
-                        .catch(error => {
-                            return handleRateLimit(error, () => addServiceRoomToParent())
-                                .catch(error => logger.debug(error.message));
+                    const addServiceRoomToParent = async () =>
+                        await authenticationProvider.addSpaceChild(applicationsFolder, roomId).catch((error) => {
+                            return handleRateLimit(error, () => addServiceRoomToParent()).catch((error) => logger.debug(error.message));
                         });
 
                     await addServiceRoomToParent();
@@ -588,10 +613,9 @@ function useMatrixProvider(auth) {
      * @throws {Error} If the authentication provider encounters an error other than 429 during the operation.
      */
     const addSpaceChild = async (parent, child, suggested) => {
-        return authenticationProvider.addSpaceChild(parent, child, suggested)
-            .catch((error) => {
-                return handleRateLimit(error, () => addSpaceChild(parent, child, suggested));
-            });
+        return authenticationProvider.addSpaceChild(parent, child, suggested).catch((error) => {
+            return handleRateLimit(error, () => addSpaceChild(parent, child, suggested));
+        });
     };
 
     /**
@@ -603,12 +627,14 @@ function useMatrixProvider(auth) {
      * @throws {Error} If there is an issue other than 429 sending the message or if a rate limit is encountered.
      */
     const sendMessage = async (roomId, message) => {
-        await matrixClient.sendMessage(roomId, {
-            msgtype: 'm.text',
-            body: message,
-        }).catch((error) => {
-            return handleRateLimit(error, () => sendMessage(roomId, message));
-        });
+        await matrixClient
+            .sendMessage(roomId, {
+                msgtype: 'm.text',
+                body: message,
+            })
+            .catch((error) => {
+                return handleRateLimit(error, () => sendMessage(roomId, message));
+            });
     };
 
     return {
diff --git a/lib/auth/MatrixAuthProvider.js b/lib/auth/MatrixAuthProvider.js
index 47ab3317..9df6a2e7 100644
--- a/lib/auth/MatrixAuthProvider.js
+++ b/lib/auth/MatrixAuthProvider.js
@@ -116,13 +116,13 @@ class MatrixAuthProvider {
      * @param {string} type - The type of the room or space.
      * @param {string} template - The template for the room or space.
      * @param {string} parentId - The ID of the parent space, if any.
-     * @param {string} application - The name of the application creating the room/space.
      * @param {string} visibility -  Visibility of the matrix room.
      * @param {string} historyVisibility - Visibility of the room history to other users, defaults to 'world_readable'.
+     * @param {Object} powerLevelContentOverride - The power level content override for the room or space.
      * @returns {Promise<Object>} A promise that resolves to the created room or space.
      * @throws {Error} If there was an error creating the room or space.
      */
-    async createRoom(name, isSpace, topic, joinRule, type, template, parentId, application, visibility, historyVisibility) {
+    async createRoom(name, isSpace, topic, joinRule, type, template, parentId, visibility, historyVisibility, powerLevelContentOverride) {
         const opts = {
             name: name,
             preset: 'private_chat',
@@ -139,8 +139,9 @@ class MatrixAuthProvider {
                 {
                     type: 'm.room.join_rules',
                     content: { join_rule: joinRule }, // can be set to either public, invite or knock
-                }],
-            power_level_content_override: {
+                },
+            ],
+            power_level_content_override: powerLevelContentOverride || {
                 // we only want users with moderation rights to be able to do any actions, people joining the room will have a default level of 0.
                 ban: 50,
                 events: {
diff --git a/lib/matrixPresets.js b/lib/matrixPresets.js
index c4b5b679..0adeb3c7 100644
--- a/lib/matrixPresets.js
+++ b/lib/matrixPresets.js
@@ -80,8 +80,32 @@ module.exports = {
             name: 'chat',
             label: '💬 Chat Room',
             joinRule: 'knock_restricted',
+            visibility: 'private',
+            historyVisibility: 'shared',
             description:
                 'Chat rooms are for conversations and discussions. By default they are open to anyone who has already joined the parent space. Members can participate.',
+            powerLevelContentOverride: {
+                users_default: 0,
+                events: {
+                    'm.room.name': 50,
+                    'm.room.avatar': 50,
+                    'm.room.power_levels': 100,
+                    'm.room.history_visibility': 100,
+                    'm.room.canonical_alias': 50,
+                    'm.room.tombstone': 100,
+                    'm.room.server_acl': 100,
+                    'm.room.encryption': 100,
+                    'org.matrix.msc3401.call.member': 0,
+                    'org.matrix.msc3401.call': 100,
+                },
+                events_default: 0,
+                state_default: 50,
+                ban: 50,
+                kick: 50,
+                redact: 50,
+                invite: 0,
+                historical: 100,
+            },
         },
     },
 
diff --git a/pages/explore/manage-room/AddOrCreateChat/AddNewChat.js b/pages/explore/manage-room/AddOrCreateChat/AddNewChat.js
index d8291518..7ce965d5 100644
--- a/pages/explore/manage-room/AddOrCreateChat/AddNewChat.js
+++ b/pages/explore/manage-room/AddOrCreateChat/AddNewChat.js
@@ -46,9 +46,22 @@ export default function AddNewChat({ onPreviousAction, currentId, onSuccess, par
         setErrorMessage('');
 
         // create new room
-        const roomId = await matrix.createRoom(roomName, false, roomTopic, selectedJoinRule, null, null, currentId).catch((error) => {
-            setErrorMessage(error.data?.error || t('something went wrong, please try again'));
-        });
+        const roomId = await matrix
+            .createRoom(
+                roomName,
+                false,
+                roomTopic,
+                selectedJoinRule,
+                null,
+                null,
+                currentId,
+                presets.chatTemplates[selectedTemplate].visibility,
+                presets.chatTemplates[selectedTemplate].historyVisibility,
+                presets.chatTemplates[selectedTemplate].powerLevelContentOverride,
+            )
+            .catch((error) => {
+                setErrorMessage(error.data?.error || t('something went wrong, please try again'));
+            });
         // add created room to parent
         const addChildToParent = await matrix
             .addSpaceChild(currentId, roomId)

From 51485593c09f33662b1dc3c3a070eb2bc7f6ecc0 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 6 Mar 2024 14:32:10 +0100
Subject: [PATCH 565/714] refactor: make sure iframe header is shown for chat
 rooms a user is not yet part of

---
 pages/chat/ChatIframeView.js        | 4 ++--
 pages/chat/[[...roomId]].js         | 1 +
 pages/explore/ExploreIframeViews.js | 9 ++++++---
 pages/explore/[[...roomId]].js      | 2 +-
 4 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/pages/chat/ChatIframeView.js b/pages/chat/ChatIframeView.js
index 2fd680e3..7bde11c3 100644
--- a/pages/chat/ChatIframeView.js
+++ b/pages/chat/ChatIframeView.js
@@ -10,7 +10,7 @@ import CopyToClipboard from '@/components/UI/CopyToClipboard';
 import TextButton from '@/components/UI/TextButton';
 import Icon from '@/components/UI/Icon';
 
-const ChatIframeView = ({ src, roomId }) => {
+const ChatIframeView = ({ src, roomId, title }) => {
     const iframe = useRef();
     const matrix = useMatrix();
     const router = useRouter();
@@ -132,7 +132,7 @@ const ChatIframeView = ({ src, roomId }) => {
     return (
         <>
             <DefaultLayout.IframeHeader>
-                {matrix?.rooms?.get(roomId) ? <h2>{matrix?.rooms?.get(roomId)?.name}</h2> : roomId === 'new' && <h2>{t('New chat')}</h2>}
+                {title}
                 <DefaultLayout.IframeHeaderButtonWrapper>
                     {matrix?.rooms?.get(roomId) && (
                         <>
diff --git a/pages/chat/[[...roomId]].js b/pages/chat/[[...roomId]].js
index 38963012..8f129338 100644
--- a/pages/chat/[[...roomId]].js
+++ b/pages/chat/[[...roomId]].js
@@ -94,6 +94,7 @@ export default function Chat() {
             {roomId && (
                 <DefaultLayout.IframeWrapper>
                     <ChatIframeView
+                        title={matrix.rooms.get(roomId)?.name}
                         roomId={roomId}
                         src={`${getConfig().publicRuntimeConfig.chat.pathToElement}/#/${roomId === 'new' ? 'home' : `room/${roomId}`}`}
                     />
diff --git a/pages/explore/ExploreIframeViews.js b/pages/explore/ExploreIframeViews.js
index 0235edd1..637b0141 100644
--- a/pages/explore/ExploreIframeViews.js
+++ b/pages/explore/ExploreIframeViews.js
@@ -27,8 +27,11 @@ const ExploreIframeViews = ({ currentTemplate, iframeRoomId, title: parsedTitle
         let cancelled = false;
 
         const fetchRoomName = async () => {
-            const nameEvent = await matrixClient.getStateEvent(iframeRoomId, 'm.room.name').catch(() => {});
-            setTitle(nameEvent?.name);
+            if (parsedTitle) setTitle(parsedTitle);
+            else {
+                const nameEvent = await matrixClient.getStateEvent(iframeRoomId, 'm.room.name').catch(() => {});
+                setTitle(nameEvent?.name);
+            }
         };
 
         if (!cancelled) fetchRoomName();
@@ -80,7 +83,7 @@ const ExploreIframeViews = ({ currentTemplate, iframeRoomId, title: parsedTitle
                     default:
                         return (
                             <ChatIframeView
-                                title="chat"
+                                title={title}
                                 src={`${getConfig().publicRuntimeConfig.chat.pathToElement}/#/room/${iframeRoomId}`}
                                 roomId={iframeRoomId}
                             />
diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 167d9333..296fb673 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -291,7 +291,7 @@ export default function Explore() {
                     title={
                         matrix.spaces.get(router.query.roomId[0])?.name ||
                         matrix.rooms.get(router.query.roomId[0])?.name ||
-                        selectedSpaceChildren[selectedSpaceChildren.length - 1][0].name
+                        selectedSpaceChildren[selectedSpaceChildren.length - 1].filter((child) => child.room_id === iframeRoomId)[0]?.name
                     }
                 />
             ) : (

From f38d9e15ba9909759239e91f6cb6dc1acfcc8bfa Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 6 Mar 2024 14:49:20 +0100
Subject: [PATCH 566/714] fix: iframe selector in chat iframe

---
 pages/chat/ChatIframeView.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/pages/chat/ChatIframeView.js b/pages/chat/ChatIframeView.js
index 7bde11c3..96917131 100644
--- a/pages/chat/ChatIframeView.js
+++ b/pages/chat/ChatIframeView.js
@@ -159,7 +159,7 @@ const ChatIframeView = ({ src, roomId, title }) => {
                             <TextButton
                                 title={t('Call')}
                                 onClick={() =>
-                                    iframe.current.contentDocument.querySelector('header.mx_RoomHeader > div button:nth-child(1)').click()
+                                    iframe.contentDocument.querySelector('header.mx_RoomHeader > div button:nth-child(1)').click()
                                 }
                             >
                                 <Icon>
@@ -169,7 +169,7 @@ const ChatIframeView = ({ src, roomId, title }) => {
                             <TextButton
                                 title={t('Threads')}
                                 onClick={() =>
-                                    iframe.current.contentDocument.querySelector('header.mx_RoomHeader > div button:nth-child(2)').click()
+                                    iframe.contentDocument.querySelector('header.mx_RoomHeader > div button:nth-child(2)').click()
                                 }
                             >
                                 <Icon>

From fe2fdc4c0b755bead2c80218eba6f74b7035b6bc Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Wed, 6 Mar 2024 15:48:20 +0100
Subject: [PATCH 567/714] style: fixed width for icons in sonner/toast

---
 pages/_app.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/pages/_app.js b/pages/_app.js
index 8e73685e..277f8ea5 100644
--- a/pages/_app.js
+++ b/pages/_app.js
@@ -56,7 +56,8 @@ export default function App({ Component, pageProps }) {
                         visibleToasts={10}
                         toastOptions={{
                             classNames: {
-                                error: '!border-destructive  !text-destructive-foreground ',
+                                toast: '[&>div>svg]:w-5',
+                                error: '!border-destructive !text-destructive-foreground',
                             },
                         }}
                         icons={{ success: <RiCheckboxCircleLine />, error: <RiErrorWarningLine /> }}

From 513cba9f4344eae83df51848e5710b7ecdab2136 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 6 Mar 2024 15:57:20 +0100
Subject: [PATCH 568/714] fix: call correct function when experiencing rate
 limits

---
 pages/explore/[[...roomId]].js | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 296fb673..81469805 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -129,16 +129,17 @@ export default function Explore() {
                             const joinRoom = await matrixClient.joinRoom(roomId).catch((error) => toast.error(error.data?.error));
 
                             // If successfully joined, recursively call 'getSpaceHierarchy' again.
-                            if (joinRoom) return await roomHierarchyFromServer();
+                            if (joinRoom) return await getHierarchyFromServer(roomId);
                         }
                     } else {
                         return matrix
-                            .handleRateLimit(error, () => roomHierarchyFromServer())
+                            .handleRateLimit(error, () => getHierarchyFromServer(roomId))
                             .catch((error) => {
-                                if (error.message !== 'Event not found.') {
-                                    // we don't want to display unnecessary error messages.
-                                    toast(error.message);
-                                }
+                                // we don't want to display unnecessary error messages.
+                                if (error.message === 'Event not found.') return;
+                                if (error.message.includes('not in room')) return;
+                                console.log(error);
+                                toast.error(error.message);
                             }); // Handle other errors by setting an error message.
                     }
                 });
@@ -193,6 +194,7 @@ export default function Explore() {
                             spaceHierarchy.push(copy);
                         } else {
                             const getChildFromServer = await getHierarchyFromServer(roomId);
+
                             getChildFromServer[0].parent = cachedSpace;
                             spaceHierarchy.push(getChildFromServer[0]);
                         }

From 4b6a867598a917b0493f70121ba1461f4fcbfe68 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Wed, 6 Mar 2024 17:31:56 +0100
Subject: [PATCH 569/714] style: improve vertical spacing

---
 pages/etherpad/actions/CreateNewPad.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/pages/etherpad/actions/CreateNewPad.js b/pages/etherpad/actions/CreateNewPad.js
index 65282b16..448a1871 100644
--- a/pages/etherpad/actions/CreateNewPad.js
+++ b/pages/etherpad/actions/CreateNewPad.js
@@ -2,7 +2,6 @@ import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { styled } from 'styled-components';
 
-import Form from '../../../components/UI/Form';
 import LoadingSpinnerInline from '../../../components/UI/LoadingSpinnerInline';
 import logger from '../../../lib/Logging';
 import ErrorMessage from '@/components/UI/ErrorMessage';
@@ -47,7 +46,8 @@ export default function CreateNewPad({ createPadAndOpen, isMyPadsApiEnabled, cal
     };
 
     return (
-        <Form
+        <form
+            className="mb-8 [&>*+*]:mt-4"
             onSubmit={(e) => {
                 e.preventDefault();
                 createPad();
@@ -84,6 +84,6 @@ export default function CreateNewPad({ createPadAndOpen, isMyPadsApiEnabled, cal
                 {isLoading ? <LoadingSpinnerInline inverted /> : t('Create pad')}
             </Button>
             {errorMessage && <ErrorMessage>{t(errorMessage)}</ErrorMessage>}
-        </Form>
+        </form>
     );
 }

From 95ece2ca638ce1589c226191300e9c77596f6d78 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 6 Mar 2024 17:33:53 +0100
Subject: [PATCH 570/714] fix: iframe selector

---
 pages/chat/ChatIframeView.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/pages/chat/ChatIframeView.js b/pages/chat/ChatIframeView.js
index 96917131..7bde11c3 100644
--- a/pages/chat/ChatIframeView.js
+++ b/pages/chat/ChatIframeView.js
@@ -159,7 +159,7 @@ const ChatIframeView = ({ src, roomId, title }) => {
                             <TextButton
                                 title={t('Call')}
                                 onClick={() =>
-                                    iframe.contentDocument.querySelector('header.mx_RoomHeader > div button:nth-child(1)').click()
+                                    iframe.current.contentDocument.querySelector('header.mx_RoomHeader > div button:nth-child(1)').click()
                                 }
                             >
                                 <Icon>
@@ -169,7 +169,7 @@ const ChatIframeView = ({ src, roomId, title }) => {
                             <TextButton
                                 title={t('Threads')}
                                 onClick={() =>
-                                    iframe.contentDocument.querySelector('header.mx_RoomHeader > div button:nth-child(2)').click()
+                                    iframe.current.contentDocument.querySelector('header.mx_RoomHeader > div button:nth-child(2)').click()
                                 }
                             >
                                 <Icon>

From 11802cd48f4f0e365efb2d58eacf6c9e203c2766 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 6 Mar 2024 17:38:30 +0100
Subject: [PATCH 571/714] refactor: close menu on success

---
 pages/etherpad/[[...roomId]].js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/pages/etherpad/[[...roomId]].js b/pages/etherpad/[[...roomId]].js
index 9d85eed8..c23ef2bd 100644
--- a/pages/etherpad/[[...roomId]].js
+++ b/pages/etherpad/[[...roomId]].js
@@ -174,6 +174,7 @@ export default function Etherpad() {
 
         const link = getConfig().publicRuntimeConfig.authProviders.etherpad.baseUrl + '/' + padObject.key;
         const roomId = await createWriteRoom(link, name);
+        setDisplayCreatePad(false);
 
         return router.push(`${etherpadPath}/${roomId}`);
     };

From e4255f48b62b093cf02f2959dccebee971dfc631 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 6 Mar 2024 17:47:56 +0100
Subject: [PATCH 572/714] fix: iframe has differnet selector in prod and dev
 environment

---
 pages/chat/ChatIframeView.js | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/pages/chat/ChatIframeView.js b/pages/chat/ChatIframeView.js
index 7bde11c3..29730a64 100644
--- a/pages/chat/ChatIframeView.js
+++ b/pages/chat/ChatIframeView.js
@@ -15,6 +15,7 @@ const ChatIframeView = ({ src, roomId, title }) => {
     const matrix = useMatrix();
     const router = useRouter();
     const { t } = useTranslation('chat');
+    const iframeCurrent = iframe.current?.contentDocument || iframe.contentDocument; // dev and prod have different iframe.current?
 
     // Injecting custom CSS into the Element <iframe>
     useEffect(() => {
@@ -158,9 +159,7 @@ const ChatIframeView = ({ src, roomId, title }) => {
                             </TextButton>
                             <TextButton
                                 title={t('Call')}
-                                onClick={() =>
-                                    iframe.current.contentDocument.querySelector('header.mx_RoomHeader > div button:nth-child(1)').click()
-                                }
+                                onClick={() => iframeCurrent.querySelector('header.mx_RoomHeader > div button:nth-child(1)').click()}
                             >
                                 <Icon>
                                     <RiPhoneLine />
@@ -168,9 +167,7 @@ const ChatIframeView = ({ src, roomId, title }) => {
                             </TextButton>
                             <TextButton
                                 title={t('Threads')}
-                                onClick={() =>
-                                    iframe.current.contentDocument.querySelector('header.mx_RoomHeader > div button:nth-child(2)').click()
-                                }
+                                onClick={() => iframeCurrent.querySelector('header.mx_RoomHeader > div button:nth-child(2)').click()}
                             >
                                 <Icon>
                                     <RiSidebarFoldLine />

From 33053650fc41a282892d245a6771c0acc59dca4a Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Thu, 7 Mar 2024 16:22:07 +0100
Subject: [PATCH 573/714] feat: use shadcn Table for explore and adapt code
 base and replace emojis with Remix Icons

---
 components/UI/shadcn/Table.js             |  51 +++++
 package-lock.json                         |  32 +++
 package.json                              |   1 +
 pages/explore/TreeLeaves.js               |  62 ++----
 pages/explore/TreePath.js                 | 113 +++++-----
 pages/explore/[[...roomId]].js            | 255 ++++++++++++++++------
 pages/explore/manage-room/EllipsisMenu.js |  98 +++++++++
 7 files changed, 452 insertions(+), 160 deletions(-)
 create mode 100644 components/UI/shadcn/Table.js
 create mode 100644 pages/explore/manage-room/EllipsisMenu.js

diff --git a/components/UI/shadcn/Table.js b/components/UI/shadcn/Table.js
new file mode 100644
index 00000000..6fbad4d0
--- /dev/null
+++ b/components/UI/shadcn/Table.js
@@ -0,0 +1,51 @@
+import * as React from 'react';
+
+import { cn } from '@/lib/utils';
+
+const Table = React.forwardRef(({ className, ...props }, ref) => (
+    <div className="relative w-full overflow-auto">
+        <table ref={ref} className={cn('w-full caption-bottom text-sm', className)} {...props} />
+    </div>
+));
+Table.displayName = 'Table';
+
+const TableHeader = React.forwardRef(({ className, ...props }, ref) => (
+    <thead ref={ref} className={cn('[&_tr]:border-b', className)} {...props} />
+));
+TableHeader.displayName = 'TableHeader';
+
+const TableBody = React.forwardRef(({ className, ...props }, ref) => (
+    <tbody ref={ref} className={cn('[&_tr:last-child]:border-0', className)} {...props} />
+));
+TableBody.displayName = 'TableBody';
+
+const TableFooter = React.forwardRef(({ className, ...props }, ref) => (
+    <tfoot ref={ref} className={cn('border-t bg-muted/50 font-medium [&>tr]:last:border-b-0', className)} {...props} />
+));
+TableFooter.displayName = 'TableFooter';
+
+const TableRow = React.forwardRef(({ className, ...props }, ref) => (
+    <tr ref={ref} className={cn('border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted', className)} {...props} />
+));
+TableRow.displayName = 'TableRow';
+
+const TableHead = React.forwardRef(({ className, ...props }, ref) => (
+    <th
+        ref={ref}
+        className={cn('h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0', className)}
+        {...props}
+    />
+));
+TableHead.displayName = 'TableHead';
+
+const TableCell = React.forwardRef(({ className, ...props }, ref) => (
+    <td ref={ref} className={cn('p-4 align-middle [&:has([role=checkbox])]:pr-0', className)} {...props} />
+));
+TableCell.displayName = 'TableCell';
+
+const TableCaption = React.forwardRef(({ className, ...props }, ref) => (
+    <caption ref={ref} className={cn('mt-4 text-sm text-muted-foreground', className)} {...props} />
+));
+TableCaption.displayName = 'TableCaption';
+
+export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption };
diff --git a/package-lock.json b/package-lock.json
index 5a351a25..f63c85e2 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -18,6 +18,7 @@
         "@radix-ui/react-switch": "^1.0.3",
         "@radix-ui/react-tabs": "^1.0.4",
         "@remixicon/react": "^4.1.1",
+        "@tanstack/react-table": "^8.13.2",
         "class-variance-authority": "^0.7.0",
         "clsx": "^2.1.0",
         "i18next": "^23.8.2",
@@ -1851,6 +1852,37 @@
         "tslib": "^2.4.0"
       }
     },
+    "node_modules/@tanstack/react-table": {
+      "version": "8.13.2",
+      "resolved": "https://registry.npmjs.org/@tanstack/react-table/-/react-table-8.13.2.tgz",
+      "integrity": "sha512-b6mR3mYkjRtJ443QZh9sc7CvGTce81J35F/XMr0OoWbx0KIM7TTTdyNP2XKObvkLpYnLpCrYDwI3CZnLezWvpg==",
+      "dependencies": {
+        "@tanstack/table-core": "8.13.2"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      },
+      "peerDependencies": {
+        "react": ">=16",
+        "react-dom": ">=16"
+      }
+    },
+    "node_modules/@tanstack/table-core": {
+      "version": "8.13.2",
+      "resolved": "https://registry.npmjs.org/@tanstack/table-core/-/table-core-8.13.2.tgz",
+      "integrity": "sha512-/2saD1lWBUV6/uNAwrsg2tw58uvMJ07bO2F1IWMxjFRkJiXKQRuc3Oq2aufeobD3873+4oIM/DRySIw7+QsPPw==",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      }
+    },
     "node_modules/@types/events": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/@types/events/-/events-3.0.1.tgz",
diff --git a/package.json b/package.json
index 5dda2b2c..1342130a 100644
--- a/package.json
+++ b/package.json
@@ -20,6 +20,7 @@
     "@radix-ui/react-switch": "^1.0.3",
     "@radix-ui/react-tabs": "^1.0.4",
     "@remixicon/react": "^4.1.1",
+    "@tanstack/react-table": "^8.13.2",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.0",
     "i18next": "^23.8.2",
diff --git a/pages/explore/TreeLeaves.js b/pages/explore/TreeLeaves.js
index 76ec6470..5d934282 100644
--- a/pages/explore/TreeLeaves.js
+++ b/pages/explore/TreeLeaves.js
@@ -1,48 +1,33 @@
-import { useRouter } from 'next/router';
 import React, { useEffect, useState } from 'react';
 import getConfig from 'next/config';
 
 import LoadingSpinner from '../../components/UI/LoadingSpinner';
-import ServiceLink from '../../components/UI/ServiceLink';
 import { useAuth } from '@/lib/Auth';
 import { useMatrix } from '@/lib/Matrix';
 import logger from '@/lib/Logging';
+import { TableCell, TableRow } from '@/components/UI/shadcn/Table';
+import { flexRender } from '@tanstack/react-table';
 
-const getIcon = (template, name) => {
-    switch (template) {
-        case 'etherpad':
-            return '📝 ' + name;
-        case 'spacedeck':
-            return '🎨 ' + name;
-        case 'studentproject':
-            return '🎓 ' + name;
-        case 'link':
-            return '🔗 ' + name;
-        default:
-            return name;
-    }
-};
-
-const TreeLeaves = ({ leaf, parentName, selectedRoomId, isFetchingContent, small, isChat, onRemove, myPowerLevel }) => {
-    const router = useRouter();
+const TreeLeaves = ({ row, parentName, selectedRoomId, isFetchingContent, small, onRemove, myPowerLevel }, ref) => {
     const auth = useAuth();
     const matrix = useMatrix();
-
+    console.log(row);
     const etherpad = auth.getAuthenticationProvider('etherpad');
     const [isPasswordProtected, setIsPasswordProtected] = useState(false);
 
-    const roomId = leaf.id || leaf.room_id || leaf.roomId;
-    const parentId = leaf.parent.id || leaf.parent.room_id || leaf.parent.roomId;
-    const template = leaf.meta?.template;
+    const roomId = row.original.id || row.original.room_id || row.original.roomId;
+    const parentId = row.original.parent.id || row.original.parent.room_id || row.original.parent.roomId;
+    const template = row.original.meta?.template;
     const externalUrl = template === 'link' && matrix.roomContents.get(roomId)?.body;
+    const isChat = (!row.original.meta && !row.original.room_type) || (!row.original.meta && row.original.room_type === 'm.room');
     // if the room is a chat or service we want to show a different icon
-
-    const name = isChat ? '💬 ' + leaf.name : getIcon(template, leaf.name);
-    const href = externalUrl
+    row.ref = ref;
+    row.href = externalUrl
         ? externalUrl
         : Object.keys(getConfig().publicRuntimeConfig.authProviders)?.includes(template) || isChat
           ? `/explore/${parentId}/${roomId}`
           : `/explore/${roomId}`;
+    row.roomId = roomId;
 
     useEffect(() => {
         const controller = new AbortController();
@@ -64,7 +49,7 @@ const TreeLeaves = ({ leaf, parentName, selectedRoomId, isFetchingContent, small
 
                 if (!url?.body) return false;
                 const padId = url.body.split('/').pop();
-
+                // console.log(etherpad.isPadPasswordProtected(padId));
                 return etherpad.isPadPasswordProtected(padId);
             };
 
@@ -90,26 +75,17 @@ const TreeLeaves = ({ leaf, parentName, selectedRoomId, isFetchingContent, small
         return () => controller.abort();
     }, [etherpad, matrix, matrix.roomContents, roomId, template]);
 
-    if (!leaf) return <LoadingSpinner />;
+    if (!row.original) return <LoadingSpinner />;
 
     // if an iframe is open we only want to show items in the list
-    if (selectedRoomId && leaf.type !== 'item') return null;
+    if (selectedRoomId && row.original.type !== 'item') return null;
 
     return (
-        <ServiceLink
-            small={small}
-            roomId={roomId}
-            target={template === 'link' ? '_blank' : '_self'}
-            href={href}
-            name={name}
-            isFetchingContent={isFetchingContent}
-            selected={router.query.roomId[1] === roomId || router.query.roomId[0] === roomId}
-            onRemove={() => onRemove(roomId)}
-            parentName={parentName}
-            passwordProtected={isPasswordProtected}
-            myPowerLevel={myPowerLevel}
-            parentRoomId={parentId}
-        />
+        <TableRow key={row.id}>
+            {row.getVisibleCells().map((cell) => {
+                return <TableCell key={cell.id}>{flexRender(cell.column.columnDef.cell, cell.getContext())}</TableCell>;
+            })}
+        </TableRow>
     );
 };
 
diff --git a/pages/explore/TreePath.js b/pages/explore/TreePath.js
index 73f1023b..a1e830d3 100644
--- a/pages/explore/TreePath.js
+++ b/pages/explore/TreePath.js
@@ -3,72 +3,81 @@ import styled from 'styled-components';
 import Link from 'next/link';
 
 import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
-import { ServiceTable } from '../../components/UI/ServiceTable';
+import { ServiceTable } from '@/components/UI/ServiceTable';
 import TreeLeaves from './TreeLeaves';
+import { getCoreRowModel, useReactTable } from '@tanstack/react-table';
 
 const Leaf = styled(ServiceTable.Cell)`
-  cursor: pointer;
-  animation: fade-in 0.3s;
+    cursor: pointer;
+    animation: fade-in 0.3s;
 
-  a {
-    &:hover {
-      text-decoration: underline;
-      cursor: pointer;
+    a {
+        &:hover {
+            text-decoration: underline;
+            cursor: pointer;
+        }
     }
-  }
-
-  @keyframes fade-in {
-    0% { opacity: 0; }
-    100% { opacity: 1; }
-  }
 
+    @keyframes fade-in {
+        0% {
+            opacity: 0;
+        }
+        100% {
+            opacity: 1;
+        }
+    }
 `;
 
 const TreePath = ({ selectedSpaceChildren, isFetchingContent, iframeRoomId }) => {
+    const columns = [
+        {
+            accessorKey: 'name',
+            header: 'Name',
+            cell: ({ row }) => (
+                <Link
+                    ref={row.getValue('ref')}
+                    target={row.target}
+                    href={row.href}
+                    rel="noopener noreferrer"
+                    className="flex items-center justify-between"
+                >
+                    {row.name}
+                </Link>
+            ),
+        },
+    ];
+    const data = selectedSpaceChildren[selectedSpaceChildren.length - 1];
+
+    const table = useReactTable({
+        data,
+        columns,
+        getCoreRowModel: getCoreRowModel(),
+    });
+
     return (
         <ServiceTable>
-            { selectedSpaceChildren.map((path, index) => {
+            {selectedSpaceChildren.map((path, index) => {
                 if (!path[0]) return null;
                 const roomId = path[0].id || path[0].room_id || path[0].roomId;
 
-                return <ServiceTable.Row key={index}>
-                    <Leaf selected
-                        disabled={isFetchingContent}
-                    >
-                        <Link disabled href={`/explore/${roomId}`}>{ index > 0 && '↳ ' }{ path[0].name }{ isFetchingContent === roomId && <LoadingSpinnerInline /> }</Link>
-                    </Leaf>
-
-                </ServiceTable.Row>;
-            }) }
-            { iframeRoomId && selectedSpaceChildren[selectedSpaceChildren.length - 1]
-                .sort(function(a, b) {
-                    if (a.type === 'item' && b.type !== 'item') {
-                        return -1; // 'a' comes before 'b'
-                    } else if (a.type !== 'item' && b.type === 'item') {
-                        return 1; // 'a' comes after 'b'
-                    } else {
-                        return 0; // No sorting necessary
-                    }
-                })
-                .map((leaf, index) => {
-                    if (leaf.length <= 1) {
-                        return;
-                    }
-
-                    if (index === 0) return null;
-
-                    // Sort the array to display objects of type 'item' before others
-                    return <TreeLeaves
-                        small
-                        depth={selectedSpaceChildren.length}
-                        leaf={leaf}
-                        parent={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].room_id}
-                        key={leaf.room_id + '_' + index}
-                        iframeRoomId={iframeRoomId}
-                        isFetchingContent={isFetchingContent}
-                        isChat={(!leaf.meta && !leaf.room_type) || (!leaf.meta && leaf.room_type === 'm.room')} // chat rooms created with element do not have a room_type attribute. therefore we have to check for both cases
-                    />;
-                }) }
+                return (
+                    <ServiceTable.Row key={index}>
+                        <Leaf selected disabled={isFetchingContent}>
+                            <Link disabled href={`/explore/${roomId}`}>
+                                {index > 0 && '↳ '}
+                                {path[0].name}
+                                {isFetchingContent === roomId && <LoadingSpinnerInline />}
+                            </Link>
+                        </Leaf>
+                    </ServiceTable.Row>
+                );
+            })}
+            {iframeRoomId && table.getRowModel().rows?.length
+                ? table.getRowModel().rows.map((row, index) => {
+                      if (index === 0) return null;
+                      return <TreeLeaves row={row} />;
+                  })
+                : null}
         </ServiceTable>
     );
 };
diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 81469805..78a50007 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -5,17 +5,13 @@ import _ from 'lodash';
 import styled from 'styled-components';
 import { useTranslation } from 'react-i18next';
 import { EventTimeline } from 'matrix-js-sdk';
-import { RiAddLine, RiUserLine } from '@remixicon/react';
+import { RiAddLine, RiBrush2Line, RiBrushLine, RiChat1Line, RiFolderLine, RiLink, RiPencilLine, RiUserLine } from '@remixicon/react';
 import { toast } from 'sonner';
-
-import { ServiceTable } from '@/components/UI/ServiceTable';
 import LoadingSpinner from '../../components/UI/LoadingSpinner';
 import { useAuth } from '@/lib/Auth';
 import { useMatrix } from '@/lib/Matrix';
 import ServiceIframeHeader from '../../components/UI/ServiceIframeHeader';
 // import ExploreMatrixActions from './manage-room/ExploreMatrixActions';
-import ErrorMessage from '../../components/UI/ErrorMessage';
-import TreeLeaves from './TreeLeaves';
 import TreePath from './TreePath';
 import ExploreIframeViews from './ExploreIframeViews';
 import logger from '../../lib/Logging';
@@ -26,6 +22,11 @@ import { Button } from '@/components/UI/shadcn/Button';
 import TextButton from '@/components/UI/TextButton';
 import Icon from '@/components/UI/Icon';
 import UserManagement from './manage-room/UserManagement';
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/UI/shadcn/Table';
+import { flexRender, getCoreRowModel, getPaginationRowModel, useReactTable } from '@tanstack/react-table';
+import TreeLeaves from './TreeLeaves';
+import Link from 'next/link';
+import EllipsisMenu from './manage-room/EllipsisMenu';
 
 const ServiceTableWrapper = styled.div`
     width: 100%;
@@ -256,6 +257,15 @@ export default function Explore() {
     }, [router.query?.roomId, matrix.initialSyncDone, cachedSpace]);
 
     const removeChildFromParent = async (idToRemove) => {
+        if (idToRemove === roomId) {
+            toast.error('You cannot remove the parent room from itself');
+            return false;
+        }
+        if (!idToRemove) {
+            toast.error('No room id provided');
+            return false;
+        }
+
         await auth
             .getAuthenticationProvider('matrix')
             .removeSpaceChild(roomId, idToRemove)
@@ -269,8 +279,106 @@ export default function Explore() {
         return true;
     };
 
-    if (typeof window === 'undefined') return <LoadingSpinner />;
+    // const data = [
+    //     {
+    //         user_id: '728ed52f',
+    //         roomId: 100,
+    //         status: 'pending',
+    //         room_name: 'm@example.com',
+    //     },
+    // ];
+
+    const data = selectedSpaceChildren[selectedSpaceChildren.length - 1];
+    const columns = [
+        {
+            accessorKey: 'template',
+            header: 'Type',
+            cell: ({ row }) => {
+                console.log(row);
+                if (row.original?.meta?.template === 'etherpad') {
+                    return (
+                        <Icon>
+                            <RiPencilLine />
+                        </Icon>
+                    );
+                }
+                if (row.original?.meta?.template === 'spacedeck') {
+                    return (
+                        <Icon>
+                            <RiBrush2Line />
+                        </Icon>
+                    );
+                }
+                if (row.original?.meta?.template === 'tldraw') {
+                    return (
+                        <Icon>
+                            <RiBrushLine />
+                        </Icon>
+                    );
+                }
 
+                if (row.original?.meta?.template === 'link') {
+                    return (
+                        <Icon>
+                            <RiLink />
+                        </Icon>
+                    );
+                }
+                if (row.original?.meta?.type === 'context') {
+                    return (
+                        <Icon>
+                            <RiFolderLine />
+                        </Icon>
+                    );
+                }
+                if (!row.original?.meta) {
+                    return (
+                        <Icon>
+                            <RiChat1Line />
+                        </Icon>
+                    );
+                }
+            },
+        },
+        {
+            accessorKey: 'name',
+            header: 'Name',
+            cell: ({ row }) => (
+                <Link target={row.target} href={row.href} rel="noopener noreferrer" className="flex items-center justify-between">
+                    {row.getValue('name')}
+                </Link>
+            ),
+        },
+        {
+            id: 'actions',
+            header: <div className={'text-right'}>Options</div>,
+            cell: ({ row }) => {
+                return (
+                    <div className="text-right">
+                        <EllipsisMenu
+                            parentName={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].name}
+                            onRemove={() => removeChildFromParent(row.roomId)}
+                            myPowerLevel={myPowerLevel}
+                            parentRoomId={roomId}
+                            name={row.name}
+                            href={row.href}
+                        />
+                    </div>
+                );
+            },
+        },
+    ];
+
+    const table = useReactTable({
+        data,
+        columns,
+        getCoreRowModel: getCoreRowModel(),
+        getPaginationRowModel: getPaginationRowModel(),
+    });
+
+    if (typeof window === 'undefined') return <LoadingSpinner />;
+    // console.log(selectedSpaceChildren[selectedSpaceChildren.length - 1]);
+    console.log(table);
     return (
         <>
             <DefaultLayout.Sidebar>
@@ -323,69 +431,86 @@ export default function Explore() {
                                         </TextButton>
                                     </UserManagement>
                                 ) : (
-                                    <ServiceTable>
-                                        {selectedSpaceChildren[selectedSpaceChildren.length - 1]
-                                            .sort(function (a, b) {
-                                                if (a.type === 'item' && b.type !== 'item') {
-                                                    return -1; // 'a' comes before 'b'
-                                                } else if (a.type !== 'item' && b.type === 'item') {
-                                                    return 1; // 'a' comes after 'b'
-                                                } else {
-                                                    return 0; // No sorting necessary
-                                                }
-                                            })
-                                            .map((leaf, index) => {
-                                                if (leaf.length <= 1) {
-                                                    return (
-                                                        <ErrorMessage key="error-message">
+                                    <>
+                                        <Table>
+                                            <TableHeader>
+                                                {table.getHeaderGroups().map((headerGroup) => (
+                                                    <TableRow key={headerGroup.id}>
+                                                        {headerGroup.headers.map((header) => {
+                                                            return (
+                                                                <TableHead key={header.id}>
+                                                                    {header.isPlaceholder
+                                                                        ? null
+                                                                        : flexRender(header.column.columnDef.header, header.getContext())}
+                                                                </TableHead>
+                                                            );
+                                                        })}
+                                                    </TableRow>
+                                                ))}
+                                            </TableHeader>
+                                            <TableBody>
+                                                {table.getRowModel().rows?.length ? (
+                                                    table.getRowModel().rows.map((row, index) => {
+                                                        if (index === 0) return null;
+                                                        return <TreeLeaves row={row} />;
+                                                    })
+                                                ) : (
+                                                    <TableRow>
+                                                        <TableCell colSpan={columns.length} className="h-24 text-center">
                                                             Thank you, {auth.user.displayname}! But our item is in another context! 🍄
-                                                        </ErrorMessage>
-                                                    );
-                                                }
-
-                                                if (index === 0) return null;
-                                                const roomId = leaf.id || leaf.room_id || leaf.roomId;
-
-                                                // Sort the array to display objects of type 'item' before others
-                                                return (
-                                                    <TreeLeaves
-                                                        depth={selectedSpaceChildren.length}
-                                                        leaf={leaf}
-                                                        isChat={
-                                                            (!leaf.meta && !leaf.room_type) || (!leaf.meta && leaf.room_type === 'm.room')
-                                                        } // chat rooms created with element do not have a room_type attribute. therefore we have to check for both cases
-                                                        key={roomId + '_' + index}
-                                                        iframeRoomId={iframeRoomId}
-                                                        isFetchingContent={isFetchingContent}
-                                                        parentName={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].name}
-                                                        onRemove={removeChildFromParent}
-                                                        myPowerLevel={myPowerLevel}
-                                                    />
-                                                );
-                                            })}
-                                    </ServiceTable>
-                                )}
-                                {!manageContextActionToggle &&
-                                    matrixClient
-                                        .getRoom(roomId)
-                                        ?.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel) && (
-                                        <QuickAddExplore
-                                            currentId={roomId}
-                                            roomName={matrix.spaces.get(roomId).name}
-                                            getSpaceChildren={getSpaceChildren}
-                                            allChatRooms={allChatRooms}
-                                            trigger={
+                                                        </TableCell>
+                                                    </TableRow>
+                                                )}
+                                            </TableBody>
+                                        </Table>
+                                        {!manageContextActionToggle &&
+                                            matrixClient
+                                                .getRoom(roomId)
+                                                ?.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel) && (
+                                                <QuickAddExplore
+                                                    currentId={roomId}
+                                                    roomName={matrix.spaces.get(roomId).name}
+                                                    getSpaceChildren={getSpaceChildren}
+                                                    allChatRooms={allChatRooms}
+                                                    trigger={
+                                                        <Button
+                                                            className="grid w-full grid-flow-col justify-between px-0 hover:text-accent"
+                                                            variant="ghost"
+                                                            // onClick={() => setIsQuickAddOpen((prevState) => !prevState)}
+                                                        >
+                                                            {t('Add more …')}
+                                                            <div className="px-4">
+                                                                <RiAddLine />
+                                                            </div>
+                                                        </Button>
+                                                    }
+                                                />
+                                            )}
+                                        <div className="flex items-center justify-end space-x-2 py-4">
+                                            <div className="flex-1 text-sm text-muted-foreground">
+                                                Page {table.getState().pagination.pageIndex + 1} of {table.getPageCount()}
+                                            </div>
+                                            <div className="space-x-2">
+                                                <Button
+                                                    variant="outline"
+                                                    size="sm"
+                                                    onClick={() => table.previousPage()}
+                                                    disabled={!table.getCanPreviousPage()}
+                                                >
+                                                    Previous
+                                                </Button>
                                                 <Button
-                                                    className="w-full justify-between px-0 hover:text-accent"
-                                                    variant="ghost"
-                                                    // onClick={() => setIsQuickAddOpen((prevState) => !prevState)}
+                                                    variant="outline"
+                                                    size="sm"
+                                                    onClick={() => table.nextPage()}
+                                                    disabled={!table.getCanNextPage()}
                                                 >
-                                                    {t('Add more …')}
-                                                    <RiAddLine />
+                                                    Next
                                                 </Button>
-                                            }
-                                        />
-                                    )}
+                                            </div>
+                                        </div>
+                                    </>
+                                )}
                             </ServiceTableWrapper>
                         </DefaultLayout.Wrapper>
                     </>
diff --git a/pages/explore/manage-room/EllipsisMenu.js b/pages/explore/manage-room/EllipsisMenu.js
new file mode 100644
index 00000000..6ef5d11a
--- /dev/null
+++ b/pages/explore/manage-room/EllipsisMenu.js
@@ -0,0 +1,98 @@
+import React, { useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useAuth } from '@/lib/Auth';
+import {
+    Dialog,
+    DialogContent,
+    DialogDescription,
+    DialogFooter,
+    DialogHeader,
+    DialogTitle,
+    DialogTrigger,
+} from '@/components/UI/shadcn/Dialog';
+import {
+    DropdownMenu,
+    DropdownMenuContent,
+    DropdownMenuItem,
+    DropdownMenuSeparator,
+    DropdownMenuTrigger,
+} from '@/components/UI/shadcn/DropdownMenu';
+import { RiClipboardLine, RiFolderCloseLine, RiMoreLine } from '@remixicon/react';
+import { isValidUrl } from '@/lib/utils';
+import Icon from '@/components/UI/Icon';
+import { toast } from 'sonner';
+import ConfirmCancelButtons from '@/components/UI/ConfirmCancelButtons';
+
+const EllipsisMenu = ({ parentName, name, parentRoomId, onRemove, myPowerLevel, href }) => {
+    const [dialogOpen, setDialogOpen] = useState(false);
+    const { t } = useTranslation();
+    const matrixClient = useAuth().getAuthenticationProvider('matrix').getMatrixClient();
+    const room = matrixClient.getRoom(parentRoomId);
+    const canRemoveFromParent = room?.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel);
+
+    return (
+        <Dialog open={dialogOpen} onOpenChange={setDialogOpen}>
+            <DropdownMenu>
+                <DropdownMenuTrigger className="align-middle">
+                    <RiMoreLine />
+                </DropdownMenuTrigger>
+                <DropdownMenuContent>
+                    <DropdownMenuItem
+                        className="grid w-full grid-flow-col justify-start gap-2"
+                        onClick={() =>
+                            navigator.clipboard.writeText(isValidUrl(href) ? href : `${location.protocol}//${location.hostname}${href}`)
+                        }
+                    >
+                        <Icon>
+                            <RiClipboardLine />
+                        </Icon>
+                        <span>{t('Copy link to clipboard')}</span>
+                    </DropdownMenuItem>
+                    {canRemoveFromParent && (
+                        <>
+                            <DropdownMenuSeparator />
+                            <DialogTrigger asChild>
+                                <DropdownMenuItem className="grid w-full grid-flow-col justify-start gap-2" variant="ghost">
+                                    <Icon>
+                                        <RiFolderCloseLine />
+                                    </Icon>
+                                    <span>{t('Remove')}</span>
+                                </DropdownMenuItem>
+                            </DialogTrigger>
+                        </>
+                    )}
+                </DropdownMenuContent>
+            </DropdownMenu>
+            <DialogContent>
+                <>
+                    <DialogHeader>
+                        <DialogTitle>{t('Are you absolutely sure you want to remove {{name}}', { name: name })}</DialogTitle>
+                        <DialogDescription>
+                            {t('This will only remove {{name}} from {{space}}. It will not delete {{name}}', {
+                                name: name,
+                                space: parentName,
+                            })}
+                        </DialogDescription>
+                    </DialogHeader>
+                    <DialogFooter>
+                        <form
+                            onSubmit={async (e) => {
+                                e.preventDefault();
+                                const remove = await onRemove();
+
+                                if (remove) {
+                                    setDialogOpen(false);
+                                    toast.success(t('You have removed {{name}} from {{space}}', { name: name, space: parentName }));
+                                }
+                            }}
+                            onReset={() => setDialogOpen(false)}
+                        >
+                            <ConfirmCancelButtons confirmLabel="Remove" destructive />
+                        </form>
+                    </DialogFooter>
+                </>
+            </DialogContent>
+        </Dialog>
+    );
+};
+export default EllipsisMenu;

From c93ffe701efeef0ceee84a16c959ebb7403180a7 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Thu, 7 Mar 2024 16:29:21 +0100
Subject: [PATCH 574/714] refactor: create separate cell for icons

---
 pages/explore/TreeLeaves.js    | 3 +++
 pages/explore/[[...roomId]].js | 2 +-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/pages/explore/TreeLeaves.js b/pages/explore/TreeLeaves.js
index 5d934282..d820fd4d 100644
--- a/pages/explore/TreeLeaves.js
+++ b/pages/explore/TreeLeaves.js
@@ -83,6 +83,9 @@ const TreeLeaves = ({ row, parentName, selectedRoomId, isFetchingContent, small,
     return (
         <TableRow key={row.id}>
             {row.getVisibleCells().map((cell) => {
+                if (cell.id.includes('icon')) {
+                    return <TableCell key={cell.id}>{flexRender(cell.column.columnDef.cell, cell.getContext())}</TableCell>;
+                }
                 return <TableCell key={cell.id}>{flexRender(cell.column.columnDef.cell, cell.getContext())}</TableCell>;
             })}
         </TableRow>
diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 78a50007..2d451b73 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -291,7 +291,7 @@ export default function Explore() {
     const data = selectedSpaceChildren[selectedSpaceChildren.length - 1];
     const columns = [
         {
-            accessorKey: 'template',
+            accessorKey: 'icon',
             header: 'Type',
             cell: ({ row }) => {
                 console.log(row);

From d8a7e70c9cd2902d724ddc4755299b2c0609b210 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Thu, 7 Mar 2024 16:31:37 +0100
Subject: [PATCH 575/714] chore: make eslint happy

---
 .idea/jsLinters/eslint.xml     |  1 -
 pages/explore/TreeLeaves.js    |  5 +++--
 pages/explore/[[...roomId]].js | 19 +++++++++++++++----
 3 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/.idea/jsLinters/eslint.xml b/.idea/jsLinters/eslint.xml
index e2b959c2..541945bb 100644
--- a/.idea/jsLinters/eslint.xml
+++ b/.idea/jsLinters/eslint.xml
@@ -1,7 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
   <component name="EslintConfiguration">
-    <files-pattern value="**/*.{js}" />
     <option name="fix-on-save" value="true" />
   </component>
 </project>
\ No newline at end of file
diff --git a/pages/explore/TreeLeaves.js b/pages/explore/TreeLeaves.js
index d820fd4d..1e200946 100644
--- a/pages/explore/TreeLeaves.js
+++ b/pages/explore/TreeLeaves.js
@@ -1,12 +1,12 @@
 import React, { useEffect, useState } from 'react';
 import getConfig from 'next/config';
+import { flexRender } from '@tanstack/react-table';
 
 import LoadingSpinner from '../../components/UI/LoadingSpinner';
 import { useAuth } from '@/lib/Auth';
 import { useMatrix } from '@/lib/Matrix';
 import logger from '@/lib/Logging';
 import { TableCell, TableRow } from '@/components/UI/shadcn/Table';
-import { flexRender } from '@tanstack/react-table';
 
 const TreeLeaves = ({ row, parentName, selectedRoomId, isFetchingContent, small, onRemove, myPowerLevel }, ref) => {
     const auth = useAuth();
@@ -49,7 +49,7 @@ const TreeLeaves = ({ row, parentName, selectedRoomId, isFetchingContent, small,
 
                 if (!url?.body) return false;
                 const padId = url.body.split('/').pop();
-                // console.log(etherpad.isPadPasswordProtected(padId));
+
                 return etherpad.isPadPasswordProtected(padId);
             };
 
@@ -86,6 +86,7 @@ const TreeLeaves = ({ row, parentName, selectedRoomId, isFetchingContent, small,
                 if (cell.id.includes('icon')) {
                     return <TableCell key={cell.id}>{flexRender(cell.column.columnDef.cell, cell.getContext())}</TableCell>;
                 }
+
                 return <TableCell key={cell.id}>{flexRender(cell.column.columnDef.cell, cell.getContext())}</TableCell>;
             })}
         </TableRow>
diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 2d451b73..37f9a25f 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -7,6 +7,9 @@ import { useTranslation } from 'react-i18next';
 import { EventTimeline } from 'matrix-js-sdk';
 import { RiAddLine, RiBrush2Line, RiBrushLine, RiChat1Line, RiFolderLine, RiLink, RiPencilLine, RiUserLine } from '@remixicon/react';
 import { toast } from 'sonner';
+import { flexRender, getCoreRowModel, getPaginationRowModel, useReactTable } from '@tanstack/react-table';
+import Link from 'next/link';
+
 import LoadingSpinner from '../../components/UI/LoadingSpinner';
 import { useAuth } from '@/lib/Auth';
 import { useMatrix } from '@/lib/Matrix';
@@ -23,9 +26,7 @@ import TextButton from '@/components/UI/TextButton';
 import Icon from '@/components/UI/Icon';
 import UserManagement from './manage-room/UserManagement';
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/UI/shadcn/Table';
-import { flexRender, getCoreRowModel, getPaginationRowModel, useReactTable } from '@tanstack/react-table';
 import TreeLeaves from './TreeLeaves';
-import Link from 'next/link';
 import EllipsisMenu from './manage-room/EllipsisMenu';
 
 const ServiceTableWrapper = styled.div`
@@ -259,10 +260,13 @@ export default function Explore() {
     const removeChildFromParent = async (idToRemove) => {
         if (idToRemove === roomId) {
             toast.error('You cannot remove the parent room from itself');
+
             return false;
         }
+
         if (!idToRemove) {
             toast.error('No room id provided');
+
             return false;
         }
 
@@ -295,6 +299,7 @@ export default function Explore() {
             header: 'Type',
             cell: ({ row }) => {
                 console.log(row);
+
                 if (row.original?.meta?.template === 'etherpad') {
                     return (
                         <Icon>
@@ -302,6 +307,7 @@ export default function Explore() {
                         </Icon>
                     );
                 }
+
                 if (row.original?.meta?.template === 'spacedeck') {
                     return (
                         <Icon>
@@ -309,6 +315,7 @@ export default function Explore() {
                         </Icon>
                     );
                 }
+
                 if (row.original?.meta?.template === 'tldraw') {
                     return (
                         <Icon>
@@ -324,6 +331,7 @@ export default function Explore() {
                         </Icon>
                     );
                 }
+
                 if (row.original?.meta?.type === 'context') {
                     return (
                         <Icon>
@@ -331,6 +339,7 @@ export default function Explore() {
                         </Icon>
                     );
                 }
+
                 if (!row.original?.meta) {
                     return (
                         <Icon>
@@ -351,7 +360,7 @@ export default function Explore() {
         },
         {
             id: 'actions',
-            header: <div className={'text-right'}>Options</div>,
+            header: <div className="text-right">Options</div>,
             cell: ({ row }) => {
                 return (
                     <div className="text-right">
@@ -379,6 +388,7 @@ export default function Explore() {
     if (typeof window === 'undefined') return <LoadingSpinner />;
     // console.log(selectedSpaceChildren[selectedSpaceChildren.length - 1]);
     console.log(table);
+
     return (
         <>
             <DefaultLayout.Sidebar>
@@ -452,7 +462,8 @@ export default function Explore() {
                                                 {table.getRowModel().rows?.length ? (
                                                     table.getRowModel().rows.map((row, index) => {
                                                         if (index === 0) return null;
-                                                        return <TreeLeaves row={row} />;
+
+                                                        return <TreeLeaves key={row.id} row={row} />;
                                                     })
                                                 ) : (
                                                     <TableRow>

From 52a4332135f67999b5075fdb97959cefc2b69784 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Thu, 7 Mar 2024 17:39:26 +0100
Subject: [PATCH 576/714] style: table colums widths and header icon style

---
 pages/explore/TreeLeaves.js               | 12 ++++++--
 pages/explore/[[...roomId]].js            | 36 ++++++++++++++++++++---
 pages/explore/manage-room/EllipsisMenu.js |  4 ++-
 3 files changed, 45 insertions(+), 7 deletions(-)

diff --git a/pages/explore/TreeLeaves.js b/pages/explore/TreeLeaves.js
index 1e200946..369bd004 100644
--- a/pages/explore/TreeLeaves.js
+++ b/pages/explore/TreeLeaves.js
@@ -84,10 +84,18 @@ const TreeLeaves = ({ row, parentName, selectedRoomId, isFetchingContent, small,
         <TableRow key={row.id}>
             {row.getVisibleCells().map((cell) => {
                 if (cell.id.includes('icon')) {
-                    return <TableCell key={cell.id}>{flexRender(cell.column.columnDef.cell, cell.getContext())}</TableCell>;
+                    return (
+                        <TableCell key={cell.id}>
+                            {flexRender(cell.column.columnDef.cell, cell.getContext())}
+                        </TableCell>
+                    );
                 }
 
-                return <TableCell key={cell.id}>{flexRender(cell.column.columnDef.cell, cell.getContext())}</TableCell>;
+                return (
+                    <TableCell key={cell.id}>
+                        {flexRender(cell.column.columnDef.cell, cell.getContext())}
+                    </TableCell>
+                );
             })}
         </TableRow>
     );
diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 37f9a25f..4fdd8cb4 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -5,7 +5,18 @@ import _ from 'lodash';
 import styled from 'styled-components';
 import { useTranslation } from 'react-i18next';
 import { EventTimeline } from 'matrix-js-sdk';
-import { RiAddLine, RiBrush2Line, RiBrushLine, RiChat1Line, RiFolderLine, RiLink, RiPencilLine, RiUserLine } from '@remixicon/react';
+import {
+    RiAddLine,
+    RiBrush2Line,
+    RiBrushLine,
+    RiChat1Line,
+    RiFolderLine,
+    RiFolderSettingsLine,
+    RiFolderUnknowLine,
+    RiLink,
+    RiPencilLine,
+    RiUserLine,
+} from '@remixicon/react';
 import { toast } from 'sonner';
 import { flexRender, getCoreRowModel, getPaginationRowModel, useReactTable } from '@tanstack/react-table';
 import Link from 'next/link';
@@ -296,7 +307,11 @@ export default function Explore() {
     const columns = [
         {
             accessorKey: 'icon',
-            header: 'Type',
+            header: (
+                <Icon>
+                    <RiFolderUnknowLine />
+                </Icon>
+            ),
             cell: ({ row }) => {
                 console.log(row);
 
@@ -358,12 +373,25 @@ export default function Explore() {
                 </Link>
             ),
         },
+        {
+            accessorKey: 'roomId',
+            header: 'Room ID',
+            cell: ({ row }) => (
+                <Link target={row.target} href={row.href} rel="noopener noreferrer" className="flex items-center justify-between">
+                    {row.getValue('name')}
+                </Link>
+            ),
+        },
         {
             id: 'actions',
-            header: <div className="text-right">Options</div>,
+            header: (
+                    <Icon className="grid justify-end">
+                        <RiFolderSettingsLine />
+                    </Icon>
+            ),
             cell: ({ row }) => {
                 return (
-                    <div className="text-right">
+                    <div className="grid justify-end">
                         <EllipsisMenu
                             parentName={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].name}
                             onRemove={() => removeChildFromParent(row.roomId)}
diff --git a/pages/explore/manage-room/EllipsisMenu.js b/pages/explore/manage-room/EllipsisMenu.js
index 6ef5d11a..98c03386 100644
--- a/pages/explore/manage-room/EllipsisMenu.js
+++ b/pages/explore/manage-room/EllipsisMenu.js
@@ -34,7 +34,9 @@ const EllipsisMenu = ({ parentName, name, parentRoomId, onRemove, myPowerLevel,
         <Dialog open={dialogOpen} onOpenChange={setDialogOpen}>
             <DropdownMenu>
                 <DropdownMenuTrigger className="align-middle">
-                    <RiMoreLine />
+                    <Icon>
+                        <RiMoreLine />
+                    </Icon>
                 </DropdownMenuTrigger>
                 <DropdownMenuContent>
                     <DropdownMenuItem

From f24984c92389000fc2e0a76646816b1a36ed3d42 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Thu, 7 Mar 2024 18:00:35 +0100
Subject: [PATCH 577/714] refactor: remove unused column

---
 pages/explore/[[...roomId]].js | 15 +++------------
 1 file changed, 3 insertions(+), 12 deletions(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 4fdd8cb4..7dcca1a6 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -373,21 +373,12 @@ export default function Explore() {
                 </Link>
             ),
         },
-        {
-            accessorKey: 'roomId',
-            header: 'Room ID',
-            cell: ({ row }) => (
-                <Link target={row.target} href={row.href} rel="noopener noreferrer" className="flex items-center justify-between">
-                    {row.getValue('name')}
-                </Link>
-            ),
-        },
         {
             id: 'actions',
             header: (
-                    <Icon className="grid justify-end">
-                        <RiFolderSettingsLine />
-                    </Icon>
+                <Icon className="grid justify-end">
+                    <RiFolderSettingsLine />
+                </Icon>
             ),
             cell: ({ row }) => {
                 return (

From a2177a5077a325269be5021cd9d891e2482f8096 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Mon, 11 Mar 2024 11:20:44 +0100
Subject: [PATCH 578/714] style: remove type-related classes from Table

---
 components/UI/shadcn/Table.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/UI/shadcn/Table.js b/components/UI/shadcn/Table.js
index 6fbad4d0..0a6c8db1 100644
--- a/components/UI/shadcn/Table.js
+++ b/components/UI/shadcn/Table.js
@@ -4,7 +4,7 @@ import { cn } from '@/lib/utils';
 
 const Table = React.forwardRef(({ className, ...props }, ref) => (
     <div className="relative w-full overflow-auto">
-        <table ref={ref} className={cn('w-full caption-bottom text-sm', className)} {...props} />
+        <table ref={ref} className={cn('w-full caption-bottom', className)} {...props} />
     </div>
 ));
 Table.displayName = 'Table';
@@ -20,7 +20,7 @@ const TableBody = React.forwardRef(({ className, ...props }, ref) => (
 TableBody.displayName = 'TableBody';
 
 const TableFooter = React.forwardRef(({ className, ...props }, ref) => (
-    <tfoot ref={ref} className={cn('border-t bg-muted/50 font-medium [&>tr]:last:border-b-0', className)} {...props} />
+    <tfoot ref={ref} className={cn('border-t bg-muted/50 [&>tr]:last:border-b-0', className)} {...props} />
 ));
 TableFooter.displayName = 'TableFooter';
 
@@ -32,7 +32,7 @@ TableRow.displayName = 'TableRow';
 const TableHead = React.forwardRef(({ className, ...props }, ref) => (
     <th
         ref={ref}
-        className={cn('h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0', className)}
+        className={cn('h-12 px-4 text-left align-middle text-muted-foreground [&:has([role=checkbox])]:pr-0', className)}
         {...props}
     />
 ));
@@ -44,7 +44,7 @@ const TableCell = React.forwardRef(({ className, ...props }, ref) => (
 TableCell.displayName = 'TableCell';
 
 const TableCaption = React.forwardRef(({ className, ...props }, ref) => (
-    <caption ref={ref} className={cn('mt-4 text-sm text-muted-foreground', className)} {...props} />
+    <caption ref={ref} className={cn('mt-4 text-muted-foreground', className)} {...props} />
 ));
 TableCaption.displayName = 'TableCaption';
 

From b3d964a616d14e1d5e1a080b8b193d747d2c9b66 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Mon, 11 Mar 2024 11:21:33 +0100
Subject: [PATCH 579/714] style: change border-bottom color of Table rows

---
 components/UI/shadcn/Table.js | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/components/UI/shadcn/Table.js b/components/UI/shadcn/Table.js
index 0a6c8db1..200c256d 100644
--- a/components/UI/shadcn/Table.js
+++ b/components/UI/shadcn/Table.js
@@ -25,7 +25,11 @@ const TableFooter = React.forwardRef(({ className, ...props }, ref) => (
 TableFooter.displayName = 'TableFooter';
 
 const TableRow = React.forwardRef(({ className, ...props }, ref) => (
-    <tr ref={ref} className={cn('border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted', className)} {...props} />
+    <tr
+        ref={ref}
+        className={cn('border-b border-muted-foreground/20 transition-colors data-[state=selected]:bg-muted', className)}
+        {...props}
+    />
 ));
 TableRow.displayName = 'TableRow';
 

From 4646019ca01eeee8c73755e1644f79a69f38cc72 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Mon, 11 Mar 2024 11:22:33 +0100
Subject: [PATCH 580/714] style: apply background-color on hover to tbody tr

---
 components/UI/shadcn/Table.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/UI/shadcn/Table.js b/components/UI/shadcn/Table.js
index 200c256d..891b53d9 100644
--- a/components/UI/shadcn/Table.js
+++ b/components/UI/shadcn/Table.js
@@ -15,7 +15,7 @@ const TableHeader = React.forwardRef(({ className, ...props }, ref) => (
 TableHeader.displayName = 'TableHeader';
 
 const TableBody = React.forwardRef(({ className, ...props }, ref) => (
-    <tbody ref={ref} className={cn('[&_tr:last-child]:border-0', className)} {...props} />
+    <tbody ref={ref} className={cn('[&_tr:hover]:bg-accent-foreground/20 [&_tr:last-child]:border-0', className)} {...props} />
 ));
 TableBody.displayName = 'TableBody';
 

From 65d9e5713ba06bf479a944c9a6742d4d114b630d Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Mon, 11 Mar 2024 11:24:29 +0100
Subject: [PATCH 581/714] style: update/improve size templates in Button

---
 components/UI/shadcn/Button.js | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/components/UI/shadcn/Button.js b/components/UI/shadcn/Button.js
index b5c21661..fe002eee 100644
--- a/components/UI/shadcn/Button.js
+++ b/components/UI/shadcn/Button.js
@@ -18,9 +18,10 @@ const buttonVariants = cva(
             },
             size: {
                 default: 'h-10 px-4 py-2',
-                sm: 'h-9 rounded px-3',
-                lg: 'h-11 rounded px-8',
-                icon: 'h-10 w-10',
+                sm: 'h-8 px-2 text-sm',
+                // @NOTE: variant="ghost" && size="icon" should now be the same as <TextButton /> styled component;
+                // @TODO: needs to be universally verified, and then <TextButton /> could be replaced by <Button />
+                icon: 'h-[unset] min-w-[24px]'
             },
         },
         defaultVariants: {

From 2eb5415a893ad5680014cae4c9905feff4f92230 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Mon, 11 Mar 2024 14:46:29 +0100
Subject: [PATCH 582/714] style: adapt to our use-case and clean-up classes of
 Table

---
 components/UI/shadcn/Table.js | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/components/UI/shadcn/Table.js b/components/UI/shadcn/Table.js
index 891b53d9..c542a7c3 100644
--- a/components/UI/shadcn/Table.js
+++ b/components/UI/shadcn/Table.js
@@ -10,40 +10,40 @@ const Table = React.forwardRef(({ className, ...props }, ref) => (
 Table.displayName = 'Table';
 
 const TableHeader = React.forwardRef(({ className, ...props }, ref) => (
-    <thead ref={ref} className={cn('[&_tr]:border-b', className)} {...props} />
+    <thead ref={ref} className={cn('border-b border-muted-foreground/20', className)} {...props} />
 ));
 TableHeader.displayName = 'TableHeader';
 
 const TableBody = React.forwardRef(({ className, ...props }, ref) => (
-    <tbody ref={ref} className={cn('[&_tr:hover]:bg-accent-foreground/20 [&_tr:last-child]:border-0', className)} {...props} />
+    <tbody
+        ref={ref}
+        className={cn('[&_tr:hover]:bg-accent-foreground/20 [&_tr]:border-b [&_tr]:border-muted-foreground/20', className)}
+        {...props}
+    />
 ));
 TableBody.displayName = 'TableBody';
 
 const TableFooter = React.forwardRef(({ className, ...props }, ref) => (
-    <tfoot ref={ref} className={cn('border-t bg-muted/50 [&>tr]:last:border-b-0', className)} {...props} />
+    <tfoot ref={ref} className={cn('border-t border-muted-foreground/20', className)} {...props} />
 ));
 TableFooter.displayName = 'TableFooter';
 
 const TableRow = React.forwardRef(({ className, ...props }, ref) => (
-    <tr
-        ref={ref}
-        className={cn('border-b border-muted-foreground/20 transition-colors data-[state=selected]:bg-muted', className)}
-        {...props}
-    />
+    <tr ref={ref} className={cn('transition-colors data-[state=selected]:bg-muted', className)} {...props} />
 ));
 TableRow.displayName = 'TableRow';
 
 const TableHead = React.forwardRef(({ className, ...props }, ref) => (
     <th
         ref={ref}
-        className={cn('h-12 px-4 text-left align-middle text-muted-foreground [&:has([role=checkbox])]:pr-0', className)}
+        className={cn('h-12 text-left align-middle text-muted-foreground [&+th]:pl-4 [&:has([role=checkbox])]:pr-0', className)}
         {...props}
     />
 ));
 TableHead.displayName = 'TableHead';
 
 const TableCell = React.forwardRef(({ className, ...props }, ref) => (
-    <td ref={ref} className={cn('p-4 align-middle [&:has([role=checkbox])]:pr-0', className)} {...props} />
+    <td ref={ref} className={cn('h-12 align-middle [&+td]:pl-4 [&:has([role=checkbox])]:pr-0', className)} {...props} />
 ));
 TableCell.displayName = 'TableCell';
 

From f6dfa73d81e16bb196ae9ff7ba80a0d1a88c20bc Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Mon, 11 Mar 2024 14:48:38 +0100
Subject: [PATCH 583/714] style: fix column widths in explore content Table

---
 pages/explore/TreeLeaves.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/pages/explore/TreeLeaves.js b/pages/explore/TreeLeaves.js
index 369bd004..dc651af3 100644
--- a/pages/explore/TreeLeaves.js
+++ b/pages/explore/TreeLeaves.js
@@ -83,9 +83,10 @@ const TreeLeaves = ({ row, parentName, selectedRoomId, isFetchingContent, small,
     return (
         <TableRow key={row.id}>
             {row.getVisibleCells().map((cell) => {
-                if (cell.id.includes('icon')) {
+                // @NOTE: the classes below are responsible for making the respective columns not wider than necessary
+                if (cell.id.includes('icon') || cell.id.includes('actions')) {
                     return (
-                        <TableCell key={cell.id}>
+                        <TableCell className="whitespace-nowrap w-[1px]" key={cell.id}>
                             {flexRender(cell.column.columnDef.cell, cell.getContext())}
                         </TableCell>
                     );

From afd4770bf99f718ade10f41ba8b212cf29e64f42 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Mon, 11 Mar 2024 14:50:10 +0100
Subject: [PATCH 584/714] style: improve structure and styling of Table
 elements

---
 pages/explore/[[...roomId]].js | 66 +++++++++++++++++++---------------
 1 file changed, 38 insertions(+), 28 deletions(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 7dcca1a6..4fc30f65 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -36,7 +36,7 @@ import { Button } from '@/components/UI/shadcn/Button';
 import TextButton from '@/components/UI/TextButton';
 import Icon from '@/components/UI/Icon';
 import UserManagement from './manage-room/UserManagement';
-import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/UI/shadcn/Table';
+import { Table, TableBody, TableCell, TableFooter, TableHead, TableHeader, TableRow } from '@/components/UI/shadcn/Table';
 import TreeLeaves from './TreeLeaves';
 import EllipsisMenu from './manage-room/EllipsisMenu';
 
@@ -376,7 +376,7 @@ export default function Explore() {
         {
             id: 'actions',
             header: (
-                <Icon className="grid justify-end">
+                <Icon>
                     <RiFolderSettingsLine />
                 </Icon>
             ),
@@ -450,7 +450,7 @@ export default function Explore() {
                                 // setIsInviteUsersOpen={() => setIsInviteUsersOpen((prevState) => !prevState)}
                                 // setSettingsTabValue={setSettingsTabValue}
                             />
-                            <ServiceTableWrapper>
+                            <ServiceTableWrapper className="flex h-full flex-col justify-between">
                                 {manageContextActionToggle ? (
                                     <UserManagement roomId={roomId} roomName={matrix.spaces.get(roomId).name} myPowerLevel={myPowerLevel}>
                                         <TextButton className="w-full justify-between px-0 hover:text-accent" variant="ghost">
@@ -462,7 +462,11 @@ export default function Explore() {
                                 ) : (
                                     <>
                                         <Table>
-                                            <TableHeader>
+                                            {/*
+                                              @NOTE: we use border-bottom: 2px; here (compared to 1px for tbody > tr), because
+                                              the use of background-color on thead draws over one half of the set border-width
+                                             */}
+                                            <TableHeader className="sticky top-0 border-b-2 bg-background">
                                                 {table.getHeaderGroups().map((headerGroup) => (
                                                     <TableRow key={headerGroup.id}>
                                                         {headerGroup.headers.map((header) => {
@@ -492,31 +496,37 @@ export default function Explore() {
                                                     </TableRow>
                                                 )}
                                             </TableBody>
+                                            {!manageContextActionToggle &&
+                                                matrixClient
+                                                    .getRoom(roomId)
+                                                    ?.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel) && (
+                                                    <TableFooter>
+                                                        <tr>
+                                                            <td colSpan="3">
+                                                                <QuickAddExplore
+                                                                    currentId={roomId}
+                                                                    roomName={matrix.spaces.get(roomId).name}
+                                                                    getSpaceChildren={getSpaceChildren}
+                                                                    allChatRooms={allChatRooms}
+                                                                    trigger={
+                                                                        <Button
+                                                                            className="grid h-12 w-full grid-flow-col justify-between px-0 hover:text-accent"
+                                                                            variant="ghost"
+                                                                            // onClick={() => setIsQuickAddOpen((prevState) => !prevState)}
+                                                                        >
+                                                                            {t('Add more …')}
+                                                                            <Icon>
+                                                                                <RiAddLine />
+                                                                            </Icon>
+                                                                        </Button>
+                                                                    }
+                                                                />
+                                                            </td>
+                                                        </tr>
+                                                    </TableFooter>
+                                                )}
                                         </Table>
-                                        {!manageContextActionToggle &&
-                                            matrixClient
-                                                .getRoom(roomId)
-                                                ?.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel) && (
-                                                <QuickAddExplore
-                                                    currentId={roomId}
-                                                    roomName={matrix.spaces.get(roomId).name}
-                                                    getSpaceChildren={getSpaceChildren}
-                                                    allChatRooms={allChatRooms}
-                                                    trigger={
-                                                        <Button
-                                                            className="grid w-full grid-flow-col justify-between px-0 hover:text-accent"
-                                                            variant="ghost"
-                                                            // onClick={() => setIsQuickAddOpen((prevState) => !prevState)}
-                                                        >
-                                                            {t('Add more …')}
-                                                            <div className="px-4">
-                                                                <RiAddLine />
-                                                            </div>
-                                                        </Button>
-                                                    }
-                                                />
-                                            )}
-                                        <div className="flex items-center justify-end space-x-2 py-4">
+                                        <div className="sticky bottom-0 flex w-full items-center space-x-2 bg-background py-4">
                                             <div className="flex-1 text-sm text-muted-foreground">
                                                 Page {table.getState().pagination.pageIndex + 1} of {table.getPageCount()}
                                             </div>

From 6573d7196bdbe60276a3cddde64f07a56f507486 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Mon, 11 Mar 2024 14:51:20 +0100
Subject: [PATCH 585/714] style: fix icon button width; Table needs
 implementation

---
 pages/explore/manage-room/UserManagement.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/pages/explore/manage-room/UserManagement.js b/pages/explore/manage-room/UserManagement.js
index 2d9f9efd..56c0811b 100644
--- a/pages/explore/manage-room/UserManagement.js
+++ b/pages/explore/manage-room/UserManagement.js
@@ -97,9 +97,11 @@ const UserManagement = ({ roomId, roomName, myPowerLevel }) => {
                     <InviteUserToMatrixRoom
                         roomId={roomId}
                         trigger={
-                            <Button className="w-full justify-between px-0 pr-1.5 hover:text-accent" variant="ghost">
+                            <Button className="grid h-12 w-full grid-flow-col justify-between px-0 hover:text-accent" variant="ghost">
                                 {t('Invite to {{name}} …', { name: roomName })}
-                                <RiAddLine />
+                                <Icon>
+                                    <RiAddLine />
+                                </Icon>
                             </Button>
                         }
                     />

From 9599bac0078e2c5f2bf10d8e8c564e5106039530 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Mon, 11 Mar 2024 15:02:11 +0100
Subject: [PATCH 586/714] style: no bold in Table th element

---
 components/UI/shadcn/Table.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/UI/shadcn/Table.js b/components/UI/shadcn/Table.js
index c542a7c3..3ef96b35 100644
--- a/components/UI/shadcn/Table.js
+++ b/components/UI/shadcn/Table.js
@@ -36,7 +36,7 @@ TableRow.displayName = 'TableRow';
 const TableHead = React.forwardRef(({ className, ...props }, ref) => (
     <th
         ref={ref}
-        className={cn('h-12 text-left align-middle text-muted-foreground [&+th]:pl-4 [&:has([role=checkbox])]:pr-0', className)}
+        className={cn('h-12 text-left align-middle font-medium text-muted-foreground [&+th]:pl-4 [&:has([role=checkbox])]:pr-0', className)}
         {...props}
     />
 ));

From 66dca56cb265e7fd0b0d00bd6e64ce54eec13b8c Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Mon, 11 Mar 2024 15:02:55 +0100
Subject: [PATCH 587/714] style: border-botton *and* -top for Table thead

---
 components/UI/shadcn/Table.js  | 2 +-
 pages/explore/[[...roomId]].js | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/UI/shadcn/Table.js b/components/UI/shadcn/Table.js
index 3ef96b35..ad6f5b10 100644
--- a/components/UI/shadcn/Table.js
+++ b/components/UI/shadcn/Table.js
@@ -10,7 +10,7 @@ const Table = React.forwardRef(({ className, ...props }, ref) => (
 Table.displayName = 'Table';
 
 const TableHeader = React.forwardRef(({ className, ...props }, ref) => (
-    <thead ref={ref} className={cn('border-b border-muted-foreground/20', className)} {...props} />
+    <thead ref={ref} className={cn('border-y border-muted-foreground/20', className)} {...props} />
 ));
 TableHeader.displayName = 'TableHeader';
 
diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 4fc30f65..88452371 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -463,10 +463,10 @@ export default function Explore() {
                                     <>
                                         <Table>
                                             {/*
-                                              @NOTE: we use border-bottom: 2px; here (compared to 1px for tbody > tr), because
-                                              the use of background-color on thead draws over one half of the set border-width
+                                              @NOTE: we use border-top/-bottom: 2px; here (compared to 1px for tbody > tr) because
+                                              the use of background-color on thead draws over one half of the defined border-width
                                              */}
-                                            <TableHeader className="sticky top-0 border-b-2 bg-background">
+                                            <TableHeader className="sticky top-0 border-y-2 bg-background">
                                                 {table.getHeaderGroups().map((headerGroup) => (
                                                     <TableRow key={headerGroup.id}>
                                                         {headerGroup.headers.map((header) => {

From 5de876675d37e6db0cce1dcb9bade27140925e63 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Mon, 11 Mar 2024 16:17:42 +0100
Subject: [PATCH 588/714] chore: use TableRow/Cell components in TableFooter

---
 pages/explore/[[...roomId]].js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 88452371..321e80ea 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -501,8 +501,8 @@ export default function Explore() {
                                                     .getRoom(roomId)
                                                     ?.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel) && (
                                                     <TableFooter>
-                                                        <tr>
-                                                            <td colSpan="3">
+                                                        <TableRow>
+                                                            <TableCell colSpan="3">
                                                                 <QuickAddExplore
                                                                     currentId={roomId}
                                                                     roomName={matrix.spaces.get(roomId).name}
@@ -521,8 +521,8 @@ export default function Explore() {
                                                                         </Button>
                                                                     }
                                                                 />
-                                                            </td>
-                                                        </tr>
+                                                            </TableCell>
+                                                        </TableRow>
                                                     </TableFooter>
                                                 )}
                                         </Table>

From dd836065cfbbf35366942fa0ac68cc799af00812 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Mon, 11 Mar 2024 16:18:29 +0100
Subject: [PATCH 589/714] style: fix sticky thead and pagination section

---
 components/UI/shadcn/Table.js  | 4 +++-
 pages/explore/[[...roomId]].js | 9 +++++----
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/components/UI/shadcn/Table.js b/components/UI/shadcn/Table.js
index ad6f5b10..b9cf75ee 100644
--- a/components/UI/shadcn/Table.js
+++ b/components/UI/shadcn/Table.js
@@ -10,7 +10,9 @@ const Table = React.forwardRef(({ className, ...props }, ref) => (
 Table.displayName = 'Table';
 
 const TableHeader = React.forwardRef(({ className, ...props }, ref) => (
-    <thead ref={ref} className={cn('border-y border-muted-foreground/20', className)} {...props} />
+    // @NOTE: border-top/-bottom does not work here if we want a sticky thead;
+    // see <TableHeader className="..."> in pages/explore/[[...roomId.js]].js
+    <thead ref={ref} className={cn('', className)} {...props} />
 ));
 TableHeader.displayName = 'TableHeader';
 
diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 321e80ea..2970965a 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -463,10 +463,11 @@ export default function Explore() {
                                     <>
                                         <Table>
                                             {/*
-                                              @NOTE: we use border-top/-bottom: 2px; here (compared to 1px for tbody > tr) because
-                                              the use of background-color on thead draws over one half of the defined border-width
+                                              @NOTE: we cannot use border-top/-bottom for sticky thead (because borders scroll with the content);
+                                              fortunately this does not apply to box-shadow, hence the madness below; we also increase the height
+                                              from 48px (tailwind h-12 class in Table) to 50px, as the box-shadow is inset, else not shown on top
                                              */}
-                                            <TableHeader className="sticky top-0 border-y-2 bg-background">
+                                            <TableHeader className="sticky top-0 h-[50px] bg-background shadow-[inset_0px_-1px_0px_0px_hsl(var(--muted-foreground)_/_0.2),inset_0px_1px_0px_0px_hsl(var(--muted-foreground)_/_0.2)]">
                                                 {table.getHeaderGroups().map((headerGroup) => (
                                                     <TableRow key={headerGroup.id}>
                                                         {headerGroup.headers.map((header) => {
@@ -526,7 +527,7 @@ export default function Explore() {
                                                     </TableFooter>
                                                 )}
                                         </Table>
-                                        <div className="sticky bottom-0 flex w-full items-center space-x-2 bg-background py-4">
+                                        <div className="sticky bottom-0 flex w-full items-center space-x-2 border-t border-muted-foreground/20 bg-background py-4">
                                             <div className="flex-1 text-sm text-muted-foreground">
                                                 Page {table.getState().pagination.pageIndex + 1} of {table.getPageCount()}
                                             </div>

From cd78f110a6b7cc594d3adf47fa2b9fae99bdf86a Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 12 Mar 2024 11:05:51 +0100
Subject: [PATCH 590/714] refactor: add lock next to password protected pads in
 explore

---
 pages/explore/TreeLeaves.js | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/pages/explore/TreeLeaves.js b/pages/explore/TreeLeaves.js
index dc651af3..3cf7edba 100644
--- a/pages/explore/TreeLeaves.js
+++ b/pages/explore/TreeLeaves.js
@@ -1,12 +1,14 @@
 import React, { useEffect, useState } from 'react';
 import getConfig from 'next/config';
 import { flexRender } from '@tanstack/react-table';
+import { RiLockPasswordLine } from '@remixicon/react';
 
 import LoadingSpinner from '../../components/UI/LoadingSpinner';
 import { useAuth } from '@/lib/Auth';
 import { useMatrix } from '@/lib/Matrix';
 import logger from '@/lib/Logging';
 import { TableCell, TableRow } from '@/components/UI/shadcn/Table';
+import Icon from '@/components/UI/Icon';
 
 const TreeLeaves = ({ row, parentName, selectedRoomId, isFetchingContent, small, onRemove, myPowerLevel }, ref) => {
     const auth = useAuth();
@@ -86,15 +88,20 @@ const TreeLeaves = ({ row, parentName, selectedRoomId, isFetchingContent, small,
                 // @NOTE: the classes below are responsible for making the respective columns not wider than necessary
                 if (cell.id.includes('icon') || cell.id.includes('actions')) {
                     return (
-                        <TableCell className="whitespace-nowrap w-[1px]" key={cell.id}>
+                        <TableCell className="w-[1px] whitespace-nowrap" key={cell.id}>
                             {flexRender(cell.column.columnDef.cell, cell.getContext())}
                         </TableCell>
                     );
                 }
 
                 return (
-                    <TableCell key={cell.id}>
+                    <TableCell className="flex items-center gap-2" key={cell.id}>
                         {flexRender(cell.column.columnDef.cell, cell.getContext())}
+                        {isPasswordProtected && (
+                            <Icon className="text-muted-foreground">
+                                <RiLockPasswordLine />
+                            </Icon>
+                        )}
                     </TableCell>
                 );
             })}

From 4b92c5678ad534413238e554c56ac9adb1e2bc3e Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 12 Mar 2024 11:33:31 +0100
Subject: [PATCH 591/714] refactor: adapt table in side menu for code changes
 and display arrow for selected item

---
 pages/explore/TreeLeaves.js    |   6 +-
 pages/explore/TreePath.js      | 138 +++++++++++++++++++++++++--------
 pages/explore/[[...roomId]].js |   9 ---
 3 files changed, 108 insertions(+), 45 deletions(-)

diff --git a/pages/explore/TreeLeaves.js b/pages/explore/TreeLeaves.js
index 3cf7edba..58db770d 100644
--- a/pages/explore/TreeLeaves.js
+++ b/pages/explore/TreeLeaves.js
@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from 'react';
 import getConfig from 'next/config';
 import { flexRender } from '@tanstack/react-table';
-import { RiLockPasswordLine } from '@remixicon/react';
+import { RiArrowRightLine, RiLockPasswordLine } from '@remixicon/react';
 
 import LoadingSpinner from '../../components/UI/LoadingSpinner';
 import { useAuth } from '@/lib/Auth';
@@ -10,10 +10,9 @@ import logger from '@/lib/Logging';
 import { TableCell, TableRow } from '@/components/UI/shadcn/Table';
 import Icon from '@/components/UI/Icon';
 
-const TreeLeaves = ({ row, parentName, selectedRoomId, isFetchingContent, small, onRemove, myPowerLevel }, ref) => {
+const TreeLeaves = ({ row, parentName, selectedRoomId, isFetchingContent, small, onRemove, myPowerLevel, selected }, ref) => {
     const auth = useAuth();
     const matrix = useMatrix();
-    console.log(row);
     const etherpad = auth.getAuthenticationProvider('etherpad');
     const [isPasswordProtected, setIsPasswordProtected] = useState(false);
 
@@ -102,6 +101,7 @@ const TreeLeaves = ({ row, parentName, selectedRoomId, isFetchingContent, small,
                                 <RiLockPasswordLine />
                             </Icon>
                         )}
+                        {selected && <RiArrowRightLine className="ml-2 h-4 w-4" />}
                     </TableCell>
                 );
             })}
diff --git a/pages/explore/TreePath.js b/pages/explore/TreePath.js
index a1e830d3..81b0c7ab 100644
--- a/pages/explore/TreePath.js
+++ b/pages/explore/TreePath.js
@@ -1,11 +1,15 @@
 import React from 'react';
 import styled from 'styled-components';
 import Link from 'next/link';
+import { getCoreRowModel, useReactTable } from '@tanstack/react-table';
+import { RiBrush2Line, RiBrushLine, RiChat1Line, RiFolderLine, RiFolderUnknowLine, RiLink, RiPencilLine } from '@remixicon/react';
+import { useRouter } from 'next/router';
 
 import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
 import { ServiceTable } from '@/components/UI/ServiceTable';
 import TreeLeaves from './TreeLeaves';
-import { getCoreRowModel, useReactTable } from '@tanstack/react-table';
+import Icon from '@/components/UI/Icon';
+import { Table, TableBody } from '@/components/UI/shadcn/Table';
 
 const Leaf = styled(ServiceTable.Cell)`
     cursor: pointer;
@@ -29,19 +33,73 @@ const Leaf = styled(ServiceTable.Cell)`
 `;
 
 const TreePath = ({ selectedSpaceChildren, isFetchingContent, iframeRoomId }) => {
+    const router = useRouter();
     const columns = [
+        {
+            accessorKey: 'icon',
+            header: (
+                <Icon>
+                    <RiFolderUnknowLine />
+                </Icon>
+            ),
+            cell: ({ row }) => {
+                console.log(row);
+
+                if (row.original?.meta?.template === 'etherpad') {
+                    return (
+                        <Icon>
+                            <RiPencilLine />
+                        </Icon>
+                    );
+                }
+
+                if (row.original?.meta?.template === 'spacedeck') {
+                    return (
+                        <Icon>
+                            <RiBrush2Line />
+                        </Icon>
+                    );
+                }
+
+                if (row.original?.meta?.template === 'tldraw') {
+                    return (
+                        <Icon>
+                            <RiBrushLine />
+                        </Icon>
+                    );
+                }
+
+                if (row.original?.meta?.template === 'link') {
+                    return (
+                        <Icon>
+                            <RiLink />
+                        </Icon>
+                    );
+                }
+
+                if (row.original?.meta?.type === 'context') {
+                    return (
+                        <Icon>
+                            <RiFolderLine />
+                        </Icon>
+                    );
+                }
+
+                if (!row.original?.meta) {
+                    return (
+                        <Icon>
+                            <RiChat1Line />
+                        </Icon>
+                    );
+                }
+            },
+        },
         {
             accessorKey: 'name',
             header: 'Name',
             cell: ({ row }) => (
-                <Link
-                    ref={row.getValue('ref')}
-                    target={row.target}
-                    href={row.href}
-                    rel="noopener noreferrer"
-                    className="flex items-center justify-between"
-                >
-                    {row.name}
+                <Link target={row.target} href={row.href} rel="noopener noreferrer" className="flex items-center justify-between">
+                    {row.getValue('name')}
                 </Link>
             ),
         },
@@ -55,30 +113,44 @@ const TreePath = ({ selectedSpaceChildren, isFetchingContent, iframeRoomId }) =>
     });
 
     return (
-        <ServiceTable>
-            {selectedSpaceChildren.map((path, index) => {
-                if (!path[0]) return null;
-                const roomId = path[0].id || path[0].room_id || path[0].roomId;
-
-                return (
-                    <ServiceTable.Row key={index}>
-                        <Leaf selected disabled={isFetchingContent}>
-                            <Link disabled href={`/explore/${roomId}`}>
-                                {index > 0 && '↳ '}
-                                {path[0].name}
-                                {isFetchingContent === roomId && <LoadingSpinnerInline />}
-                            </Link>
-                        </Leaf>
-                    </ServiceTable.Row>
-                );
-            })}
-            {iframeRoomId && table.getRowModel().rows?.length
-                ? table.getRowModel().rows.map((row, index) => {
-                      if (index === 0) return null;
-                      return <TreeLeaves row={row} />;
-                  })
-                : null}
-        </ServiceTable>
+        <>
+            <ServiceTable>
+                {selectedSpaceChildren.map((path, index) => {
+                    if (!path[0]) return null;
+                    const roomId = path[0].id || path[0].room_id || path[0].roomId;
+
+                    return (
+                        <ServiceTable.Row key={index}>
+                            <Leaf selected disabled={isFetchingContent}>
+                                <Link disabled href={`/explore/${roomId}`}>
+                                    {index > 0 && '↳ '}
+                                    {path[0].name}
+                                    {isFetchingContent === roomId && <LoadingSpinnerInline />}
+                                </Link>
+                            </Leaf>
+                        </ServiceTable.Row>
+                    );
+                })}
+            </ServiceTable>
+            <Table>
+                <TableBody>
+                    {iframeRoomId && table.getRowModel().rows?.length
+                        ? table.getRowModel().rows.map((row, index) => {
+                              const roomId = row.original.room_id || row.original.roomId || row.original.id;
+                              if (index === 0) return null;
+
+                              return (
+                                  <TreeLeaves
+                                      key={row.id}
+                                      row={row}
+                                      selected={router.query.roomId[1] === roomId || router.query.roomId[0] === roomId}
+                                  />
+                              );
+                          })
+                        : null}
+                </TableBody>
+            </Table>
+        </>
     );
 };
 
diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 2970965a..4ed5c5fc 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -294,15 +294,6 @@ export default function Explore() {
         return true;
     };
 
-    // const data = [
-    //     {
-    //         user_id: '728ed52f',
-    //         roomId: 100,
-    //         status: 'pending',
-    //         room_name: 'm@example.com',
-    //     },
-    // ];
-
     const data = selectedSpaceChildren[selectedSpaceChildren.length - 1];
     const columns = [
         {

From c604f423418159ee9aa91ba63263b590a7884941 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Mon, 11 Mar 2024 16:59:16 +0100
Subject: [PATCH 592/714] draft: only display table and pagination if not empty

---
 pages/explore/[[...roomId]].js | 169 +++++++++++++++++----------------
 1 file changed, 88 insertions(+), 81 deletions(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 4ed5c5fc..ce9d3d4a 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -452,95 +452,102 @@ export default function Explore() {
                                     </UserManagement>
                                 ) : (
                                     <>
-                                        <Table>
-                                            {/*
+                                        {table.getRowModel().rows?.length > 1 && (
+                                            <Table>
+                                                {/*
                                               @NOTE: we cannot use border-top/-bottom for sticky thead (because borders scroll with the content);
                                               fortunately this does not apply to box-shadow, hence the madness below; we also increase the height
                                               from 48px (tailwind h-12 class in Table) to 50px, as the box-shadow is inset, else not shown on top
                                              */}
-                                            <TableHeader className="sticky top-0 h-[50px] bg-background shadow-[inset_0px_-1px_0px_0px_hsl(var(--muted-foreground)_/_0.2),inset_0px_1px_0px_0px_hsl(var(--muted-foreground)_/_0.2)]">
-                                                {table.getHeaderGroups().map((headerGroup) => (
-                                                    <TableRow key={headerGroup.id}>
-                                                        {headerGroup.headers.map((header) => {
-                                                            return (
-                                                                <TableHead key={header.id}>
-                                                                    {header.isPlaceholder
-                                                                        ? null
-                                                                        : flexRender(header.column.columnDef.header, header.getContext())}
-                                                                </TableHead>
-                                                            );
-                                                        })}
-                                                    </TableRow>
-                                                ))}
-                                            </TableHeader>
-                                            <TableBody>
-                                                {table.getRowModel().rows?.length ? (
-                                                    table.getRowModel().rows.map((row, index) => {
-                                                        if (index === 0) return null;
-
-                                                        return <TreeLeaves key={row.id} row={row} />;
-                                                    })
-                                                ) : (
-                                                    <TableRow>
-                                                        <TableCell colSpan={columns.length} className="h-24 text-center">
-                                                            Thank you, {auth.user.displayname}! But our item is in another context! 🍄
-                                                        </TableCell>
-                                                    </TableRow>
-                                                )}
-                                            </TableBody>
-                                            {!manageContextActionToggle &&
-                                                matrixClient
-                                                    .getRoom(roomId)
-                                                    ?.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel) && (
-                                                    <TableFooter>
+                                                <TableHeader className="sticky top-0 h-[50px] bg-background shadow-[inset_0px_-1px_0px_0px_hsl(var(--muted-foreground)_/_0.2),inset_0px_1px_0px_0px_hsl(var(--muted-foreground)_/_0.2)]">
+                                                    {table.getHeaderGroups().map((headerGroup) => (
+                                                        <TableRow key={headerGroup.id}>
+                                                            {headerGroup.headers.map((header) => {
+                                                                return (
+                                                                    <TableHead key={header.id}>
+                                                                        {header.isPlaceholder
+                                                                            ? null
+                                                                            : flexRender(
+                                                                                  header.column.columnDef.header,
+                                                                                  header.getContext(),
+                                                                              )}
+                                                                    </TableHead>
+                                                                );
+                                                            })}
+                                                        </TableRow>
+                                                    ))}
+                                                </TableHeader>
+                                                <TableBody>
+                                                    {table.getRowModel().rows?.length ? (
+                                                        table.getRowModel().rows.map((row, index) => {
+                                                            if (index === 0) return null;
+
+                                                            return <TreeLeaves key={row.id} row={row} />;
+                                                        })
+                                                    ) : (
                                                         <TableRow>
-                                                            <TableCell colSpan="3">
-                                                                <QuickAddExplore
-                                                                    currentId={roomId}
-                                                                    roomName={matrix.spaces.get(roomId).name}
-                                                                    getSpaceChildren={getSpaceChildren}
-                                                                    allChatRooms={allChatRooms}
-                                                                    trigger={
-                                                                        <Button
-                                                                            className="grid h-12 w-full grid-flow-col justify-between px-0 hover:text-accent"
-                                                                            variant="ghost"
-                                                                            // onClick={() => setIsQuickAddOpen((prevState) => !prevState)}
-                                                                        >
-                                                                            {t('Add more …')}
-                                                                            <Icon>
-                                                                                <RiAddLine />
-                                                                            </Icon>
-                                                                        </Button>
-                                                                    }
-                                                                />
+                                                            <TableCell colSpan={columns.length} className="h-24 text-center">
+                                                                Thank you, {auth.user.displayname}! But our item is in another context! 🍄
                                                             </TableCell>
                                                         </TableRow>
-                                                    </TableFooter>
-                                                )}
-                                        </Table>
-                                        <div className="sticky bottom-0 flex w-full items-center space-x-2 border-t border-muted-foreground/20 bg-background py-4">
-                                            <div className="flex-1 text-sm text-muted-foreground">
-                                                Page {table.getState().pagination.pageIndex + 1} of {table.getPageCount()}
-                                            </div>
-                                            <div className="space-x-2">
-                                                <Button
-                                                    variant="outline"
-                                                    size="sm"
-                                                    onClick={() => table.previousPage()}
-                                                    disabled={!table.getCanPreviousPage()}
-                                                >
-                                                    Previous
-                                                </Button>
-                                                <Button
-                                                    variant="outline"
-                                                    size="sm"
-                                                    onClick={() => table.nextPage()}
-                                                    disabled={!table.getCanNextPage()}
-                                                >
-                                                    Next
-                                                </Button>
+                                                    )}
+                                                </TableBody>
+                                                {!manageContextActionToggle &&
+                                                    matrixClient
+                                                        .getRoom(roomId)
+                                                        ?.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel) && (
+                                                        <TableFooter>
+                                                            <TableRow>
+                                                                <TableCell colSpan="3">
+                                                                    <QuickAddExplore
+                                                                        currentId={roomId}
+                                                                        roomName={matrix.spaces.get(roomId).name}
+                                                                        getSpaceChildren={getSpaceChildren}
+                                                                        allChatRooms={allChatRooms}
+                                                                        trigger={
+                                                                            <Button
+                                                                                className="grid h-12 w-full grid-flow-col justify-between px-0 hover:text-accent"
+                                                                                variant="ghost"
+                                                                                // onClick={() => setIsQuickAddOpen((prevState) => !prevState)}
+                                                                            >
+                                                                                {t('Add more …')}
+                                                                                <Icon>
+                                                                                    <RiAddLine />
+                                                                                </Icon>
+                                                                            </Button>
+                                                                        }
+                                                                    />
+                                                                </TableCell>
+                                                            </TableRow>
+                                                        </TableFooter>
+                                                    )}
+                                            </Table>
+                                        )}
+                                        {table.getRowModel().rows?.length > 1 && (
+                                            <div className="sticky bottom-0 flex w-full items-center space-x-2 border-t border-muted-foreground/20 bg-background py-4">
+                                                <div className="flex-1 text-sm text-muted-foreground">
+                                                    Page {table.getState().pagination.pageIndex + 1} of {table.getPageCount()}
+                                                </div>
+                                                <div className="space-x-2">
+                                                    <Button
+                                                        variant="outline"
+                                                        size="sm"
+                                                        onClick={() => table.previousPage()}
+                                                        disabled={!table.getCanPreviousPage()}
+                                                    >
+                                                        Previous
+                                                    </Button>
+                                                    <Button
+                                                        variant="outline"
+                                                        size="sm"
+                                                        onClick={() => table.nextPage()}
+                                                        disabled={!table.getCanNextPage()}
+                                                    >
+                                                        Next
+                                                    </Button>
+                                                </div>
                                             </div>
-                                        </div>
+                                        )}
                                     </>
                                 )}
                             </ServiceTableWrapper>

From 6f2e15884c15237711c690198bfc48cba7888426 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Tue, 12 Mar 2024 12:03:28 +0100
Subject: [PATCH 593/714] style: right-align active icon indicator arrow

---
 pages/explore/TreeLeaves.js | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/pages/explore/TreeLeaves.js b/pages/explore/TreeLeaves.js
index 58db770d..b82ebdd6 100644
--- a/pages/explore/TreeLeaves.js
+++ b/pages/explore/TreeLeaves.js
@@ -94,14 +94,20 @@ const TreeLeaves = ({ row, parentName, selectedRoomId, isFetchingContent, small,
                 }
 
                 return (
-                    <TableCell className="flex items-center gap-2" key={cell.id}>
-                        {flexRender(cell.column.columnDef.cell, cell.getContext())}
-                        {isPasswordProtected && (
-                            <Icon className="text-muted-foreground">
-                                <RiLockPasswordLine />
+                    <TableCell className="flex items-center justify-between gap-2" key={cell.id}>
+                        <div className="flex gap-2">
+                            {flexRender(cell.column.columnDef.cell, cell.getContext())}
+                            {isPasswordProtected && (
+                                <Icon className="text-muted-foreground">
+                                    <RiLockPasswordLine />
+                                </Icon>
+                            )}
+                        </div>
+                        {selected && (
+                            <Icon>
+                                <RiArrowRightLine />
                             </Icon>
                         )}
-                        {selected && <RiArrowRightLine className="ml-2 h-4 w-4" />}
                     </TableCell>
                 );
             })}

From 819d8d84aee593beab5a16210e8d8ab1ba286779 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 12 Mar 2024 12:07:27 +0100
Subject: [PATCH 594/714] fix: internal server error when adding links and
 display error message when adding fails

---
 lib/Matrix.js                           |  4 +--
 pages/explore/manage-room/CreateLink.js | 41 ++++++-------------------
 2 files changed, 10 insertions(+), 35 deletions(-)

diff --git a/lib/Matrix.js b/lib/Matrix.js
index 72be9e86..2767525d 100644
--- a/lib/Matrix.js
+++ b/lib/Matrix.js
@@ -398,9 +398,7 @@ function useMatrixProvider(auth) {
                             historyVisibility,
                             powerLevelContentOverride,
                         ),
-                    ).catch((error) => {
-                        return error.message;
-                    });
+                    );
                 });
             // in case of recursion room will already return the desired roomId
             const roomId = room.room_id || room;
diff --git a/pages/explore/manage-room/CreateLink.js b/pages/explore/manage-room/CreateLink.js
index 71efcd0d..bad8e31d 100644
--- a/pages/explore/manage-room/CreateLink.js
+++ b/pages/explore/manage-room/CreateLink.js
@@ -1,5 +1,4 @@
 import React, { useState } from 'react';
-import getConfig from 'next/config';
 import { useTranslation } from 'react-i18next';
 import { toast } from 'sonner';
 
@@ -35,35 +34,12 @@ const CreateLink = ({ currentId, onCancel, getSpaceChildren, onPreviousAction })
         }
 
         setErrorMessage('');
-        //
-        // if (!name) {
-        //     setErrorMessage('name not set');
-        //
-        //     return;
-        // }
-        //
-        // if (!url) {
-        //     setErrorMessage('link not set');
-        // }
 
         // create the new context space
         const createNewLink = await matrix
-            .createRoom(
-                name,
-                false,
-                '',
-                'public',
-                'context',
-                'link',
-                getConfig().publicRuntimeConfig.name,
-                'public',
-                'world_readable',
-                'public_chat',
-            )
+            .createRoom(name, false, '', 'public', 'context', 'link', currentId, 'public', 'world_readable')
             .catch(async (err) => {
                 setErrorMessage(err.message);
-
-                return;
             });
 
         // then add our new context to the parent.
@@ -74,16 +50,17 @@ const CreateLink = ({ currentId, onCancel, getSpaceChildren, onPreviousAction })
                 .catch(async (err) => {
                     setErrorMessage(err.message);
                 });
-        }
 
-        await matrix.sendMessage(createNewLink, url).catch((error) => setErrorMessage(error));
+            await matrix.sendMessage(createNewLink, url).catch((error) => setErrorMessage(error));
+
+            await getSpaceChildren(null, currentId);
+            setName('');
+            setUrl('');
+            toast.success(t('Link added successfully'));
+            onCancel();
+        }
 
-        await getSpaceChildren(null, currentId);
-        setName('');
-        setUrl('');
         setIsLoading(false);
-        toast.success(t('Link added successfully'));
-        onCancel();
     };
 
     return (

From 32e7209b7f18ef10f696e9ac0953c4da7ced1bec Mon Sep 17 00:00:00 2001
From: Florian Weber <florian@weber.world>
Date: Tue, 12 Mar 2024 12:20:24 +0100
Subject: [PATCH 595/714] Remove dependencies as they're listed in
 devDependencies already

---
 package-lock.json | 2 --
 package.json      | 2 --
 2 files changed, 4 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index bb7c0723..62cfdeed 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,8 +12,6 @@
         "@radix-ui/react-slot": "^1.0.2",
         "@radix-ui/react-switch": "^1.0.3",
         "@remixicon/react": "^4.1.1",
-        "class-variance-authority": "^0.7.0",
-        "clsx": "^2.1.0",
         "i18next": "^23.8.2",
         "i18next-browser-languagedetector": "^7.2.0",
         "i18next-resources-to-backend": "^1.2.0",
diff --git a/package.json b/package.json
index 07e56e2d..4535992d 100644
--- a/package.json
+++ b/package.json
@@ -14,8 +14,6 @@
     "@radix-ui/react-slot": "^1.0.2",
     "@radix-ui/react-switch": "^1.0.3",
     "@remixicon/react": "^4.1.1",
-    "class-variance-authority": "^0.7.0",
-    "clsx": "^2.1.0",
     "i18next": "^23.8.2",
     "i18next-browser-languagedetector": "^7.2.0",
     "i18next-resources-to-backend": "^1.2.0",

From 3ee245c3b3c553f02e32da9610b8961daa5897c2 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Tue, 12 Mar 2024 13:02:31 +0100
Subject: [PATCH 596/714] style: decrease size of password-protected indicator

---
 pages/explore/TreeLeaves.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/explore/TreeLeaves.js b/pages/explore/TreeLeaves.js
index b82ebdd6..05621c6a 100644
--- a/pages/explore/TreeLeaves.js
+++ b/pages/explore/TreeLeaves.js
@@ -99,7 +99,7 @@ const TreeLeaves = ({ row, parentName, selectedRoomId, isFetchingContent, small,
                             {flexRender(cell.column.columnDef.cell, cell.getContext())}
                             {isPasswordProtected && (
                                 <Icon className="text-muted-foreground">
-                                    <RiLockPasswordLine />
+                                    <RiLockPasswordLine className="!w-4" />
                                 </Icon>
                             )}
                         </div>

From 781276b2b05cba36c56612f66c8c834936833b7e Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 12 Mar 2024 13:26:42 +0100
Subject: [PATCH 597/714] chore: remove console.log

---
 pages/explore/TreePath.js | 2 --
 1 file changed, 2 deletions(-)

diff --git a/pages/explore/TreePath.js b/pages/explore/TreePath.js
index 81b0c7ab..27ac0ef6 100644
--- a/pages/explore/TreePath.js
+++ b/pages/explore/TreePath.js
@@ -43,8 +43,6 @@ const TreePath = ({ selectedSpaceChildren, isFetchingContent, iframeRoomId }) =>
                 </Icon>
             ),
             cell: ({ row }) => {
-                console.log(row);
-
                 if (row.original?.meta?.template === 'etherpad') {
                     return (
                         <Icon>

From 502e567afb17fda2a60bfe3639cdedb56ab7f1b6 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 12 Mar 2024 13:27:20 +0100
Subject: [PATCH 598/714] refactor: remove pagination

---
 pages/explore/[[...roomId]].js | 58 ++++++++++++++++------------------
 1 file changed, 27 insertions(+), 31 deletions(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index ce9d3d4a..13cffc87 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -18,7 +18,7 @@ import {
     RiUserLine,
 } from '@remixicon/react';
 import { toast } from 'sonner';
-import { flexRender, getCoreRowModel, getPaginationRowModel, useReactTable } from '@tanstack/react-table';
+import { flexRender, getCoreRowModel, useReactTable } from '@tanstack/react-table';
 import Link from 'next/link';
 
 import LoadingSpinner from '../../components/UI/LoadingSpinner';
@@ -304,8 +304,6 @@ export default function Explore() {
                 </Icon>
             ),
             cell: ({ row }) => {
-                console.log(row);
-
                 if (row.original?.meta?.template === 'etherpad') {
                     return (
                         <Icon>
@@ -392,12 +390,9 @@ export default function Explore() {
         data,
         columns,
         getCoreRowModel: getCoreRowModel(),
-        getPaginationRowModel: getPaginationRowModel(),
     });
 
     if (typeof window === 'undefined') return <LoadingSpinner />;
-    // console.log(selectedSpaceChildren[selectedSpaceChildren.length - 1]);
-    console.log(table);
 
     return (
         <>
@@ -523,31 +518,32 @@ export default function Explore() {
                                                     )}
                                             </Table>
                                         )}
-                                        {table.getRowModel().rows?.length > 1 && (
-                                            <div className="sticky bottom-0 flex w-full items-center space-x-2 border-t border-muted-foreground/20 bg-background py-4">
-                                                <div className="flex-1 text-sm text-muted-foreground">
-                                                    Page {table.getState().pagination.pageIndex + 1} of {table.getPageCount()}
-                                                </div>
-                                                <div className="space-x-2">
-                                                    <Button
-                                                        variant="outline"
-                                                        size="sm"
-                                                        onClick={() => table.previousPage()}
-                                                        disabled={!table.getCanPreviousPage()}
-                                                    >
-                                                        Previous
-                                                    </Button>
-                                                    <Button
-                                                        variant="outline"
-                                                        size="sm"
-                                                        onClick={() => table.nextPage()}
-                                                        disabled={!table.getCanNextPage()}
-                                                    >
-                                                        Next
-                                                    </Button>
-                                                </div>
-                                            </div>
-                                        )}
+                                        {/*pagination component which we are currently not using, but might in the future*/}
+                                        {/*{table.getRowModel().rows?.length > 1 && (*/}
+                                        {/*    <div className="sticky bottom-0 flex w-full items-center space-x-2 border-t border-muted-foreground/20 bg-background py-4">*/}
+                                        {/*        <div className="flex-1 text-sm text-muted-foreground">*/}
+                                        {/*            Page {table.getState().pagination.pageIndex + 1} of {table.getPageCount()}*/}
+                                        {/*        </div>*/}
+                                        {/*        <div className="space-x-2">*/}
+                                        {/*            <Button*/}
+                                        {/*                variant="outline"*/}
+                                        {/*                size="sm"*/}
+                                        {/*                onClick={() => table.previousPage()}*/}
+                                        {/*                disabled={!table.getCanPreviousPage()}*/}
+                                        {/*            >*/}
+                                        {/*                Previous*/}
+                                        {/*            </Button>*/}
+                                        {/*            <Button*/}
+                                        {/*                variant="outline"*/}
+                                        {/*                size="sm"*/}
+                                        {/*                onClick={() => table.nextPage()}*/}
+                                        {/*                disabled={!table.getCanNextPage()}*/}
+                                        {/*            >*/}
+                                        {/*                Next*/}
+                                        {/*            </Button>*/}
+                                        {/*        </div>*/}
+                                        {/*    </div>*/}
+                                        {/*)}*/}
                                     </>
                                 )}
                             </ServiceTableWrapper>

From 3e131443fed1db1173dd4c3152a38e376c8cd180 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Tue, 12 Mar 2024 14:34:10 +0100
Subject: [PATCH 599/714] =?UTF-8?q?style:=20sticky-bottom=20"Add=20more=20?=
 =?UTF-8?q?=E2=80=A6"=20button?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/UI/shadcn/Table.js  |  2 +-
 pages/explore/[[...roomId]].js | 76 +++++++++++++++-------------------
 2 files changed, 34 insertions(+), 44 deletions(-)

diff --git a/components/UI/shadcn/Table.js b/components/UI/shadcn/Table.js
index b9cf75ee..cabd1171 100644
--- a/components/UI/shadcn/Table.js
+++ b/components/UI/shadcn/Table.js
@@ -19,7 +19,7 @@ TableHeader.displayName = 'TableHeader';
 const TableBody = React.forwardRef(({ className, ...props }, ref) => (
     <tbody
         ref={ref}
-        className={cn('[&_tr:hover]:bg-accent-foreground/20 [&_tr]:border-b [&_tr]:border-muted-foreground/20', className)}
+        className={cn('[&_tr:hover]:bg-accent-foreground/20 [&_tr:not(:last-of-type)]:border-b [&_tr]:border-muted-foreground/20', className)}
         {...props}
     />
 ));
diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 13cffc87..3edf190c 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -2,7 +2,6 @@ import React, { useCallback, useEffect, useState } from 'react';
 import getConfig from 'next/config';
 import { useRouter } from 'next/router';
 import _ from 'lodash';
-import styled from 'styled-components';
 import { useTranslation } from 'react-i18next';
 import { EventTimeline } from 'matrix-js-sdk';
 import {
@@ -40,11 +39,6 @@ import { Table, TableBody, TableCell, TableFooter, TableHead, TableHeader, Table
 import TreeLeaves from './TreeLeaves';
 import EllipsisMenu from './manage-room/EllipsisMenu';
 
-const ServiceTableWrapper = styled.div`
-    width: 100%;
-    overflow: auto;
-`;
-
 /**
  * Explore component for managing room hierarchies and content.
  *
@@ -398,7 +392,7 @@ export default function Explore() {
         <>
             <DefaultLayout.Sidebar>
                 <h2>/explore {_.isEmpty(selectedSpaceChildren) && isFetchingContent && <LoadingSpinnerInline />}</h2>
-                <ServiceTableWrapper>
+                <div className="w-full overflow-auto">
                     {!_.isEmpty(selectedSpaceChildren) && (
                         <TreePath
                             selectedSpaceChildren={selectedSpaceChildren}
@@ -406,7 +400,7 @@ export default function Explore() {
                             iframeRoomId={iframeRoomId}
                         />
                     )}
-                </ServiceTableWrapper>
+                </div>
             </DefaultLayout.Sidebar>
 
             {iframeRoomId ? (
@@ -436,7 +430,7 @@ export default function Explore() {
                                 // setIsInviteUsersOpen={() => setIsInviteUsersOpen((prevState) => !prevState)}
                                 // setSettingsTabValue={setSettingsTabValue}
                             />
-                            <ServiceTableWrapper className="flex h-full flex-col justify-between">
+                            <div className="flex h-full w-full flex-col overflow-auto">
                                 {manageContextActionToggle ? (
                                     <UserManagement roomId={roomId} roomName={matrix.spaces.get(roomId).name} myPowerLevel={myPowerLevel}>
                                         <TextButton className="w-full justify-between px-0 hover:text-accent" variant="ghost">
@@ -450,10 +444,10 @@ export default function Explore() {
                                         {table.getRowModel().rows?.length > 1 && (
                                             <Table>
                                                 {/*
-                                              @NOTE: we cannot use border-top/-bottom for sticky thead (because borders scroll with the content);
-                                              fortunately this does not apply to box-shadow, hence the madness below; we also increase the height
-                                              from 48px (tailwind h-12 class in Table) to 50px, as the box-shadow is inset, else not shown on top
-                                             */}
+                                                  @NOTE: we cannot use border-top/-bottom for sticky thead (because borders scroll with the content);
+                                                  fortunately this does not apply to box-shadow, hence the madness below; we also increase the height
+                                                  from 48px (tailwind h-12 class in Table) to 50px, as the box-shadow is inset, else not shown on top
+                                                */}
                                                 <TableHeader className="sticky top-0 h-[50px] bg-background shadow-[inset_0px_-1px_0px_0px_hsl(var(--muted-foreground)_/_0.2),inset_0px_1px_0px_0px_hsl(var(--muted-foreground)_/_0.2)]">
                                                     {table.getHeaderGroups().map((headerGroup) => (
                                                         <TableRow key={headerGroup.id}>
@@ -487,35 +481,6 @@ export default function Explore() {
                                                         </TableRow>
                                                     )}
                                                 </TableBody>
-                                                {!manageContextActionToggle &&
-                                                    matrixClient
-                                                        .getRoom(roomId)
-                                                        ?.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel) && (
-                                                        <TableFooter>
-                                                            <TableRow>
-                                                                <TableCell colSpan="3">
-                                                                    <QuickAddExplore
-                                                                        currentId={roomId}
-                                                                        roomName={matrix.spaces.get(roomId).name}
-                                                                        getSpaceChildren={getSpaceChildren}
-                                                                        allChatRooms={allChatRooms}
-                                                                        trigger={
-                                                                            <Button
-                                                                                className="grid h-12 w-full grid-flow-col justify-between px-0 hover:text-accent"
-                                                                                variant="ghost"
-                                                                                // onClick={() => setIsQuickAddOpen((prevState) => !prevState)}
-                                                                            >
-                                                                                {t('Add more …')}
-                                                                                <Icon>
-                                                                                    <RiAddLine />
-                                                                                </Icon>
-                                                                            </Button>
-                                                                        }
-                                                                    />
-                                                                </TableCell>
-                                                            </TableRow>
-                                                        </TableFooter>
-                                                    )}
                                             </Table>
                                         )}
                                         {/*pagination component which we are currently not using, but might in the future*/}
@@ -544,9 +509,34 @@ export default function Explore() {
                                         {/*        </div>*/}
                                         {/*    </div>*/}
                                         {/*)}*/}
+                                        {!manageContextActionToggle &&
+                                            matrixClient
+                                                .getRoom(roomId)
+                                                ?.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel) && (
+                                                <div className="sticky bottom-0 flex w-full items-center space-x-2 shadow-[0px_-1px_0px_0px_hsl(var(--muted-foreground)_/_0.2)] bg-background">
+                                                    <QuickAddExplore
+                                                        currentId={roomId}
+                                                        roomName={matrix.spaces.get(roomId).name}
+                                                        getSpaceChildren={getSpaceChildren}
+                                                        allChatRooms={allChatRooms}
+                                                        trigger={
+                                                            <Button
+                                                                className="grid h-12 w-full grid-flow-col justify-between px-0 hover:text-accent"
+                                                                variant="ghost"
+                                                                // onClick={() => setIsQuickAddOpen((prevState) => !prevState)}
+                                                            >
+                                                                {t('Add more …')}
+                                                                <Icon>
+                                                                    <RiAddLine />
+                                                                </Icon>
+                                                            </Button>
+                                                        }
+                                                    />
+                                                </div>
+                                            )}
                                     </>
                                 )}
-                            </ServiceTableWrapper>
+                            </div>
                         </DefaultLayout.Wrapper>
                     </>
                 )

From 413225c56582b532abbef33cab1123e9419830f1 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Tue, 12 Mar 2024 14:35:01 +0100
Subject: [PATCH 600/714] style: vertically grow context/item title cell if
 long

---
 components/UI/shadcn/Table.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/UI/shadcn/Table.js b/components/UI/shadcn/Table.js
index cabd1171..b9261882 100644
--- a/components/UI/shadcn/Table.js
+++ b/components/UI/shadcn/Table.js
@@ -38,14 +38,14 @@ TableRow.displayName = 'TableRow';
 const TableHead = React.forwardRef(({ className, ...props }, ref) => (
     <th
         ref={ref}
-        className={cn('h-12 text-left align-middle font-medium text-muted-foreground [&+th]:pl-4 [&:has([role=checkbox])]:pr-0', className)}
+        className={cn('min-h-12 text-left align-middle font-medium text-muted-foreground [&+th]:pl-4 [&:has([role=checkbox])]:pr-0', className)}
         {...props}
     />
 ));
 TableHead.displayName = 'TableHead';
 
 const TableCell = React.forwardRef(({ className, ...props }, ref) => (
-    <td ref={ref} className={cn('h-12 align-middle [&+td]:pl-4 [&:has([role=checkbox])]:pr-0', className)} {...props} />
+    <td ref={ref} className={cn('min-h-12 align-middle [&+td]:pl-4 [&:has([role=checkbox])]:pr-0', className)} {...props} />
 ));
 TableCell.displayName = 'TableCell';
 

From 4a28a44e78b1f50b77d71f7565c6f7d9e31b3a5c Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Tue, 12 Mar 2024 14:36:37 +0100
Subject: [PATCH 601/714] chore: block-comment instead per-line comment

---
 pages/explore/[[...roomId]].js | 54 ++++++++++++++++++----------------
 1 file changed, 28 insertions(+), 26 deletions(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 3edf190c..7503a861 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -483,32 +483,6 @@ export default function Explore() {
                                                 </TableBody>
                                             </Table>
                                         )}
-                                        {/*pagination component which we are currently not using, but might in the future*/}
-                                        {/*{table.getRowModel().rows?.length > 1 && (*/}
-                                        {/*    <div className="sticky bottom-0 flex w-full items-center space-x-2 border-t border-muted-foreground/20 bg-background py-4">*/}
-                                        {/*        <div className="flex-1 text-sm text-muted-foreground">*/}
-                                        {/*            Page {table.getState().pagination.pageIndex + 1} of {table.getPageCount()}*/}
-                                        {/*        </div>*/}
-                                        {/*        <div className="space-x-2">*/}
-                                        {/*            <Button*/}
-                                        {/*                variant="outline"*/}
-                                        {/*                size="sm"*/}
-                                        {/*                onClick={() => table.previousPage()}*/}
-                                        {/*                disabled={!table.getCanPreviousPage()}*/}
-                                        {/*            >*/}
-                                        {/*                Previous*/}
-                                        {/*            </Button>*/}
-                                        {/*            <Button*/}
-                                        {/*                variant="outline"*/}
-                                        {/*                size="sm"*/}
-                                        {/*                onClick={() => table.nextPage()}*/}
-                                        {/*                disabled={!table.getCanNextPage()}*/}
-                                        {/*            >*/}
-                                        {/*                Next*/}
-                                        {/*            </Button>*/}
-                                        {/*        </div>*/}
-                                        {/*    </div>*/}
-                                        {/*)}*/}
                                         {!manageContextActionToggle &&
                                             matrixClient
                                                 .getRoom(roomId)
@@ -534,6 +508,34 @@ export default function Explore() {
                                                     />
                                                 </div>
                                             )}
+
+                                        {/* @NOTE: pagination component which we are currently not using, but might in the future
+                                        {table.getRowModel().rows?.length > 1 && (
+                                            <div className="sticky bottom-0 flex w-full items-center space-x-2 border-t border-muted-foreground/20 bg-background py-4">
+                                                <div className="flex-1 text-sm text-muted-foreground">
+                                                    Page {table.getState().pagination.pageIndex + 1} of {table.getPageCount()}
+                                                </div>
+                                                <div className="space-x-2">
+                                                    <Button
+                                                        variant="outline"
+                                                        size="sm"
+                                                        onClick={() => table.previousPage()}
+                                                        disabled={!table.getCanPreviousPage()}
+                                                    >
+                                                        Previous
+                                                    </Button>
+                                                    <Button
+                                                        variant="outline"
+                                                        size="sm"
+                                                        onClick={() => table.nextPage()}
+                                                        disabled={!table.getCanNextPage()}
+                                                    >
+                                                        Next
+                                                    </Button>
+                                                </div>
+                                            </div>
+                                        )}
+                                        */}
                                     </>
                                 )}
                             </div>

From 4bcaadef0686bc161c7867aeecd8e35cd2e14232 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 12 Mar 2024 14:59:41 +0100
Subject: [PATCH 602/714] refactor: use shadcn Breadcrumb component for
 navigation inside explore and change layout to not display sidebar

---
 components/UI/ServiceIframeHeader.js |   2 +-
 pages/explore/TreePath.js            | 183 +++++++++++++++++++--------
 pages/explore/[[...roomId]].js       |  36 ++++--
 3 files changed, 152 insertions(+), 69 deletions(-)

diff --git a/components/UI/ServiceIframeHeader.js b/components/UI/ServiceIframeHeader.js
index 8ce6b43e..190c62a7 100644
--- a/components/UI/ServiceIframeHeader.js
+++ b/components/UI/ServiceIframeHeader.js
@@ -46,7 +46,7 @@ const ServiceIframeHeader = ({
 
     return (
         <DefaultLayout.IframeHeader>
-            <h2>{title}</h2>
+            <>{title}</>
             <DefaultLayout.IframeHeaderButtonWrapper>
                 {joinRule === 'knock' || (joinRule === 'knock_restricted' && <KnockOnMatrixRoom roomId={roomId} roomName={title} />)}
                 <CopyToClipboard content={content} />
diff --git a/pages/explore/TreePath.js b/pages/explore/TreePath.js
index 73f1023b..c02c6869 100644
--- a/pages/explore/TreePath.js
+++ b/pages/explore/TreePath.js
@@ -2,74 +2,149 @@ import React from 'react';
 import styled from 'styled-components';
 import Link from 'next/link';
 
-import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
-import { ServiceTable } from '../../components/UI/ServiceTable';
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from '@/components/UI/shadcn/DropdownMenu';
+import { ServiceTable } from '@/components/UI/ServiceTable';
 import TreeLeaves from './TreeLeaves';
+import {
+    Breadcrumb,
+    BreadcrumbEllipsis,
+    BreadcrumbItem,
+    BreadcrumbLink,
+    BreadcrumbList,
+    BreadcrumbSeparator,
+} from '@/components/UI/shadcn/Breadcrumb';
+import LoadingSpinnerInline from '@/components/UI/LoadingSpinnerInline';
 
 const Leaf = styled(ServiceTable.Cell)`
-  cursor: pointer;
-  animation: fade-in 0.3s;
+    cursor: pointer;
+    animation: fade-in 0.3s;
 
-  a {
-    &:hover {
-      text-decoration: underline;
-      cursor: pointer;
+    a {
+        &:hover {
+            text-decoration: underline;
+            cursor: pointer;
+        }
     }
-  }
-
-  @keyframes fade-in {
-    0% { opacity: 0; }
-    100% { opacity: 1; }
-  }
 
+    @keyframes fade-in {
+        0% {
+            opacity: 0;
+        }
+        100% {
+            opacity: 1;
+        }
+    }
 `;
 
 const TreePath = ({ selectedSpaceChildren, isFetchingContent, iframeRoomId }) => {
     return (
-        <ServiceTable>
-            { selectedSpaceChildren.map((path, index) => {
-                if (!path[0]) return null;
-                const roomId = path[0].id || path[0].room_id || path[0].roomId;
+        <>
+            <Breadcrumb>
+                <BreadcrumbList>
+                    {selectedSpaceChildren.map((path, index) => {
+                        if (!path[0]) return null;
+                        const roomId = path[0].id || path[0].room_id || path[0].roomId;
+
+                        if (index === 0) {
+                            return (
+                                <BreadcrumbItem key={index}>
+                                    <BreadcrumbLink asChild>
+                                        <Link disabled href={`/explore/${roomId}`}>
+                                            {path[0].name}
+                                            {isFetchingContent === roomId && <LoadingSpinnerInline />}
+                                        </Link>
+                                    </BreadcrumbLink>
+                                </BreadcrumbItem>
+                            );
+                        }
+                    })}
+
+                    {selectedSpaceChildren.length > 2 && (
+                        <>
+                            <BreadcrumbSeparator />
+                            <BreadcrumbItem>
+                                <DropdownMenu>
+                                    <DropdownMenuTrigger className="flex items-center gap-1">
+                                        <BreadcrumbEllipsis className="h-4 w-4" />
+                                        <span className="sr-only">Toggle menu</span>
+                                    </DropdownMenuTrigger>
+                                    <DropdownMenuContent align="start">
+                                        {selectedSpaceChildren.map((path, index) => {
+                                            if (!path[0]) return null;
+                                            const roomId = path[0].id || path[0].room_id || path[0].roomId;
+
+                                            if (index > 0 && index < selectedSpaceChildren.length - 1) {
+                                                return (
+                                                    <DropdownMenuItem key={index} className="grid w-full grid-flow-col justify-start gap-2">
+                                                        <Link href={`/explore/${roomId}`}>
+                                                            {path[0].name}
+                                                            {isFetchingContent === roomId && <LoadingSpinnerInline />}
+                                                        </Link>
+                                                    </DropdownMenuItem>
+                                                );
+                                            }
+                                        })}
+                                    </DropdownMenuContent>
+                                </DropdownMenu>
+                            </BreadcrumbItem>
+                        </>
+                    )}
 
-                return <ServiceTable.Row key={index}>
-                    <Leaf selected
-                        disabled={isFetchingContent}
-                    >
-                        <Link disabled href={`/explore/${roomId}`}>{ index > 0 && '↳ ' }{ path[0].name }{ isFetchingContent === roomId && <LoadingSpinnerInline /> }</Link>
-                    </Leaf>
+                    {selectedSpaceChildren.map((path, index) => {
+                        if (!path[0]) return null;
+                        const roomId = path[0].id || path[0].room_id || path[0].roomId;
 
-                </ServiceTable.Row>;
-            }) }
-            { iframeRoomId && selectedSpaceChildren[selectedSpaceChildren.length - 1]
-                .sort(function(a, b) {
-                    if (a.type === 'item' && b.type !== 'item') {
-                        return -1; // 'a' comes before 'b'
-                    } else if (a.type !== 'item' && b.type === 'item') {
-                        return 1; // 'a' comes after 'b'
-                    } else {
-                        return 0; // No sorting necessary
-                    }
-                })
-                .map((leaf, index) => {
-                    if (leaf.length <= 1) {
-                        return;
-                    }
+                        if (index === selectedSpaceChildren.length - 1 && selectedSpaceChildren.length > 1) {
+                            return (
+                                <>
+                                    <BreadcrumbSeparator />
+                                    <BreadcrumbItem>
+                                        <BreadcrumbLink asChild>
+                                            <Link disabled href={`/explore/${roomId}`}>
+                                                {path[0].name}
+                                                {isFetchingContent === roomId && <LoadingSpinnerInline />}
+                                            </Link>
+                                        </BreadcrumbLink>
+                                    </BreadcrumbItem>
+                                </>
+                            );
+                        }
+                    })}
+                </BreadcrumbList>
+            </Breadcrumb>
+            {iframeRoomId &&
+                selectedSpaceChildren[selectedSpaceChildren.length - 1]
+                    .sort(function (a, b) {
+                        if (a.type === 'item' && b.type !== 'item') {
+                            return -1; // 'a' comes before 'b'
+                        } else if (a.type !== 'item' && b.type === 'item') {
+                            return 1; // 'a' comes after 'b'
+                        } else {
+                            return 0; // No sorting necessary
+                        }
+                    })
+                    .map((leaf, index) => {
+                        if (leaf.length <= 1) {
+                            return;
+                        }
 
-                    if (index === 0) return null;
+                        if (index === 0) return null;
 
-                    // Sort the array to display objects of type 'item' before others
-                    return <TreeLeaves
-                        small
-                        depth={selectedSpaceChildren.length}
-                        leaf={leaf}
-                        parent={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].room_id}
-                        key={leaf.room_id + '_' + index}
-                        iframeRoomId={iframeRoomId}
-                        isFetchingContent={isFetchingContent}
-                        isChat={(!leaf.meta && !leaf.room_type) || (!leaf.meta && leaf.room_type === 'm.room')} // chat rooms created with element do not have a room_type attribute. therefore we have to check for both cases
-                    />;
-                }) }
-        </ServiceTable>
+                        // Sort the array to display objects of type 'item' before others
+                        return (
+                            <TreeLeaves
+                                small
+                                depth={selectedSpaceChildren.length}
+                                leaf={leaf}
+                                parent={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].room_id}
+                                key={leaf.room_id + '_' + index}
+                                iframeRoomId={iframeRoomId}
+                                isFetchingContent={isFetchingContent}
+                                isChat={(!leaf.meta && !leaf.room_type) || (!leaf.meta && leaf.room_type === 'm.room')} // chat rooms created with element do not have a room_type attribute. therefore we have to check for both cases
+                            />
+                        );
+                    })}
+        </>
     );
 };
 
diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 81469805..2c82b6fd 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -19,7 +19,6 @@ import TreeLeaves from './TreeLeaves';
 import TreePath from './TreePath';
 import ExploreIframeViews from './ExploreIframeViews';
 import logger from '../../lib/Logging';
-import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
 import DefaultLayout from '../../components/layouts/default';
 import QuickAddExplore from './manage-room/QuickAddExplore';
 import { Button } from '@/components/UI/shadcn/Button';
@@ -273,18 +272,19 @@ export default function Explore() {
 
     return (
         <>
-            <DefaultLayout.Sidebar>
-                <h2>/explore {_.isEmpty(selectedSpaceChildren) && isFetchingContent && <LoadingSpinnerInline />}</h2>
-                <ServiceTableWrapper>
-                    {!_.isEmpty(selectedSpaceChildren) && (
-                        <TreePath
-                            selectedSpaceChildren={selectedSpaceChildren}
-                            isFetchingContent={isFetchingContent}
-                            iframeRoomId={iframeRoomId}
-                        />
-                    )}
-                </ServiceTableWrapper>
-            </DefaultLayout.Sidebar>
+            {iframeRoomId && (
+                <DefaultLayout.Sidebar>
+                    <ServiceTableWrapper>
+                        {!_.isEmpty(selectedSpaceChildren) && (
+                            <TreePath
+                                selectedSpaceChildren={selectedSpaceChildren}
+                                isFetchingContent={isFetchingContent}
+                                iframeRoomId={iframeRoomId}
+                            />
+                        )}
+                    </ServiceTableWrapper>
+                </DefaultLayout.Sidebar>
+            )}
 
             {iframeRoomId ? (
                 <ExploreIframeViews
@@ -302,7 +302,15 @@ export default function Explore() {
                         <DefaultLayout.Wrapper>
                             <ServiceIframeHeader
                                 content={window.location.href}
-                                title={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].name}
+                                title={
+                                    !_.isEmpty(selectedSpaceChildren) && (
+                                        <TreePath
+                                            selectedSpaceChildren={selectedSpaceChildren}
+                                            isFetchingContent={isFetchingContent}
+                                            iframeRoomId={iframeRoomId}
+                                        />
+                                    )
+                                }
                                 removingLink={false}
                                 roomId={roomId}
                                 manageContextActionToggle={manageContextActionToggle}

From 276403c2387e80066e39983690524f4b1442abeb Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 12 Mar 2024 15:31:28 +0100
Subject: [PATCH 603/714] WIP: change layout

---
 pages/explore/ExploreIframeViews.js | 97 ++++++++++++++---------------
 pages/explore/[[...roomId]].js      | 16 +----
 2 files changed, 49 insertions(+), 64 deletions(-)

diff --git a/pages/explore/ExploreIframeViews.js b/pages/explore/ExploreIframeViews.js
index 637b0141..5d11eccb 100644
--- a/pages/explore/ExploreIframeViews.js
+++ b/pages/explore/ExploreIframeViews.js
@@ -1,5 +1,6 @@
 import getConfig from 'next/config';
 import React, { useEffect, useState } from 'react';
+import _ from 'lodash';
 
 import ServiceIframeHeader from '../../components/UI/ServiceIframeHeader';
 import ChatIframeView from '../chat/ChatIframeView';
@@ -7,8 +8,9 @@ import ProjectView from './ProjectView';
 import { useAuth } from '@/lib/Auth';
 import { useMatrix } from '@/lib/Matrix';
 import DefaultLayout from '../../components/layouts/default';
+import TreePath from './TreePath';
 
-const ExploreIframeViews = ({ currentTemplate, iframeRoomId, title: parsedTitle }) => {
+const ExploreIframeViews = ({ currentTemplate, iframeRoomId, title: parsedTitle, selectedSpaceChildren, isFetchingContent }) => {
     const auth = useAuth();
     const matrix = useMatrix(auth.getAuthenticationProvider('matrix'));
     const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
@@ -40,57 +42,52 @@ const ExploreIframeViews = ({ currentTemplate, iframeRoomId, title: parsedTitle
     }, [iframeRoomId, matrixClient, parsedTitle]);
 
     return (
-        <DefaultLayout.IframeWrapper>
-            {(() => {
-                switch (currentTemplate) {
-                    case 'studentproject':
-                        return <ProjectView content={iframeUrl} />;
-                    case 'etherpad':
-                        return (
-                            <>
-                                <ServiceIframeHeader
-                                    content={matrix.roomContents.get(iframeRoomId)?.body}
+        <DefaultLayout.Wrapper>
+            <ServiceIframeHeader content={matrix.roomContents.get(iframeRoomId)?.body} title={title} removingLink={false} />
+            <DefaultLayout.IframeWrapper>
+                <DefaultLayout.Sidebar>
+                    {!_.isEmpty(selectedSpaceChildren) && (
+                        <TreePath
+                            selectedSpaceChildren={selectedSpaceChildren}
+                            isFetchingContent={isFetchingContent}
+                            iframeRoomId={iframeRoomId}
+                        />
+                    )}
+                </DefaultLayout.Sidebar>
+                {(() => {
+                    switch (currentTemplate) {
+                        case 'studentproject':
+                            return <ProjectView content={iframeUrl} />;
+                        case 'etherpad':
+                            return (
+                                <>
+                                    <iframe title="etherpad" src={iframeUrl} />
+                                </>
+                            );
+                        case 'spacedeck':
+                            return (
+                                <>
+                                    <iframe title="sketch" src={matrix.roomContents.get(iframeRoomId)?.body} />
+                                </>
+                            );
+                        case 'link':
+                            return (
+                                <>
+                                    <iframe title="sketch" src={iframeUrl} />
+                                </>
+                            );
+                        default:
+                            return (
+                                <ChatIframeView
                                     title={title}
-                                    removeLink={() => console.log('removing pad from parent')}
-                                    removingLink={false}
+                                    src={`${getConfig().publicRuntimeConfig.chat.pathToElement}/#/room/${iframeRoomId}`}
+                                    roomId={iframeRoomId}
                                 />
-                                <iframe title="etherpad" src={iframeUrl} />
-                            </>
-                        );
-                    case 'spacedeck':
-                        return (
-                            <>
-                                <ServiceIframeHeader
-                                    content={matrix.roomContents.get(iframeRoomId)?.body}
-                                    title={title}
-                                    removeLink={() => console.log('removing sketch from parent')}
-                                    removingLink={false}
-                                />
-                                <iframe title="sketch" src={matrix.roomContents.get(iframeRoomId)?.body} />
-                            </>
-                        );
-                    case 'link':
-                        return (
-                            <>
-                                <ServiceIframeHeader
-                                    content={matrix.roomContents.get(iframeRoomId)?.body}
-                                    title={title}
-                                    removingLink={false}
-                                />
-                                <iframe title="sketch" src={iframeUrl} />
-                            </>
-                        );
-                    default:
-                        return (
-                            <ChatIframeView
-                                title={title}
-                                src={`${getConfig().publicRuntimeConfig.chat.pathToElement}/#/room/${iframeRoomId}`}
-                                roomId={iframeRoomId}
-                            />
-                        );
-                }
-            })()}
-        </DefaultLayout.IframeWrapper>
+                            );
+                    }
+                })()}
+            </DefaultLayout.IframeWrapper>
+        </DefaultLayout.Wrapper>
     );
 };
 
diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 3887f9ba..98c26d57 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -395,22 +395,10 @@ export default function Explore() {
 
     return (
         <>
-            {iframeRoomId && (
-                <DefaultLayout.Sidebar>
-                    <ServiceTableWrapper>
-                        {!_.isEmpty(selectedSpaceChildren) && (
-                            <TreePath
-                                selectedSpaceChildren={selectedSpaceChildren}
-                                isFetchingContent={isFetchingContent}
-                                iframeRoomId={iframeRoomId}
-                            />
-                        )}
-                    </ServiceTableWrapper>
-                </DefaultLayout.Sidebar>
-            )}
-
             {iframeRoomId ? (
                 <ExploreIframeViews
+                    selectedSpaceChildren={selectedSpaceChildren}
+                    isFetchtingContent={isFetchingContent}
                     currentTemplate={currentTemplate}
                     iframeRoomId={iframeRoomId}
                     title={

From 16b48c0ac46fb4be007fe8963cf76deef49b7d60 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Tue, 12 Mar 2024 15:52:20 +0100
Subject: [PATCH 604/714] style: fix scrolling; scroll outer container, not
 inner

---
 components/UI/shadcn/Table.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/UI/shadcn/Table.js b/components/UI/shadcn/Table.js
index b9261882..9fa0a3ee 100644
--- a/components/UI/shadcn/Table.js
+++ b/components/UI/shadcn/Table.js
@@ -3,7 +3,7 @@ import * as React from 'react';
 import { cn } from '@/lib/utils';
 
 const Table = React.forwardRef(({ className, ...props }, ref) => (
-    <div className="relative w-full overflow-auto">
+    <div className="relative w-full">
         <table ref={ref} className={cn('w-full caption-bottom', className)} {...props} />
     </div>
 ));

From fd28f18b729ffe8520cbe51edaf8737dac13bdce Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Tue, 12 Mar 2024 15:58:22 +0100
Subject: [PATCH 605/714] chore: fix eslint errors

---
 pages/explore/[[...roomId]].js            |  2 +-
 pages/explore/manage-room/EllipsisMenu.js | 12 +++++++-----
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 7503a861..446f943a 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -35,7 +35,7 @@ import { Button } from '@/components/UI/shadcn/Button';
 import TextButton from '@/components/UI/TextButton';
 import Icon from '@/components/UI/Icon';
 import UserManagement from './manage-room/UserManagement';
-import { Table, TableBody, TableCell, TableFooter, TableHead, TableHeader, TableRow } from '@/components/UI/shadcn/Table';
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/UI/shadcn/Table';
 import TreeLeaves from './TreeLeaves';
 import EllipsisMenu from './manage-room/EllipsisMenu';
 
diff --git a/pages/explore/manage-room/EllipsisMenu.js b/pages/explore/manage-room/EllipsisMenu.js
index 98c03386..ce31353a 100644
--- a/pages/explore/manage-room/EllipsisMenu.js
+++ b/pages/explore/manage-room/EllipsisMenu.js
@@ -1,6 +1,12 @@
 import React, { useState } from 'react';
 import { useTranslation } from 'react-i18next';
+import { toast } from 'sonner';
+import { RiClipboardLine, RiFolderCloseLine, RiMoreLine } from '@remixicon/react';
+
 import { useAuth } from '@/lib/Auth';
+import { isValidUrl } from '@/lib/utils';
+import ConfirmCancelButtons from '@/components/UI/ConfirmCancelButtons';
+import Icon from '@/components/UI/Icon';
 import {
     Dialog,
     DialogContent,
@@ -17,11 +23,6 @@ import {
     DropdownMenuSeparator,
     DropdownMenuTrigger,
 } from '@/components/UI/shadcn/DropdownMenu';
-import { RiClipboardLine, RiFolderCloseLine, RiMoreLine } from '@remixicon/react';
-import { isValidUrl } from '@/lib/utils';
-import Icon from '@/components/UI/Icon';
-import { toast } from 'sonner';
-import ConfirmCancelButtons from '@/components/UI/ConfirmCancelButtons';
 
 const EllipsisMenu = ({ parentName, name, parentRoomId, onRemove, myPowerLevel, href }) => {
     const [dialogOpen, setDialogOpen] = useState(false);
@@ -97,4 +98,5 @@ const EllipsisMenu = ({ parentName, name, parentRoomId, onRemove, myPowerLevel,
         </Dialog>
     );
 };
+
 export default EllipsisMenu;

From acbb9ffa6514120bc2ae447b66273b9462b5879f Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 12 Mar 2024 16:33:56 +0100
Subject: [PATCH 606/714] push Breadcrumb file

---
 components/UI/shadcn/Breadcrumb.js | 58 ++++++++++++++++++++++++++++++
 1 file changed, 58 insertions(+)
 create mode 100644 components/UI/shadcn/Breadcrumb.js

diff --git a/components/UI/shadcn/Breadcrumb.js b/components/UI/shadcn/Breadcrumb.js
new file mode 100644
index 00000000..96aa8bda
--- /dev/null
+++ b/components/UI/shadcn/Breadcrumb.js
@@ -0,0 +1,58 @@
+import * as React from 'react';
+import { Slot } from '@radix-ui/react-slot';
+import { RiArrowRightSLine, RiMoreLine } from '@remixicon/react';
+
+import { cn } from '@/lib/utils';
+
+const Breadcrumb = React.forwardRef(({ ...props }, ref) => <nav ref={ref} aria-label="breadcrumb" {...props} />);
+Breadcrumb.displayName = 'Breadcrumb';
+
+const BreadcrumbList = React.forwardRef(({ className, ...props }, ref) => (
+    <ol
+        ref={ref}
+        className={cn('flex flex-wrap items-center gap-1.5 break-words text-muted-foreground sm:gap-2.5', className)}
+        {...props}
+    />
+));
+BreadcrumbList.displayName = 'BreadcrumbList';
+
+const BreadcrumbItem = React.forwardRef(({ className, ...props }, ref) => (
+    <li ref={ref} className={cn('inline-flex items-center gap-1.5', className)} {...props} />
+));
+BreadcrumbItem.displayName = 'BreadcrumbItem';
+
+const BreadcrumbLink = React.forwardRef(({ asChild, className, ...props }, ref) => {
+    const Comp = asChild ? Slot : 'a';
+
+    return <Comp ref={ref} className={cn('transition-colors hover:text-foreground', className)} {...props} />;
+});
+BreadcrumbLink.displayName = 'BreadcrumbLink';
+
+const BreadcrumbPage = React.forwardRef(({ className, ...props }, ref) => (
+    <span
+        ref={ref}
+        role="link"
+        aria-disabled="true"
+        aria-current="page"
+        className={cn('font-normal text-foreground', className)}
+        {...props}
+    />
+));
+BreadcrumbPage.displayName = 'BreadcrumbPage';
+
+const BreadcrumbSeparator = ({ children, className, ...props }) => (
+    <li role="presentation" aria-hidden="true" className={cn('[&>svg]:size-3.5', className)} {...props}>
+        {children ?? <RiArrowRightSLine />}
+    </li>
+);
+BreadcrumbSeparator.displayName = 'BreadcrumbSeparator';
+
+const BreadcrumbEllipsis = ({ className, ...props }) => (
+    <span role="presentation" aria-hidden="true" className={cn('flex h-9 w-9 items-center justify-center', className)} {...props}>
+        <RiMoreLine className="h-4 w-4" />
+        <span className="sr-only">More</span>
+    </span>
+);
+BreadcrumbEllipsis.displayName = 'BreadcrumbElipssis';
+
+export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis };

From 5ad10af9980dc4f73ad8ae90bf1b26a82fc2cac7 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Tue, 12 Mar 2024 16:35:05 +0100
Subject: [PATCH 607/714] chore: improve pencil icon for item type etherpad

---
 pages/explore/TreePath.js      | 4 ++--
 pages/explore/[[...roomId]].js | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/pages/explore/TreePath.js b/pages/explore/TreePath.js
index 27ac0ef6..d011eebb 100644
--- a/pages/explore/TreePath.js
+++ b/pages/explore/TreePath.js
@@ -2,7 +2,7 @@ import React from 'react';
 import styled from 'styled-components';
 import Link from 'next/link';
 import { getCoreRowModel, useReactTable } from '@tanstack/react-table';
-import { RiBrush2Line, RiBrushLine, RiChat1Line, RiFolderLine, RiFolderUnknowLine, RiLink, RiPencilLine } from '@remixicon/react';
+import { RiBrush2Line, RiBrushLine, RiChat1Line, RiEditLine, RiFolderLine, RiFolderUnknowLine, RiLink } from '@remixicon/react';
 import { useRouter } from 'next/router';
 
 import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
@@ -46,7 +46,7 @@ const TreePath = ({ selectedSpaceChildren, isFetchingContent, iframeRoomId }) =>
                 if (row.original?.meta?.template === 'etherpad') {
                     return (
                         <Icon>
-                            <RiPencilLine />
+                            <RiEditLine />
                         </Icon>
                     );
                 }
diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 446f943a..c4c2cae0 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -9,11 +9,11 @@ import {
     RiBrush2Line,
     RiBrushLine,
     RiChat1Line,
+    RiEditLine,
     RiFolderLine,
     RiFolderSettingsLine,
     RiFolderUnknowLine,
     RiLink,
-    RiPencilLine,
     RiUserLine,
 } from '@remixicon/react';
 import { toast } from 'sonner';
@@ -301,7 +301,7 @@ export default function Explore() {
                 if (row.original?.meta?.template === 'etherpad') {
                     return (
                         <Icon>
-                            <RiPencilLine />
+                            <RiEditLine />
                         </Icon>
                     );
                 }

From d135ab817f499e72a334320c9979ee28a1827391 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 13 Mar 2024 11:15:53 +0100
Subject: [PATCH 608/714] fix: truncate pad name for mypads to max 40
 characters to avoid errors

---
 pages/etherpad/[[...roomId]].js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/pages/etherpad/[[...roomId]].js b/pages/etherpad/[[...roomId]].js
index c23ef2bd..9de5821e 100644
--- a/pages/etherpad/[[...roomId]].js
+++ b/pages/etherpad/[[...roomId]].js
@@ -169,7 +169,8 @@ export default function Etherpad() {
      */
 
     const createPadAndOpen = async (name, visibility, password) => {
-        const padObject = await etherpad.createPad(name, visibility, password);
+        // truncate the name to a maximum of 40 characters to avoid errors
+        const padObject = await etherpad.createPad(name.substring(0, 40), visibility, password);
         if (!padObject || !padObject.success) throw new Error('The following error occurred', { cause: padObject });
 
         const link = getConfig().publicRuntimeConfig.authProviders.etherpad.baseUrl + '/' + padObject.key;

From f5f8dc4c95c72b984cd49355cd1bc933094024c8 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Wed, 13 Mar 2024 11:31:42 +0100
Subject: [PATCH 609/714] style: fix vertical spacing in Drawer/DrawerDialog

---
 components/UI/shadcn/DialogDrawer.js | 2 +-
 components/UI/shadcn/Drawer.js       | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/UI/shadcn/DialogDrawer.js b/components/UI/shadcn/DialogDrawer.js
index ce6f41de..19f61135 100644
--- a/components/UI/shadcn/DialogDrawer.js
+++ b/components/UI/shadcn/DialogDrawer.js
@@ -25,7 +25,7 @@ const DrawerDialog = React.forwardRef(({ className, children, isOpen, ...props }
     return (
         <Drawer open={isOpen} className={className} ref={ref} {...props}>
             <DrawerContent>
-                <div className="px-4">{children}</div>
+                <div className="px-4 pb-4">{children}</div>
             </DrawerContent>
         </Drawer>
     );
diff --git a/components/UI/shadcn/Drawer.js b/components/UI/shadcn/Drawer.js
index a4002d17..aa3776c0 100644
--- a/components/UI/shadcn/Drawer.js
+++ b/components/UI/shadcn/Drawer.js
@@ -37,7 +37,7 @@ DrawerContent.displayName = 'DrawerContent';
 const DrawerHeader = ({ className, ...props }) => <div className={cn('grid gap-1.5 p-4 text-center sm:text-left', className)} {...props} />;
 DrawerHeader.displayName = 'DrawerHeader';
 
-const DrawerFooter = ({ className, ...props }) => <div className={cn('mt-auto flex flex-col gap-2 p-4', className)} {...props} />;
+const DrawerFooter = ({ className, ...props }) => <div className={cn('mt-auto flex flex-col gap-2 pt-4', className)} {...props} />;
 DrawerFooter.displayName = 'DrawerFooter';
 
 const DrawerTitle = React.forwardRef(({ className, ...props }, ref) => (

From ca48a036b1efee0b739028531ed9b7b5d1caf126 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 13 Mar 2024 11:46:02 +0100
Subject: [PATCH 610/714] wip: inch closer to desired layout

---
 components/layouts/default.js       | 42 ++++++++++++++++++++---------
 pages/explore/ExploreIframeViews.js |  4 +--
 2 files changed, 31 insertions(+), 15 deletions(-)

diff --git a/components/layouts/default.js b/components/layouts/default.js
index 413a6b54..edee5f15 100644
--- a/components/layouts/default.js
+++ b/components/layouts/default.js
@@ -57,27 +57,26 @@ const Wrapper = styled.div`
     flex: 1 0;
     flex-direction: column;
     align-items: center;
-  height: 100%;
+    height: 100%;
 
     > div {
-    padding: 0 var(--margin);
+        padding: 0 var(--margin);
 
-    // On bigger viewports ...
-    @media ${breakpoints.tabletAndAbove} {
-      padding: 0 calc(var(--margin) * 1.5);
+        // On bigger viewports ...
+        @media ${breakpoints.tabletAndAbove} {
+            padding: 0 calc(var(--margin) * 1.5);
+        }
     }
-  }
-
 `;
 
 const IframeWrapper = styled(Wrapper)`
-  padding: 0;
+    padding: 0;
 
-  iframe {
-    width: 100%;
-    height: 100%;
-    margin: 0;
-    border: none;
+    iframe {
+        width: 100%;
+        height: 100%;
+        margin: 0;
+        border: none;
 
         @media ${breakpoints.phoneOnly} {
             border-top: 1px solid var(--color-foreground-alpha);
@@ -108,6 +107,22 @@ const IframeHeaderButtonWrapper = styled.div`
     height: 100%;
 `;
 
+const ExploreWrapper = styled(Wrapper)`
+    flex-direction: row;
+    width: 100%;
+    padding: unset;
+    iframe {
+        width: 100%;
+        height: 100%;
+        margin: 0;
+        border: none;
+
+        @media ${breakpoints.phoneOnly} {
+            border-top: 1px solid var(--color-foreground-alpha);
+        }
+    }
+`;
+
 const Layout = ({ children }) => {
     return (
         <BaseLayout>
@@ -132,6 +147,7 @@ const DefaultLayout = {
     IframeWrapper: memo(IframeWrapper),
     IframeHeader: memo(IframeHeader),
     IframeHeaderButtonWrapper: memo(IframeHeaderButtonWrapper),
+    ExploreWrapper: memo(ExploreWrapper),
 };
 
 export default DefaultLayout;
diff --git a/pages/explore/ExploreIframeViews.js b/pages/explore/ExploreIframeViews.js
index 5d11eccb..9a7c9cb4 100644
--- a/pages/explore/ExploreIframeViews.js
+++ b/pages/explore/ExploreIframeViews.js
@@ -44,7 +44,7 @@ const ExploreIframeViews = ({ currentTemplate, iframeRoomId, title: parsedTitle,
     return (
         <DefaultLayout.Wrapper>
             <ServiceIframeHeader content={matrix.roomContents.get(iframeRoomId)?.body} title={title} removingLink={false} />
-            <DefaultLayout.IframeWrapper>
+            <DefaultLayout.ExploreWrapper>
                 <DefaultLayout.Sidebar>
                     {!_.isEmpty(selectedSpaceChildren) && (
                         <TreePath
@@ -86,7 +86,7 @@ const ExploreIframeViews = ({ currentTemplate, iframeRoomId, title: parsedTitle,
                             );
                     }
                 })()}
-            </DefaultLayout.IframeWrapper>
+            </DefaultLayout.ExploreWrapper>
         </DefaultLayout.Wrapper>
     );
 };

From df8e7a5e7055fcab105c1703e9e337500be38a56 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 13 Mar 2024 11:55:04 +0100
Subject: [PATCH 611/714] fix: make sure links open in target blank

---
 pages/explore/TreeLeaves.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/pages/explore/TreeLeaves.js b/pages/explore/TreeLeaves.js
index 05621c6a..a5efebb8 100644
--- a/pages/explore/TreeLeaves.js
+++ b/pages/explore/TreeLeaves.js
@@ -29,6 +29,7 @@ const TreeLeaves = ({ row, parentName, selectedRoomId, isFetchingContent, small,
           ? `/explore/${parentId}/${roomId}`
           : `/explore/${roomId}`;
     row.roomId = roomId;
+    if (externalUrl) row.target = '_blank';
 
     useEffect(() => {
         const controller = new AbortController();

From 832a3a126e81c5a33f045d29159a117e6c41f585 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 13 Mar 2024 12:15:03 +0100
Subject: [PATCH 612/714] fix: creating context was broken due to code changes,
 working again

---
 pages/explore/manage-room/CreateContext.js | 28 +++++++---------------
 1 file changed, 9 insertions(+), 19 deletions(-)

diff --git a/pages/explore/manage-room/CreateContext.js b/pages/explore/manage-room/CreateContext.js
index 8e563dad..c37e445d 100644
--- a/pages/explore/manage-room/CreateContext.js
+++ b/pages/explore/manage-room/CreateContext.js
@@ -1,5 +1,4 @@
 import React, { useState } from 'react';
-import getConfig from 'next/config';
 import { useTranslation } from 'react-i18next';
 import _ from 'lodash';
 import { toast } from 'sonner';
@@ -48,18 +47,7 @@ const CreateContext = ({ currentId, onCancel, getSpaceChildren, onPreviousAction
 
         // create the new context space
         const createNewSubContext = await matrix
-            .createRoom(
-                name,
-                true,
-                topic,
-                'public',
-                'context',
-                template,
-                getConfig().publicRuntimeConfig.name,
-                'public',
-                'world_readable',
-                'public_chat',
-            )
+            .createRoom(name, true, topic, 'public', 'context', template, currentId, 'restricted_knock', 'world_readable')
             .catch(async (err) => {
                 setCreateNewContextErrorMessage(err.message);
                 _.delay(() => setCreateNewContextErrorMessage(''), 2500);
@@ -75,16 +63,18 @@ const CreateContext = ({ currentId, onCancel, getSpaceChildren, onPreviousAction
                 .catch(async (err) => {
                     setCreateNewContextErrorMessage(err.message);
                     _.delay(() => setCreateNewContextErrorMessage(''), 2500);
+
+                    return;
                 });
+            await getSpaceChildren(null, currentId);
+            setName('');
+            setTopic('');
+            setTemplate('');
+            toast.success(t('Context {{name}} succesfully created', { name: name }));
+            onCancel();
         }
 
-        await getSpaceChildren(null, currentId);
-        setName('');
-        setTopic('');
-        setTemplate('');
         setIsLoading(false);
-        toast.success(t('Context {{name}} succesfully created', { name: name }));
-        onCancel();
     };
 
     return (

From 447becdea9f96378b0244f0d3de7f5ba1cadc9da Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 13 Mar 2024 12:24:10 +0100
Subject: [PATCH 613/714] fix: error handling when not in room and not invited

---
 pages/explore/[[...roomId]].js | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index c4c2cae0..aa3b5ea6 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -133,7 +133,9 @@ export default function Explore() {
                                 }),
                             )
                         ) {
-                            const joinRoom = await matrixClient.joinRoom(roomId).catch((error) => toast.error(error.data?.error));
+                            const joinRoom = await matrixClient.joinRoom(roomId).catch((error) => {
+                                toast.error(error.message);
+                            });
 
                             // If successfully joined, recursively call 'getSpaceHierarchy' again.
                             if (joinRoom) return await getHierarchyFromServer(roomId);
@@ -145,7 +147,6 @@ export default function Explore() {
                                 // we don't want to display unnecessary error messages.
                                 if (error.message === 'Event not found.') return;
                                 if (error.message.includes('not in room')) return;
-                                console.log(error);
                                 toast.error(error.message);
                             }); // Handle other errors by setting an error message.
                     }
@@ -201,7 +202,7 @@ export default function Explore() {
                             spaceHierarchy.push(copy);
                         } else {
                             const getChildFromServer = await getHierarchyFromServer(roomId);
-
+                            if (!getChildFromServer) return;
                             getChildFromServer[0].parent = cachedSpace;
                             spaceHierarchy.push(getChildFromServer[0]);
                         }
@@ -487,7 +488,7 @@ export default function Explore() {
                                             matrixClient
                                                 .getRoom(roomId)
                                                 ?.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel) && (
-                                                <div className="sticky bottom-0 flex w-full items-center space-x-2 shadow-[0px_-1px_0px_0px_hsl(var(--muted-foreground)_/_0.2)] bg-background">
+                                                <div className="sticky bottom-0 flex w-full items-center space-x-2 bg-background shadow-[0px_-1px_0px_0px_hsl(var(--muted-foreground)_/_0.2)]">
                                                     <QuickAddExplore
                                                         currentId={roomId}
                                                         roomName={matrix.spaces.get(roomId).name}

From ea1e463d38b37ca6a5a323018ef97b348568e125 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 13 Mar 2024 13:15:53 +0100
Subject: [PATCH 614/714] refactor: implement progress bar for explore instead
 of displaying loading spinner

---
 components/UI/shadcn/Progress.js | 16 ++++++++++++++++
 package-lock.json                | 25 +++++++++++++++++++++++++
 package.json                     |  1 +
 pages/explore/TreePath.js        |  2 --
 pages/explore/[[...roomId]].js   | 31 ++++++++++++++++++++++++++-----
 5 files changed, 68 insertions(+), 7 deletions(-)
 create mode 100644 components/UI/shadcn/Progress.js

diff --git a/components/UI/shadcn/Progress.js b/components/UI/shadcn/Progress.js
new file mode 100644
index 00000000..06f44ea7
--- /dev/null
+++ b/components/UI/shadcn/Progress.js
@@ -0,0 +1,16 @@
+import * as React from 'react';
+import * as ProgressPrimitive from '@radix-ui/react-progress';
+
+import { cn } from '@/lib/utils';
+
+const Progress = React.forwardRef(({ className, value, ...props }, ref) => (
+    <ProgressPrimitive.Root ref={ref} className={cn('relative h-1 w-full overflow-hidden  bg-secondary', className)} {...props}>
+        <ProgressPrimitive.Indicator
+            className="h-full w-full flex-1 bg-accent transition-all"
+            style={{ transform: `translateX(-${100 - (value || 0)}%)` }}
+        />
+    </ProgressPrimitive.Root>
+));
+Progress.displayName = ProgressPrimitive.Root.displayName;
+
+export { Progress };
diff --git a/package-lock.json b/package-lock.json
index a6dd3db1..9950d4bd 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -11,6 +11,7 @@
         "@radix-ui/react-dialog": "^1.0.5",
         "@radix-ui/react-dropdown-menu": "^2.0.6",
         "@radix-ui/react-popover": "^1.0.7",
+        "@radix-ui/react-progress": "^1.0.3",
         "@radix-ui/react-radio-group": "^1.1.3",
         "@radix-ui/react-select": "^2.0.0",
         "@radix-ui/react-separator": "^1.0.3",
@@ -1470,6 +1471,30 @@
         }
       }
     },
+    "node_modules/@radix-ui/react-progress": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-progress/-/react-progress-1.0.3.tgz",
+      "integrity": "sha512-5G6Om/tYSxjSeEdrb1VfKkfZfn/1IlPWd731h2RfPuSbIfNUgfqAwbKfJCg/PP6nuUCTrYzalwHSpSinoWoCag==",
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/react-context": "1.0.1",
+        "@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-radio-group": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-radio-group/-/react-radio-group-1.1.3.tgz",
diff --git a/package.json b/package.json
index 1342130a..9ea655a1 100644
--- a/package.json
+++ b/package.json
@@ -13,6 +13,7 @@
     "@radix-ui/react-dialog": "^1.0.5",
     "@radix-ui/react-dropdown-menu": "^2.0.6",
     "@radix-ui/react-popover": "^1.0.7",
+    "@radix-ui/react-progress": "^1.0.3",
     "@radix-ui/react-radio-group": "^1.1.3",
     "@radix-ui/react-select": "^2.0.0",
     "@radix-ui/react-separator": "^1.0.3",
diff --git a/pages/explore/TreePath.js b/pages/explore/TreePath.js
index d011eebb..09cc736a 100644
--- a/pages/explore/TreePath.js
+++ b/pages/explore/TreePath.js
@@ -5,7 +5,6 @@ import { getCoreRowModel, useReactTable } from '@tanstack/react-table';
 import { RiBrush2Line, RiBrushLine, RiChat1Line, RiEditLine, RiFolderLine, RiFolderUnknowLine, RiLink } from '@remixicon/react';
 import { useRouter } from 'next/router';
 
-import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
 import { ServiceTable } from '@/components/UI/ServiceTable';
 import TreeLeaves from './TreeLeaves';
 import Icon from '@/components/UI/Icon';
@@ -123,7 +122,6 @@ const TreePath = ({ selectedSpaceChildren, isFetchingContent, iframeRoomId }) =>
                                 <Link disabled href={`/explore/${roomId}`}>
                                     {index > 0 && '↳ '}
                                     {path[0].name}
-                                    {isFetchingContent === roomId && <LoadingSpinnerInline />}
                                 </Link>
                             </Leaf>
                         </ServiceTable.Row>
diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index aa3b5ea6..73a7dea9 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -28,7 +28,6 @@ import ServiceIframeHeader from '../../components/UI/ServiceIframeHeader';
 import TreePath from './TreePath';
 import ExploreIframeViews from './ExploreIframeViews';
 import logger from '../../lib/Logging';
-import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
 import DefaultLayout from '../../components/layouts/default';
 import QuickAddExplore from './manage-room/QuickAddExplore';
 import { Button } from '@/components/UI/shadcn/Button';
@@ -38,6 +37,7 @@ import UserManagement from './manage-room/UserManagement';
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/UI/shadcn/Table';
 import TreeLeaves from './TreeLeaves';
 import EllipsisMenu from './manage-room/EllipsisMenu';
+import { Progress } from '@/components/UI/shadcn/Progress';
 
 /**
  * Explore component for managing room hierarchies and content.
@@ -57,6 +57,7 @@ export default function Explore() {
     const [selectedSpaceChildren, setSelectedSpaceChildren] = useState([]);
     const [manageContextActionToggle, setManageContextActionToggle] = useState(false);
     const [isFetchingContent, setIsFetchingContent] = useState(false);
+    const [progress, setProgress] = useState(0);
     // const [isInviteUsersOpen, setIsInviteUsersOpen] = useState(false);
     // const [settingsTabValue, setSettingsTabValue] = useState('settings');
 
@@ -120,6 +121,7 @@ export default function Explore() {
             if (!selectedSpaceChildren) return;
             e && e.preventDefault();
             logger.debug('Fetch the room hierarchy for ' + roomId);
+            setProgress(10);
 
             const getHierarchyFromServer = async (roomId) => {
                 const roomHierarchyFromServer = await matrix.roomHierarchy(roomId, null, 1).catch(async (error) => {
@@ -165,6 +167,13 @@ export default function Explore() {
                 };
 
                 for (const space of roomHierarchyFromServer) {
+                    // update the progress bar for each space up to 90% depending on the amount of spaces
+                    setProgress((prevState) => {
+                        if (prevState < 90) return Math.ceil(prevState + 90 / roomHierarchyFromServer.length);
+
+                        return prevState;
+                    });
+
                     if (space.room_id !== roomHierarchyFromServer[0].room_id) {
                         space.parent = parent;
                     }
@@ -194,6 +203,13 @@ export default function Explore() {
             if (cachedSpace) {
                 if (cachedSpace.children) {
                     for await (const roomId of cachedSpace.children) {
+                        // update the progress bar for each space up to 90% depending on the amount of spaces
+                        setProgress((prevState) => {
+                            if (prevState < 90) return Math.ceil(prevState + 90 / cachedSpace.children.length);
+
+                            return prevState;
+                        });
+
                         const cachedChild = { ...(matrix.spaces.get(roomId) || matrix.rooms.get(roomId)) };
 
                         if (!_.isEmpty(cachedChild)) {
@@ -237,6 +253,9 @@ export default function Explore() {
                 // If indexOfParent is still null, simply add the new spaceHierarchy to the end of the array
                 return [...prevState, spaceHierarchy];
             });
+            setProgress(100);
+            // actually give the progress bar some time to animate then reset
+            _.delay(() => setProgress(0), 200);
         },
         [auth, matrix, matrixClient, selectedSpaceChildren, t, cachedSpace],
     );
@@ -391,8 +410,13 @@ export default function Explore() {
 
     return (
         <>
+            {progress !== 0 && (
+                <div className="absolute top-0 h-full w-full ">
+                    <Progress value={progress} />
+                </div>
+            )}
             <DefaultLayout.Sidebar>
-                <h2>/explore {_.isEmpty(selectedSpaceChildren) && isFetchingContent && <LoadingSpinnerInline />}</h2>
+                <h2>/explore</h2>
                 <div className="w-full overflow-auto">
                     {!_.isEmpty(selectedSpaceChildren) && (
                         <TreePath
@@ -426,10 +450,7 @@ export default function Explore() {
                                 manageContextActionToggle={manageContextActionToggle}
                                 myPowerLevel={myPowerLevel}
                                 setManageContextActionToggle={setManageContextActionToggle}
-                                // isInviteUsersOpen={isInviteUsersOpen}
                                 joinRule={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].join_rule}
-                                // setIsInviteUsersOpen={() => setIsInviteUsersOpen((prevState) => !prevState)}
-                                // setSettingsTabValue={setSettingsTabValue}
                             />
                             <div className="flex h-full w-full flex-col overflow-auto">
                                 {manageContextActionToggle ? (

From b21c8aed8a27634e940f4a8ba3d368e73fcfab32 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Wed, 13 Mar 2024 13:24:57 +0100
Subject: [PATCH 615/714] draft: restructure header buttons

---
 components/UI/ServiceIframeHeader.js          |  54 ++++++++-
 pages/explore/[[...roomId]].js                | 104 +++++++++++-------
 .../manage-room/ExploreMatrixActions.js       |  19 +++-
 3 files changed, 129 insertions(+), 48 deletions(-)

diff --git a/components/UI/ServiceIframeHeader.js b/components/UI/ServiceIframeHeader.js
index 8ce6b43e..98817274 100644
--- a/components/UI/ServiceIframeHeader.js
+++ b/components/UI/ServiceIframeHeader.js
@@ -1,7 +1,7 @@
 import { useTranslation } from 'react-i18next';
 import React from 'react';
 // import React, { useState } from 'react';
-import { RiDeleteBinLine, RiFolderLine, RiGroupLine, RiListSettingsLine, RiUserAddLine } from '@remixicon/react';
+import { RiDeleteBinLine, RiFolderLine, RiGroupLine, RiListSettingsLine } from '@remixicon/react';
 
 import CopyToClipboard from '../../components/UI/CopyToClipboard';
 import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
@@ -12,7 +12,6 @@ import AddFavourite from './favourites/AddFavourite';
 import Icon from '@/components/UI/Icon';
 import ExploreMatrixActions from '../../pages/explore/manage-room/ExploreMatrixActions';
 import { Separator } from '@/components/UI/shadcn/Separator';
-import { InviteUserToMatrixRoom } from './InviteUsersToMatrixRoom';
 
 /*
 const ToggleButton = styled.button`
@@ -33,7 +32,7 @@ const ServiceIframeHeader = ({
     myPadsObject,
     content,
     myPowerLevel,
-    manageContextActionToggle,
+    // manageContextActionToggle,
     setManageContextActionToggle,
     joinRule,
     // isInviteUsersOpen,
@@ -49,7 +48,9 @@ const ServiceIframeHeader = ({
             <h2>{title}</h2>
             <DefaultLayout.IframeHeaderButtonWrapper>
                 {joinRule === 'knock' || (joinRule === 'knock_restricted' && <KnockOnMatrixRoom roomId={roomId} roomName={title} />)}
+
                 <CopyToClipboard content={content} />
+
                 {deleteContent && (
                     <TextButton
                         title={myPadsObject ? t('Delete pad', { ns: 'etherpad' }) : t('Remove pad from my library', { ns: 'etherpad' })}
@@ -64,12 +65,15 @@ const ServiceIframeHeader = ({
                         )}
                     </TextButton>
                 )}
+
                 <AddFavourite roomId={roomId} />
+
                 {myPowerLevel && (
                     <>
                         <Separator orientation="vertical" />
 
                         {/* @NOTE: this switches between the contexts/items and members lists in the service table wrapper */}
+                        {/*
                         <TextButton
                             onClick={() => {
                                 setManageContextActionToggle(!manageContextActionToggle);
@@ -84,10 +88,36 @@ const ServiceIframeHeader = ({
                         >
                             <Icon>{manageContextActionToggle ? <RiFolderLine /> : <RiGroupLine />}</Icon>
                         </TextButton>
+                        */}
 
-                        <Separator orientation="vertical" />
+                        <TextButton
+                            onClick={() => {
+                                setManageContextActionToggle('content');
+                                // setIsInviteUsersOpen(!isInviteUsersOpen);
+                                // setSettingsTabValue('content');
+                            }}
+                            title={t('Show contexts and items of {{name}}', { name: title })}
+                        >
+                            <Icon>
+                                <RiFolderLine />
+                            </Icon>
+                        </TextButton>
+
+                        <TextButton
+                            onClick={() => {
+                                setManageContextActionToggle('members');
+                                // setIsInviteUsersOpen(!isInviteUsersOpen);
+                                // setSettingsTabValue('members');
+                            }}
+                            title={t('Show members of {{name}}', { name: title })}
+                        >
+                            <Icon>
+                                <RiGroupLine />
+                            </Icon>
+                        </TextButton>
 
                         {/* @NOTE: this opens the invitation modal in dialog/drawer */}
+                        {/*
                         <InviteUserToMatrixRoom
                             roomId={roomId}
                             myPowerLevel={myPowerLevel}
@@ -99,6 +129,7 @@ const ServiceIframeHeader = ({
                                 </TextButton>
                             }
                         />
+                        */}
 
                         {/* @NOTE: we do not want the members list to open in the tabbed dialog/drawer */}
                         {/*
@@ -120,6 +151,7 @@ const ServiceIframeHeader = ({
                         */}
 
                         {/* @NOTE: this opens the settings modal in the tabbed dialog/drawer */}
+                        {/*
                         <ExploreMatrixActions
                             currentId={roomId}
                             myPowerLevel={myPowerLevel}
@@ -132,6 +164,20 @@ const ServiceIframeHeader = ({
                                 </TextButton>
                             }
                         />
+                        */}
+
+                        <TextButton
+                            onClick={() => {
+                                setManageContextActionToggle('settings');
+                                // setIsInviteUsersOpen(!isInviteUsersOpen);
+                                // setSettingsTabValue('settings');
+                            }}
+                            title={t('Show settings of {{name}}', { name: title })}
+                        >
+                            <Icon>
+                                <RiListSettingsLine />
+                            </Icon>
+                        </TextButton>
                     </>
                 )}
             </DefaultLayout.IframeHeaderButtonWrapper>
diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index aa3b5ea6..f786afc0 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -14,6 +14,7 @@ import {
     RiFolderSettingsLine,
     RiFolderUnknowLine,
     RiLink,
+    // RiListSettingsLine,
     RiUserLine,
 } from '@remixicon/react';
 import { toast } from 'sonner';
@@ -38,6 +39,7 @@ import UserManagement from './manage-room/UserManagement';
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/UI/shadcn/Table';
 import TreeLeaves from './TreeLeaves';
 import EllipsisMenu from './manage-room/EllipsisMenu';
+import ExploreMatrixActions from './manage-room/ExploreMatrixActions';
 
 /**
  * Explore component for managing room hierarchies and content.
@@ -55,7 +57,7 @@ export default function Explore() {
     const matrix = useMatrix();
 
     const [selectedSpaceChildren, setSelectedSpaceChildren] = useState([]);
-    const [manageContextActionToggle, setManageContextActionToggle] = useState(false);
+    const [manageContextActionToggle, setManageContextActionToggle] = useState('content');
     const [isFetchingContent, setIsFetchingContent] = useState(false);
     // const [isInviteUsersOpen, setIsInviteUsersOpen] = useState(false);
     // const [settingsTabValue, setSettingsTabValue] = useState('settings');
@@ -247,7 +249,7 @@ export default function Explore() {
 
         const onRouterChange = async () => {
             setIsFetchingContent(roomId);
-            !myPowerLevel && setManageContextActionToggle(false);
+            !myPowerLevel && setManageContextActionToggle('content');
             await getSpaceChildren(null, roomId);
             setIsFetchingContent(false);
         };
@@ -431,16 +433,9 @@ export default function Explore() {
                                 // setIsInviteUsersOpen={() => setIsInviteUsersOpen((prevState) => !prevState)}
                                 // setSettingsTabValue={setSettingsTabValue}
                             />
+
                             <div className="flex h-full w-full flex-col overflow-auto">
-                                {manageContextActionToggle ? (
-                                    <UserManagement roomId={roomId} roomName={matrix.spaces.get(roomId).name} myPowerLevel={myPowerLevel}>
-                                        <TextButton className="w-full justify-between px-0 hover:text-accent" variant="ghost">
-                                            <Icon>
-                                                <RiUserLine />
-                                            </Icon>
-                                        </TextButton>
-                                    </UserManagement>
-                                ) : (
+                                {manageContextActionToggle === 'content' && (
                                     <>
                                         {table.getRowModel().rows?.length > 1 && (
                                             <Table>
@@ -484,33 +479,66 @@ export default function Explore() {
                                                 </TableBody>
                                             </Table>
                                         )}
-                                        {!manageContextActionToggle &&
-                                            matrixClient
-                                                .getRoom(roomId)
-                                                ?.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel) && (
-                                                <div className="sticky bottom-0 flex w-full items-center space-x-2 bg-background shadow-[0px_-1px_0px_0px_hsl(var(--muted-foreground)_/_0.2)]">
-                                                    <QuickAddExplore
-                                                        currentId={roomId}
-                                                        roomName={matrix.spaces.get(roomId).name}
-                                                        getSpaceChildren={getSpaceChildren}
-                                                        allChatRooms={allChatRooms}
-                                                        trigger={
-                                                            <Button
-                                                                className="grid h-12 w-full grid-flow-col justify-between px-0 hover:text-accent"
-                                                                variant="ghost"
-                                                                // onClick={() => setIsQuickAddOpen((prevState) => !prevState)}
-                                                            >
-                                                                {t('Add more …')}
-                                                                <Icon>
-                                                                    <RiAddLine />
-                                                                </Icon>
-                                                            </Button>
-                                                        }
-                                                    />
-                                                </div>
-                                            )}
 
-                                        {/* @NOTE: pagination component which we are currently not using, but might in the future
+                                        {matrixClient
+                                            .getRoom(roomId)
+                                            ?.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel) && (
+                                            <div className="sticky bottom-0 flex w-full items-center space-x-2 bg-background shadow-[0px_-1px_0px_0px_hsl(var(--muted-foreground)_/_0.2)]">
+                                                <QuickAddExplore
+                                                    currentId={roomId}
+                                                    roomName={matrix.spaces.get(roomId).name}
+                                                    getSpaceChildren={getSpaceChildren}
+                                                    allChatRooms={allChatRooms}
+                                                    trigger={
+                                                        <Button
+                                                            className="grid h-12 w-full grid-flow-col justify-between px-0 hover:text-accent"
+                                                            variant="ghost"
+                                                            // onClick={() => setIsQuickAddOpen((prevState) => !prevState)}
+                                                        >
+                                                            {t('Add more …')}
+                                                            <Icon>
+                                                                <RiAddLine />
+                                                            </Icon>
+                                                        </Button>
+                                                    }
+                                                />
+                                            </div>
+                                        )}
+                                    </>
+                                )}
+
+                                {manageContextActionToggle === 'members' && (
+                                    <UserManagement roomId={roomId} roomName={matrix.spaces.get(roomId).name} myPowerLevel={myPowerLevel}>
+                                        <TextButton className="w-full justify-between px-0 hover:text-accent" variant="ghost">
+                                            <Icon>
+                                                <RiUserLine />
+                                            </Icon>
+                                        </TextButton>
+                                    </UserManagement>
+                                )}
+
+                                {manageContextActionToggle === 'settings' &&
+                                    matrixClient
+                                        .getRoom(roomId)
+                                        ?.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel) && (
+                                        <ExploreMatrixActions
+                                            currentId={roomId}
+                                            myPowerLevel={myPowerLevel}
+                                            // settingsTabValue="settings"
+                                            // trigger={
+                                            //     <TextButton
+                                            //         variant="ghost"
+                                            //         title={t('Show settings of {{name}}', { name: matrix.spaces.get(roomId).name })}
+                                            //     >
+                                            //         <Icon>
+                                            //             <RiListSettingsLine />
+                                            //         </Icon>
+                                            //     </TextButton>
+                                            // }
+                                        />
+                                    )}
+
+                                {/* @NOTE: pagination component which we are currently not using, but might in the future
                                         {table.getRowModel().rows?.length > 1 && (
                                             <div className="sticky bottom-0 flex w-full items-center space-x-2 border-t border-muted-foreground/20 bg-background py-4">
                                                 <div className="flex-1 text-sm text-muted-foreground">
@@ -537,8 +565,6 @@ export default function Explore() {
                                             </div>
                                         )}
                                         */}
-                                    </>
-                                )}
                             </div>
                         </DefaultLayout.Wrapper>
                     </>
diff --git a/pages/explore/manage-room/ExploreMatrixActions.js b/pages/explore/manage-room/ExploreMatrixActions.js
index dc4a72a0..bf0c7861 100644
--- a/pages/explore/manage-room/ExploreMatrixActions.js
+++ b/pages/explore/manage-room/ExploreMatrixActions.js
@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import { RiCloseLine } from '@remixicon/react';
+// import { RiCloseLine } from '@remixicon/react';
 
 import LoadingSpinner from '../../../components/UI/LoadingSpinner';
 // import UserManagement from './UserManagement';
@@ -10,7 +10,7 @@ import ChangeAvatar from './ChangeAvatar';
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/UI/shadcn/Tabs';
 import ChangeJoinRule from './ChangeJoinRule';
 import { useAuth } from '@/lib/Auth';
-import { Dialog, DialogClose, DialogContent, DialogHeader } from '@/components/UI/shadcn/Dialog';
+// import { Dialog, DialogClose, DialogContent, DialogHeader } from '@/components/UI/shadcn/Dialog';
 // import { Dialog, DialogClose, DialogContent, DialogFooter, DialogHeader } from '@/components/UI/shadcn/Dialog';
 // import { Button } from '@/components/UI/shadcn/Button';
 
@@ -30,12 +30,12 @@ const ExploreMatrixActions = ({
     myPowerLevel,
     // @TODO: do we still need the following ?
     setManageContextActionToggle,
-    trigger,
+    // trigger,
 }) => {
     const { t } = useTranslation('explore');
     const matrixClient = useAuth().getAuthenticationProvider('matrix').getMatrixClient();
 
-    const [isOpen, setIsOpen] = useState(false);
+    // const [isOpen, setIsOpen] = useState(false);
     const [settingsTabValue, setSettingsTabValue] = useState('settings');
 
     if (!myPowerLevel) return t("You don't have the neccesarry permissions to manage this room");
@@ -44,6 +44,7 @@ const ExploreMatrixActions = ({
 
     return (
         <>
+            {/*
             {React.cloneElement(trigger, {
                 onClick: () => {
                     setIsOpen(true);
@@ -56,12 +57,14 @@ const ExploreMatrixActions = ({
                 }}
             >
                 <DialogContent>
+                */}
                     <Tabs onValueChange={setSettingsTabValue} value={settingsTabValue}>
                         <aside className="sticky top-0 z-10 translate-y-[-1.5rem] bg-background pt-6">
+                            {/*
                             <DialogHeader>
                                 <h3>{room.name}</h3>
-                                {/* <h3>{room.name} {t('settings')}</h3> */}
                             </DialogHeader>
+                            */}
 
                             <br />
 
@@ -96,15 +99,19 @@ const ExploreMatrixActions = ({
                                 </TabsTrigger>
                             </TabsList>
 
+                            {/*
                             <DialogClose className="absolute right-[-0.5rem] top-4 z-10 rounded border text-muted ring-offset-background transition-opacity hover:border-destructive hover:text-destructive focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
                                 <RiCloseLine className="h-6 w-6" />
                                 <span className="sr-only">Close</span>
                             </DialogClose>
+                            *}/
 
                             {/* @NOTE: needs two <br /> elements before <hr />, as <TabsList /> is display:inline; */}
+                            {/*
                             <br />
                             <br />
                             <hr />
+                            */}
                         </aside>
 
                         {/*
@@ -167,8 +174,10 @@ const ExploreMatrixActions = ({
                         </DialogFooter>
                         */}
                     </Tabs>
+            {/*
                 </DialogContent>
             </Dialog>
+            */}
         </>
     );
 };

From d4875a7d6233e8cbe9dccc4311e85cbfd6beb0bf Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Wed, 13 Mar 2024 13:54:23 +0100
Subject: [PATCH 616/714] style: refine progress bar styling

---
 components/UI/shadcn/Progress.js | 2 +-
 pages/explore/[[...roomId]].js   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/UI/shadcn/Progress.js b/components/UI/shadcn/Progress.js
index 06f44ea7..75a392ad 100644
--- a/components/UI/shadcn/Progress.js
+++ b/components/UI/shadcn/Progress.js
@@ -4,7 +4,7 @@ import * as ProgressPrimitive from '@radix-ui/react-progress';
 import { cn } from '@/lib/utils';
 
 const Progress = React.forwardRef(({ className, value, ...props }, ref) => (
-    <ProgressPrimitive.Root ref={ref} className={cn('relative h-1 w-full overflow-hidden  bg-secondary', className)} {...props}>
+    <ProgressPrimitive.Root ref={ref} className={cn('relative h-[2px] w-full overflow-hidden bg-accent-foreground/50', className)} {...props}>
         <ProgressPrimitive.Indicator
             className="h-full w-full flex-1 bg-accent transition-all"
             style={{ transform: `translateX(-${100 - (value || 0)}%)` }}
diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 73a7dea9..875065ab 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -411,7 +411,7 @@ export default function Explore() {
     return (
         <>
             {progress !== 0 && (
-                <div className="absolute top-0 h-full w-full ">
+                <div className="absolute top-0 w-full">
                     <Progress value={progress} />
                 </div>
             )}

From d47d2d38bed6b5e1bd3799e4057b6ba590626d30 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Wed, 13 Mar 2024 13:57:07 +0100
Subject: [PATCH 617/714] style: position progress bar very left

---
 pages/explore/[[...roomId]].js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 875065ab..4adacd5a 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -411,7 +411,7 @@ export default function Explore() {
     return (
         <>
             {progress !== 0 && (
-                <div className="absolute top-0 w-full">
+                <div className="absolute left-0 top-0 w-full">
                     <Progress value={progress} />
                 </div>
             )}

From b17bbaa3ecdc349f44cc4ae0500b8e345e432127 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 13 Mar 2024 14:18:28 +0100
Subject: [PATCH 618/714] refactor: extract getSpaceChildren method into own
 hook

---
 pages/explore/[[...roomId]].js       | 133 +------------------------
 pages/explore/useGetSpaceChildren.js | 140 +++++++++++++++++++++++++++
 2 files changed, 144 insertions(+), 129 deletions(-)
 create mode 100644 pages/explore/useGetSpaceChildren.js

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index aa3b5ea6..1b9d9385 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect, useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import getConfig from 'next/config';
 import { useRouter } from 'next/router';
 import _ from 'lodash';
@@ -38,6 +38,7 @@ import UserManagement from './manage-room/UserManagement';
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/UI/shadcn/Table';
 import TreeLeaves from './TreeLeaves';
 import EllipsisMenu from './manage-room/EllipsisMenu';
+import { useGetSpaceChildren } from './useGetSpaceChildren';
 
 /**
  * Explore component for managing room hierarchies and content.
@@ -54,7 +55,6 @@ export default function Explore() {
     const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
     const matrix = useMatrix();
 
-    const [selectedSpaceChildren, setSelectedSpaceChildren] = useState([]);
     const [manageContextActionToggle, setManageContextActionToggle] = useState(false);
     const [isFetchingContent, setIsFetchingContent] = useState(false);
     // const [isInviteUsersOpen, setIsInviteUsersOpen] = useState(false);
@@ -91,6 +91,8 @@ export default function Explore() {
         .filter((room) => !room.meta)
         .filter((room) => !matrix.directMessages.has(room.roomId));
 
+    const { getSpaceChildren, selectedSpaceChildren } = useGetSpaceChildren(auth, matrix, matrixClient, cachedSpace);
+
     // Redirect to the default room if no roomId is provided
     useEffect(() => {
         if (!roomId) {
@@ -114,133 +116,6 @@ export default function Explore() {
         return () => controller.abort();
     }, [iframeRoomId, matrix]);
 
-    // Call API to fetch and add room hierarchy to selectedSpaceChildren
-    const getSpaceChildren = useCallback(
-        async (e, roomId) => {
-            if (!selectedSpaceChildren) return;
-            e && e.preventDefault();
-            logger.debug('Fetch the room hierarchy for ' + roomId);
-
-            const getHierarchyFromServer = async (roomId) => {
-                const roomHierarchyFromServer = await matrix.roomHierarchy(roomId, null, 1).catch(async (error) => {
-                    if (error.data?.error.includes('not in room')) {
-                        // If the error indicates the user is not in the room and previews are disabled
-                        // We prompt the user to join the room.
-                        if (
-                            confirm(
-                                t('You are currently not in room {{roomId}}, and previews are disabled. Do you want to join the room?', {
-                                    roomId: roomId,
-                                }),
-                            )
-                        ) {
-                            const joinRoom = await matrixClient.joinRoom(roomId).catch((error) => {
-                                toast.error(error.message);
-                            });
-
-                            // If successfully joined, recursively call 'getSpaceHierarchy' again.
-                            if (joinRoom) return await getHierarchyFromServer(roomId);
-                        }
-                    } else {
-                        return matrix
-                            .handleRateLimit(error, () => getHierarchyFromServer(roomId))
-                            .catch((error) => {
-                                // we don't want to display unnecessary error messages.
-                                if (error.message === 'Event not found.') return;
-                                if (error.message.includes('not in room')) return;
-                                toast.error(error.message);
-                            }); // Handle other errors by setting an error message.
-                    }
-                });
-                if (!roomHierarchyFromServer) return;
-                const parent = roomHierarchyFromServer[0];
-
-                const getMetaEvent = async (obj) => {
-                    logger.debug('Getting meta event for ' + (obj.state_key || obj.room_id));
-                    const metaEvent = await auth
-                        .getAuthenticationProvider('matrix')
-                        .getMatrixClient()
-                        .getStateEvent(obj.state_key || obj.room_id, 'dev.medienhaus.meta');
-
-                    if (metaEvent) obj.meta = metaEvent;
-                };
-
-                for (const space of roomHierarchyFromServer) {
-                    if (space.room_id !== roomHierarchyFromServer[0].room_id) {
-                        space.parent = parent;
-                    }
-
-                    await getMetaEvent(space).catch((error) => {
-                        logger.debug(error);
-
-                        return matrix
-                            .handleRateLimit(error, () => getMetaEvent(space))
-                            .catch((error) => {
-                                // we don't want to display unnecessary error messages.
-                                if (error.message === 'Event not found.') return;
-                                if (error.message.includes('not in room')) return;
-
-                                toast.error(error.message);
-                            });
-                    });
-                }
-
-                return roomHierarchyFromServer;
-            };
-
-            // initialise the spaceHierarchy array which is either filled by our cache or the server
-            let spaceHierarchy = [];
-
-            // if a cached space exists, we can use it to get the children
-            if (cachedSpace) {
-                if (cachedSpace.children) {
-                    for await (const roomId of cachedSpace.children) {
-                        const cachedChild = { ...(matrix.spaces.get(roomId) || matrix.rooms.get(roomId)) };
-
-                        if (!_.isEmpty(cachedChild)) {
-                            const copy = { ...cachedChild };
-                            copy.parent = cachedSpace;
-                            spaceHierarchy.push(copy);
-                        } else {
-                            const getChildFromServer = await getHierarchyFromServer(roomId);
-                            if (!getChildFromServer) return;
-                            getChildFromServer[0].parent = cachedSpace;
-                            spaceHierarchy.push(getChildFromServer[0]);
-                        }
-                    }
-
-                    // insert the cached space at the beginning of the array to mimic the behaviour of matrix.getRoomHierarchy
-                    spaceHierarchy.splice(0, 0, cachedSpace);
-                }
-            } else {
-                spaceHierarchy = await getHierarchyFromServer(roomId);
-            }
-
-            setSelectedSpaceChildren((prevState) => {
-                // Check if the selected roomId is already inside the array
-                let indexOfParent = null;
-
-                for (const [index, children] of prevState.entries()) {
-                    const childRoomId = children[0].room_id || children[0].roomId || children[0].id;
-
-                    if (childRoomId === roomId) {
-                        // If there is a match, return the position and exit the loop
-                        indexOfParent = index;
-                        break;
-                    }
-                }
-
-                // If indexOfParent is 0 or the context root ID defined in the config, return the new spaceHierarchy
-                if (indexOfParent === 0 || roomId === getConfig().publicRuntimeConfig.contextRootSpaceRoomId) return [spaceHierarchy];
-                // Otherwise, delete all entries starting with the found index
-                if (indexOfParent) prevState.splice(indexOfParent);
-
-                // If indexOfParent is still null, simply add the new spaceHierarchy to the end of the array
-                return [...prevState, spaceHierarchy];
-            });
-        },
-        [auth, matrix, matrixClient, selectedSpaceChildren, t, cachedSpace],
-    );
-
     // Handle route changes and fetch room content
     useEffect(() => {
         let cancelled = false;
diff --git a/pages/explore/useGetSpaceChildren.js b/pages/explore/useGetSpaceChildren.js
new file mode 100644
index 00000000..142abf3c
--- /dev/null
+++ b/pages/explore/useGetSpaceChildren.js
@@ -0,0 +1,140 @@
+import { useCallback, useState } from 'react';
+import { toast } from 'sonner';
+import _ from 'lodash';
+import getConfig from 'next/config';
+import { useTranslation } from 'react-i18next';
+
+import logger from '@/lib/Logging';
+
+export const useGetSpaceChildren = (auth, matrix, matrixClient, cachedSpace) => {
+    const [selectedSpaceChildren, setSelectedSpaceChildren] = useState([]);
+    const { t } = useTranslation('explore');
+    // Call API to fetch and add room hierarchy to selectedSpaceChildren
+    const getSpaceChildren = useCallback(
+        async (e, roomId) => {
+            if (!selectedSpaceChildren) return;
+            e && e.preventDefault();
+            logger.debug('Fetch the room hierarchy for ' + roomId);
+
+            const getHierarchyFromServer = async (roomId) => {
+                const roomHierarchyFromServer = await matrix.roomHierarchy(roomId, null, 1).catch(async (error) => {
+                    if (error.data?.error.includes('not in room')) {
+                        // If the error indicates the user is not in the room and previews are disabled
+                        // We prompt the user to join the room.
+                        if (
+                            confirm(
+                                t('You are currently not in room {{roomId}}, and previews are disabled. Do you want to join the room?', {
+                                    roomId: roomId,
+                                }),
+                            )
+                        ) {
+                            const joinRoom = await matrixClient.joinRoom(roomId).catch((error) => {
+                                toast.error(error.message);
+                            });
+
+                            // If successfully joined, recursively call 'getSpaceHierarchy' again.
+                            if (joinRoom) return await getHierarchyFromServer(roomId);
+                        }
+                    } else {
+                        return matrix
+                            .handleRateLimit(error, () => getHierarchyFromServer(roomId))
+                            .catch((error) => {
+                                // we don't want to display unnecessary error messages.
+                                if (error.message === 'Event not found.') return;
+                                if (error.message.includes('not in room')) return;
+                                toast.error(error.message);
+                            }); // Handle other errors by setting an error message.
+                    }
+                });
+                if (!roomHierarchyFromServer) return;
+                const parent = roomHierarchyFromServer[0];
+
+                const getMetaEvent = async (obj) => {
+                    logger.debug('Getting meta event for ' + (obj.state_key || obj.room_id));
+                    const metaEvent = await auth
+                        .getAuthenticationProvider('matrix')
+                        .getMatrixClient()
+                        .getStateEvent(obj.state_key || obj.room_id, 'dev.medienhaus.meta');
+
+                    if (metaEvent) obj.meta = metaEvent;
+                };
+
+                for (const space of roomHierarchyFromServer) {
+                    if (space.room_id !== roomHierarchyFromServer[0].room_id) {
+                        space.parent = parent;
+                    }
+
+                    await getMetaEvent(space).catch((error) => {
+                        logger.debug(error);
+
+                        return matrix
+                            .handleRateLimit(error, () => getMetaEvent(space))
+                            .catch((error) => {
+                                // we don't want to display unnecessary error messages.
+                                if (error.message === 'Event not found.') return;
+                                if (error.message.includes('not in room')) return;
+
+                                toast.error(error.message);
+                            });
+                    });
+                }
+
+                return roomHierarchyFromServer;
+            };
+
+            // initialise the spaceHierarchy array which is either filled by our cache or the server
+            let spaceHierarchy = [];
+
+            // if a cached space exists, we can use it to get the children
+            if (cachedSpace) {
+                if (cachedSpace.children) {
+                    for await (const roomId of cachedSpace.children) {
+                        const cachedChild = { ...(matrix.spaces.get(roomId) || matrix.rooms.get(roomId)) };
+
+                        if (!_.isEmpty(cachedChild)) {
+                            const copy = { ...cachedChild };
+                            copy.parent = cachedSpace;
+                            spaceHierarchy.push(copy);
+                        } else {
+                            const getChildFromServer = await getHierarchyFromServer(roomId);
+                            if (!getChildFromServer) return;
+                            getChildFromServer[0].parent = cachedSpace;
+                            spaceHierarchy.push(getChildFromServer[0]);
+                        }
+                    }
+
+                    // insert the cached space at the beginning of the array to mimic the behaviour of matrix.getRoomHierarchy
+                    spaceHierarchy.splice(0, 0, cachedSpace);
+                }
+            } else {
+                spaceHierarchy = await getHierarchyFromServer(roomId);
+            }
+
+            setSelectedSpaceChildren((prevState) => {
+                // Check if the selected roomId is already inside the array
+                let indexOfParent = null;
+
+                for (const [index, children] of prevState.entries()) {
+                    const childRoomId = children[0].room_id || children[0].roomId || children[0].id;
+
+                    if (childRoomId === roomId) {
+                        // If there is a match, return the position and exit the loop
+                        indexOfParent = index;
+                        break;
+                    }
+                }
+
+                // If indexOfParent is 0 or the context root ID defined in the config, return the new spaceHierarchy
+                if (indexOfParent === 0 || roomId === getConfig().publicRuntimeConfig.contextRootSpaceRoomId) return [spaceHierarchy];
+                // Otherwise, delete all entries starting with the found index
+                if (indexOfParent) prevState.splice(indexOfParent);
+
+                // If indexOfParent is still null, simply add the new spaceHierarchy to the end of the array
+                return [...prevState, spaceHierarchy];
+            });
+        },
+        [auth, matrix, matrixClient, selectedSpaceChildren, t, cachedSpace],
+    );
+
+    return { selectedSpaceChildren, getSpaceChildren };
+};

From ac0711ca6c80d624f19fcb45a7b15e749c28cfff Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 13 Mar 2024 14:32:55 +0100
Subject: [PATCH 619/714] chore: remove unused code

---
 pages/explore/[[...roomId]].js | 2 --
 1 file changed, 2 deletions(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index bad5a84c..eff77a0a 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -57,8 +57,6 @@ export default function Explore() {
 
     const [manageContextActionToggle, setManageContextActionToggle] = useState(false);
     const [isFetchingContent, setIsFetchingContent] = useState(false);
-    // const [isInviteUsersOpen, setIsInviteUsersOpen] = useState(false);
-    // const [settingsTabValue, setSettingsTabValue] = useState('settings');
 
     // Extract roomId and iframeRoomId from the query parameters
     /** @type {string|undefined} */

From 295ccfb7f3391bb50cfd663ca7e2539b2053803c Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 13 Mar 2024 14:39:30 +0100
Subject: [PATCH 620/714] refactor: move fetching state into hook and only
 display Add more button when fetching is done

---
 pages/explore/[[...roomId]].js       | 15 +++++++++------
 pages/explore/useGetSpaceChildren.js |  7 +++++--
 2 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index eff77a0a..fc9e7988 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -56,7 +56,6 @@ export default function Explore() {
     const matrix = useMatrix();
 
     const [manageContextActionToggle, setManageContextActionToggle] = useState(false);
-    const [isFetchingContent, setIsFetchingContent] = useState(false);
 
     // Extract roomId and iframeRoomId from the query parameters
     /** @type {string|undefined} */
@@ -83,7 +82,12 @@ export default function Explore() {
         .filter((room) => !room.meta)
         .filter((room) => !matrix.directMessages.has(room.roomId));
 
-    const { progress, getSpaceChildren, selectedSpaceChildren } = useGetSpaceChildren(auth, matrix, matrixClient, cachedSpace);
+    const { isFetchingSpaceChildren, progress, getSpaceChildren, selectedSpaceChildren } = useGetSpaceChildren(
+        auth,
+        matrix,
+        matrixClient,
+        cachedSpace,
+    );
     const currentTemplate =
         iframeRoomId &&
         selectedSpaceChildren[selectedSpaceChildren.length - 1]?.find((space) => {
@@ -119,10 +123,8 @@ export default function Explore() {
         let cancelled = false;
 
         const onRouterChange = async () => {
-            setIsFetchingContent(roomId);
             !myPowerLevel && setManageContextActionToggle(false);
             await getSpaceChildren(null, roomId);
-            setIsFetchingContent(false);
         };
 
         if (!cancelled && matrix.initialSyncDone && router.query?.roomId) {
@@ -275,7 +277,7 @@ export default function Explore() {
                     {!_.isEmpty(selectedSpaceChildren) && (
                         <TreePath
                             selectedSpaceChildren={selectedSpaceChildren}
-                            isFetchingContent={isFetchingContent}
+                            isFetchingContent={isFetchingSpaceChildren}
                             iframeRoomId={iframeRoomId}
                         />
                     )}
@@ -362,7 +364,8 @@ export default function Explore() {
                                         {!manageContextActionToggle &&
                                             matrixClient
                                                 .getRoom(roomId)
-                                                ?.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel) && (
+                                                ?.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel) &&
+                                            !isFetchingSpaceChildren && (
                                                 <div className="sticky bottom-0 flex w-full items-center space-x-2 bg-background shadow-[0px_-1px_0px_0px_hsl(var(--muted-foreground)_/_0.2)]">
                                                     <QuickAddExplore
                                                         currentId={roomId}
diff --git a/pages/explore/useGetSpaceChildren.js b/pages/explore/useGetSpaceChildren.js
index 42d8348c..d409fdba 100644
--- a/pages/explore/useGetSpaceChildren.js
+++ b/pages/explore/useGetSpaceChildren.js
@@ -8,12 +8,14 @@ import logger from '@/lib/Logging';
 
 export const useGetSpaceChildren = (auth, matrix, matrixClient, cachedSpace) => {
     const [selectedSpaceChildren, setSelectedSpaceChildren] = useState([]);
+    const [isFetchingSpaceChildren, setIsFetchingSpaceChildren] = useState('');
     const [progress, setProgress] = useState(0);
     const { t } = useTranslation('explore');
     // Call API to fetch and add room hierarchy to selectedSpaceChildren
     const getSpaceChildren = useCallback(
         async (e, roomId) => {
             if (!selectedSpaceChildren) return;
+            setIsFetchingSpaceChildren(roomId);
             e && e.preventDefault();
             logger.debug('Fetch the room hierarchy for ' + roomId);
             setProgress(10);
@@ -149,11 +151,12 @@ export const useGetSpaceChildren = (auth, matrix, matrixClient, cachedSpace) =>
                 return [...prevState, spaceHierarchy];
             });
             setProgress(100);
+            setIsFetchingSpaceChildren('');
             // actually give the progress bar some time to animate then reset
-            _.delay(() => setProgress(0), 200);
+            _.delay(() => setProgress(0), 100);
         },
         [auth, matrix, matrixClient, selectedSpaceChildren, t, cachedSpace],
     );
 
-    return { progress, selectedSpaceChildren, getSpaceChildren };
+    return { isFetchingSpaceChildren, progress, selectedSpaceChildren, getSpaceChildren };
 };

From 74f51fe625002ee292756f9f1ca16b8790869080 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Wed, 13 Mar 2024 15:01:42 +0100
Subject: [PATCH 621/714] chore: rename state

---
 components/UI/ServiceIframeHeader.js | 16 ++++++++--------
 pages/explore/[[...roomId]].js       | 14 +++++++-------
 2 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/components/UI/ServiceIframeHeader.js b/components/UI/ServiceIframeHeader.js
index 98817274..7979091e 100644
--- a/components/UI/ServiceIframeHeader.js
+++ b/components/UI/ServiceIframeHeader.js
@@ -32,8 +32,8 @@ const ServiceIframeHeader = ({
     myPadsObject,
     content,
     myPowerLevel,
-    // manageContextActionToggle,
-    setManageContextActionToggle,
+    // activeContentView,
+    setActiveContentView,
     joinRule,
     // isInviteUsersOpen,
     // setIsInviteUsersOpen,
@@ -76,23 +76,23 @@ const ServiceIframeHeader = ({
                         {/*
                         <TextButton
                             onClick={() => {
-                                setManageContextActionToggle(!manageContextActionToggle);
+                                setActiveContentView(!activeContentView);
                                 // setIsInviteUsersOpen(!isInviteUsersOpen);
                                 // setSettingsTabValue('members');
                             }}
                             title={
-                                manageContextActionToggle
+                                activeContentView
                                     ? t('Show contexts and items of {{name}}', { name: title })
                                     : t('Show members of {{name}}', { name: title })
                             }
                         >
-                            <Icon>{manageContextActionToggle ? <RiFolderLine /> : <RiGroupLine />}</Icon>
+                            <Icon>{activeContentView ? <RiFolderLine /> : <RiGroupLine />}</Icon>
                         </TextButton>
                         */}
 
                         <TextButton
                             onClick={() => {
-                                setManageContextActionToggle('content');
+                                setActiveContentView('content');
                                 // setIsInviteUsersOpen(!isInviteUsersOpen);
                                 // setSettingsTabValue('content');
                             }}
@@ -105,7 +105,7 @@ const ServiceIframeHeader = ({
 
                         <TextButton
                             onClick={() => {
-                                setManageContextActionToggle('members');
+                                setActiveContentView('members');
                                 // setIsInviteUsersOpen(!isInviteUsersOpen);
                                 // setSettingsTabValue('members');
                             }}
@@ -168,7 +168,7 @@ const ServiceIframeHeader = ({
 
                         <TextButton
                             onClick={() => {
-                                setManageContextActionToggle('settings');
+                                setActiveContentView('settings');
                                 // setIsInviteUsersOpen(!isInviteUsersOpen);
                                 // setSettingsTabValue('settings');
                             }}
diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index f786afc0..68273514 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -57,7 +57,7 @@ export default function Explore() {
     const matrix = useMatrix();
 
     const [selectedSpaceChildren, setSelectedSpaceChildren] = useState([]);
-    const [manageContextActionToggle, setManageContextActionToggle] = useState('content');
+    const [activeContentView, setActiveContentView] = useState('content');
     const [isFetchingContent, setIsFetchingContent] = useState(false);
     // const [isInviteUsersOpen, setIsInviteUsersOpen] = useState(false);
     // const [settingsTabValue, setSettingsTabValue] = useState('settings');
@@ -249,7 +249,7 @@ export default function Explore() {
 
         const onRouterChange = async () => {
             setIsFetchingContent(roomId);
-            !myPowerLevel && setManageContextActionToggle('content');
+            !myPowerLevel && setActiveContentView('content');
             await getSpaceChildren(null, roomId);
             setIsFetchingContent(false);
         };
@@ -425,9 +425,9 @@ export default function Explore() {
                                 title={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].name}
                                 removingLink={false}
                                 roomId={roomId}
-                                manageContextActionToggle={manageContextActionToggle}
+                                activeContentView={activeContentView}
                                 myPowerLevel={myPowerLevel}
-                                setManageContextActionToggle={setManageContextActionToggle}
+                                setActiveContentView={setActiveContentView}
                                 // isInviteUsersOpen={isInviteUsersOpen}
                                 joinRule={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].join_rule}
                                 // setIsInviteUsersOpen={() => setIsInviteUsersOpen((prevState) => !prevState)}
@@ -435,7 +435,7 @@ export default function Explore() {
                             />
 
                             <div className="flex h-full w-full flex-col overflow-auto">
-                                {manageContextActionToggle === 'content' && (
+                                {activeContentView === 'content' && (
                                     <>
                                         {table.getRowModel().rows?.length > 1 && (
                                             <Table>
@@ -507,7 +507,7 @@ export default function Explore() {
                                     </>
                                 )}
 
-                                {manageContextActionToggle === 'members' && (
+                                {activeContentView === 'members' && (
                                     <UserManagement roomId={roomId} roomName={matrix.spaces.get(roomId).name} myPowerLevel={myPowerLevel}>
                                         <TextButton className="w-full justify-between px-0 hover:text-accent" variant="ghost">
                                             <Icon>
@@ -517,7 +517,7 @@ export default function Explore() {
                                     </UserManagement>
                                 )}
 
-                                {manageContextActionToggle === 'settings' &&
+                                {activeContentView === 'settings' &&
                                     matrixClient
                                         .getRoom(roomId)
                                         ?.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel) && (

From e7caf648d548c6ed2d93ab68487c82e19ec0cf1c Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Wed, 13 Mar 2024 15:02:46 +0100
Subject: [PATCH 622/714] style: refine tabs list styling

---
 components/UI/shadcn/Tabs.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/UI/shadcn/Tabs.js b/components/UI/shadcn/Tabs.js
index 4ce80bbc..0a09b6b9 100644
--- a/components/UI/shadcn/Tabs.js
+++ b/components/UI/shadcn/Tabs.js
@@ -8,7 +8,7 @@ const Tabs = TabsPrimitive.Root;
 const TabsList = React.forwardRef(({ className, ...props }, ref) => (
     <TabsPrimitive.List
         ref={ref}
-        className={cn('inline-flex h-10 items-center justify-center gap-2 rounded-md p-1 text-muted-foreground', className)}
+        className={cn('flex h-10 items-center justify-center gap-2 rounded-md bg-muted-foreground/20 p-1 text-muted-foreground', className)}
         {...props}
     />
 ));
@@ -18,7 +18,7 @@ const TabsTrigger = React.forwardRef(({ className, ...props }, ref) => (
     <TabsPrimitive.Trigger
         ref={ref}
         className={cn(
-            'inline-flex items-center justify-center whitespace-nowrap rounded-sm border border-muted-foreground px-3 py-1.5 ring-offset-background transition-all hover:border-accent hover:text-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:border-foreground data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm',
+            'flex-1 justify-center whitespace-nowrap rounded-sm px-3 py-1.5 ring-offset-background transition-all hover:text-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm',
             className,
         )}
         {...props}

From b43224446099c4b759823f1476342d300472a997 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Wed, 13 Mar 2024 15:03:03 +0100
Subject: [PATCH 623/714] chore: formatting

---
 pages/explore/[[...roomId]].js | 53 +++++++++++++++++-----------------
 1 file changed, 27 insertions(+), 26 deletions(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 68273514..1d7a88ed 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -462,6 +462,7 @@ export default function Explore() {
                                                         </TableRow>
                                                     ))}
                                                 </TableHeader>
+
                                                 <TableBody>
                                                     {table.getRowModel().rows?.length ? (
                                                         table.getRowModel().rows.map((row, index) => {
@@ -539,32 +540,32 @@ export default function Explore() {
                                     )}
 
                                 {/* @NOTE: pagination component which we are currently not using, but might in the future
-                                        {table.getRowModel().rows?.length > 1 && (
-                                            <div className="sticky bottom-0 flex w-full items-center space-x-2 border-t border-muted-foreground/20 bg-background py-4">
-                                                <div className="flex-1 text-sm text-muted-foreground">
-                                                    Page {table.getState().pagination.pageIndex + 1} of {table.getPageCount()}
-                                                </div>
-                                                <div className="space-x-2">
-                                                    <Button
-                                                        variant="outline"
-                                                        size="sm"
-                                                        onClick={() => table.previousPage()}
-                                                        disabled={!table.getCanPreviousPage()}
-                                                    >
-                                                        Previous
-                                                    </Button>
-                                                    <Button
-                                                        variant="outline"
-                                                        size="sm"
-                                                        onClick={() => table.nextPage()}
-                                                        disabled={!table.getCanNextPage()}
-                                                    >
-                                                        Next
-                                                    </Button>
-                                                </div>
-                                            </div>
-                                        )}
-                                        */}
+                                  {table.getRowModel().rows?.length > 1 && (
+                                      <div className="sticky bottom-0 flex w-full items-center space-x-2 border-t border-muted-foreground/20 bg-background py-4">
+                                          <div className="flex-1 text-sm text-muted-foreground">
+                                              Page {table.getState().pagination.pageIndex + 1} of {table.getPageCount()}
+                                          </div>
+                                          <div className="space-x-2">
+                                              <Button
+                                                  variant="outline"
+                                                  size="sm"
+                                                  onClick={() => table.previousPage()}
+                                                  disabled={!table.getCanPreviousPage()}
+                                              >
+                                                  Previous
+                                              </Button>
+                                              <Button
+                                                  variant="outline"
+                                                  size="sm"
+                                                  onClick={() => table.nextPage()}
+                                                  disabled={!table.getCanNextPage()}
+                                              >
+                                                  Next
+                                              </Button>
+                                          </div>
+                                      </div>
+                                  )}
+                                */}
                             </div>
                         </DefaultLayout.Wrapper>
                     </>

From 1b6ed07d433b8f60aa95c1884fcceabe543349b9 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Wed, 13 Mar 2024 15:03:16 +0100
Subject: [PATCH 624/714] chore: remove comments and unused code

---
 .../manage-room/ExploreMatrixActions.js       | 187 ++++++------------
 1 file changed, 56 insertions(+), 131 deletions(-)

diff --git a/pages/explore/manage-room/ExploreMatrixActions.js b/pages/explore/manage-room/ExploreMatrixActions.js
index bf0c7861..270748db 100644
--- a/pages/explore/manage-room/ExploreMatrixActions.js
+++ b/pages/explore/manage-room/ExploreMatrixActions.js
@@ -44,140 +44,65 @@ const ExploreMatrixActions = ({
 
     return (
         <>
-            {/*
-            {React.cloneElement(trigger, {
-                onClick: () => {
-                    setIsOpen(true);
-                },
-            })}
-            <Dialog
-                open={isOpen}
-                onOpenChange={(newState) => {
-                    setIsOpen(newState);
-                }}
-            >
-                <DialogContent>
-                */}
-                    <Tabs onValueChange={setSettingsTabValue} value={settingsTabValue}>
-                        <aside className="sticky top-0 z-10 translate-y-[-1.5rem] bg-background pt-6">
-                            {/*
-                            <DialogHeader>
-                                <h3>{room.name}</h3>
-                            </DialogHeader>
-                            */}
-
-                            <br />
-
-                            <TabsList>
-                                {/* @NOTE: we do not want the members list as a tab in dialog */}
-                                {/*
-                                <TabsTrigger
-                                    onClick={() => {
-                                        setSettingsTabValue('members');
-                                    }}
-                                    value="members"
-                                >
-                                    {t('Members')}
-                                </TabsTrigger>
-                                */}
-
-                                <TabsTrigger
-                                    onClick={() => {
-                                        setSettingsTabValue('settings');
-                                    }}
-                                    value="settings"
-                                >
-                                    {t('Settings')}
-                                </TabsTrigger>
-                                <TabsTrigger
-                                    onClick={() => {
-                                        setSettingsTabValue('advanced');
-                                    }}
-                                    value="advanced"
-                                >
-                                    {t('Advanced')}
-                                </TabsTrigger>
-                            </TabsList>
-
-                            {/*
-                            <DialogClose className="absolute right-[-0.5rem] top-4 z-10 rounded border text-muted ring-offset-background transition-opacity hover:border-destructive hover:text-destructive focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
-                                <RiCloseLine className="h-6 w-6" />
-                                <span className="sr-only">Close</span>
-                            </DialogClose>
-                            *}/
-
-                            {/* @NOTE: needs two <br /> elements before <hr />, as <TabsList /> is display:inline; */}
-                            {/*
-                            <br />
-                            <br />
-                            <hr />
-                            */}
-                        </aside>
-
-                        {/*
-                        <TabsContent className="overflow-y-auto" value="members">
-                            <UserManagement
-                                myPowerLevel={myPowerLevel}
+            <Tabs className="[&>[role=tabpanel]]:pt-6" onValueChange={setSettingsTabValue} value={settingsTabValue}>
+                <TabsList>
+                    <TabsTrigger
+                        onClick={() => {
+                            setSettingsTabValue('settings');
+                        }}
+                        value="settings"
+                    >
+                        {t('Settings')}
+                    </TabsTrigger>
+                    <TabsTrigger
+                        onClick={() => {
+                            setSettingsTabValue('advanced');
+                        }}
+                        value="advanced"
+                    >
+                        {t('Advanced')}
+                    </TabsTrigger>
+                </TabsList>
+
+                <TabsContent className="pb-6 [&>*+*]:mt-8" value="settings">
+                    <>
+                        {room.currentState.hasSufficientPowerLevelFor('m.room.topic', myPowerLevel) && (
+                            <div className="[&>*+*]:mt-4">
+                                <h3>{t('Topic')}</h3>
+                                <ChangeTopic roomId={currentId} roomName={room.name} />
+                            </div>
+                        )}
+
+                        {room.currentState.hasSufficientPowerLevelFor('m.room.avatar', myPowerLevel) && (
+                            <div className="[&>*+*]:mt-4">
+                                <h3>{t('Avatar')}</h3>
+                                <ChangeAvatar
+                                    roomId={currentId}
+                                    /* @TODO: do we still need the following ? */
+                                    // onCancel={() => setManageContextActionToggle('settings')}
+                                />
+                            </div>
+                        )}
+                    </>
+                </TabsContent>
+
+                <TabsContent className="pb-6 [&>*+*]:mt-8" value="advanced">
+                    {room.currentState.hasSufficientPowerLevelFor('m.room.join_rules', myPowerLevel) && (
+                        <div>
+                            <ChangeJoinRule
                                 roomId={currentId}
                                 roomName={room.name}
-                                // @TODO: do we still need the following ?
-                                onCancel={() => setManageContextActionToggle(false)}
+                                /* @TODO: do we still need the following ? */
+                                // onCancel={() => setManageContextActionToggle('advanced')}
                             />
-                        </TabsContent>
-                        */}
-
-                        <TabsContent className="pb-6 [&>*+*]:mt-8" value="settings">
-                            <>
-                                {room.currentState.hasSufficientPowerLevelFor('m.room.topic', myPowerLevel) && (
-                                    <div className="[&>*+*]:mt-4">
-                                        <h3>{t('Topic')}</h3>
-                                        <ChangeTopic roomId={currentId} roomName={room.name} />
-                                    </div>
-                                )}
-
-                                {room.currentState.hasSufficientPowerLevelFor('m.room.avatar', myPowerLevel) && (
-                                    <div className="[&>*+*]:mt-4">
-                                        <h3>{t('Avatar')}</h3>
-                                        <ChangeAvatar
-                                            roomId={currentId}
-                                            /* @TODO: do we still need the following ? */
-                                            onCancel={() => setManageContextActionToggle(false)}
-                                        />
-                                    </div>
-                                )}
-                            </>
-                        </TabsContent>
-
-                        <TabsContent className="pb-6 [&>*+*]:mt-8" value="advanced">
-                            {room.currentState.hasSufficientPowerLevelFor('m.room.join_rules', myPowerLevel) && (
-                                <div>
-                                    <ChangeJoinRule
-                                        roomId={currentId}
-                                        roomName={room.name}
-                                        /* @TODO: do we still need the following ? */
-                                        onCancel={() => setManageContextActionToggle(false)}
-                                    />
-                                </div>
-                            )}
-
-                            <div>
-                                <LeaveRoom roomId={currentId} roomName={room.name} parentId={parentId} />
-                            </div>
-                        </TabsContent>
-
-                        {/* @NOTE: we do not want the bottom-aligned close button in this tabbed dialog */}
-                        {/*
-                        <DialogFooter className="pt-4 pb-8">
-                            <DialogClose asChild props>
-                                <Button variant="outline">{t('Cancel')}</Button>
-                            </DialogClose>
-                        </DialogFooter>
-                        */}
-                    </Tabs>
-            {/*
-                </DialogContent>
-            </Dialog>
-            */}
+                        </div>
+                    )}
+
+                    <div>
+                        <LeaveRoom roomId={currentId} roomName={room.name} parentId={parentId} />
+                    </div>
+                </TabsContent>
+            </Tabs>
         </>
     );
 };

From 72d1c4021333006f86fe2425edfaf957b93db7cd Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Wed, 13 Mar 2024 15:16:10 +0100
Subject: [PATCH 625/714] draft: use Tabs in header

---
 components/UI/ServiceIframeHeader.js | 147 +++++++++------------------
 1 file changed, 48 insertions(+), 99 deletions(-)

diff --git a/components/UI/ServiceIframeHeader.js b/components/UI/ServiceIframeHeader.js
index 7979091e..506a000e 100644
--- a/components/UI/ServiceIframeHeader.js
+++ b/components/UI/ServiceIframeHeader.js
@@ -10,8 +10,10 @@ import DefaultLayout from '../layouts/default';
 import KnockOnMatrixRoom from './KnockOnMatrixRoom';
 import AddFavourite from './favourites/AddFavourite';
 import Icon from '@/components/UI/Icon';
-import ExploreMatrixActions from '../../pages/explore/manage-room/ExploreMatrixActions';
+// import ExploreMatrixActions from '../../pages/explore/manage-room/ExploreMatrixActions';
 import { Separator } from '@/components/UI/shadcn/Separator';
+import { Tabs, TabsList, TabsTrigger } from '@/components/UI/shadcn/Tabs';
+// import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/UI/shadcn/Tabs';
 
 /*
 const ToggleButton = styled.button`
@@ -32,7 +34,7 @@ const ServiceIframeHeader = ({
     myPadsObject,
     content,
     myPowerLevel,
-    // activeContentView,
+    activeContentView,
     setActiveContentView,
     joinRule,
     // isInviteUsersOpen,
@@ -72,112 +74,59 @@ const ServiceIframeHeader = ({
                     <>
                         <Separator orientation="vertical" />
 
-                        {/* @NOTE: this switches between the contexts/items and members lists in the service table wrapper */}
-                        {/*
-                        <TextButton
-                            onClick={() => {
-                                setActiveContentView(!activeContentView);
-                                // setIsInviteUsersOpen(!isInviteUsersOpen);
-                                // setSettingsTabValue('members');
-                            }}
-                            title={
-                                activeContentView
-                                    ? t('Show contexts and items of {{name}}', { name: title })
-                                    : t('Show members of {{name}}', { name: title })
-                            }
-                        >
-                            <Icon>{activeContentView ? <RiFolderLine /> : <RiGroupLine />}</Icon>
-                        </TextButton>
-                        */}
-
-                        <TextButton
-                            onClick={() => {
-                                setActiveContentView('content');
-                                // setIsInviteUsersOpen(!isInviteUsersOpen);
-                                // setSettingsTabValue('content');
-                            }}
-                            title={t('Show contexts and items of {{name}}', { name: title })}
-                        >
-                            <Icon>
-                                <RiFolderLine />
-                            </Icon>
-                        </TextButton>
-
-                        <TextButton
-                            onClick={() => {
-                                setActiveContentView('members');
-                                // setIsInviteUsersOpen(!isInviteUsersOpen);
-                                // setSettingsTabValue('members');
-                            }}
-                            title={t('Show members of {{name}}', { name: title })}
-                        >
-                            <Icon>
-                                <RiGroupLine />
-                            </Icon>
-                        </TextButton>
-
-                        {/* @NOTE: this opens the invitation modal in dialog/drawer */}
-                        {/*
-                        <InviteUserToMatrixRoom
-                            roomId={roomId}
-                            myPowerLevel={myPowerLevel}
-                            trigger={
-                                <TextButton variant="ghost" title={t('Show members of {{name}}', { name: title })}>
+                        <Tabs className="[&>[role=tabpanel]]:pt-6" onValueChange={setActiveContentView} value={activeContentView}>
+                            <TabsList>
+                                <TabsTrigger
+                                    onClick={() => {
+                                        setActiveContentView('content');
+                                    }}
+                                    title={t('Show contexts and items of {{name}}', { name: title })}
+                                    value="content"
+                                >
                                     <Icon>
-                                        <RiUserAddLine />
+                                        <RiFolderLine />
                                     </Icon>
-                                </TextButton>
-                            }
-                        />
-                        */}
-
-                        {/* @NOTE: we do not want the members list to open in the tabbed dialog/drawer */}
-                        {/*
-                        <ExploreMatrixActions
-                            currentId={roomId}
-                            myPowerLevel={myPowerLevel}
-                            settingsTabValue='members'
-                            trigger={
-                                <TextButton
-                                    variant="ghost"
+                                </TabsTrigger>
+
+                                <TabsTrigger
+                                    onClick={() => {
+                                        setActiveContentView('members');
+                                    }}
                                     title={t('Show members of {{name}}', { name: title })}
+                                    value="members"
                                 >
                                     <Icon>
-                                        <RiUserLine />
+                                        <RiGroupLine />
                                     </Icon>
-                                </TextButton>
-                            }
-                        />
-                        */}
-
-                        {/* @NOTE: this opens the settings modal in the tabbed dialog/drawer */}
-                        {/*
-                        <ExploreMatrixActions
-                            currentId={roomId}
-                            myPowerLevel={myPowerLevel}
-                            settingsTabValue="settings"
-                            trigger={
-                                <TextButton variant="ghost" title={t('Show settings of {{name}}', { name: title })}>
+                                </TabsTrigger>
+
+                                <TabsTrigger
+                                    onClick={() => {
+                                        setActiveContentView('settings');
+                                    }}
+                                    title={t('Show settings of {{name}}', { name: title })}
+                                    value="advanced"
+                                >
                                     <Icon>
                                         <RiListSettingsLine />
                                     </Icon>
-                                </TextButton>
-                            }
-                        />
-                        */}
-
-                        <TextButton
-                            onClick={() => {
-                                setActiveContentView('settings');
-                                // setIsInviteUsersOpen(!isInviteUsersOpen);
-                                // setSettingsTabValue('settings');
-                            }}
-                            title={t('Show settings of {{name}}', { name: title })}
-                        >
-                            <Icon>
-                                <RiListSettingsLine />
-                            </Icon>
-                        </TextButton>
+                                </TabsTrigger>
+                            </TabsList>
+
+                            {/*
+                            <TabsContent className="pb-6 [&>*+*]:mt-8" value="content">
+                                foo
+                            </TabsContent>
+
+                            <TabsContent className="pb-6 [&>*+*]:mt-8" value="members">
+                                bar
+                            </TabsContent>
+
+                            <TabsContent className="pb-6 [&>*+*]:mt-8" value="settings">
+                                bar
+                            </TabsContent>
+                            */}
+                        </Tabs>
                     </>
                 )}
             </DefaultLayout.IframeHeaderButtonWrapper>

From 9b59502b2ef94c1086c1f519b85380435d153a9d Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Wed, 13 Mar 2024 15:48:50 +0100
Subject: [PATCH 626/714] style: fix TabList inline flex positioning

---
 components/UI/shadcn/Tabs.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/UI/shadcn/Tabs.js b/components/UI/shadcn/Tabs.js
index 0a09b6b9..4a537693 100644
--- a/components/UI/shadcn/Tabs.js
+++ b/components/UI/shadcn/Tabs.js
@@ -18,7 +18,7 @@ const TabsTrigger = React.forwardRef(({ className, ...props }, ref) => (
     <TabsPrimitive.Trigger
         ref={ref}
         className={cn(
-            'flex-1 justify-center whitespace-nowrap rounded-sm px-3 py-1.5 ring-offset-background transition-all hover:text-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm',
+            'inline-flex flex-1 items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 ring-offset-background transition-all hover:text-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm',
             className,
         )}
         {...props}

From bcccfd4dc6b0bf886caf33f306cd3634bcf5977c Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Wed, 13 Mar 2024 16:13:50 +0100
Subject: [PATCH 627/714] draft: change tabs position (and code location)

---
 components/UI/ServiceIframeHeader.js |  96 +-------------
 pages/explore/[[...roomId]].js       | 185 ++++++++++++++++++---------
 2 files changed, 125 insertions(+), 156 deletions(-)

diff --git a/components/UI/ServiceIframeHeader.js b/components/UI/ServiceIframeHeader.js
index 506a000e..fdab1c42 100644
--- a/components/UI/ServiceIframeHeader.js
+++ b/components/UI/ServiceIframeHeader.js
@@ -1,7 +1,6 @@
 import { useTranslation } from 'react-i18next';
 import React from 'react';
-// import React, { useState } from 'react';
-import { RiDeleteBinLine, RiFolderLine, RiGroupLine, RiListSettingsLine } from '@remixicon/react';
+import { RiDeleteBinLine } from '@remixicon/react';
 
 import CopyToClipboard from '../../components/UI/CopyToClipboard';
 import LoadingSpinnerInline from '../../components/UI/LoadingSpinnerInline';
@@ -10,41 +9,10 @@ import DefaultLayout from '../layouts/default';
 import KnockOnMatrixRoom from './KnockOnMatrixRoom';
 import AddFavourite from './favourites/AddFavourite';
 import Icon from '@/components/UI/Icon';
-// import ExploreMatrixActions from '../../pages/explore/manage-room/ExploreMatrixActions';
-import { Separator } from '@/components/UI/shadcn/Separator';
-import { Tabs, TabsList, TabsTrigger } from '@/components/UI/shadcn/Tabs';
-// import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/UI/shadcn/Tabs';
 
-/*
-const ToggleButton = styled.button`
-    width: unset;
-    height: calc(var(--margin) * 1.3);
-    padding: unset;
-    background-color: unset;
-    border: unset;
-`;
-*/
-
-// @TODO check if user actually has the needed power level to invite users to the matrix room
-const ServiceIframeHeader = ({
-    isDeletingPad,
-    deleteContent,
-    title,
-    roomId,
-    myPadsObject,
-    content,
-    myPowerLevel,
-    activeContentView,
-    setActiveContentView,
-    joinRule,
-    // isInviteUsersOpen,
-    // setIsInviteUsersOpen,
-    // setSettingsTabValue,
-}) => {
+const ServiceIframeHeader = ({ isDeletingPad, deleteContent, title, roomId, myPadsObject, content, joinRule }) => {
     const { t } = useTranslation(['explore', 'etherpad']);
 
-    // const [settingsTabValue, setSettingsTabValue] = useState('settings');
-
     return (
         <DefaultLayout.IframeHeader>
             <h2>{title}</h2>
@@ -69,66 +37,6 @@ const ServiceIframeHeader = ({
                 )}
 
                 <AddFavourite roomId={roomId} />
-
-                {myPowerLevel && (
-                    <>
-                        <Separator orientation="vertical" />
-
-                        <Tabs className="[&>[role=tabpanel]]:pt-6" onValueChange={setActiveContentView} value={activeContentView}>
-                            <TabsList>
-                                <TabsTrigger
-                                    onClick={() => {
-                                        setActiveContentView('content');
-                                    }}
-                                    title={t('Show contexts and items of {{name}}', { name: title })}
-                                    value="content"
-                                >
-                                    <Icon>
-                                        <RiFolderLine />
-                                    </Icon>
-                                </TabsTrigger>
-
-                                <TabsTrigger
-                                    onClick={() => {
-                                        setActiveContentView('members');
-                                    }}
-                                    title={t('Show members of {{name}}', { name: title })}
-                                    value="members"
-                                >
-                                    <Icon>
-                                        <RiGroupLine />
-                                    </Icon>
-                                </TabsTrigger>
-
-                                <TabsTrigger
-                                    onClick={() => {
-                                        setActiveContentView('settings');
-                                    }}
-                                    title={t('Show settings of {{name}}', { name: title })}
-                                    value="advanced"
-                                >
-                                    <Icon>
-                                        <RiListSettingsLine />
-                                    </Icon>
-                                </TabsTrigger>
-                            </TabsList>
-
-                            {/*
-                            <TabsContent className="pb-6 [&>*+*]:mt-8" value="content">
-                                foo
-                            </TabsContent>
-
-                            <TabsContent className="pb-6 [&>*+*]:mt-8" value="members">
-                                bar
-                            </TabsContent>
-
-                            <TabsContent className="pb-6 [&>*+*]:mt-8" value="settings">
-                                bar
-                            </TabsContent>
-                            */}
-                        </Tabs>
-                    </>
-                )}
             </DefaultLayout.IframeHeaderButtonWrapper>
         </DefaultLayout.IframeHeader>
     );
diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 2a32f369..26348a45 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -1,5 +1,6 @@
 import React, { useEffect, useState } from 'react';
 import getConfig from 'next/config';
+import Link from 'next/link';
 import { useRouter } from 'next/router';
 import _ from 'lodash';
 import { useTranslation } from 'react-i18next';
@@ -13,19 +14,18 @@ import {
     RiFolderLine,
     RiFolderSettingsLine,
     RiFolderUnknowLine,
+    RiGroupLine,
     RiLink,
-    // RiListSettingsLine,
+    RiListSettingsLine,
     RiUserLine,
 } from '@remixicon/react';
 import { toast } from 'sonner';
 import { flexRender, getCoreRowModel, useReactTable } from '@tanstack/react-table';
-import Link from 'next/link';
 
 import LoadingSpinner from '../../components/UI/LoadingSpinner';
 import { useAuth } from '@/lib/Auth';
 import { useMatrix } from '@/lib/Matrix';
 import ServiceIframeHeader from '../../components/UI/ServiceIframeHeader';
-// import ExploreMatrixActions from './manage-room/ExploreMatrixActions';
 import TreePath from './TreePath';
 import ExploreIframeViews from './ExploreIframeViews';
 import logger from '../../lib/Logging';
@@ -41,6 +41,8 @@ import EllipsisMenu from './manage-room/EllipsisMenu';
 import { useGetSpaceChildren } from './useGetSpaceChildren';
 import { Progress } from '@/components/UI/shadcn/Progress';
 import ExploreMatrixActions from './manage-room/ExploreMatrixActions';
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/UI/shadcn/Tabs';
+import { useMediaQuery } from '@/lib/utils';
 
 /**
  * Explore component for managing room hierarchies and content.
@@ -59,6 +61,8 @@ export default function Explore() {
 
     const [activeContentView, setActiveContentView] = useState('content');
 
+    const isDesktop = useMediaQuery('(min-width: 768px)');
+
     // Extract roomId and iframeRoomId from the query parameters
     /** @type {string|undefined} */
     const roomId = _.get(router, 'query.roomId.0');
@@ -311,8 +315,59 @@ export default function Explore() {
                                 joinRule={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].join_rule}
                             />
 
-                            <div className="flex h-full w-full flex-col overflow-auto">
-                                {activeContentView === 'content' && (
+                            <Tabs
+                                className="w-full [&>[role=tabpanel]]:pt-2"
+                                onValueChange={setActiveContentView}
+                                value={activeContentView}
+                            >
+                                <TabsList className="[&>[role=tab]]:gap-2">
+                                    <TabsTrigger
+                                        onClick={() => {
+                                            setActiveContentView('content');
+                                        }}
+                                        title={t('Show contexts and items of {{name}}', {
+                                            name: selectedSpaceChildren[selectedSpaceChildren.length - 1][0].name,
+                                        })}
+                                        value="content"
+                                    >
+                                        <Icon>
+                                            <RiFolderLine />
+                                        </Icon>
+                                        {isDesktop && t('Content')}
+                                    </TabsTrigger>
+
+                                    <TabsTrigger
+                                        onClick={() => {
+                                            setActiveContentView('members');
+                                        }}
+                                        title={t('Show members of {{name}}', {
+                                            name: selectedSpaceChildren[selectedSpaceChildren.length - 1][0].name,
+                                        })}
+                                        value="members"
+                                    >
+                                        <Icon>
+                                            <RiGroupLine />
+                                        </Icon>
+                                        {isDesktop && t('Members')}
+                                    </TabsTrigger>
+
+                                    <TabsTrigger
+                                        onClick={() => {
+                                            setActiveContentView('settings');
+                                        }}
+                                        title={t('Show settings of {{name}}', {
+                                            name: selectedSpaceChildren[selectedSpaceChildren.length - 1][0].name,
+                                        })}
+                                        value="settings"
+                                    >
+                                        <Icon>
+                                            <RiListSettingsLine />
+                                        </Icon>
+                                        {isDesktop && t('Settings')}
+                                    </TabsTrigger>
+                                </TabsList>
+
+                                <TabsContent value="content">
                                     <>
                                         {table.getRowModel().rows?.length > 1 && (
                                             <Table>
@@ -361,42 +416,75 @@ export default function Explore() {
                                         {matrixClient
                                             .getRoom(roomId)
                                             ?.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel) &&
-                                            !isFetchingSpaceChildren && (<div className="sticky bottom-0 flex w-full items-center space-x-2 bg-background shadow-[0px_-1px_0px_0px_hsl(var(--muted-foreground)_/_0.2)]">
-                                                <QuickAddExplore
-                                                    currentId={roomId}
-                                                    roomName={matrix.spaces.get(roomId).name}
-                                                    getSpaceChildren={getSpaceChildren}
-                                                    allChatRooms={allChatRooms}
-                                                    trigger={
-                                                        <Button
-                                                            className="grid h-12 w-full grid-flow-col justify-between px-0 hover:text-accent"
-                                                            variant="ghost"
-                                                            // onClick={() => setIsQuickAddOpen((prevState) => !prevState)}
-                                                        >
-                                                            {t('Add more …')}
-                                                            <Icon>
-                                                                <RiAddLine />
-                                                            </Icon>
-                                                        </Button>
-                                                    }
-                                                />
-                                            </div>
-                                        )}
+                                            !isFetchingSpaceChildren && (
+                                                <div className="sticky bottom-0 flex w-full items-center space-x-2 bg-background shadow-[0px_-1px_0px_0px_hsl(var(--muted-foreground)_/_0.2)]">
+                                                    <QuickAddExplore
+                                                        currentId={roomId}
+                                                        roomName={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].name}
+                                                        getSpaceChildren={getSpaceChildren}
+                                                        allChatRooms={allChatRooms}
+                                                        trigger={
+                                                            <Button
+                                                                className="grid h-12 w-full grid-flow-col justify-between px-0 hover:text-accent"
+                                                                variant="ghost"
+                                                                // onClick={() => setIsQuickAddOpen((prevState) => !prevState)}
+                                                            >
+                                                                {t('Add more …')}
+                                                                <Icon>
+                                                                    <RiAddLine />
+                                                                </Icon>
+                                                            </Button>
+                                                        }
+                                                    />
+                                                </div>
+                                            )}
+
+                                        {/* @NOTE: pagination component which we are currently not using, but might in the future
+                                          {table.getRowModel().rows?.length > 1 && (
+                                              <div className="sticky bottom-0 flex w-full items-center space-x-2 border-t border-muted-foreground/20 bg-background py-4">
+                                                  <div className="flex-1 text-sm text-muted-foreground">
+                                                      Page {table.getState().pagination.pageIndex + 1} of {table.getPageCount()}
+                                                  </div>
+                                                  <div className="space-x-2">
+                                                      <Button
+                                                          variant="outline"
+                                                          size="sm"
+                                                          onClick={() => table.previousPage()}
+                                                          disabled={!table.getCanPreviousPage()}
+                                                      >
+                                                          Previous
+                                                      </Button>
+                                                      <Button
+                                                          variant="outline"
+                                                          size="sm"
+                                                          onClick={() => table.nextPage()}
+                                                          disabled={!table.getCanNextPage()}
+                                                      >
+                                                          Next
+                                                      </Button>
+                                                  </div>
+                                              </div>
+                                          )}
+                                        */}
                                     </>
-                                )}
-
-                                {activeContentView === 'members' && (
-                                    <UserManagement roomId={roomId} roomName={matrix.spaces.get(roomId).name} myPowerLevel={myPowerLevel}>
+                                </TabsContent>
+
+                                <TabsContent value="members">
+                                    <UserManagement
+                                        roomId={roomId}
+                                        roomName={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].name}
+                                        myPowerLevel={myPowerLevel}
+                                    >
                                         <TextButton className="w-full justify-between px-0 hover:text-accent" variant="ghost">
                                             <Icon>
                                                 <RiUserLine />
                                             </Icon>
                                         </TextButton>
                                     </UserManagement>
-                                )}
+                                </TabsContent>
 
-                                {activeContentView === 'settings' &&
-                                    matrixClient
+                                <TabsContent value="settings">
+                                    {matrixClient
                                         .getRoom(roomId)
                                         ?.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel) && (
                                         <ExploreMatrixActions
@@ -415,35 +503,8 @@ export default function Explore() {
                                             // }
                                         />
                                     )}
-
-                                {/* @NOTE: pagination component which we are currently not using, but might in the future
-                                  {table.getRowModel().rows?.length > 1 && (
-                                      <div className="sticky bottom-0 flex w-full items-center space-x-2 border-t border-muted-foreground/20 bg-background py-4">
-                                          <div className="flex-1 text-sm text-muted-foreground">
-                                              Page {table.getState().pagination.pageIndex + 1} of {table.getPageCount()}
-                                          </div>
-                                          <div className="space-x-2">
-                                              <Button
-                                                  variant="outline"
-                                                  size="sm"
-                                                  onClick={() => table.previousPage()}
-                                                  disabled={!table.getCanPreviousPage()}
-                                              >
-                                                  Previous
-                                              </Button>
-                                              <Button
-                                                  variant="outline"
-                                                  size="sm"
-                                                  onClick={() => table.nextPage()}
-                                                  disabled={!table.getCanNextPage()}
-                                              >
-                                                  Next
-                                              </Button>
-                                          </div>
-                                      </div>
-                                  )}
-                                */}
-                            </div>
+                                </TabsContent>
+                            </Tabs>
                         </DefaultLayout.Wrapper>
                     </>
                 )

From 424e69673b76eb11c51f2bc3066caab5e1ae2fa8 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Wed, 13 Mar 2024 16:17:13 +0100
Subject: [PATCH 628/714] chore: remove comments and unused code

---
 pages/explore/manage-room/ExploreMatrixActions.js | 14 +-------------
 1 file changed, 1 insertion(+), 13 deletions(-)

diff --git a/pages/explore/manage-room/ExploreMatrixActions.js b/pages/explore/manage-room/ExploreMatrixActions.js
index 270748db..c69e1cc3 100644
--- a/pages/explore/manage-room/ExploreMatrixActions.js
+++ b/pages/explore/manage-room/ExploreMatrixActions.js
@@ -1,18 +1,13 @@
 import React, { useState } from 'react';
 import { useTranslation } from 'react-i18next';
-// import { RiCloseLine } from '@remixicon/react';
 
 import LoadingSpinner from '../../../components/UI/LoadingSpinner';
-// import UserManagement from './UserManagement';
 import LeaveRoom from './LeaveRoom';
 import ChangeTopic from './ChangeTopic';
 import ChangeAvatar from './ChangeAvatar';
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/UI/shadcn/Tabs';
 import ChangeJoinRule from './ChangeJoinRule';
 import { useAuth } from '@/lib/Auth';
-// import { Dialog, DialogClose, DialogContent, DialogHeader } from '@/components/UI/shadcn/Dialog';
-// import { Dialog, DialogClose, DialogContent, DialogFooter, DialogHeader } from '@/components/UI/shadcn/Dialog';
-// import { Button } from '@/components/UI/shadcn/Button';
 
 /**
  * This component provides actions for managing contexts and items within a matrix room.
@@ -28,14 +23,10 @@ const ExploreMatrixActions = ({
     currentId,
     parentId,
     myPowerLevel,
-    // @TODO: do we still need the following ?
-    setManageContextActionToggle,
-    // trigger,
 }) => {
     const { t } = useTranslation('explore');
     const matrixClient = useAuth().getAuthenticationProvider('matrix').getMatrixClient();
 
-    // const [isOpen, setIsOpen] = useState(false);
     const [settingsTabValue, setSettingsTabValue] = useState('settings');
 
     if (!myPowerLevel) return t("You don't have the neccesarry permissions to manage this room");
@@ -54,6 +45,7 @@ const ExploreMatrixActions = ({
                     >
                         {t('Settings')}
                     </TabsTrigger>
+
                     <TabsTrigger
                         onClick={() => {
                             setSettingsTabValue('advanced');
@@ -78,8 +70,6 @@ const ExploreMatrixActions = ({
                                 <h3>{t('Avatar')}</h3>
                                 <ChangeAvatar
                                     roomId={currentId}
-                                    /* @TODO: do we still need the following ? */
-                                    // onCancel={() => setManageContextActionToggle('settings')}
                                 />
                             </div>
                         )}
@@ -92,8 +82,6 @@ const ExploreMatrixActions = ({
                             <ChangeJoinRule
                                 roomId={currentId}
                                 roomName={room.name}
-                                /* @TODO: do we still need the following ? */
-                                // onCancel={() => setManageContextActionToggle('advanced')}
                             />
                         </div>
                     )}

From 547e1f439f4f2442d68c36d6e349f1f035f54b98 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 13 Mar 2024 16:59:51 +0100
Subject: [PATCH 629/714] fix: parse correct variables to createRoom

---
 pages/explore/manage-room/CreateContext.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/explore/manage-room/CreateContext.js b/pages/explore/manage-room/CreateContext.js
index c37e445d..2748d4f1 100644
--- a/pages/explore/manage-room/CreateContext.js
+++ b/pages/explore/manage-room/CreateContext.js
@@ -47,7 +47,7 @@ const CreateContext = ({ currentId, onCancel, getSpaceChildren, onPreviousAction
 
         // create the new context space
         const createNewSubContext = await matrix
-            .createRoom(name, true, topic, 'public', 'context', template, currentId, 'restricted_knock', 'world_readable')
+            .createRoom(name, true, topic, 'knock_restricted', 'context', template, currentId, 'public', 'world_readable')
             .catch(async (err) => {
                 setCreateNewContextErrorMessage(err.message);
                 _.delay(() => setCreateNewContextErrorMessage(''), 2500);

From 67304cdd77303a17927cfb1bd71a4aaa6bad24fb Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Wed, 13 Mar 2024 17:17:00 +0100
Subject: [PATCH 630/714] style: refine avatar upload grid/sizing

---
 components/UI/ImageUpload.js | 54 ++++--------------------------------
 pages/account.js             | 15 ++--------
 2 files changed, 8 insertions(+), 61 deletions(-)

diff --git a/components/UI/ImageUpload.js b/components/UI/ImageUpload.js
index 095dcbf5..fba0f181 100644
--- a/components/UI/ImageUpload.js
+++ b/components/UI/ImageUpload.js
@@ -8,23 +8,14 @@ import { Button } from '@/components/UI/shadcn/Button';
 
 const AvatarSection = styled.div`
     display: grid;
-    grid-auto-flow: row;
+    grid-template-columns: 1fr 1fr;
     grid-gap: var(--margin);
-
-    @media (min-width: 40em) {
-        grid-template-columns: 1fr 1fr;
-    }
 `;
 
 const Avatar = styled.img`
-    width: 50%;
-
     &.placeholder {
         backdrop-filter: invert(100%);
-    }
-
-    @media (min-width: 40em) {
-        width: 100%;
+        height: 6rem;
     }
 `;
 
@@ -88,10 +79,10 @@ const ImageUpload = ({ roomId, callback }) => {
     return (
         <AvatarSection>
             {currentAvatarUrl ? (
-                // Render the avatar if we have one
+                // Render the avatar image if one was set
                 <Avatar src={currentAvatarUrl} />
             ) : (
-                // Render an empty GIF if we don't have an avatar
+                // Render an empty GIF if no avatar was set
                 <Avatar className="placeholder" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" />
             )}
             <AvatarButtonContainer>
@@ -106,47 +97,12 @@ const ImageUpload = ({ roomId, callback }) => {
                     {t('Browse')} …
                 </Button>
                 {currentAvatarUrl && (
-                    <Button type="button" disabled={isUploadingImage} onClick={handleDelete}>
+                    <Button type="button" variant="destructive" disabled={isUploadingImage} onClick={handleDelete}>
                         {t('Delete')}
                     </Button>
                 )}
             </AvatarButtonContainer>
         </AvatarSection>
-
-        // <div>
-        //     {currentAvatarUrl && (
-        //         <AvatarContainer>
-        //             <Avatar src={currentAvatarUrl} width="100%" height="100%" />
-        //             {isUploadingImage && (
-        //                 <SpinnerOverlay>
-        //                     <LoadingSpinner />
-        //                 </SpinnerOverlay>
-        //             )}
-        //         </AvatarContainer>
-        //     )}
-        //     <input type="file" accept="image/*" ref={imageUploadRef} style={{ display: 'none' }} onChange={handleUpload} />
-        //     <form
-        //         onSubmit={(e) => {
-        //             e.preventDefault();
-        //             imageUploadRef.current.click();
-        //         }}
-        //         onReset={handleDelete}
-        //     >
-        //         {!currentAvatarUrl ? (
-        //             <Button disabled={isUploadingImage} type="submit">
-        //                 {!currentAvatarUrl && isUploadingImage ? <LoadingSpinnerInline inverted /> : t('Upload')}
-        //             </Button>
-        //         ) : (
-        //             <ConfirmCancelButtons
-        //                 warning
-        //                 disabled={isUploadingImage}
-        //                 onCancel={handleDelete}
-        //                 cancelTitle={t('Delete')}
-        //                 confirmLabel={isUploadingImage ? <LoadingSpinnerInline inverted /> : t('Change')}
-        //             />
-        //         )}
-        //     </form>
-        // </div>
     );
 };
 
diff --git a/pages/account.js b/pages/account.js
index e3b68a49..dfe59e05 100644
--- a/pages/account.js
+++ b/pages/account.js
@@ -33,23 +33,14 @@ const AccountSection = styled(DefaultLayout.LameColumn)`
 
 const AvatarSection = styled.div`
     display: grid;
-    grid-auto-flow: row;
+    grid-template-columns: 1fr 1fr;
     grid-gap: var(--margin);
-
-    @media (min-width: 40em) {
-        grid-template-columns: 1fr 1fr;
-    }
 `;
 
 const Avatar = styled.img`
-    width: 50%;
-
     &.placeholder {
         backdrop-filter: invert(100%);
-    }
-
-    @media (min-width: 40em) {
-        width: 70%;
+        height: 6rem;
     }
 `;
 
@@ -276,7 +267,7 @@ export default function Account() {
                             {t('Browse')} …
                         </Button>
                         {profileInfo.avatar_url && (
-                            <Button type="button" disabled={isChangingAvatar} onClick={deleteAvatar}>
+                            <Button type="button" variant="destructive" disabled={isChangingAvatar} onClick={deleteAvatar}>
                                 {t('Delete')}
                             </Button>
                         )}

From 3b9e812592c314727eafecf97a065dc0cbda6862 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Wed, 13 Mar 2024 17:17:35 +0100
Subject: [PATCH 631/714] chore: fix eslint error

---
 pages/explore/manage-room/ChangeAvatar.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/explore/manage-room/ChangeAvatar.js b/pages/explore/manage-room/ChangeAvatar.js
index a210af02..32308d17 100644
--- a/pages/explore/manage-room/ChangeAvatar.js
+++ b/pages/explore/manage-room/ChangeAvatar.js
@@ -4,7 +4,7 @@ import { useTranslation } from 'react-i18next';
 import ImageUpload from '../../../components/UI/ImageUpload';
 import ErrorMessage from '../../../components/UI/ErrorMessage';
 
-const ChangeAvatar = ({ roomId, onPreviousAction }) => {
+const ChangeAvatar = ({ roomId }) => {
     const [errorMessage, setErrorMessage] = useState('');
     const { t } = useTranslation('explore');
 

From 9e256f205289b61eeac676043c8b83b3ba9eeddd Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Wed, 13 Mar 2024 17:17:46 +0100
Subject: [PATCH 632/714] draft: conditional content; introducing duplicate
 code

---
 pages/explore/[[...roomId]].js | 385 ++++++++++++++++++---------------
 1 file changed, 216 insertions(+), 169 deletions(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 26348a45..112a3f9b 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -50,7 +50,9 @@ import { useMediaQuery } from '@/lib/utils';
  * @component
  * @returns {JSX.Element} The rendered Explore component.
  */
+
 //@TODO cached spaces do not update after editing
+
 export default function Explore() {
     const router = useRouter();
     const { t } = useTranslation('explore');
@@ -129,6 +131,7 @@ export default function Explore() {
         let cancelled = false;
 
         const onRouterChange = async () => {
+            // @TODO: was `setManageContextActionToggle(false)` below
             !myPowerLevel && setActiveContentView('content');
             await getSpaceChildren(null, roomId);
         };
@@ -315,178 +318,181 @@ export default function Explore() {
                                 joinRule={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].join_rule}
                             />
 
-                            <Tabs
-                                className="w-full [&>[role=tabpanel]]:pt-2"
-                                onValueChange={setActiveContentView}
-                                value={activeContentView}
-                            >
-                                <TabsList className="[&>[role=tab]]:gap-2">
-                                    <TabsTrigger
-                                        onClick={() => {
-                                            setActiveContentView('content');
-                                        }}
-                                        title={t('Show contexts and items of {{name}}', {
-                                            name: selectedSpaceChildren[selectedSpaceChildren.length - 1][0].name,
-                                        })}
-                                        value="content"
-                                    >
-                                        <Icon>
-                                            <RiFolderLine />
-                                        </Icon>
-                                        {isDesktop && t('Content')}
-                                    </TabsTrigger>
-
-                                    <TabsTrigger
-                                        onClick={() => {
-                                            setActiveContentView('members');
-                                        }}
-                                        title={t('Show members of {{name}}', {
-                                            name: selectedSpaceChildren[selectedSpaceChildren.length - 1][0].name,
-                                        })}
-                                        value="members"
-                                    >
-                                        <Icon>
-                                            <RiGroupLine />
-                                        </Icon>
-                                        {isDesktop && t('Members')}
-                                    </TabsTrigger>
-
-                                    <TabsTrigger
-                                        onClick={() => {
-                                            setActiveContentView('settings');
-                                        }}
-                                        title={t('Show settings of {{name}}', {
-                                            name: selectedSpaceChildren[selectedSpaceChildren.length - 1][0].name,
-                                        })}
-                                        value="settings"
-                                    >
-                                        <Icon>
-                                            <RiListSettingsLine />
-                                        </Icon>
-                                        {isDesktop && t('Settings')}
-                                    </TabsTrigger>
-                                </TabsList>
-
-                                <TabsContent value="content">
-                                    <>
-                                        {table.getRowModel().rows?.length > 1 && (
-                                            <Table>
-                                                {/*
+                            {/*
+                                      @TODO: check this condition; is it really the same as for settings?
+                                      @NOTE: also see further below
+                                    */}
+                            {matrixClient.getRoom(roomId)?.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel) ? (
+                                <Tabs
+                                    className="w-full [&>[role=tabpanel]]:pt-2"
+                                    onValueChange={setActiveContentView}
+                                    value={activeContentView}
+                                >
+                                    <TabsList className="[&>[role=tab]]:gap-2">
+                                        <TabsTrigger
+                                            onClick={() => {
+                                                setActiveContentView('content');
+                                            }}
+                                            title={t('Show contexts and items of {{name}}', {
+                                                name: selectedSpaceChildren[selectedSpaceChildren.length - 1][0].name,
+                                            })}
+                                            value="content"
+                                        >
+                                            <Icon>
+                                                <RiFolderLine />
+                                            </Icon>
+                                            {isDesktop && t('Content')}
+                                        </TabsTrigger>
+
+                                        <TabsTrigger
+                                            onClick={() => {
+                                                setActiveContentView('members');
+                                            }}
+                                            title={t('Show members of {{name}}', {
+                                                name: selectedSpaceChildren[selectedSpaceChildren.length - 1][0].name,
+                                            })}
+                                            value="members"
+                                        >
+                                            <Icon>
+                                                <RiGroupLine />
+                                            </Icon>
+                                            {isDesktop && t('Members')}
+                                        </TabsTrigger>
+
+                                        <TabsTrigger
+                                            onClick={() => {
+                                                setActiveContentView('settings');
+                                            }}
+                                            title={t('Show settings of {{name}}', {
+                                                name: selectedSpaceChildren[selectedSpaceChildren.length - 1][0].name,
+                                            })}
+                                            value="settings"
+                                        >
+                                            <Icon>
+                                                <RiListSettingsLine />
+                                            </Icon>
+                                            {isDesktop && t('Settings')}
+                                        </TabsTrigger>
+                                    </TabsList>
+
+                                    <TabsContent value="content">
+                                        <>
+                                            {table.getRowModel().rows?.length > 1 && (
+                                                <Table>
+                                                    {/*
                                                   @NOTE: we cannot use border-top/-bottom for sticky thead (because borders scroll with the content);
                                                   fortunately this does not apply to box-shadow, hence the madness below; we also increase the height
                                                   from 48px (tailwind h-12 class in Table) to 50px, as the box-shadow is inset, else not shown on top
                                                 */}
-                                                <TableHeader className="sticky top-0 h-[50px] bg-background shadow-[inset_0px_-1px_0px_0px_hsl(var(--muted-foreground)_/_0.2),inset_0px_1px_0px_0px_hsl(var(--muted-foreground)_/_0.2)]">
-                                                    {table.getHeaderGroups().map((headerGroup) => (
-                                                        <TableRow key={headerGroup.id}>
-                                                            {headerGroup.headers.map((header) => {
-                                                                return (
-                                                                    <TableHead key={header.id}>
-                                                                        {header.isPlaceholder
-                                                                            ? null
-                                                                            : flexRender(
-                                                                                  header.column.columnDef.header,
-                                                                                  header.getContext(),
-                                                                              )}
-                                                                    </TableHead>
-                                                                );
-                                                            })}
-                                                        </TableRow>
-                                                    ))}
-                                                </TableHeader>
-
-                                                <TableBody>
-                                                    {table.getRowModel().rows?.length ? (
-                                                        table.getRowModel().rows.map((row, index) => {
-                                                            if (index === 0) return null;
-
-                                                            return <TreeLeaves key={row.id} row={row} />;
-                                                        })
-                                                    ) : (
-                                                        <TableRow>
-                                                            <TableCell colSpan={columns.length} className="h-24 text-center">
-                                                                Thank you, {auth.user.displayname}! But our item is in another context! 🍄
-                                                            </TableCell>
-                                                        </TableRow>
-                                                    )}
-                                                </TableBody>
-                                            </Table>
-                                        )}
-
-                                        {matrixClient
-                                            .getRoom(roomId)
-                                            ?.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel) &&
-                                            !isFetchingSpaceChildren && (
-                                                <div className="sticky bottom-0 flex w-full items-center space-x-2 bg-background shadow-[0px_-1px_0px_0px_hsl(var(--muted-foreground)_/_0.2)]">
-                                                    <QuickAddExplore
-                                                        currentId={roomId}
-                                                        roomName={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].name}
-                                                        getSpaceChildren={getSpaceChildren}
-                                                        allChatRooms={allChatRooms}
-                                                        trigger={
-                                                            <Button
-                                                                className="grid h-12 w-full grid-flow-col justify-between px-0 hover:text-accent"
-                                                                variant="ghost"
-                                                                // onClick={() => setIsQuickAddOpen((prevState) => !prevState)}
-                                                            >
-                                                                {t('Add more …')}
-                                                                <Icon>
-                                                                    <RiAddLine />
-                                                                </Icon>
-                                                            </Button>
-                                                        }
-                                                    />
-                                                </div>
+                                                    <TableHeader className="sticky top-0 h-[50px] bg-background shadow-[inset_0px_-1px_0px_0px_hsl(var(--muted-foreground)_/_0.2),inset_0px_1px_0px_0px_hsl(var(--muted-foreground)_/_0.2)]">
+                                                        {table.getHeaderGroups().map((headerGroup) => (
+                                                            <TableRow key={headerGroup.id}>
+                                                                {headerGroup.headers.map((header) => {
+                                                                    return (
+                                                                        <TableHead key={header.id}>
+                                                                            {header.isPlaceholder
+                                                                                ? null
+                                                                                : flexRender(
+                                                                                      header.column.columnDef.header,
+                                                                                      header.getContext(),
+                                                                                  )}
+                                                                        </TableHead>
+                                                                    );
+                                                                })}
+                                                            </TableRow>
+                                                        ))}
+                                                    </TableHeader>
+
+                                                    <TableBody>
+                                                        {table.getRowModel().rows?.length ? (
+                                                            table.getRowModel().rows.map((row, index) => {
+                                                                if (index === 0) return null;
+
+                                                                return <TreeLeaves key={row.id} row={row} />;
+                                                            })
+                                                        ) : (
+                                                            <TableRow>
+                                                                <TableCell colSpan={columns.length} className="h-24 text-center">
+                                                                    Thank you, {auth.user.displayname}! But our item is in another context!
+                                                                    🍄
+                                                                </TableCell>
+                                                            </TableRow>
+                                                        )}
+                                                    </TableBody>
+                                                </Table>
                                             )}
 
-                                        {/* @NOTE: pagination component which we are currently not using, but might in the future
-                                          {table.getRowModel().rows?.length > 1 && (
-                                              <div className="sticky bottom-0 flex w-full items-center space-x-2 border-t border-muted-foreground/20 bg-background py-4">
-                                                  <div className="flex-1 text-sm text-muted-foreground">
-                                                      Page {table.getState().pagination.pageIndex + 1} of {table.getPageCount()}
-                                                  </div>
-                                                  <div className="space-x-2">
-                                                      <Button
-                                                          variant="outline"
-                                                          size="sm"
-                                                          onClick={() => table.previousPage()}
-                                                          disabled={!table.getCanPreviousPage()}
-                                                      >
-                                                          Previous
-                                                      </Button>
-                                                      <Button
-                                                          variant="outline"
-                                                          size="sm"
-                                                          onClick={() => table.nextPage()}
-                                                          disabled={!table.getCanNextPage()}
-                                                      >
-                                                          Next
-                                                      </Button>
-                                                  </div>
-                                              </div>
-                                          )}
-                                        */}
-                                    </>
-                                </TabsContent>
-
-                                <TabsContent value="members">
-                                    <UserManagement
-                                        roomId={roomId}
-                                        roomName={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].name}
-                                        myPowerLevel={myPowerLevel}
-                                    >
-                                        <TextButton className="w-full justify-between px-0 hover:text-accent" variant="ghost">
-                                            <Icon>
-                                                <RiUserLine />
-                                            </Icon>
-                                        </TextButton>
-                                    </UserManagement>
-                                </TabsContent>
-
-                                <TabsContent value="settings">
-                                    {matrixClient
-                                        .getRoom(roomId)
-                                        ?.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel) && (
+                                            {matrixClient
+                                                .getRoom(roomId)
+                                                ?.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel) &&
+                                                !isFetchingSpaceChildren && (
+                                                    <div className="sticky bottom-0 flex w-full items-center space-x-2 bg-background shadow-[0px_-1px_0px_0px_hsl(var(--muted-foreground)_/_0.2)]">
+                                                        <QuickAddExplore
+                                                            currentId={roomId}
+                                                            roomName={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].name}
+                                                            getSpaceChildren={getSpaceChildren}
+                                                            allChatRooms={allChatRooms}
+                                                            trigger={
+                                                                <Button
+                                                                    className="grid h-12 w-full grid-flow-col justify-between px-0 hover:text-accent"
+                                                                    variant="ghost"
+                                                                    // onClick={() => setIsQuickAddOpen((prevState) => !prevState)}
+                                                                >
+                                                                    {t('Add more …')}
+                                                                    <Icon>
+                                                                        <RiAddLine />
+                                                                    </Icon>
+                                                                </Button>
+                                                            }
+                                                        />
+                                                    </div>
+                                                )}
+
+                                            {/* @NOTE: pagination component which we are currently not using, but might in the future
+                                            {table.getRowModel().rows?.length > 1 && (
+                                                <div className="sticky bottom-0 flex w-full items-center space-x-2 border-t border-muted-foreground/20 bg-background py-4">
+                                                    <div className="flex-1 text-sm text-muted-foreground">
+                                                        Page {table.getState().pagination.pageIndex + 1} of {table.getPageCount()}
+                                                    </div>
+                                                    <div className="space-x-2">
+                                                        <Button
+                                                            variant="outline"
+                                                            size="sm"
+                                                            onClick={() => table.previousPage()}
+                                                            disabled={!table.getCanPreviousPage()}
+                                                        >
+                                                            Previous
+                                                        </Button>
+                                                        <Button
+                                                            variant="outline"
+                                                            size="sm"
+                                                            onClick={() => table.nextPage()}
+                                                            disabled={!table.getCanNextPage()}
+                                                        >
+                                                            Next
+                                                        </Button>
+                                                    </div>
+                                                </div>
+                                            )}
+                                            */}
+                                        </>
+                                    </TabsContent>
+
+                                    <TabsContent value="members">
+                                        <UserManagement
+                                            roomId={roomId}
+                                            roomName={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].name}
+                                            myPowerLevel={myPowerLevel}
+                                        >
+                                            <TextButton className="w-full justify-between px-0 hover:text-accent" variant="ghost">
+                                                <Icon>
+                                                    <RiUserLine />
+                                                </Icon>
+                                            </TextButton>
+                                        </UserManagement>
+                                    </TabsContent>
+
+                                    <TabsContent value="settings">
                                         <ExploreMatrixActions
                                             currentId={roomId}
                                             myPowerLevel={myPowerLevel}
@@ -502,9 +508,50 @@ export default function Explore() {
                                             //     </TextButton>
                                             // }
                                         />
-                                    )}
-                                </TabsContent>
-                            </Tabs>
+                                    </TabsContent>
+                                </Tabs>
+                            ) : (
+                                table.getRowModel().rows?.length > 1 && (
+                                    <Table>
+                                        {/*
+                                          @NOTE: we cannot use border-top/-bottom for sticky thead (because borders scroll with the content);
+                                          fortunately this does not apply to box-shadow, hence the madness below; we also increase the height
+                                          from 48px (tailwind h-12 class in Table) to 50px, as the box-shadow is inset, else not shown on top
+                                        */}
+                                        <TableHeader className="sticky top-0 h-[50px] bg-background shadow-[inset_0px_-1px_0px_0px_hsl(var(--muted-foreground)_/_0.2),inset_0px_1px_0px_0px_hsl(var(--muted-foreground)_/_0.2)]">
+                                            {table.getHeaderGroups().map((headerGroup) => (
+                                                <TableRow key={headerGroup.id}>
+                                                    {headerGroup.headers.map((header) => {
+                                                        return (
+                                                            <TableHead key={header.id}>
+                                                                {header.isPlaceholder
+                                                                    ? null
+                                                                    : flexRender(header.column.columnDef.header, header.getContext())}
+                                                            </TableHead>
+                                                        );
+                                                    })}
+                                                </TableRow>
+                                            ))}
+                                        </TableHeader>
+
+                                        <TableBody>
+                                            {table.getRowModel().rows?.length ? (
+                                                table.getRowModel().rows.map((row, index) => {
+                                                    if (index === 0) return null;
+
+                                                    return <TreeLeaves key={row.id} row={row} />;
+                                                })
+                                            ) : (
+                                                <TableRow>
+                                                    <TableCell colSpan={columns.length} className="h-24 text-center">
+                                                        Thank you, {auth.user.displayname}! But our item is in another context! 🍄
+                                                    </TableCell>
+                                                </TableRow>
+                                            )}
+                                        </TableBody>
+                                    </Table>
+                                )
+                            )}
                         </DefaultLayout.Wrapper>
                     </>
                 )

From 3f166577cdccf115ae813fe97f4e85e4edbb8db7 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Wed, 13 Mar 2024 17:21:57 +0100
Subject: [PATCH 633/714] style: fix scrolling via `overflow: auto;`

---
 pages/explore/[[...roomId]].js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 112a3f9b..3bcc2ad1 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -324,7 +324,7 @@ export default function Explore() {
                                     */}
                             {matrixClient.getRoom(roomId)?.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel) ? (
                                 <Tabs
-                                    className="w-full [&>[role=tabpanel]]:pt-2"
+                                    className="w-full overflow-auto [&>[role=tabpanel]]:pt-2"
                                     onValueChange={setActiveContentView}
                                     value={activeContentView}
                                 >

From 3ff980a5daea23eca57302b7bf3b6b8d9c21f895 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Wed, 13 Mar 2024 17:35:14 +0100
Subject: [PATCH 634/714] chore: remove comments and unused code

---
 pages/explore/[[...roomId]].js | 11 -----------
 1 file changed, 11 deletions(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 3bcc2ad1..60b5f267 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -496,17 +496,6 @@ export default function Explore() {
                                         <ExploreMatrixActions
                                             currentId={roomId}
                                             myPowerLevel={myPowerLevel}
-                                            // settingsTabValue="settings"
-                                            // trigger={
-                                            //     <TextButton
-                                            //         variant="ghost"
-                                            //         title={t('Show settings of {{name}}', { name: matrix.spaces.get(roomId).name })}
-                                            //     >
-                                            //         <Icon>
-                                            //             <RiListSettingsLine />
-                                            //         </Icon>
-                                            //     </TextButton>
-                                            // }
                                         />
                                     </TabsContent>
                                 </Tabs>

From c7558c61c3c578f0859f952ae8b9751fb942ad5c Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Wed, 13 Mar 2024 17:35:36 +0100
Subject: [PATCH 635/714] chore: rename first tab in settings to general; add
 locales

---
 pages/explore/manage-room/ExploreMatrixActions.js | 10 +++++-----
 public/locales/de/_defaults.json                  |  2 ++
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/pages/explore/manage-room/ExploreMatrixActions.js b/pages/explore/manage-room/ExploreMatrixActions.js
index c69e1cc3..0573bbb6 100644
--- a/pages/explore/manage-room/ExploreMatrixActions.js
+++ b/pages/explore/manage-room/ExploreMatrixActions.js
@@ -27,7 +27,7 @@ const ExploreMatrixActions = ({
     const { t } = useTranslation('explore');
     const matrixClient = useAuth().getAuthenticationProvider('matrix').getMatrixClient();
 
-    const [settingsTabValue, setSettingsTabValue] = useState('settings');
+    const [settingsTabValue, setSettingsTabValue] = useState('general');
 
     if (!myPowerLevel) return t("You don't have the neccesarry permissions to manage this room");
     const room = matrixClient.getRoom(currentId);
@@ -39,11 +39,11 @@ const ExploreMatrixActions = ({
                 <TabsList>
                     <TabsTrigger
                         onClick={() => {
-                            setSettingsTabValue('settings');
+                            setSettingsTabValue('general');
                         }}
-                        value="settings"
+                        value="general"
                     >
-                        {t('Settings')}
+                        {t('General')}
                     </TabsTrigger>
 
                     <TabsTrigger
@@ -56,7 +56,7 @@ const ExploreMatrixActions = ({
                     </TabsTrigger>
                 </TabsList>
 
-                <TabsContent className="pb-6 [&>*+*]:mt-8" value="settings">
+                <TabsContent className="pb-6 [&>*+*]:mt-8" value="general">
                     <>
                         {room.currentState.hasSufficientPowerLevelFor('m.room.topic', myPowerLevel) && (
                             <div className="[&>*+*]:mt-4">
diff --git a/public/locales/de/_defaults.json b/public/locales/de/_defaults.json
index 15eafd1c..6bbaa932 100644
--- a/public/locales/de/_defaults.json
+++ b/public/locales/de/_defaults.json
@@ -11,9 +11,11 @@
   "Decline": "Ablehnen",
   "Delete": "Löschen",
   "From": "Von",
+  "General": "Allgemeines",
   "Invitations": "Einladungen",
   "Leave": "Verlassen",
   "Make sure your link includes \"{{url}}\"": "Dein Link muss \"{{url}}\" beinhalten",
+  "Miscelleneaous": "Verschiedenes",
   "Name": "Bezeichnung",
   "Next": "Weiter",
   "Password": "Passwort",

From 0df129cd77808c962aeddeddbd386e35a387d922 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Wed, 13 Mar 2024 17:42:36 +0100
Subject: [PATCH 636/714] chore: format

---
 pages/explore/[[...roomId]].js | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 60b5f267..f9165ae3 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -493,10 +493,7 @@ export default function Explore() {
                                     </TabsContent>
 
                                     <TabsContent value="settings">
-                                        <ExploreMatrixActions
-                                            currentId={roomId}
-                                            myPowerLevel={myPowerLevel}
-                                        />
+                                        <ExploreMatrixActions currentId={roomId} myPowerLevel={myPowerLevel} />
                                     </TabsContent>
                                 </Tabs>
                             ) : (

From 6ddd15c486853536239baa416a032d35c4c5017d Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Wed, 13 Mar 2024 17:42:48 +0100
Subject: [PATCH 637/714] style: fix sticky header/footer on mobile

---
 pages/explore/[[...roomId]].js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index f9165ae3..b4834889 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -324,7 +324,7 @@ export default function Explore() {
                                     */}
                             {matrixClient.getRoom(roomId)?.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel) ? (
                                 <Tabs
-                                    className="w-full overflow-auto [&>[role=tabpanel]]:pt-2"
+                                    className="w-full min-[767px]:overflow-auto [&>[role=tabpanel]]:pt-2"
                                     onValueChange={setActiveContentView}
                                     value={activeContentView}
                                 >

From 2234cccd997dbb6ec3987eac64f64404ef3c89e6 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 13 Mar 2024 18:14:11 +0100
Subject: [PATCH 638/714] refactor: show members for all users, put settings
 tab behind condition

---
 pages/explore/[[...roomId]].js              | 302 +++++++++-----------
 pages/explore/manage-room/UserManagement.js |   4 +-
 2 files changed, 133 insertions(+), 173 deletions(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index b4834889..937e0f35 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -131,8 +131,8 @@ export default function Explore() {
         let cancelled = false;
 
         const onRouterChange = async () => {
-            // @TODO: was `setManageContextActionToggle(false)` below
-            !myPowerLevel && setActiveContentView('content');
+            setActiveContentView('content');
+            // !myPowerLevel && setActiveContentView('content');
             await getSpaceChildren(null, roomId);
         };
 
@@ -322,43 +322,44 @@ export default function Explore() {
                                       @TODO: check this condition; is it really the same as for settings?
                                       @NOTE: also see further below
                                     */}
-                            {matrixClient.getRoom(roomId)?.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel) ? (
-                                <Tabs
-                                    className="w-full min-[767px]:overflow-auto [&>[role=tabpanel]]:pt-2"
-                                    onValueChange={setActiveContentView}
-                                    value={activeContentView}
-                                >
-                                    <TabsList className="[&>[role=tab]]:gap-2">
-                                        <TabsTrigger
-                                            onClick={() => {
-                                                setActiveContentView('content');
-                                            }}
-                                            title={t('Show contexts and items of {{name}}', {
-                                                name: selectedSpaceChildren[selectedSpaceChildren.length - 1][0].name,
-                                            })}
-                                            value="content"
-                                        >
-                                            <Icon>
-                                                <RiFolderLine />
-                                            </Icon>
-                                            {isDesktop && t('Content')}
-                                        </TabsTrigger>
-
-                                        <TabsTrigger
-                                            onClick={() => {
-                                                setActiveContentView('members');
-                                            }}
-                                            title={t('Show members of {{name}}', {
-                                                name: selectedSpaceChildren[selectedSpaceChildren.length - 1][0].name,
-                                            })}
-                                            value="members"
-                                        >
-                                            <Icon>
-                                                <RiGroupLine />
-                                            </Icon>
-                                            {isDesktop && t('Members')}
-                                        </TabsTrigger>
-
+                            <Tabs
+                                className="w-full min-[767px]:overflow-auto [&>[role=tabpanel]]:pt-2"
+                                onValueChange={setActiveContentView}
+                                value={activeContentView}
+                            >
+                                <TabsList className="[&>[role=tab]]:gap-2">
+                                    <TabsTrigger
+                                        onClick={() => {
+                                            setActiveContentView('content');
+                                        }}
+                                        title={t('Show contexts and items of {{name}}', {
+                                            name: selectedSpaceChildren[selectedSpaceChildren.length - 1][0].name,
+                                        })}
+                                        value="content"
+                                    >
+                                        <Icon>
+                                            <RiFolderLine />
+                                        </Icon>
+                                        {isDesktop && t('Content')}
+                                    </TabsTrigger>
+
+                                    <TabsTrigger
+                                        onClick={() => {
+                                            setActiveContentView('members');
+                                        }}
+                                        title={t('Show members of {{name}}', {
+                                            name: selectedSpaceChildren[selectedSpaceChildren.length - 1][0].name,
+                                        })}
+                                        value="members"
+                                    >
+                                        <Icon>
+                                            <RiGroupLine />
+                                        </Icon>
+                                        {isDesktop && t('Members')}
+                                    </TabsTrigger>
+                                    {matrixClient
+                                        .getRoom(roomId)
+                                        ?.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel) && (
                                         <TabsTrigger
                                             onClick={() => {
                                                 setActiveContentView('settings');
@@ -373,82 +374,81 @@ export default function Explore() {
                                             </Icon>
                                             {isDesktop && t('Settings')}
                                         </TabsTrigger>
-                                    </TabsList>
-
-                                    <TabsContent value="content">
-                                        <>
-                                            {table.getRowModel().rows?.length > 1 && (
-                                                <Table>
-                                                    {/*
+                                    )}
+                                </TabsList>
+                                <TabsContent value="content">
+                                    <>
+                                        {table.getRowModel().rows?.length > 1 && (
+                                            <Table>
+                                                {/*
                                                   @NOTE: we cannot use border-top/-bottom for sticky thead (because borders scroll with the content);
                                                   fortunately this does not apply to box-shadow, hence the madness below; we also increase the height
                                                   from 48px (tailwind h-12 class in Table) to 50px, as the box-shadow is inset, else not shown on top
                                                 */}
-                                                    <TableHeader className="sticky top-0 h-[50px] bg-background shadow-[inset_0px_-1px_0px_0px_hsl(var(--muted-foreground)_/_0.2),inset_0px_1px_0px_0px_hsl(var(--muted-foreground)_/_0.2)]">
-                                                        {table.getHeaderGroups().map((headerGroup) => (
-                                                            <TableRow key={headerGroup.id}>
-                                                                {headerGroup.headers.map((header) => {
-                                                                    return (
-                                                                        <TableHead key={header.id}>
-                                                                            {header.isPlaceholder
-                                                                                ? null
-                                                                                : flexRender(
-                                                                                      header.column.columnDef.header,
-                                                                                      header.getContext(),
-                                                                                  )}
-                                                                        </TableHead>
-                                                                    );
-                                                                })}
-                                                            </TableRow>
-                                                        ))}
-                                                    </TableHeader>
-
-                                                    <TableBody>
-                                                        {table.getRowModel().rows?.length ? (
-                                                            table.getRowModel().rows.map((row, index) => {
-                                                                if (index === 0) return null;
-
-                                                                return <TreeLeaves key={row.id} row={row} />;
-                                                            })
-                                                        ) : (
-                                                            <TableRow>
-                                                                <TableCell colSpan={columns.length} className="h-24 text-center">
-                                                                    Thank you, {auth.user.displayname}! But our item is in another context!
-                                                                    🍄
-                                                                </TableCell>
-                                                            </TableRow>
-                                                        )}
-                                                    </TableBody>
-                                                </Table>
+                                                <TableHeader className="sticky top-0 h-[50px] bg-background shadow-[inset_0px_-1px_0px_0px_hsl(var(--muted-foreground)_/_0.2),inset_0px_1px_0px_0px_hsl(var(--muted-foreground)_/_0.2)]">
+                                                    {table.getHeaderGroups().map((headerGroup) => (
+                                                        <TableRow key={headerGroup.id}>
+                                                            {headerGroup.headers.map((header) => {
+                                                                return (
+                                                                    <TableHead key={header.id}>
+                                                                        {header.isPlaceholder
+                                                                            ? null
+                                                                            : flexRender(
+                                                                                  header.column.columnDef.header,
+                                                                                  header.getContext(),
+                                                                              )}
+                                                                    </TableHead>
+                                                                );
+                                                            })}
+                                                        </TableRow>
+                                                    ))}
+                                                </TableHeader>
+
+                                                <TableBody>
+                                                    {table.getRowModel().rows?.length ? (
+                                                        table.getRowModel().rows.map((row, index) => {
+                                                            if (index === 0) return null;
+
+                                                            return <TreeLeaves key={row.id} row={row} />;
+                                                        })
+                                                    ) : (
+                                                        <TableRow>
+                                                            <TableCell colSpan={columns.length} className="h-24 text-center">
+                                                                Thank you, {auth.user.displayname}! But our item is in another context! 🍄
+                                                            </TableCell>
+                                                        </TableRow>
+                                                    )}
+                                                </TableBody>
+                                            </Table>
+                                        )}
+
+                                        {matrixClient
+                                            .getRoom(roomId)
+                                            ?.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel) &&
+                                            !isFetchingSpaceChildren && (
+                                                <div className="sticky bottom-0 flex w-full items-center space-x-2 bg-background shadow-[0px_-1px_0px_0px_hsl(var(--muted-foreground)_/_0.2)]">
+                                                    <QuickAddExplore
+                                                        currentId={roomId}
+                                                        roomName={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].name}
+                                                        getSpaceChildren={getSpaceChildren}
+                                                        allChatRooms={allChatRooms}
+                                                        trigger={
+                                                            <Button
+                                                                className="grid h-12 w-full grid-flow-col justify-between px-0 hover:text-accent"
+                                                                variant="ghost"
+                                                                // onClick={() => setIsQuickAddOpen((prevState) => !prevState)}
+                                                            >
+                                                                {t('Add more …')}
+                                                                <Icon>
+                                                                    <RiAddLine />
+                                                                </Icon>
+                                                            </Button>
+                                                        }
+                                                    />
+                                                </div>
                                             )}
 
-                                            {matrixClient
-                                                .getRoom(roomId)
-                                                ?.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel) &&
-                                                !isFetchingSpaceChildren && (
-                                                    <div className="sticky bottom-0 flex w-full items-center space-x-2 bg-background shadow-[0px_-1px_0px_0px_hsl(var(--muted-foreground)_/_0.2)]">
-                                                        <QuickAddExplore
-                                                            currentId={roomId}
-                                                            roomName={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].name}
-                                                            getSpaceChildren={getSpaceChildren}
-                                                            allChatRooms={allChatRooms}
-                                                            trigger={
-                                                                <Button
-                                                                    className="grid h-12 w-full grid-flow-col justify-between px-0 hover:text-accent"
-                                                                    variant="ghost"
-                                                                    // onClick={() => setIsQuickAddOpen((prevState) => !prevState)}
-                                                                >
-                                                                    {t('Add more …')}
-                                                                    <Icon>
-                                                                        <RiAddLine />
-                                                                    </Icon>
-                                                                </Button>
-                                                            }
-                                                        />
-                                                    </div>
-                                                )}
-
-                                            {/* @NOTE: pagination component which we are currently not using, but might in the future
+                                        {/* @NOTE: pagination component which we are currently not using, but might in the future
                                             {table.getRowModel().rows?.length > 1 && (
                                                 <div className="sticky bottom-0 flex w-full items-center space-x-2 border-t border-muted-foreground/20 bg-background py-4">
                                                     <div className="flex-1 text-sm text-muted-foreground">
@@ -475,69 +475,27 @@ export default function Explore() {
                                                 </div>
                                             )}
                                             */}
-                                        </>
-                                    </TabsContent>
-
-                                    <TabsContent value="members">
-                                        <UserManagement
-                                            roomId={roomId}
-                                            roomName={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].name}
-                                            myPowerLevel={myPowerLevel}
-                                        >
-                                            <TextButton className="w-full justify-between px-0 hover:text-accent" variant="ghost">
-                                                <Icon>
-                                                    <RiUserLine />
-                                                </Icon>
-                                            </TextButton>
-                                        </UserManagement>
-                                    </TabsContent>
-
-                                    <TabsContent value="settings">
-                                        <ExploreMatrixActions currentId={roomId} myPowerLevel={myPowerLevel} />
-                                    </TabsContent>
-                                </Tabs>
-                            ) : (
-                                table.getRowModel().rows?.length > 1 && (
-                                    <Table>
-                                        {/*
-                                          @NOTE: we cannot use border-top/-bottom for sticky thead (because borders scroll with the content);
-                                          fortunately this does not apply to box-shadow, hence the madness below; we also increase the height
-                                          from 48px (tailwind h-12 class in Table) to 50px, as the box-shadow is inset, else not shown on top
-                                        */}
-                                        <TableHeader className="sticky top-0 h-[50px] bg-background shadow-[inset_0px_-1px_0px_0px_hsl(var(--muted-foreground)_/_0.2),inset_0px_1px_0px_0px_hsl(var(--muted-foreground)_/_0.2)]">
-                                            {table.getHeaderGroups().map((headerGroup) => (
-                                                <TableRow key={headerGroup.id}>
-                                                    {headerGroup.headers.map((header) => {
-                                                        return (
-                                                            <TableHead key={header.id}>
-                                                                {header.isPlaceholder
-                                                                    ? null
-                                                                    : flexRender(header.column.columnDef.header, header.getContext())}
-                                                            </TableHead>
-                                                        );
-                                                    })}
-                                                </TableRow>
-                                            ))}
-                                        </TableHeader>
-
-                                        <TableBody>
-                                            {table.getRowModel().rows?.length ? (
-                                                table.getRowModel().rows.map((row, index) => {
-                                                    if (index === 0) return null;
-
-                                                    return <TreeLeaves key={row.id} row={row} />;
-                                                })
-                                            ) : (
-                                                <TableRow>
-                                                    <TableCell colSpan={columns.length} className="h-24 text-center">
-                                                        Thank you, {auth.user.displayname}! But our item is in another context! 🍄
-                                                    </TableCell>
-                                                </TableRow>
-                                            )}
-                                        </TableBody>
-                                    </Table>
-                                )
-                            )}
+                                    </>
+                                </TabsContent>
+
+                                <TabsContent value="members">
+                                    <UserManagement
+                                        roomId={roomId}
+                                        roomName={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].name}
+                                        myPowerLevel={myPowerLevel}
+                                    >
+                                        <TextButton className="w-full justify-between px-0 hover:text-accent" variant="ghost">
+                                            <Icon>
+                                                <RiUserLine />
+                                            </Icon>
+                                        </TextButton>
+                                    </UserManagement>
+                                </TabsContent>
+
+                                <TabsContent value="settings">
+                                    <ExploreMatrixActions currentId={roomId} myPowerLevel={myPowerLevel} />
+                                </TabsContent>
+                            </Tabs>
                         </DefaultLayout.Wrapper>
                     </>
                 )
diff --git a/pages/explore/manage-room/UserManagement.js b/pages/explore/manage-room/UserManagement.js
index 56c0811b..c683a809 100644
--- a/pages/explore/manage-room/UserManagement.js
+++ b/pages/explore/manage-room/UserManagement.js
@@ -30,7 +30,7 @@ const UserManagement = ({ roomId, roomName, myPowerLevel }) => {
     const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
     const room = matrixClient.getRoom(roomId);
     // get the current members of the room and sort them first from highest to lowest power level and then alphabetically
-    const currentMembers = _.orderBy(room.getMembersWithMembership('join'), ['powerLevel', 'name'], ['desc', 'asc']);
+    const currentMembers = _.orderBy(room?.getMembersWithMembership('join'), ['powerLevel', 'name'], ['desc', 'asc']);
     const selfObject = currentMembers.filter((member) => member.userId === matrixClient.getUserId())[0];
     const { t } = useTranslation('explore');
 
@@ -53,6 +53,8 @@ const UserManagement = ({ roomId, roomName, myPowerLevel }) => {
         }
     };
 
+    if (!room) return <p>Join the room to see or invite members</p>;
+
     return (
         <>
             {/*

From 14584101742dff31419f70d63892ada0b7784b28 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Tue, 19 Mar 2024 10:47:23 +0100
Subject: [PATCH 639/714] draft: try to fix/refine breadcrumb header

---
 components/layouts/default.js |  4 +++-
 pages/explore/TreePath.js     | 34 ++++++++++++++++++----------------
 2 files changed, 21 insertions(+), 17 deletions(-)

diff --git a/components/layouts/default.js b/components/layouts/default.js
index edee5f15..f29e5eaa 100644
--- a/components/layouts/default.js
+++ b/components/layouts/default.js
@@ -86,11 +86,13 @@ const IframeWrapper = styled(Wrapper)`
 
 const IframeHeader = styled.header`
     display: grid;
-    grid-template-columns: 1fr auto;
+    grid-auto-flow: row;
+    grid-gap: var(--margin);
     width: 100%;
     padding: var(--margin);
 
     @media ${breakpoints.tabletAndAbove} {
+    grid-template-columns: 1fr auto;
         padding: calc(var(--margin) * 2) calc(var(--margin) * 1.5);
     }
 
diff --git a/pages/explore/TreePath.js b/pages/explore/TreePath.js
index 598be477..ab790ac6 100644
--- a/pages/explore/TreePath.js
+++ b/pages/explore/TreePath.js
@@ -100,6 +100,7 @@ const TreePath = ({ selectedSpaceChildren, isFetchingContent, iframeRoomId }) =>
         <>
             <Breadcrumb>
                 <BreadcrumbList>
+                    {/*
                     {selectedSpaceChildren.map((path, index) => {
                         if (!path[0]) return null;
                         const roomId = path[0].id || path[0].room_id || path[0].roomId;
@@ -117,10 +118,13 @@ const TreePath = ({ selectedSpaceChildren, isFetchingContent, iframeRoomId }) =>
                             );
                         }
                     })}
+                    */}
 
                     {selectedSpaceChildren.length > 2 && (
                         <>
+                            {/*
                             <BreadcrumbSeparator />
+                            */}
                             <BreadcrumbItem>
                                 <DropdownMenu>
                                     <DropdownMenuTrigger className="flex items-center gap-1">
@@ -171,24 +175,22 @@ const TreePath = ({ selectedSpaceChildren, isFetchingContent, iframeRoomId }) =>
                     })}
                 </BreadcrumbList>
             </Breadcrumb>
-            <Table>
-                <TableBody>
-                    {iframeRoomId && table.getRowModel().rows?.length
-                        ? table.getRowModel().rows.map((row, index) => {
-                              const roomId = row.original.room_id || row.original.roomId || row.original.id;
-                              if (index === 0) return null;
-
+            {iframeRoomId && table.getRowModel().rows?.length
+                ? table.getRowModel().rows.map((row, index) => {
+                      <Table>
+                          <TableBody>
+                              const roomId = row.original.room_id || row.original.roomId || row.original.id; if (index === 0) return null;
                               return (
-                                  <TreeLeaves
-                                      key={row.id}
-                                      row={row}
-                                      selected={router.query.roomId[1] === roomId || router.query.roomId[0] === roomId}
-                                  />
+                              <TreeLeaves
+                                  key={row.id}
+                                  row={row}
+                                  selected={router.query.roomId[1] === roomId || router.query.roomId[0] === roomId}
+                              />
                               );
-                          })
-                        : null}
-                </TableBody>
-            </Table>
+                          </TableBody>
+                      </Table>;
+                  })
+                : null}
         </>
     );
 };

From 90fc724536f4e4f1774152d3cc20057cb08a5e21 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 19 Mar 2024 12:40:01 +0100
Subject: [PATCH 640/714] refactor: adapt view when iframe is present and
 display correct header title

---
 pages/explore/[[...roomId]].js | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 107e6d7f..8e6aea02 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -396,9 +396,13 @@ export default function Explore() {
                     currentTemplate={currentTemplate}
                     iframeRoomId={iframeRoomId}
                     title={
-                        matrix.spaces.get(router.query.roomId[0])?.name ||
-                        matrix.rooms.get(router.query.roomId[0])?.name ||
-                        selectedSpaceChildren[selectedSpaceChildren.length - 1].filter((child) => child.room_id === iframeRoomId)[0]?.name
+                        !_.isEmpty(selectedSpaceChildren) && (
+                            <TreePath
+                                selectedSpaceChildren={selectedSpaceChildren}
+                                isFetchingContent={isFetchingContent}
+                                iframeRoomId={iframeRoomId}
+                            />
+                        )
                     }
                 />
             ) : (
@@ -483,7 +487,7 @@ export default function Explore() {
                                             matrixClient
                                                 .getRoom(roomId)
                                                 ?.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel) && (
-                                                <div className="sticky bottom-0 flex w-full items-center space-x-2 shadow-[0px_-1px_0px_0px_hsl(var(--muted-foreground)_/_0.2)] bg-background">
+                                                <div className="sticky bottom-0 flex w-full items-center space-x-2 bg-background shadow-[0px_-1px_0px_0px_hsl(var(--muted-foreground)_/_0.2)]">
                                                     <QuickAddExplore
                                                         currentId={roomId}
                                                         roomName={matrix.spaces.get(roomId).name}

From e75e3bf64d15596ffa934c85a3ef7ace88e5a4f6 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 19 Mar 2024 12:40:23 +0100
Subject: [PATCH 641/714] refactor: move sidebar nav out of header and into
 ExploreIframeViews.js

---
 pages/explore/ExploreIframeViews.js | 120 +++++++++++++++++++++++++---
 pages/explore/TreePath.js           | 101 +----------------------
 2 files changed, 110 insertions(+), 111 deletions(-)

diff --git a/pages/explore/ExploreIframeViews.js b/pages/explore/ExploreIframeViews.js
index 9a7c9cb4..ca0cfe08 100644
--- a/pages/explore/ExploreIframeViews.js
+++ b/pages/explore/ExploreIframeViews.js
@@ -1,6 +1,9 @@
 import getConfig from 'next/config';
 import React, { useEffect, useState } from 'react';
-import _ from 'lodash';
+import Link from 'next/link';
+import { getCoreRowModel, useReactTable } from '@tanstack/react-table';
+import { RiBrush2Line, RiBrushLine, RiChat1Line, RiEditLine, RiFolderLine, RiFolderUnknowLine, RiLink } from '@remixicon/react';
+import { useRouter } from 'next/router';
 
 import ServiceIframeHeader from '../../components/UI/ServiceIframeHeader';
 import ChatIframeView from '../chat/ChatIframeView';
@@ -8,13 +11,16 @@ import ProjectView from './ProjectView';
 import { useAuth } from '@/lib/Auth';
 import { useMatrix } from '@/lib/Matrix';
 import DefaultLayout from '../../components/layouts/default';
-import TreePath from './TreePath';
+import Icon from '@/components/UI/Icon';
+import { Table, TableBody } from '@/components/UI/shadcn/Table';
+import TreeLeaves from './TreeLeaves';
 
 const ExploreIframeViews = ({ currentTemplate, iframeRoomId, title: parsedTitle, selectedSpaceChildren, isFetchingContent }) => {
     const auth = useAuth();
     const matrix = useMatrix(auth.getAuthenticationProvider('matrix'));
     const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
     const etherpad = auth.getAuthenticationProvider('etherpad');
+    const router = useRouter();
 
     const [title, setTitle] = useState(parsedTitle);
 
@@ -41,19 +47,111 @@ const ExploreIframeViews = ({ currentTemplate, iframeRoomId, title: parsedTitle,
         return () => (cancelled = true);
     }, [iframeRoomId, matrixClient, parsedTitle]);
 
+    const columns = [
+        {
+            accessorKey: 'icon',
+            header: (
+                <Icon>
+                    <RiFolderUnknowLine />
+                </Icon>
+            ),
+            cell: ({ row }) => {
+                if (row.original?.meta?.template === 'etherpad') {
+                    return (
+                        <Icon>
+                            <RiEditLine />
+                        </Icon>
+                    );
+                }
+
+                if (row.original?.meta?.template === 'spacedeck') {
+                    return (
+                        <Icon>
+                            <RiBrush2Line />
+                        </Icon>
+                    );
+                }
+
+                if (row.original?.meta?.template === 'tldraw') {
+                    return (
+                        <Icon>
+                            <RiBrushLine />
+                        </Icon>
+                    );
+                }
+
+                if (row.original?.meta?.template === 'link') {
+                    return (
+                        <Icon>
+                            <RiLink />
+                        </Icon>
+                    );
+                }
+
+                if (row.original?.meta?.type === 'context') {
+                    return (
+                        <Icon>
+                            <RiFolderLine />
+                        </Icon>
+                    );
+                }
+
+                if (!row.original?.meta) {
+                    return (
+                        <Icon>
+                            <RiChat1Line />
+                        </Icon>
+                    );
+                }
+            },
+        },
+        {
+            accessorKey: 'name',
+            header: 'Name',
+            cell: ({ row }) => (
+                <Link target={row.target} href={row.href} rel="noopener noreferrer" className="flex items-center justify-between">
+                    {row.getValue('name')}
+                </Link>
+            ),
+        },
+    ];
+    const data = selectedSpaceChildren[selectedSpaceChildren.length - 1];
+
+    const table = useReactTable({
+        data,
+        columns,
+        getCoreRowModel: getCoreRowModel(),
+    });
+
     return (
         <DefaultLayout.Wrapper>
             <ServiceIframeHeader content={matrix.roomContents.get(iframeRoomId)?.body} title={title} removingLink={false} />
             <DefaultLayout.ExploreWrapper>
-                <DefaultLayout.Sidebar>
-                    {!_.isEmpty(selectedSpaceChildren) && (
-                        <TreePath
-                            selectedSpaceChildren={selectedSpaceChildren}
-                            isFetchingContent={isFetchingContent}
-                            iframeRoomId={iframeRoomId}
-                        />
-                    )}
-                </DefaultLayout.Sidebar>
+                {iframeRoomId && data && (
+                    <Table>
+                        <TableBody>
+                            {table.getRowModel().rows.map((row, index) => {
+                                const roomId = row.original.room_id || row.original.roomId || row.original.id;
+                                if (index === 0) return null;
+
+                                return (
+                                    <TreeLeaves
+                                        key={row.id}
+                                        row={row}
+                                        selected={router.query.roomId[1] === roomId || router.query.roomId[0] === roomId}
+                                    />
+                                );
+                            })}
+                        </TableBody>
+                    </Table>
+                )}
+                {/*{!_.isEmpty(selectedSpaceChildren) && (*/}
+                {/*    <TreePath*/}
+                {/*        selectedSpaceChildren={selectedSpaceChildren}*/}
+                {/*        isFetchingContent={isFetchingContent}*/}
+                {/*        iframeRoomId={iframeRoomId}*/}
+                {/*    />*/}
+                {/*)}*/}
                 {(() => {
                     switch (currentTemplate) {
                         case 'studentproject':
diff --git a/pages/explore/TreePath.js b/pages/explore/TreePath.js
index ab790ac6..edd81538 100644
--- a/pages/explore/TreePath.js
+++ b/pages/explore/TreePath.js
@@ -1,11 +1,7 @@
 import React from 'react';
 import Link from 'next/link';
-import { getCoreRowModel, useReactTable } from '@tanstack/react-table';
-import { RiBrush2Line, RiBrushLine, RiChat1Line, RiEditLine, RiFolderLine, RiFolderUnknowLine, RiLink } from '@remixicon/react';
-import { useRouter } from 'next/router';
 
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from '@/components/UI/shadcn/DropdownMenu';
-import TreeLeaves from './TreeLeaves';
 import {
     Breadcrumb,
     BreadcrumbEllipsis,
@@ -15,87 +11,8 @@ import {
     BreadcrumbSeparator,
 } from '@/components/UI/shadcn/Breadcrumb';
 import LoadingSpinnerInline from '@/components/UI/LoadingSpinnerInline';
-import Icon from '@/components/UI/Icon';
-import { Table, TableBody } from '@/components/UI/shadcn/Table';
-
-const TreePath = ({ selectedSpaceChildren, isFetchingContent, iframeRoomId }) => {
-    const router = useRouter();
-    const columns = [
-        {
-            accessorKey: 'icon',
-            header: (
-                <Icon>
-                    <RiFolderUnknowLine />
-                </Icon>
-            ),
-            cell: ({ row }) => {
-                if (row.original?.meta?.template === 'etherpad') {
-                    return (
-                        <Icon>
-                            <RiEditLine />
-                        </Icon>
-                    );
-                }
-
-                if (row.original?.meta?.template === 'spacedeck') {
-                    return (
-                        <Icon>
-                            <RiBrush2Line />
-                        </Icon>
-                    );
-                }
-
-                if (row.original?.meta?.template === 'tldraw') {
-                    return (
-                        <Icon>
-                            <RiBrushLine />
-                        </Icon>
-                    );
-                }
-
-                if (row.original?.meta?.template === 'link') {
-                    return (
-                        <Icon>
-                            <RiLink />
-                        </Icon>
-                    );
-                }
-
-                if (row.original?.meta?.type === 'context') {
-                    return (
-                        <Icon>
-                            <RiFolderLine />
-                        </Icon>
-                    );
-                }
-
-                if (!row.original?.meta) {
-                    return (
-                        <Icon>
-                            <RiChat1Line />
-                        </Icon>
-                    );
-                }
-            },
-        },
-        {
-            accessorKey: 'name',
-            header: 'Name',
-            cell: ({ row }) => (
-                <Link target={row.target} href={row.href} rel="noopener noreferrer" className="flex items-center justify-between">
-                    {row.getValue('name')}
-                </Link>
-            ),
-        },
-    ];
-    const data = selectedSpaceChildren[selectedSpaceChildren.length - 1];
-
-    const table = useReactTable({
-        data,
-        columns,
-        getCoreRowModel: getCoreRowModel(),
-    });
 
+const TreePath = ({ selectedSpaceChildren, isFetchingContent }) => {
     return (
         <>
             <Breadcrumb>
@@ -175,22 +92,6 @@ const TreePath = ({ selectedSpaceChildren, isFetchingContent, iframeRoomId }) =>
                     })}
                 </BreadcrumbList>
             </Breadcrumb>
-            {iframeRoomId && table.getRowModel().rows?.length
-                ? table.getRowModel().rows.map((row, index) => {
-                      <Table>
-                          <TableBody>
-                              const roomId = row.original.room_id || row.original.roomId || row.original.id; if (index === 0) return null;
-                              return (
-                              <TreeLeaves
-                                  key={row.id}
-                                  row={row}
-                                  selected={router.query.roomId[1] === roomId || router.query.roomId[0] === roomId}
-                              />
-                              );
-                          </TableBody>
-                      </Table>;
-                  })
-                : null}
         </>
     );
 };

From 65b29fbe86560c54056221452d663766201c6f34 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 19 Mar 2024 12:43:59 +0100
Subject: [PATCH 642/714] fix: display room title if there is only one selected
 space and populate breadcrumb from 2nd child

---
 pages/explore/TreePath.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/pages/explore/TreePath.js b/pages/explore/TreePath.js
index edd81538..7c1ecf88 100644
--- a/pages/explore/TreePath.js
+++ b/pages/explore/TreePath.js
@@ -37,7 +37,7 @@ const TreePath = ({ selectedSpaceChildren, isFetchingContent }) => {
                     })}
                     */}
 
-                    {selectedSpaceChildren.length > 2 && (
+                    {selectedSpaceChildren.length > 1 && (
                         <>
                             {/*
                             <BreadcrumbSeparator />
@@ -53,7 +53,7 @@ const TreePath = ({ selectedSpaceChildren, isFetchingContent }) => {
                                             if (!path[0]) return null;
                                             const roomId = path[0].id || path[0].room_id || path[0].roomId;
 
-                                            if (index > 0 && index < selectedSpaceChildren.length - 1) {
+                                            if (index < selectedSpaceChildren.length - 1) {
                                                 return (
                                                     <DropdownMenuItem key={index} className="grid w-full grid-flow-col justify-start gap-2">
                                                         <Link href={`/explore/${roomId}`}>
@@ -74,7 +74,7 @@ const TreePath = ({ selectedSpaceChildren, isFetchingContent }) => {
                         if (!path[0]) return null;
                         const roomId = path[0].id || path[0].room_id || path[0].roomId;
 
-                        if (index === selectedSpaceChildren.length - 1 && selectedSpaceChildren.length > 1) {
+                        if (index === selectedSpaceChildren.length - 1) {
                             return (
                                 <>
                                     <BreadcrumbSeparator />

From fd86991b451b3f18890faa5e5a136b2324bd2144 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 19 Mar 2024 13:01:40 +0100
Subject: [PATCH 643/714] refactor: creating IframeSidebar.js component to
 display chat view correctly with sidebar

---
 pages/chat/ChatIframeView.js        |   8 +-
 pages/explore/ExploreIframeViews.js | 187 +++++++---------------------
 pages/explore/IframeSidebar.js      | 111 +++++++++++++++++
 3 files changed, 159 insertions(+), 147 deletions(-)
 create mode 100644 pages/explore/IframeSidebar.js

diff --git a/pages/chat/ChatIframeView.js b/pages/chat/ChatIframeView.js
index 383511b0..54f18249 100644
--- a/pages/chat/ChatIframeView.js
+++ b/pages/chat/ChatIframeView.js
@@ -9,8 +9,9 @@ import { InviteUserToMatrixRoom } from '@/components/UI/InviteUsersToMatrixRoom'
 import CopyToClipboard from '@/components/UI/CopyToClipboard';
 import TextButton from '@/components/UI/TextButton';
 import Icon from '@/components/UI/Icon';
+import IframeSidebar from '../explore/IframeSidebar';
 
-const ChatIframeView = ({ src, roomId, title }) => {
+const ChatIframeView = ({ src, roomId, title, selectedSpaceChildren }) => {
     const iframe = useRef();
     const matrix = useMatrix();
     const router = useRouter();
@@ -178,7 +179,10 @@ const ChatIframeView = ({ src, roomId, title }) => {
                     )}
                 </DefaultLayout.IframeHeaderButtonWrapper>
             </DefaultLayout.IframeHeader>
-            <iframe ref={iframe} title="/chat" src={src} />
+            <DefaultLayout.ExploreWrapper>
+                <IframeSidebar selectedSpaceChildren={selectedSpaceChildren} />
+                <iframe ref={iframe} title="/chat" src={src} />
+            </DefaultLayout.ExploreWrapper>
         </>
     );
 };
diff --git a/pages/explore/ExploreIframeViews.js b/pages/explore/ExploreIframeViews.js
index ca0cfe08..e11a1fed 100644
--- a/pages/explore/ExploreIframeViews.js
+++ b/pages/explore/ExploreIframeViews.js
@@ -1,9 +1,5 @@
 import getConfig from 'next/config';
 import React, { useEffect, useState } from 'react';
-import Link from 'next/link';
-import { getCoreRowModel, useReactTable } from '@tanstack/react-table';
-import { RiBrush2Line, RiBrushLine, RiChat1Line, RiEditLine, RiFolderLine, RiFolderUnknowLine, RiLink } from '@remixicon/react';
-import { useRouter } from 'next/router';
 
 import ServiceIframeHeader from '../../components/UI/ServiceIframeHeader';
 import ChatIframeView from '../chat/ChatIframeView';
@@ -11,16 +7,13 @@ import ProjectView from './ProjectView';
 import { useAuth } from '@/lib/Auth';
 import { useMatrix } from '@/lib/Matrix';
 import DefaultLayout from '../../components/layouts/default';
-import Icon from '@/components/UI/Icon';
-import { Table, TableBody } from '@/components/UI/shadcn/Table';
-import TreeLeaves from './TreeLeaves';
+import IframeSidebar from './IframeSidebar';
 
-const ExploreIframeViews = ({ currentTemplate, iframeRoomId, title: parsedTitle, selectedSpaceChildren, isFetchingContent }) => {
+const ExploreIframeViews = ({ currentTemplate, iframeRoomId, title: parsedTitle, selectedSpaceChildren }) => {
     const auth = useAuth();
     const matrix = useMatrix(auth.getAuthenticationProvider('matrix'));
     const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
     const etherpad = auth.getAuthenticationProvider('etherpad');
-    const router = useRouter();
 
     const [title, setTitle] = useState(parsedTitle);
 
@@ -47,144 +40,48 @@ const ExploreIframeViews = ({ currentTemplate, iframeRoomId, title: parsedTitle,
         return () => (cancelled = true);
     }, [iframeRoomId, matrixClient, parsedTitle]);
 
-    const columns = [
-        {
-            accessorKey: 'icon',
-            header: (
-                <Icon>
-                    <RiFolderUnknowLine />
-                </Icon>
-            ),
-            cell: ({ row }) => {
-                if (row.original?.meta?.template === 'etherpad') {
-                    return (
-                        <Icon>
-                            <RiEditLine />
-                        </Icon>
-                    );
-                }
-
-                if (row.original?.meta?.template === 'spacedeck') {
-                    return (
-                        <Icon>
-                            <RiBrush2Line />
-                        </Icon>
-                    );
-                }
-
-                if (row.original?.meta?.template === 'tldraw') {
-                    return (
-                        <Icon>
-                            <RiBrushLine />
-                        </Icon>
-                    );
-                }
-
-                if (row.original?.meta?.template === 'link') {
-                    return (
-                        <Icon>
-                            <RiLink />
-                        </Icon>
-                    );
-                }
-
-                if (row.original?.meta?.type === 'context') {
-                    return (
-                        <Icon>
-                            <RiFolderLine />
-                        </Icon>
-                    );
-                }
-
-                if (!row.original?.meta) {
-                    return (
-                        <Icon>
-                            <RiChat1Line />
-                        </Icon>
-                    );
-                }
-            },
-        },
-        {
-            accessorKey: 'name',
-            header: 'Name',
-            cell: ({ row }) => (
-                <Link target={row.target} href={row.href} rel="noopener noreferrer" className="flex items-center justify-between">
-                    {row.getValue('name')}
-                </Link>
-            ),
-        },
-    ];
-    const data = selectedSpaceChildren[selectedSpaceChildren.length - 1];
-
-    const table = useReactTable({
-        data,
-        columns,
-        getCoreRowModel: getCoreRowModel(),
-    });
-
     return (
         <DefaultLayout.Wrapper>
-            <ServiceIframeHeader content={matrix.roomContents.get(iframeRoomId)?.body} title={title} removingLink={false} />
-            <DefaultLayout.ExploreWrapper>
-                {iframeRoomId && data && (
-                    <Table>
-                        <TableBody>
-                            {table.getRowModel().rows.map((row, index) => {
-                                const roomId = row.original.room_id || row.original.roomId || row.original.id;
-                                if (index === 0) return null;
-
-                                return (
-                                    <TreeLeaves
-                                        key={row.id}
-                                        row={row}
-                                        selected={router.query.roomId[1] === roomId || router.query.roomId[0] === roomId}
-                                    />
-                                );
-                            })}
-                        </TableBody>
-                    </Table>
-                )}
-                {/*{!_.isEmpty(selectedSpaceChildren) && (*/}
-                {/*    <TreePath*/}
-                {/*        selectedSpaceChildren={selectedSpaceChildren}*/}
-                {/*        isFetchingContent={isFetchingContent}*/}
-                {/*        iframeRoomId={iframeRoomId}*/}
-                {/*    />*/}
-                {/*)}*/}
-                {(() => {
-                    switch (currentTemplate) {
-                        case 'studentproject':
-                            return <ProjectView content={iframeUrl} />;
-                        case 'etherpad':
-                            return (
-                                <>
-                                    <iframe title="etherpad" src={iframeUrl} />
-                                </>
-                            );
-                        case 'spacedeck':
-                            return (
-                                <>
-                                    <iframe title="sketch" src={matrix.roomContents.get(iframeRoomId)?.body} />
-                                </>
-                            );
-                        case 'link':
-                            return (
-                                <>
-                                    <iframe title="sketch" src={iframeUrl} />
-                                </>
-                            );
-                        default:
-                            return (
-                                <ChatIframeView
-                                    title={title}
-                                    src={`${getConfig().publicRuntimeConfig.chat.pathToElement}/#/room/${iframeRoomId}`}
-                                    roomId={iframeRoomId}
-                                />
-                            );
-                    }
-                })()}
-            </DefaultLayout.ExploreWrapper>
+            {currentTemplate && (
+                <>
+                    <ServiceIframeHeader content={matrix.roomContents.get(iframeRoomId)?.body} title={title} removingLink={false} />
+                    <DefaultLayout.ExploreWrapper>
+                        {iframeRoomId && <IframeSidebar selectedSpaceChildren={selectedSpaceChildren} />}
+                        {(() => {
+                            switch (currentTemplate) {
+                                case 'studentproject':
+                                    return <ProjectView content={iframeUrl} />;
+                                case 'etherpad':
+                                    return (
+                                        <>
+                                            <iframe title="etherpad" src={iframeUrl} />
+                                        </>
+                                    );
+                                case 'spacedeck':
+                                    return (
+                                        <>
+                                            <iframe title="sketch" src={matrix.roomContents.get(iframeRoomId)?.body} />
+                                        </>
+                                    );
+                                case 'link':
+                                    return (
+                                        <>
+                                            <iframe title="sketch" src={iframeUrl} />
+                                        </>
+                                    );
+                            }
+                        })()}
+                    </DefaultLayout.ExploreWrapper>
+                </>
+            )}
+            {!currentTemplate && (
+                <ChatIframeView
+                    title={title}
+                    src={`${getConfig().publicRuntimeConfig.chat.pathToElement}/#/room/${iframeRoomId}`}
+                    roomId={iframeRoomId}
+                    selectedSpaceChildren={selectedSpaceChildren}
+                />
+            )}
         </DefaultLayout.Wrapper>
     );
 };
diff --git a/pages/explore/IframeSidebar.js b/pages/explore/IframeSidebar.js
new file mode 100644
index 00000000..c0a8fbed
--- /dev/null
+++ b/pages/explore/IframeSidebar.js
@@ -0,0 +1,111 @@
+import { useRouter } from 'next/router';
+import { RiBrush2Line, RiBrushLine, RiChat1Line, RiEditLine, RiFolderLine, RiFolderUnknowLine, RiLink } from '@remixicon/react';
+import Link from 'next/link';
+import { getCoreRowModel, useReactTable } from '@tanstack/react-table';
+
+import Icon from '@/components/UI/Icon';
+import LoadingSpinner from '@/components/UI/LoadingSpinner';
+import { Table, TableBody } from '@/components/UI/shadcn/Table';
+import TreeLeaves from './TreeLeaves';
+
+const IframeSidebar = ({ selectedSpaceChildren }) => {
+    const router = useRouter();
+    const columns = [
+        {
+            accessorKey: 'icon',
+            header: (
+                <Icon>
+                    <RiFolderUnknowLine />
+                </Icon>
+            ),
+            cell: ({ row }) => {
+                if (row.original?.meta?.template === 'etherpad') {
+                    return (
+                        <Icon>
+                            <RiEditLine />
+                        </Icon>
+                    );
+                }
+
+                if (row.original?.meta?.template === 'spacedeck') {
+                    return (
+                        <Icon>
+                            <RiBrush2Line />
+                        </Icon>
+                    );
+                }
+
+                if (row.original?.meta?.template === 'tldraw') {
+                    return (
+                        <Icon>
+                            <RiBrushLine />
+                        </Icon>
+                    );
+                }
+
+                if (row.original?.meta?.template === 'link') {
+                    return (
+                        <Icon>
+                            <RiLink />
+                        </Icon>
+                    );
+                }
+
+                if (row.original?.meta?.type === 'context') {
+                    return (
+                        <Icon>
+                            <RiFolderLine />
+                        </Icon>
+                    );
+                }
+
+                if (!row.original?.meta) {
+                    return (
+                        <Icon>
+                            <RiChat1Line />
+                        </Icon>
+                    );
+                }
+            },
+        },
+        {
+            accessorKey: 'name',
+            header: 'Name',
+            cell: ({ row }) => (
+                <Link target={row.target} href={row.href} rel="noopener noreferrer" className="flex items-center justify-between">
+                    {row.getValue('name')}
+                </Link>
+            ),
+        },
+    ];
+    const data = selectedSpaceChildren[selectedSpaceChildren.length - 1];
+
+    const table = useReactTable({
+        data,
+        columns,
+        getCoreRowModel: getCoreRowModel(),
+    });
+
+    if (!data) return <LoadingSpinner />;
+
+    return (
+        <Table>
+            <TableBody>
+                {table.getRowModel().rows.map((row, index) => {
+                    const roomId = row.original.room_id || row.original.roomId || row.original.id;
+                    if (index === 0) return null;
+
+                    return (
+                        <TreeLeaves
+                            key={row.id}
+                            row={row}
+                            selected={router.query.roomId[1] === roomId || router.query.roomId[0] === roomId}
+                        />
+                    );
+                })}
+            </TableBody>
+        </Table>
+    );
+};
+
+export default IframeSidebar;

From f67187ad227e9932e4c6542d601de8bc455b5256 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 19 Mar 2024 13:05:30 +0100
Subject: [PATCH 644/714] refactor: remove unused variable

---
 pages/explore/[[...roomId]].js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 8e6aea02..6ca28285 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -392,7 +392,6 @@ export default function Explore() {
             {iframeRoomId ? (
                 <ExploreIframeViews
                     selectedSpaceChildren={selectedSpaceChildren}
-                    isFetchtingContent={isFetchingContent}
                     currentTemplate={currentTemplate}
                     iframeRoomId={iframeRoomId}
                     title={

From d2f407d66d14af3ea73c445e9e3bb0c814ee2cea Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Tue, 19 Mar 2024 14:24:08 +0100
Subject: [PATCH 645/714] style: fix focus/hover color of a:link in dropdown

---
 components/UI/shadcn/DropdownMenu.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/UI/shadcn/DropdownMenu.js b/components/UI/shadcn/DropdownMenu.js
index a98b268d..27e73295 100644
--- a/components/UI/shadcn/DropdownMenu.js
+++ b/components/UI/shadcn/DropdownMenu.js
@@ -63,7 +63,7 @@ const DropdownMenuItem = React.forwardRef(({ className, inset, ...props }, ref)
     <DropdownMenuPrimitive.Item
         ref={ref}
         className={cn(
-            'relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 outline-none transition-colors focus:bg-accent focus:text-white data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
+            'relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 outline-none transition-colors focus:bg-accent focus:text-white data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_a:link]:focus:text-white',
             inset && 'pl-8',
             className,
         )}

From 0871a92b2581ebc38c4e786e2698f867e87f87d4 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Tue, 19 Mar 2024 14:24:33 +0100
Subject: [PATCH 646/714] chore: fix typo(?)

---
 components/UI/shadcn/Breadcrumb.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/UI/shadcn/Breadcrumb.js b/components/UI/shadcn/Breadcrumb.js
index 96aa8bda..54c3757a 100644
--- a/components/UI/shadcn/Breadcrumb.js
+++ b/components/UI/shadcn/Breadcrumb.js
@@ -53,6 +53,6 @@ const BreadcrumbEllipsis = ({ className, ...props }) => (
         <span className="sr-only">More</span>
     </span>
 );
-BreadcrumbEllipsis.displayName = 'BreadcrumbElipssis';
+BreadcrumbEllipsis.displayName = 'BreadcrumbEllipsis';
 
 export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis };

From d5addebea0bd0d452d7698c6235296480bc3fd1d Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 19 Mar 2024 15:01:30 +0100
Subject: [PATCH 647/714] refactor: only show chevron if there are multiple
 spaces in the array

---
 pages/explore/TreePath.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/explore/TreePath.js b/pages/explore/TreePath.js
index 7c1ecf88..93db4366 100644
--- a/pages/explore/TreePath.js
+++ b/pages/explore/TreePath.js
@@ -77,7 +77,7 @@ const TreePath = ({ selectedSpaceChildren, isFetchingContent }) => {
                         if (index === selectedSpaceChildren.length - 1) {
                             return (
                                 <>
-                                    <BreadcrumbSeparator />
+                                    {selectedSpaceChildren.length > 1 && <BreadcrumbSeparator />}
                                     <BreadcrumbItem>
                                         <BreadcrumbLink asChild>
                                             <Link disabled href={`/explore/${roomId}`}>

From 3a19e8fd00b477582df53181dcdba34450233e2d Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 19 Mar 2024 15:16:11 +0100
Subject: [PATCH 648/714] refactor: fix view for items

---
 pages/chat/ChatIframeView.js        | 84 +++++++++++++++--------------
 pages/explore/ExploreIframeViews.js | 13 +++--
 2 files changed, 51 insertions(+), 46 deletions(-)

diff --git a/pages/chat/ChatIframeView.js b/pages/chat/ChatIframeView.js
index 54f18249..137933f2 100644
--- a/pages/chat/ChatIframeView.js
+++ b/pages/chat/ChatIframeView.js
@@ -140,49 +140,51 @@ const ChatIframeView = ({ src, roomId, title, selectedSpaceChildren }) => {
 
     return (
         <>
-            <DefaultLayout.IframeHeader>
-                {title}
-                <DefaultLayout.IframeHeaderButtonWrapper>
-                    {matrix?.rooms?.get(roomId) && (
-                        <>
-                            {' '}
-                            <InviteUserToMatrixRoom
-                                roomId={roomId}
-                                trigger={
-                                    <TextButton title={t('Invite users to {{name}}', { name: matrix.rooms.get(roomId).name })}>
-                                        <Icon>
-                                            <RiUserAddLine />
-                                        </Icon>
-                                    </TextButton>
-                                }
-                            />
-                            <CopyToClipboard
-                                title={t('Copy chat link to clipboard')}
-                                content={window.location.origin + '/chat/' + roomId}
-                            />
-                            <TextButton title={t('Leave chat')} onClick={leaveRoom}>
-                                <Icon>
-                                    <RiDoorOpenLine />
-                                </Icon>
-                            </TextButton>
-                            <TextButton title={t('Call')} onClick={toggleCall}>
-                                <Icon>
-                                    <RiPhoneLine />
-                                </Icon>
-                            </TextButton>
-                            <TextButton title={t('Threads')} onClick={toggleThreads}>
-                                <Icon>
-                                    <RiSidebarFoldLine />
-                                </Icon>
-                            </TextButton>
-                        </>
-                    )}
-                </DefaultLayout.IframeHeaderButtonWrapper>
-            </DefaultLayout.IframeHeader>
-            <DefaultLayout.ExploreWrapper>
+            <DefaultLayout.Sidebar>
                 <IframeSidebar selectedSpaceChildren={selectedSpaceChildren} />
+            </DefaultLayout.Sidebar>
+            <DefaultLayout.IframeWrapper>
+                <DefaultLayout.IframeHeader>
+                    {title}
+                    <DefaultLayout.IframeHeaderButtonWrapper>
+                        {matrix?.rooms?.get(roomId) && (
+                            <>
+                                {' '}
+                                <InviteUserToMatrixRoom
+                                    roomId={roomId}
+                                    trigger={
+                                        <TextButton title={t('Invite users to {{name}}', { name: matrix.rooms.get(roomId).name })}>
+                                            <Icon>
+                                                <RiUserAddLine />
+                                            </Icon>
+                                        </TextButton>
+                                    }
+                                />
+                                <CopyToClipboard
+                                    title={t('Copy chat link to clipboard')}
+                                    content={window.location.origin + '/chat/' + roomId}
+                                />
+                                <TextButton title={t('Leave chat')} onClick={leaveRoom}>
+                                    <Icon>
+                                        <RiDoorOpenLine />
+                                    </Icon>
+                                </TextButton>
+                                <TextButton title={t('Call')} onClick={toggleCall}>
+                                    <Icon>
+                                        <RiPhoneLine />
+                                    </Icon>
+                                </TextButton>
+                                <TextButton title={t('Threads')} onClick={toggleThreads}>
+                                    <Icon>
+                                        <RiSidebarFoldLine />
+                                    </Icon>
+                                </TextButton>
+                            </>
+                        )}
+                    </DefaultLayout.IframeHeaderButtonWrapper>
+                </DefaultLayout.IframeHeader>
                 <iframe ref={iframe} title="/chat" src={src} />
-            </DefaultLayout.ExploreWrapper>
+            </DefaultLayout.IframeWrapper>
         </>
     );
 };
diff --git a/pages/explore/ExploreIframeViews.js b/pages/explore/ExploreIframeViews.js
index e11a1fed..38fa5a7b 100644
--- a/pages/explore/ExploreIframeViews.js
+++ b/pages/explore/ExploreIframeViews.js
@@ -41,12 +41,15 @@ const ExploreIframeViews = ({ currentTemplate, iframeRoomId, title: parsedTitle,
     }, [iframeRoomId, matrixClient, parsedTitle]);
 
     return (
-        <DefaultLayout.Wrapper>
+        <>
             {currentTemplate && (
                 <>
-                    <ServiceIframeHeader content={matrix.roomContents.get(iframeRoomId)?.body} title={title} removingLink={false} />
-                    <DefaultLayout.ExploreWrapper>
+                    <DefaultLayout.Sidebar>
                         {iframeRoomId && <IframeSidebar selectedSpaceChildren={selectedSpaceChildren} />}
+                    </DefaultLayout.Sidebar>
+                    <DefaultLayout.IframeWrapper>
+                        <ServiceIframeHeader content={matrix.roomContents.get(iframeRoomId)?.body} title={title} removingLink={false} />
+
                         {(() => {
                             switch (currentTemplate) {
                                 case 'studentproject':
@@ -71,7 +74,7 @@ const ExploreIframeViews = ({ currentTemplate, iframeRoomId, title: parsedTitle,
                                     );
                             }
                         })()}
-                    </DefaultLayout.ExploreWrapper>
+                    </DefaultLayout.IframeWrapper>
                 </>
             )}
             {!currentTemplate && (
@@ -82,7 +85,7 @@ const ExploreIframeViews = ({ currentTemplate, iframeRoomId, title: parsedTitle,
                     selectedSpaceChildren={selectedSpaceChildren}
                 />
             )}
-        </DefaultLayout.Wrapper>
+        </>
     );
 };
 

From 122b5852cc3f7cc5e1f0109a8524e2cf718d1481 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 19 Mar 2024 15:52:44 +0100
Subject: [PATCH 649/714] refactor: show breadcrumb navigation above items and
 add 'add more' icon

---
 pages/chat/ChatIframeView.js        |  4 +-
 pages/explore/ExploreIframeViews.js | 20 +++++++-
 pages/explore/IframeSidebar.js      | 74 ++++++++++++++++++++++-------
 pages/explore/[[...roomId]].js      |  5 +-
 4 files changed, 80 insertions(+), 23 deletions(-)

diff --git a/pages/chat/ChatIframeView.js b/pages/chat/ChatIframeView.js
index 137933f2..8020c40f 100644
--- a/pages/chat/ChatIframeView.js
+++ b/pages/chat/ChatIframeView.js
@@ -11,7 +11,7 @@ import TextButton from '@/components/UI/TextButton';
 import Icon from '@/components/UI/Icon';
 import IframeSidebar from '../explore/IframeSidebar';
 
-const ChatIframeView = ({ src, roomId, title, selectedSpaceChildren }) => {
+const ChatIframeView = ({ src, roomId, title, selectedSpaceChildren, breadcrumbs }) => {
     const iframe = useRef();
     const matrix = useMatrix();
     const router = useRouter();
@@ -141,7 +141,7 @@ const ChatIframeView = ({ src, roomId, title, selectedSpaceChildren }) => {
     return (
         <>
             <DefaultLayout.Sidebar>
-                <IframeSidebar selectedSpaceChildren={selectedSpaceChildren} />
+                <IframeSidebar breadcrumbs={breadcrumbs} selectedSpaceChildren={selectedSpaceChildren} />
             </DefaultLayout.Sidebar>
             <DefaultLayout.IframeWrapper>
                 <DefaultLayout.IframeHeader>
diff --git a/pages/explore/ExploreIframeViews.js b/pages/explore/ExploreIframeViews.js
index 38fa5a7b..cf8a6794 100644
--- a/pages/explore/ExploreIframeViews.js
+++ b/pages/explore/ExploreIframeViews.js
@@ -9,7 +9,15 @@ import { useMatrix } from '@/lib/Matrix';
 import DefaultLayout from '../../components/layouts/default';
 import IframeSidebar from './IframeSidebar';
 
-const ExploreIframeViews = ({ currentTemplate, iframeRoomId, title: parsedTitle, selectedSpaceChildren }) => {
+const ExploreIframeViews = ({
+    currentTemplate,
+    iframeRoomId,
+    title: parsedTitle,
+    breadcrumbs,
+    selectedSpaceChildren,
+    allChatRooms,
+    getSpaceChildren,
+}) => {
     const auth = useAuth();
     const matrix = useMatrix(auth.getAuthenticationProvider('matrix'));
     const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
@@ -45,7 +53,14 @@ const ExploreIframeViews = ({ currentTemplate, iframeRoomId, title: parsedTitle,
             {currentTemplate && (
                 <>
                     <DefaultLayout.Sidebar>
-                        {iframeRoomId && <IframeSidebar selectedSpaceChildren={selectedSpaceChildren} />}
+                        {iframeRoomId && (
+                            <IframeSidebar
+                                breadcrumbs={breadcrumbs}
+                                selectedSpaceChildren={selectedSpaceChildren}
+                                allChatRooms={allChatRooms}
+                                getSpaceChildren={getSpaceChildren}
+                            />
+                        )}
                     </DefaultLayout.Sidebar>
                     <DefaultLayout.IframeWrapper>
                         <ServiceIframeHeader content={matrix.roomContents.get(iframeRoomId)?.body} title={title} removingLink={false} />
@@ -79,6 +94,7 @@ const ExploreIframeViews = ({ currentTemplate, iframeRoomId, title: parsedTitle,
             )}
             {!currentTemplate && (
                 <ChatIframeView
+                    breadcrumbs={breadcrumbs}
                     title={title}
                     src={`${getConfig().publicRuntimeConfig.chat.pathToElement}/#/room/${iframeRoomId}`}
                     roomId={iframeRoomId}
diff --git a/pages/explore/IframeSidebar.js b/pages/explore/IframeSidebar.js
index c0a8fbed..9f4fc90c 100644
--- a/pages/explore/IframeSidebar.js
+++ b/pages/explore/IframeSidebar.js
@@ -1,15 +1,34 @@
 import { useRouter } from 'next/router';
-import { RiBrush2Line, RiBrushLine, RiChat1Line, RiEditLine, RiFolderLine, RiFolderUnknowLine, RiLink } from '@remixicon/react';
+import {
+    RiBrush2Line,
+    RiBrushLine,
+    RiChat1Line,
+    RiEditLine,
+    RiFolderLine,
+    RiFolderUnknowLine,
+    RiLink,
+    RiMenuAddLine,
+} from '@remixicon/react';
 import Link from 'next/link';
 import { getCoreRowModel, useReactTable } from '@tanstack/react-table';
+import React from 'react';
 
 import Icon from '@/components/UI/Icon';
 import LoadingSpinner from '@/components/UI/LoadingSpinner';
 import { Table, TableBody } from '@/components/UI/shadcn/Table';
 import TreeLeaves from './TreeLeaves';
+import { Button } from '@/components/UI/shadcn/Button';
+import QuickAddExplore from './manage-room/QuickAddExplore';
+import { useAuth } from '@/lib/Auth';
 
-const IframeSidebar = ({ selectedSpaceChildren }) => {
+const IframeSidebar = ({ selectedSpaceChildren, breadcrumbs, allChatRooms, getSpaceChildren }) => {
     const router = useRouter();
+    const auth = useAuth();
+    const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
+    const data = selectedSpaceChildren[selectedSpaceChildren.length - 1];
+    const roomId = data?.[0].id || data?.[0].room_id || data?.[0].roomId;
+    const myPowerLevel = matrixClient.getRoom(roomId)?.currentState.getMember(matrixClient.getUserId())?.powerLevel;
+
     const columns = [
         {
             accessorKey: 'icon',
@@ -78,7 +97,6 @@ const IframeSidebar = ({ selectedSpaceChildren }) => {
             ),
         },
     ];
-    const data = selectedSpaceChildren[selectedSpaceChildren.length - 1];
 
     const table = useReactTable({
         data,
@@ -89,22 +107,42 @@ const IframeSidebar = ({ selectedSpaceChildren }) => {
     if (!data) return <LoadingSpinner />;
 
     return (
-        <Table>
-            <TableBody>
-                {table.getRowModel().rows.map((row, index) => {
-                    const roomId = row.original.room_id || row.original.roomId || row.original.id;
-                    if (index === 0) return null;
+        <>
+            <header className="mb-8 grid grid-cols-[1fr_auto]">
+                {breadcrumbs}
+                {matrixClient.getRoom(roomId)?.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel) && (
+                    <QuickAddExplore
+                        currentId={roomId}
+                        roomName={data[0].name}
+                        getSpaceChildren={getSpaceChildren}
+                        allChatRooms={allChatRooms}
+                        trigger={
+                            <Button variant="ghost" size="icon" onClick={() => console.log((prevState) => !prevState)}>
+                                <Icon>
+                                    <RiMenuAddLine />
+                                </Icon>
+                            </Button>
+                        }
+                    />
+                )}
+            </header>
+            <Table>
+                <TableBody>
+                    {table.getRowModel().rows.map((row, index) => {
+                        const roomId = row.original.room_id || row.original.roomId || row.original.id;
+                        if (index === 0) return null;
 
-                    return (
-                        <TreeLeaves
-                            key={row.id}
-                            row={row}
-                            selected={router.query.roomId[1] === roomId || router.query.roomId[0] === roomId}
-                        />
-                    );
-                })}
-            </TableBody>
-        </Table>
+                        return (
+                            <TreeLeaves
+                                key={row.id}
+                                row={row}
+                                selected={router.query.roomId[1] === roomId || router.query.roomId[0] === roomId}
+                            />
+                        );
+                    })}
+                </TableBody>
+            </Table>
+        </>
     );
 };
 
diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 6ca28285..0977de71 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -392,9 +392,11 @@ export default function Explore() {
             {iframeRoomId ? (
                 <ExploreIframeViews
                     selectedSpaceChildren={selectedSpaceChildren}
+                    allChatRooms={allChatRooms}
+                    getSpaceChildren={getSpaceChildren}
                     currentTemplate={currentTemplate}
                     iframeRoomId={iframeRoomId}
-                    title={
+                    breadcrumbs={
                         !_.isEmpty(selectedSpaceChildren) && (
                             <TreePath
                                 selectedSpaceChildren={selectedSpaceChildren}
@@ -403,6 +405,7 @@ export default function Explore() {
                             />
                         )
                     }
+                    title={name}
                 />
             ) : (
                 !_.isEmpty(selectedSpaceChildren) && (

From aae5b7a2598f25c611008eb8c17a55c32f7b516b Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Tue, 19 Mar 2024 16:05:49 +0100
Subject: [PATCH 650/714] chore: remove space

---
 pages/chat/ChatIframeView.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/pages/chat/ChatIframeView.js b/pages/chat/ChatIframeView.js
index 8020c40f..a3559514 100644
--- a/pages/chat/ChatIframeView.js
+++ b/pages/chat/ChatIframeView.js
@@ -149,7 +149,6 @@ const ChatIframeView = ({ src, roomId, title, selectedSpaceChildren, breadcrumbs
                     <DefaultLayout.IframeHeaderButtonWrapper>
                         {matrix?.rooms?.get(roomId) && (
                             <>
-                                {' '}
                                 <InviteUserToMatrixRoom
                                     roomId={roomId}
                                     trigger={

From 620a4da348dfcee4fc947d331afbec07b6bea4e6 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Tue, 19 Mar 2024 16:06:16 +0100
Subject: [PATCH 651/714] style: refine iframe header; nowrap and overflow

---
 components/layouts/default.js | 2 +-
 pages/chat/ChatIframeView.js  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/layouts/default.js b/components/layouts/default.js
index f29e5eaa..c3d733f7 100644
--- a/components/layouts/default.js
+++ b/components/layouts/default.js
@@ -86,7 +86,7 @@ const IframeWrapper = styled(Wrapper)`
 
 const IframeHeader = styled.header`
     display: grid;
-    grid-auto-flow: row;
+    grid-template-columns: 1fr auto;
     grid-gap: var(--margin);
     width: 100%;
     padding: var(--margin);
diff --git a/pages/chat/ChatIframeView.js b/pages/chat/ChatIframeView.js
index a3559514..13b1b73e 100644
--- a/pages/chat/ChatIframeView.js
+++ b/pages/chat/ChatIframeView.js
@@ -145,7 +145,7 @@ const ChatIframeView = ({ src, roomId, title, selectedSpaceChildren, breadcrumbs
             </DefaultLayout.Sidebar>
             <DefaultLayout.IframeWrapper>
                 <DefaultLayout.IframeHeader>
-                    {title}
+                    <h3 className="overflow-hidden text-ellipsis whitespace-nowrap">{title}</h3>
                     <DefaultLayout.IframeHeaderButtonWrapper>
                         {matrix?.rooms?.get(roomId) && (
                             <>

From 132df440f6d01fc4447543e85c613156cb39f18d Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Tue, 19 Mar 2024 16:55:17 +0100
Subject: [PATCH 652/714] style: no muted foreground color in breadcrumb list

---
 components/UI/shadcn/Breadcrumb.js | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/components/UI/shadcn/Breadcrumb.js b/components/UI/shadcn/Breadcrumb.js
index 54c3757a..924c63e2 100644
--- a/components/UI/shadcn/Breadcrumb.js
+++ b/components/UI/shadcn/Breadcrumb.js
@@ -8,11 +8,7 @@ const Breadcrumb = React.forwardRef(({ ...props }, ref) => <nav ref={ref} aria-l
 Breadcrumb.displayName = 'Breadcrumb';
 
 const BreadcrumbList = React.forwardRef(({ className, ...props }, ref) => (
-    <ol
-        ref={ref}
-        className={cn('flex flex-wrap items-center gap-1.5 break-words text-muted-foreground sm:gap-2.5', className)}
-        {...props}
-    />
+    <ol ref={ref} className={cn('flex flex-wrap items-center gap-1.5 break-words sm:gap-2.5', className)} {...props} />
 ));
 BreadcrumbList.displayName = 'BreadcrumbList';
 

From f7bb4927c3574b864ab8c783f0bf98120aab640f Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Tue, 19 Mar 2024 16:55:43 +0100
Subject: [PATCH 653/714] style: make last breadcrumb item bold

---
 components/UI/shadcn/Breadcrumb.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/UI/shadcn/Breadcrumb.js b/components/UI/shadcn/Breadcrumb.js
index 924c63e2..e9dd904a 100644
--- a/components/UI/shadcn/Breadcrumb.js
+++ b/components/UI/shadcn/Breadcrumb.js
@@ -13,7 +13,7 @@ const BreadcrumbList = React.forwardRef(({ className, ...props }, ref) => (
 BreadcrumbList.displayName = 'BreadcrumbList';
 
 const BreadcrumbItem = React.forwardRef(({ className, ...props }, ref) => (
-    <li ref={ref} className={cn('inline-flex items-center gap-1.5', className)} {...props} />
+    <li ref={ref} className={cn('inline-flex items-center gap-1.5 [&:last-of-type]:font-bold', className)} {...props} />
 ));
 BreadcrumbItem.displayName = 'BreadcrumbItem';
 

From 238c9f7f684ed4f3acd8d319d33d041d1b7d06fd Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Tue, 19 Mar 2024 16:56:11 +0100
Subject: [PATCH 654/714] chore: remove obsolete tailwind font class

---
 components/UI/shadcn/Breadcrumb.js | 9 +--------
 1 file changed, 1 insertion(+), 8 deletions(-)

diff --git a/components/UI/shadcn/Breadcrumb.js b/components/UI/shadcn/Breadcrumb.js
index e9dd904a..576399a3 100644
--- a/components/UI/shadcn/Breadcrumb.js
+++ b/components/UI/shadcn/Breadcrumb.js
@@ -25,14 +25,7 @@ const BreadcrumbLink = React.forwardRef(({ asChild, className, ...props }, ref)
 BreadcrumbLink.displayName = 'BreadcrumbLink';
 
 const BreadcrumbPage = React.forwardRef(({ className, ...props }, ref) => (
-    <span
-        ref={ref}
-        role="link"
-        aria-disabled="true"
-        aria-current="page"
-        className={cn('font-normal text-foreground', className)}
-        {...props}
-    />
+    <span ref={ref} role="link" aria-disabled="true" aria-current="page" className={cn('text-foreground', className)} {...props} />
 ));
 BreadcrumbPage.displayName = 'BreadcrumbPage';
 

From 864e4e91a47300b17e8d37d04031992ab051cd40 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Tue, 19 Mar 2024 17:04:41 +0100
Subject: [PATCH 655/714] style: wrap service iframe header title in h3

---
 components/UI/ServiceIframeHeader.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/UI/ServiceIframeHeader.js b/components/UI/ServiceIframeHeader.js
index 190c62a7..478198c8 100644
--- a/components/UI/ServiceIframeHeader.js
+++ b/components/UI/ServiceIframeHeader.js
@@ -46,7 +46,7 @@ const ServiceIframeHeader = ({
 
     return (
         <DefaultLayout.IframeHeader>
-            <>{title}</>
+            <h3>{title}</h3>
             <DefaultLayout.IframeHeaderButtonWrapper>
                 {joinRule === 'knock' || (joinRule === 'knock_restricted' && <KnockOnMatrixRoom roomId={roomId} roomName={title} />)}
                 <CopyToClipboard content={content} />

From 7e2aab556233339bfd6817eb9e03eb625e3d2c92 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Tue, 19 Mar 2024 17:09:36 +0100
Subject: [PATCH 656/714] revert: do not wrap title in h3

---
 components/UI/ServiceIframeHeader.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/UI/ServiceIframeHeader.js b/components/UI/ServiceIframeHeader.js
index 478198c8..190c62a7 100644
--- a/components/UI/ServiceIframeHeader.js
+++ b/components/UI/ServiceIframeHeader.js
@@ -46,7 +46,7 @@ const ServiceIframeHeader = ({
 
     return (
         <DefaultLayout.IframeHeader>
-            <h3>{title}</h3>
+            <>{title}</>
             <DefaultLayout.IframeHeaderButtonWrapper>
                 {joinRule === 'knock' || (joinRule === 'knock_restricted' && <KnockOnMatrixRoom roomId={roomId} roomName={title} />)}
                 <CopyToClipboard content={content} />

From 3d78c411672c6bb5e5583bd889406d5bb9ef9d55 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Tue, 19 Mar 2024 17:10:26 +0100
Subject: [PATCH 657/714] draft: we might need this after merge for overflow

---
 pages/explore/TreePath.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/pages/explore/TreePath.js b/pages/explore/TreePath.js
index 93db4366..29ce77a7 100644
--- a/pages/explore/TreePath.js
+++ b/pages/explore/TreePath.js
@@ -15,7 +15,7 @@ import LoadingSpinnerInline from '@/components/UI/LoadingSpinnerInline';
 const TreePath = ({ selectedSpaceChildren, isFetchingContent }) => {
     return (
         <>
-            <Breadcrumb>
+            <Breadcrumb className="overflow-hidden">
                 <BreadcrumbList>
                     {/*
                     {selectedSpaceChildren.map((path, index) => {
@@ -42,7 +42,7 @@ const TreePath = ({ selectedSpaceChildren, isFetchingContent }) => {
                             {/*
                             <BreadcrumbSeparator />
                             */}
-                            <BreadcrumbItem>
+                            <BreadcrumbItem className="inline overflow-hidden text-ellipsis whitespace-nowrap">
                                 <DropdownMenu>
                                     <DropdownMenuTrigger className="flex items-center gap-1">
                                         <BreadcrumbEllipsis className="h-4 w-4" />
@@ -78,7 +78,7 @@ const TreePath = ({ selectedSpaceChildren, isFetchingContent }) => {
                             return (
                                 <>
                                     {selectedSpaceChildren.length > 1 && <BreadcrumbSeparator />}
-                                    <BreadcrumbItem>
+                                    <BreadcrumbItem className="inline overflow-hidden text-ellipsis whitespace-nowrap">
                                         <BreadcrumbLink asChild>
                                             <Link disabled href={`/explore/${roomId}`}>
                                                 {path[0].name}

From f6e13fc08866fec65fa3f0944b5ba84a3912a27d Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Wed, 20 Mar 2024 09:55:51 +0100
Subject: [PATCH 658/714] style: fix focus color and no underline in dropdown

---
 components/UI/shadcn/DropdownMenu.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/UI/shadcn/DropdownMenu.js b/components/UI/shadcn/DropdownMenu.js
index 27e73295..22958e71 100644
--- a/components/UI/shadcn/DropdownMenu.js
+++ b/components/UI/shadcn/DropdownMenu.js
@@ -63,7 +63,7 @@ const DropdownMenuItem = React.forwardRef(({ className, inset, ...props }, ref)
     <DropdownMenuPrimitive.Item
         ref={ref}
         className={cn(
-            'relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 outline-none transition-colors focus:bg-accent focus:text-white data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_a:link]:focus:text-white',
+            'relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 outline-none transition-colors focus:bg-accent focus:text-white data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_a]:no-underline [&_a]:focus:text-white',
             inset && 'pl-8',
             className,
         )}

From 82396d95257dbb9b7a37126ab5bd89e0e4a54940 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Tue, 26 Mar 2024 11:06:42 +0100
Subject: [PATCH 659/714] style: change breadcrumb parent directory icon

---
 components/UI/shadcn/Breadcrumb.js | 9 ++++++---
 pages/explore/TreePath.js          | 2 +-
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/components/UI/shadcn/Breadcrumb.js b/components/UI/shadcn/Breadcrumb.js
index 576399a3..458b2416 100644
--- a/components/UI/shadcn/Breadcrumb.js
+++ b/components/UI/shadcn/Breadcrumb.js
@@ -1,8 +1,9 @@
 import * as React from 'react';
 import { Slot } from '@radix-ui/react-slot';
-import { RiArrowRightSLine, RiMoreLine } from '@remixicon/react';
+import { RiArrowRightSLine, RiFoldersLine } from '@remixicon/react';
 
 import { cn } from '@/lib/utils';
+import Icon from '../Icon';
 
 const Breadcrumb = React.forwardRef(({ ...props }, ref) => <nav ref={ref} aria-label="breadcrumb" {...props} />);
 Breadcrumb.displayName = 'Breadcrumb';
@@ -37,8 +38,10 @@ const BreadcrumbSeparator = ({ children, className, ...props }) => (
 BreadcrumbSeparator.displayName = 'BreadcrumbSeparator';
 
 const BreadcrumbEllipsis = ({ className, ...props }) => (
-    <span role="presentation" aria-hidden="true" className={cn('flex h-9 w-9 items-center justify-center', className)} {...props}>
-        <RiMoreLine className="h-4 w-4" />
+    <span role="presentation" aria-hidden="true" className={cn('flex w-fit items-center justify-center', className)} {...props}>
+        <Icon>
+            <RiFoldersLine />
+        </Icon>
         <span className="sr-only">More</span>
     </span>
 );
diff --git a/pages/explore/TreePath.js b/pages/explore/TreePath.js
index 29ce77a7..b281cf98 100644
--- a/pages/explore/TreePath.js
+++ b/pages/explore/TreePath.js
@@ -45,7 +45,7 @@ const TreePath = ({ selectedSpaceChildren, isFetchingContent }) => {
                             <BreadcrumbItem className="inline overflow-hidden text-ellipsis whitespace-nowrap">
                                 <DropdownMenu>
                                     <DropdownMenuTrigger className="flex items-center gap-1">
-                                        <BreadcrumbEllipsis className="h-4 w-4" />
+                                        <BreadcrumbEllipsis />
                                         <span className="sr-only">Toggle menu</span>
                                     </DropdownMenuTrigger>
                                     <DropdownMenuContent align="start">

From 4b6bbe1106f457b4c284652acd98d17ccbef9aaa Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Tue, 26 Mar 2024 11:07:56 +0100
Subject: [PATCH 660/714] style: change breadcrumb separator icon

---
 components/UI/shadcn/Breadcrumb.js | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/components/UI/shadcn/Breadcrumb.js b/components/UI/shadcn/Breadcrumb.js
index 458b2416..233ccd28 100644
--- a/components/UI/shadcn/Breadcrumb.js
+++ b/components/UI/shadcn/Breadcrumb.js
@@ -31,8 +31,12 @@ const BreadcrumbPage = React.forwardRef(({ className, ...props }, ref) => (
 BreadcrumbPage.displayName = 'BreadcrumbPage';
 
 const BreadcrumbSeparator = ({ children, className, ...props }) => (
-    <li role="presentation" aria-hidden="true" className={cn('[&>svg]:size-3.5', className)} {...props}>
-        {children ?? <RiArrowRightSLine />}
+    <li role="presentation" aria-hidden="true" className={cn('', className)} {...props}>
+        {children ?? (
+            <Icon>
+                <RiArrowRightSLine />
+            </Icon>
+        )}
     </li>
 );
 BreadcrumbSeparator.displayName = 'BreadcrumbSeparator';

From 046ee9bb570e3b41b7c737bbb8dba619e9a3a0a7 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 26 Mar 2024 14:21:30 +0100
Subject: [PATCH 661/714] refactor: simplify cell logic for icons

---
 pages/explore/[[...roomId]].js | 60 ++++++++--------------------------
 1 file changed, 13 insertions(+), 47 deletions(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 51a7a596..323e6bf6 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -173,6 +173,15 @@ export default function Explore() {
         return true;
     };
 
+    const getIcon = (template) => {
+        if (template === 'etherpad') return <RiEditLine />;
+        if (template === 'spacedeck') return <RiBrush2Line />;
+        if (template === 'tldraw') return <RiBrushLine />;
+        if (template === 'link') return <RiLink />;
+
+        return <RiFolderUnknowLine />;
+    };
+
     const data = selectedSpaceChildren[selectedSpaceChildren.length - 1];
     const columns = [
         {
@@ -183,53 +192,10 @@ export default function Explore() {
                 </Icon>
             ),
             cell: ({ row }) => {
-                if (row.original?.meta?.template === 'etherpad') {
-                    return (
-                        <Icon>
-                            <RiEditLine />
-                        </Icon>
-                    );
-                }
-
-                if (row.original?.meta?.template === 'spacedeck') {
-                    return (
-                        <Icon>
-                            <RiBrush2Line />
-                        </Icon>
-                    );
-                }
-
-                if (row.original?.meta?.template === 'tldraw') {
-                    return (
-                        <Icon>
-                            <RiBrushLine />
-                        </Icon>
-                    );
-                }
-
-                if (row.original?.meta?.template === 'link') {
-                    return (
-                        <Icon>
-                            <RiLink />
-                        </Icon>
-                    );
-                }
-
-                if (row.original?.meta?.type === 'context') {
-                    return (
-                        <Icon>
-                            <RiFolderLine />
-                        </Icon>
-                    );
-                }
-
-                if (!row.original?.meta) {
-                    return (
-                        <Icon>
-                            <RiChat1Line />
-                        </Icon>
-                    );
-                }
+                const template = row.original?.meta?.template;
+                const type = row.original?.meta?.type;
+
+                return <Icon>{type === 'context' ? <RiFolderLine /> : !row.original?.meta ? <RiChat1Line /> : getIcon(template)}</Icon>;
             },
         },
         {

From b22d327c863d56885d0b98fc24d9a91c9edef872 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 26 Mar 2024 14:24:24 +0100
Subject: [PATCH 662/714] refactor: Extract the condition for rendering the
 settings tab and QuickAddExplore component to improve readability.

---
 pages/explore/[[...roomId]].js | 55 +++++++++++++++++-----------------
 1 file changed, 27 insertions(+), 28 deletions(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 323e6bf6..69a6296c 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -103,6 +103,10 @@ export default function Explore() {
 
             return roomId === iframeRoomId;
         }).meta?.template;
+
+    const canManageSpace = matrixClient.getRoom(roomId)?.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel);
+    const canAddMoreContent = canManageSpace && !isFetchingSpaceChildren;
+
     // Redirect to the default room if no roomId is provided
     useEffect(() => {
         if (!roomId) {
@@ -318,9 +322,7 @@ export default function Explore() {
                                         </Icon>
                                         {isDesktop && t('Members')}
                                     </TabsTrigger>
-                                    {matrixClient
-                                        .getRoom(roomId)
-                                        ?.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel) && (
+                                    {canManageSpace && (
                                         <TabsTrigger
                                             onClick={() => {
                                                 setActiveContentView('settings');
@@ -383,31 +385,28 @@ export default function Explore() {
                                             </Table>
                                         )}
 
-                                        {matrixClient
-                                            .getRoom(roomId)
-                                            ?.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel) &&
-                                            !isFetchingSpaceChildren && (
-                                                <div className="sticky bottom-0 flex w-full items-center space-x-2 bg-background shadow-[0px_-1px_0px_0px_hsl(var(--muted-foreground)_/_0.2)]">
-                                                    <QuickAddExplore
-                                                        currentId={roomId}
-                                                        roomName={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].name}
-                                                        getSpaceChildren={getSpaceChildren}
-                                                        allChatRooms={allChatRooms}
-                                                        trigger={
-                                                            <Button
-                                                                className="grid h-12 w-full grid-flow-col justify-between px-0 hover:text-accent"
-                                                                variant="ghost"
-                                                                // onClick={() => setIsQuickAddOpen((prevState) => !prevState)}
-                                                            >
-                                                                {t('Add more …')}
-                                                                <Icon>
-                                                                    <RiAddLine />
-                                                                </Icon>
-                                                            </Button>
-                                                        }
-                                                    />
-                                                </div>
-                                            )}
+                                        {canAddMoreContent && (
+                                            <div className="sticky bottom-0 flex w-full items-center space-x-2 bg-background shadow-[0px_-1px_0px_0px_hsl(var(--muted-foreground)_/_0.2)]">
+                                                <QuickAddExplore
+                                                    currentId={roomId}
+                                                    roomName={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].name}
+                                                    getSpaceChildren={getSpaceChildren}
+                                                    allChatRooms={allChatRooms}
+                                                    trigger={
+                                                        <Button
+                                                            className="grid h-12 w-full grid-flow-col justify-between px-0 hover:text-accent"
+                                                            variant="ghost"
+                                                            // onClick={() => setIsQuickAddOpen((prevState) => !prevState)}
+                                                        >
+                                                            {t('Add more …')}
+                                                            <Icon>
+                                                                <RiAddLine />
+                                                            </Icon>
+                                                        </Button>
+                                                    }
+                                                />
+                                            </div>
+                                        )}
 
                                         {/* @NOTE: pagination component which we are currently not using, but might in the future
                                             {table.getRowModel().rows?.length > 1 && (

From 69fcae28f39ed80ddf0a01ad3ad5180e1dbce079 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 26 Mar 2024 14:59:34 +0100
Subject: [PATCH 663/714] feat: add shadecn Switch

---
 components/UI/shadcn/Switch.js | 24 ++++++++++++++++++++++++
 package-lock.json              | 30 ++++++++++++++++++++++++++++++
 package.json                   |  1 +
 3 files changed, 55 insertions(+)
 create mode 100644 components/UI/shadcn/Switch.js

diff --git a/components/UI/shadcn/Switch.js b/components/UI/shadcn/Switch.js
new file mode 100644
index 00000000..3d0f18af
--- /dev/null
+++ b/components/UI/shadcn/Switch.js
@@ -0,0 +1,24 @@
+import * as React from 'react';
+import * as SwitchPrimitives from '@radix-ui/react-switch';
+
+import { cn } from '@/lib/utils';
+
+const Switch = React.forwardRef(({ className, ...props }, ref) => (
+    <SwitchPrimitives.Root
+        className={cn(
+            'peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input',
+            className,
+        )}
+        {...props}
+        ref={ref}
+    >
+        <SwitchPrimitives.Thumb
+            className={cn(
+                'pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0',
+            )}
+        />
+    </SwitchPrimitives.Root>
+));
+Switch.displayName = SwitchPrimitives.Root.displayName;
+
+export { Switch };
diff --git a/package-lock.json b/package-lock.json
index 2a7dd6d7..0bd90a73 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -11,6 +11,7 @@
         "@radix-ui/react-dialog": "^1.0.5",
         "@radix-ui/react-select": "^2.0.0",
         "@radix-ui/react-slot": "^1.0.2",
+        "@radix-ui/react-switch": "^1.0.3",
         "@remixicon/react": "^4.1.1",
         "i18next": "^23.8.2",
         "i18next-browser-languagedetector": "^7.2.0",
@@ -1414,6 +1415,35 @@
         }
       }
     },
+    "node_modules/@radix-ui/react-switch": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-switch/-/react-switch-1.0.3.tgz",
+      "integrity": "sha512-mxm87F88HyHztsI7N+ZUmEoARGkC22YVW5CaC+Byc+HRpuvCrOBPTAnXgf+tZ/7i0Sg/eOePGdMhUKhPaQEqow==",
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/primitive": "1.0.1",
+        "@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-controllable-state": "1.0.1",
+        "@radix-ui/react-use-previous": "1.0.1",
+        "@radix-ui/react-use-size": "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-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",
diff --git a/package.json b/package.json
index a4735275..42ef0ec0 100644
--- a/package.json
+++ b/package.json
@@ -13,6 +13,7 @@
     "@radix-ui/react-dialog": "^1.0.5",
     "@radix-ui/react-select": "^2.0.0",
     "@radix-ui/react-slot": "^1.0.2",
+    "@radix-ui/react-switch": "^1.0.3",
     "@remixicon/react": "^4.1.1",
     "i18next": "^23.8.2",
     "i18next-browser-languagedetector": "^7.2.0",

From 2f9543730db6264be1633085b6b82f2fde249482 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 26 Mar 2024 15:07:05 +0100
Subject: [PATCH 664/714] refactor: implement switch to grant users write
 rights. add conditional promote flag to be able to choose if the invite modal
 should display the promote switch.

---
 components/UI/DataList.js                     | 13 ++++++--
 .../UI/InviteUsersToMatrixRoom/index.js       | 30 +++++++++++++++++--
 public/locales/de/invitationModal.json        |  1 +
 3 files changed, 40 insertions(+), 4 deletions(-)

diff --git a/components/UI/DataList.js b/components/UI/DataList.js
index c80ad13e..4f83f792 100644
--- a/components/UI/DataList.js
+++ b/components/UI/DataList.js
@@ -7,6 +7,7 @@ import { ServiceTable } from './ServiceTable';
 import Form from './Form';
 import { Input } from '@/components/UI/shadcn/Input';
 import { Button } from '@/components/UI/shadcn/Button';
+import { Switch } from '@/components/UI/shadcn/Switch';
 
 /**
  * Datalist component that functions as an input with a datalist and supports keyboard navigation and mouse interaction.
@@ -44,7 +45,7 @@ const TableWrapper = styled.section`
     overflow-x: auto;
 `;
 
-export default function DataList({ options, onInputChange, keysToDisplay, onSubmit }) {
+export default function DataList({ options, onInputChange, keysToDisplay, onSubmit, promote }) {
     const [value, setValue] = useState('');
     const [isOpen, setIsOpen] = useState(false);
     const [selectedIndex, setSelectedIndex] = useState(-1);
@@ -52,6 +53,7 @@ export default function DataList({ options, onInputChange, keysToDisplay, onSubm
     const [checked, setChecked] = useState([]);
     const [filteredOptions, setFilteredOptions] = useState([]);
     const inputRef = useRef(null);
+    const [promoteUsers, setPromoteUsers] = useState(promote);
 
     const { t } = useTranslation('invitationModal');
 
@@ -140,7 +142,8 @@ export default function DataList({ options, onInputChange, keysToDisplay, onSubm
         setChecked([]);
         setSelected([]);
         setIsOpen(false);
-        await onSubmit(checked.concat(selected));
+
+        await onSubmit(checked.concat(selected), promoteUsers && 50);
     };
 
     return (
@@ -188,6 +191,12 @@ export default function DataList({ options, onInputChange, keysToDisplay, onSubm
                     </ServiceTable.Body>
                 </ServiceTable>
             </TableWrapper>
+            {promote && (
+                <div className="flex justify-between">
+                    <label htmlFor="promote">{t('Give users permission to edit')}</label>
+                    <Switch id="promote" checked={promoteUsers} onCheckedChange={setPromoteUsers} />
+                </div>
+            )}
             <Button disabled={selected.length === 0 && checked.length === 0}>{t('Invite')}</Button>
         </InviteUserForm>
     );
diff --git a/components/UI/InviteUsersToMatrixRoom/index.js b/components/UI/InviteUsersToMatrixRoom/index.js
index 1404f8a5..9a2dfbdf 100644
--- a/components/UI/InviteUsersToMatrixRoom/index.js
+++ b/components/UI/InviteUsersToMatrixRoom/index.js
@@ -2,6 +2,7 @@ import React, { useCallback, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import _, { debounce } from 'lodash';
 import { logger } from 'matrix-js-sdk/lib/logger';
+import { MatrixEvent } from 'matrix-js-sdk';
 
 import ErrorMessage from '../ErrorMessage';
 import Datalist from '../DataList';
@@ -14,10 +15,11 @@ import { Button } from '@/components/UI/shadcn/Button';
  *
  * @param {string} roomId - The ID of the Matrix room to invite users to.
  * @param {React.ReactElement} trigger - Something like a button that will open the modal when clicked.
+ * @param {Boolean} promote - Whether to display a switch for granting write access to the invited users.
  *
  * @returns {React.ReactElement} - A React component representing the invitation UI.
  */
-export const InviteUserToMatrixRoom = ({ roomId, trigger }) => {
+export const InviteUserToMatrixRoom = ({ roomId, trigger, promote }) => {
     const auth = useAuth();
     const matrixClient = auth.getAuthenticationProvider('matrix').getMatrixClient();
     const { t } = useTranslation('invitationModal');
@@ -58,16 +60,39 @@ export const InviteUserToMatrixRoom = ({ roomId, trigger }) => {
         setSearchResults([]);
     }
 
-    const handleInvite = async (selectedUsers) => {
+    const handleInvite = async (selectedUsers, powerLevel) => {
         setErrorFeedback([]);
         const errors = [];
 
+        const setPower = async (roomId, userId, powerLevel) => {
+            console.debug('changing power level for ' + userId);
+            matrixClient.getStateEvent(roomId, 'm.room.power_levels', '').then(async (res) => {
+                const powerEvent = new MatrixEvent({
+                    type: 'm.room.power_levels',
+                    content: res,
+                });
+
+                try {
+                    // something here is going wrong for collab > 2
+                    await matrixClient.setPowerLevel(roomId, userId, powerLevel, powerEvent);
+                } catch (err) {
+                    console.error(err);
+                }
+            });
+        };
+
         for (const user of selectedUsers) {
             await matrixClient.invite(roomId, user.user_id).catch(async (error) => {
                 // avoid adding duplicates
                 if (errors.includes(error.data.error)) return;
                 errors.push(error.data.error);
             });
+
+            if (powerLevel)
+                await setPower(roomId, user.user_id, powerLevel).catch((error) => {
+                    if (errors.includes(error.data.error)) return;
+                    errors.push(error.data.error);
+                });
         }
 
         if (errors.length !== 0) {
@@ -118,6 +143,7 @@ export const InviteUserToMatrixRoom = ({ roomId, trigger }) => {
                                     onInputChange={handleChange}
                                     keysToDisplay={['display_name', 'user_id']}
                                     onSubmit={handleInvite}
+                                    promote={promote}
                                 />
                                 <div>
                                     {userFeedback && errorFeedback && userFeedback}
diff --git a/public/locales/de/invitationModal.json b/public/locales/de/invitationModal.json
index b868a6f5..3d5991dd 100644
--- a/public/locales/de/invitationModal.json
+++ b/public/locales/de/invitationModal.json
@@ -1,4 +1,5 @@
 {
+    "Give users permission to edit": "Benutzer*innen Berechtigung zum Bearbeiten geben",
     "Invite users to {{name}}": "Benutzer*innen zu {{name}} einladen",
     "invitedUser_one": "{{ count }} Benutzer*in wurde eingeladen und muss die Einladung annehmen",
     "invitedUser_other": "{{ count }} Benutzer*innen wurden eingeladen und müssen die Einladung annehmen",

From c6a8c79edef8e459996886e11aa96b40b4b4fd91 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 26 Mar 2024 15:24:11 +0100
Subject: [PATCH 665/714] refactor: improve error handling

---
 components/UI/InviteUsersToMatrixRoom/index.js | 8 +-------
 1 file changed, 1 insertion(+), 7 deletions(-)

diff --git a/components/UI/InviteUsersToMatrixRoom/index.js b/components/UI/InviteUsersToMatrixRoom/index.js
index 0dee9c02..1123c405 100644
--- a/components/UI/InviteUsersToMatrixRoom/index.js
+++ b/components/UI/InviteUsersToMatrixRoom/index.js
@@ -61,19 +61,13 @@ export const InviteUserToMatrixRoom = ({ roomId, trigger, promote }) => {
         const errors = [];
 
         const setPower = async (roomId, userId, powerLevel) => {
-            console.debug('changing power level for ' + userId);
             matrixClient.getStateEvent(roomId, 'm.room.power_levels', '').then(async (res) => {
                 const powerEvent = new MatrixEvent({
                     type: 'm.room.power_levels',
                     content: res,
                 });
 
-                try {
-                    // something here is going wrong for collab > 2
-                    await matrixClient.setPowerLevel(roomId, userId, powerLevel, powerEvent);
-                } catch (err) {
-                    console.error(err);
-                }
+                return matrixClient.setPowerLevel(roomId, userId, powerLevel, powerEvent);
             });
         };
 

From 0a9edc73b660d445c3c76a93b9696a560692c186 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Tue, 26 Mar 2024 15:33:58 +0100
Subject: [PATCH 666/714] style: limit width of settings tabs content

---
 pages/explore/manage-room/ExploreMatrixActions.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/pages/explore/manage-room/ExploreMatrixActions.js b/pages/explore/manage-room/ExploreMatrixActions.js
index 0573bbb6..d0d4e98b 100644
--- a/pages/explore/manage-room/ExploreMatrixActions.js
+++ b/pages/explore/manage-room/ExploreMatrixActions.js
@@ -35,7 +35,7 @@ const ExploreMatrixActions = ({
 
     return (
         <>
-            <Tabs className="[&>[role=tabpanel]]:pt-6" onValueChange={setSettingsTabValue} value={settingsTabValue}>
+            <Tabs className="[&>[role=tabpanel]]:pt-6 [&>[id*=-content-]]:max-w-[55ch]" onValueChange={setSettingsTabValue} value={settingsTabValue}>
                 <TabsList>
                     <TabsTrigger
                         onClick={() => {
@@ -56,6 +56,9 @@ const ExploreMatrixActions = ({
                     </TabsTrigger>
                 </TabsList>
 
+                {/* @NOTE: example of dynamic grid with auto-fitting columns ...
+                <TabsContent className="grid grid-cols-[repeat(auto-fit,_minmax(calc(320px-2rem),_auto))] gap-8 pb-6" value="general">
+                */}
                 <TabsContent className="pb-6 [&>*+*]:mt-8" value="general">
                     <>
                         {room.currentState.hasSufficientPowerLevelFor('m.room.topic', myPowerLevel) && (

From cfd7f3f7623d167959bab19447e369f736d61e04 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 26 Mar 2024 15:46:57 +0100
Subject: [PATCH 667/714] refactor: return await function when setting
 powerlevel

---
 components/UI/InviteUsersToMatrixRoom/index.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/UI/InviteUsersToMatrixRoom/index.js b/components/UI/InviteUsersToMatrixRoom/index.js
index 1123c405..aeec0f05 100644
--- a/components/UI/InviteUsersToMatrixRoom/index.js
+++ b/components/UI/InviteUsersToMatrixRoom/index.js
@@ -67,7 +67,7 @@ export const InviteUserToMatrixRoom = ({ roomId, trigger, promote }) => {
                     content: res,
                 });
 
-                return matrixClient.setPowerLevel(roomId, userId, powerLevel, powerEvent);
+                return await matrixClient.setPowerLevel(roomId, userId, powerLevel, powerEvent);
             });
         };
 

From fea1abde7201718b2838b1a17011d3ff4cc8e2dc Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Tue, 26 Mar 2024 15:48:25 +0100
Subject: [PATCH 668/714] style: do not flex-wrap breadcrumb line

---
 components/UI/shadcn/Breadcrumb.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/UI/shadcn/Breadcrumb.js b/components/UI/shadcn/Breadcrumb.js
index 233ccd28..f0ae6d39 100644
--- a/components/UI/shadcn/Breadcrumb.js
+++ b/components/UI/shadcn/Breadcrumb.js
@@ -9,7 +9,7 @@ const Breadcrumb = React.forwardRef(({ ...props }, ref) => <nav ref={ref} aria-l
 Breadcrumb.displayName = 'Breadcrumb';
 
 const BreadcrumbList = React.forwardRef(({ className, ...props }, ref) => (
-    <ol ref={ref} className={cn('flex flex-wrap items-center gap-1.5 break-words sm:gap-2.5', className)} {...props} />
+    <ol ref={ref} className={cn('flex items-center gap-1.5 sm:gap-2.5', className)} {...props} />
 ));
 BreadcrumbList.displayName = 'BreadcrumbList';
 

From f1c8a08935364f1c1472cfbd157c6d48a54cd77c Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Tue, 26 Mar 2024 15:54:10 +0100
Subject: [PATCH 669/714] chore: fix breadcrumb icon overflow; remove comments

---
 pages/explore/TreePath.js | 25 +------------------------
 1 file changed, 1 insertion(+), 24 deletions(-)

diff --git a/pages/explore/TreePath.js b/pages/explore/TreePath.js
index 72aa3fe7..c2e1c359 100644
--- a/pages/explore/TreePath.js
+++ b/pages/explore/TreePath.js
@@ -16,32 +16,9 @@ const TreePath = ({ selectedSpaceChildren }) => {
         <>
             <Breadcrumb className="overflow-hidden">
                 <BreadcrumbList>
-                    {/*
-                    {selectedSpaceChildren.map((path, index) => {
-                        if (!path[0]) return null;
-                        const roomId = path[0].id || path[0].room_id || path[0].roomId;
-
-                        if (index === 0) {
-                            return (
-                                <BreadcrumbItem key={index}>
-                                    <BreadcrumbLink asChild>
-                                        <Link disabled href={`/explore/${roomId}`}>
-                                            {path[0].name}
-                                            {isFetchingContent === roomId && <LoadingSpinnerInline />}
-                                        </Link>
-                                    </BreadcrumbLink>
-                                </BreadcrumbItem>
-                            );
-                        }
-                    })}
-                    */}
-
                     {selectedSpaceChildren.length > 1 && (
                         <>
-                            {/*
-                            <BreadcrumbSeparator />
-                            */}
-                            <BreadcrumbItem className="inline overflow-hidden text-ellipsis whitespace-nowrap">
+                            <BreadcrumbItem className="inline text-ellipsis whitespace-nowrap">
                                 <DropdownMenu>
                                     <DropdownMenuTrigger className="flex items-center gap-1">
                                         <BreadcrumbEllipsis />

From 490a05d586a420ec4bd2d414d5bbd5f96225f580 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 26 Mar 2024 16:29:40 +0100
Subject: [PATCH 670/714] refactor: move useGetSpaceChildren.js hook into hooks
 directory

---
 {pages/explore => components/hooks}/useGetSpaceChildren.js | 0
 pages/explore/[[...roomId]].js                             | 2 +-
 2 files changed, 1 insertion(+), 1 deletion(-)
 rename {pages/explore => components/hooks}/useGetSpaceChildren.js (100%)

diff --git a/pages/explore/useGetSpaceChildren.js b/components/hooks/useGetSpaceChildren.js
similarity index 100%
rename from pages/explore/useGetSpaceChildren.js
rename to components/hooks/useGetSpaceChildren.js
diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 69a6296c..00250606 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -38,7 +38,7 @@ import UserManagement from './manage-room/UserManagement';
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/UI/shadcn/Table';
 import TreeLeaves from './TreeLeaves';
 import EllipsisMenu from './manage-room/EllipsisMenu';
-import { useGetSpaceChildren } from './useGetSpaceChildren';
+import { useGetSpaceChildren } from '@/components/hooks/useGetSpaceChildren';
 import { Progress } from '@/components/UI/shadcn/Progress';
 import ExploreMatrixActions from './manage-room/ExploreMatrixActions';
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/UI/shadcn/Tabs';

From e3a64ca02e9af8e43ee5c7d147a43c797f5b23c1 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Tue, 26 Mar 2024 16:59:16 +0100
Subject: [PATCH 671/714] fix: room name in hint when hovering over knock on
 space icon

---
 components/UI/ServiceIframeHeader.js | 4 ++--
 pages/explore/[[...roomId]].js       | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/components/UI/ServiceIframeHeader.js b/components/UI/ServiceIframeHeader.js
index 83a91394..619baf83 100644
--- a/components/UI/ServiceIframeHeader.js
+++ b/components/UI/ServiceIframeHeader.js
@@ -10,14 +10,14 @@ import KnockOnMatrixRoom from './KnockOnMatrixRoom';
 import AddFavourite from './favourites/AddFavourite';
 import Icon from '@/components/UI/Icon';
 
-const ServiceIframeHeader = ({ isDeletingPad, deleteContent, title, roomId, myPadsObject, content, joinRule }) => {
+const ServiceIframeHeader = ({ isDeletingPad, deleteContent, title, roomId, myPadsObject, content, joinRule, roomName }) => {
     const { t } = useTranslation(['explore', 'etherpad']);
 
     return (
         <DefaultLayout.IframeHeader>
             <>{title}</>
             <DefaultLayout.IframeHeaderButtonWrapper>
-                {joinRule === 'knock' || (joinRule === 'knock_restricted' && <KnockOnMatrixRoom roomId={roomId} roomName={title} />)}
+                {joinRule === 'knock' || (joinRule === 'knock_restricted' && <KnockOnMatrixRoom roomId={roomId} roomName={roomName} />)}
 
                 <CopyToClipboard content={content} />
 
diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 00250606..79355ea7 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -275,6 +275,7 @@ export default function Explore() {
                                         <TreePath selectedSpaceChildren={selectedSpaceChildren} iframeRoomId={iframeRoomId} />
                                     )
                                 }
+                                roomName={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].name}
                                 removingLink={false}
                                 roomId={roomId}
                                 activeContentView={activeContentView}

From 9877b9b4aeaeecbca3813d3d3b27e39dd90ecc87 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Tue, 26 Mar 2024 17:09:00 +0100
Subject: [PATCH 672/714] chore: wrap invitations and knocks in div

---
 pages/dashboard/index.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/pages/dashboard/index.js b/pages/dashboard/index.js
index cb170bca..d39e7983 100644
--- a/pages/dashboard/index.js
+++ b/pages/dashboard/index.js
@@ -103,7 +103,7 @@ export default function Dashboard() {
             <h2>/dashboard</h2>
 
             {!_.isEmpty(invitations) && (
-                <>
+                <div>
                     <h3>{t('Invitations')}</h3>
                     <br />
                     {Array.from(invitations.values()).map((invitation, index) => {
@@ -123,7 +123,7 @@ export default function Dashboard() {
                             </div>
                         );
                     })}
-                </>
+                </div>
             )}
 
             {/* Add some space and a divider between pending invitations and knocks */}
@@ -136,7 +136,7 @@ export default function Dashboard() {
             )}
 
             {pendingKnocks.size > 0 && (
-                <>
+                <div>
                     <h3>{t('Asking To Join')}</h3>
                     <br />
                     {[...pendingKnocks].map(([key, knock], index) => (
@@ -151,7 +151,7 @@ export default function Dashboard() {
                             <KnockCard roomId={knock.roomId} roomName={knock.name} userId={knock.userId} reason={knock.reason} />
                         </div>
                     ))}
-                </>
+                </div>
             )}
             { !_.isEmpty(favourite) &&
                     <ServiceTable>

From fcaf67f0d5fc4ec77c116b367e1570b85c88094f Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Tue, 26 Mar 2024 17:09:20 +0100
Subject: [PATCH 673/714] chore: add some vertical spacing to dashboard

---
 pages/dashboard/index.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/dashboard/index.js b/pages/dashboard/index.js
index d39e7983..d36024c1 100644
--- a/pages/dashboard/index.js
+++ b/pages/dashboard/index.js
@@ -99,7 +99,7 @@ export default function Dashboard() {
     }, [matrixClient, matrix, invitations, setInvitations]);
 
     return (
-        <DefaultLayout.LameColumn>
+        <DefaultLayout.LameColumn className="[&>*+*]:mt-8">
             <h2>/dashboard</h2>
 
             {!_.isEmpty(invitations) && (

From a3468c0162243955ab485e809470099e61ce2eeb Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Tue, 26 Mar 2024 17:10:00 +0100
Subject: [PATCH 674/714] chore: format via prettier

---
 pages/dashboard/index.js | 68 ++++++++++++++++++++--------------------
 1 file changed, 34 insertions(+), 34 deletions(-)

diff --git a/pages/dashboard/index.js b/pages/dashboard/index.js
index d36024c1..7483915b 100644
--- a/pages/dashboard/index.js
+++ b/pages/dashboard/index.js
@@ -153,44 +153,44 @@ export default function Dashboard() {
                     ))}
                 </div>
             )}
-            { !_.isEmpty(favourite) &&
-                    <ServiceTable>
-                        <ServiceTable.Caption>
-                            { t('Favourites') }
-                        </ServiceTable.Caption>
-                        <ServiceTable.Head>
-                            <ServiceTable.Row>
-                                <ServiceTable.Header align="left" width="20%">
-                                    { t('App') }
-                                </ServiceTable.Header>
-                                <ServiceTable.Header align="left" width="60%">
-                                    { t('Item') }
-                                </ServiceTable.Header>
-                                <ServiceTable.Header align="center" width="10%">
-                                    { t('Copy Link') }
-                                </ServiceTable.Header>
-                                <ServiceTable.Header align="center" width="10%">
-                                    { t('Remove') }
-                                </ServiceTable.Header>
-                            </ServiceTable.Row>
-                        </ServiceTable.Head>
-                        <ServiceTable.Body>
-                            { favourite.map(favouriteSpace => {
-                                const favouriteObject = matrix.rooms.get(favouriteSpace) || matrix.spaces.get(favouriteSpace);
-
-                                if (!favouriteObject) return;
-
-                                return <Favourite
+
+            {!_.isEmpty(favourite) && (
+                <ServiceTable>
+                    <ServiceTable.Caption>{t('Favourites')}</ServiceTable.Caption>
+                    <ServiceTable.Head>
+                        <ServiceTable.Row>
+                            <ServiceTable.Header align="left" width="20%">
+                                {t('App')}
+                            </ServiceTable.Header>
+                            <ServiceTable.Header align="left" width="60%">
+                                {t('Item')}
+                            </ServiceTable.Header>
+                            <ServiceTable.Header align="center" width="10%">
+                                {t('Copy Link')}
+                            </ServiceTable.Header>
+                            <ServiceTable.Header align="center" width="10%">
+                                {t('Remove')}
+                            </ServiceTable.Header>
+                        </ServiceTable.Row>
+                    </ServiceTable.Head>
+                    <ServiceTable.Body>
+                        {favourite.map((favouriteSpace) => {
+                            const favouriteObject = matrix.rooms.get(favouriteSpace) || matrix.spaces.get(favouriteSpace);
+
+                            if (!favouriteObject) return;
+
+                            return (
+                                <Favourite
                                     key={favouriteSpace}
                                     metaEvent={favouriteObject.meta}
                                     roomId={favouriteSpace}
                                     name={favouriteObject.name}
-                                />;
-                            }) }
-                        </ServiceTable.Body>
-                    </ServiceTable>
-
-            }
+                                />
+                            );
+                        })}
+                    </ServiceTable.Body>
+                </ServiceTable>
+            )}
         </DefaultLayout.LameColumn>
     );
 }

From 4f17de866a0c681592791a4ae513f296c5bf5a13 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Wed, 27 Mar 2024 10:58:17 +0100
Subject: [PATCH 675/714] style: vertically align lock icon in explore table

---
 pages/explore/TreeLeaves.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/explore/TreeLeaves.js b/pages/explore/TreeLeaves.js
index a5efebb8..a92cb69b 100644
--- a/pages/explore/TreeLeaves.js
+++ b/pages/explore/TreeLeaves.js
@@ -96,7 +96,7 @@ const TreeLeaves = ({ row, parentName, selectedRoomId, isFetchingContent, small,
 
                 return (
                     <TableCell className="flex items-center justify-between gap-2" key={cell.id}>
-                        <div className="flex gap-2">
+                        <div className="flex items-center gap-2">
                             {flexRender(cell.column.columnDef.cell, cell.getContext())}
                             {isPasswordProtected && (
                                 <Icon className="text-muted-foreground">

From e649f304b0af8b2e5e7f054605dd8ecc8a56f9e2 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Wed, 27 Mar 2024 11:10:36 +0100
Subject: [PATCH 676/714] draft: maybe fix avatar placeholder on ios safari

---
 components/UI/ImageUpload.js | 2 ++
 pages/account.js             | 2 ++
 2 files changed, 4 insertions(+)

diff --git a/components/UI/ImageUpload.js b/components/UI/ImageUpload.js
index fba0f181..283e5157 100644
--- a/components/UI/ImageUpload.js
+++ b/components/UI/ImageUpload.js
@@ -14,8 +14,10 @@ const AvatarSection = styled.div`
 
 const Avatar = styled.img`
     &.placeholder {
+        -webkit-backdrop-filter: invert(100%);
         backdrop-filter: invert(100%);
         height: 6rem;
+        width: 6rem;
     }
 `;
 
diff --git a/pages/account.js b/pages/account.js
index dfe59e05..5c77629e 100644
--- a/pages/account.js
+++ b/pages/account.js
@@ -39,8 +39,10 @@ const AvatarSection = styled.div`
 
 const Avatar = styled.img`
     &.placeholder {
+        -webkit-backdrop-filter: invert(100%);
         backdrop-filter: invert(100%);
         height: 6rem;
+        width: 6rem;
     }
 `;
 

From 3bc9f1f3870e55d000094d4edd6885a2b717ebd9 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Wed, 27 Mar 2024 11:54:16 +0100
Subject: [PATCH 677/714] feat: add notification bubble icon to nav toggle

---
 components/layouts/_base.js | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/components/layouts/_base.js b/components/layouts/_base.js
index 990342ab..72add129 100644
--- a/components/layouts/_base.js
+++ b/components/layouts/_base.js
@@ -1,12 +1,13 @@
-import { styled } from 'styled-components';
 import getConfig from 'next/config';
 import { useState } from 'react';
-import { RiCloseLine, RiMenuLine } from '@remixicon/react';
+import { styled } from 'styled-components';
+import { RiCircleFill, RiCloseLine, RiMenuLine } from '@remixicon/react';
 
+import { useMatrix } from '@/lib/Matrix';
+import { breakpoints } from '../_breakpoints';
 import Icon from '../UI/Icon';
 import NavigationMenu from './partials/navigation';
 import LanguageChooser from './partials/languageChooser';
-import { breakpoints } from '../_breakpoints';
 
 const Wrapper = styled.div`
     display: flex;
@@ -114,6 +115,7 @@ const Copyleft = styled.span`
 `;
 
 export default function BaseLayout({ children }) {
+    const matrix = useMatrix();
     const [isNavigationOpen, setIsNavigationOpen] = useState(false);
 
     return (
@@ -139,6 +141,9 @@ export default function BaseLayout({ children }) {
                         >
                             <Icon>
                                 <RiMenuLine />
+                                {(matrix.invites.size > 0 || matrix.knockingMembers.size > 0) && (
+                                    <RiCircleFill className="!h-[55%] !w-[55%] translate-x-[calc(var(--icon-size)*0.55)] translate-y-[calc(var(--icon-size)*-1.1)] border-[1px] border-[var(--color-background-beta)] bg-[var(--color-background-beta)] text-accent" />
+                                )}
                             </Icon>
                         </ToggleButton>
                     )}

From 0458f2371e10a5db8d05433be0832655067839c7 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Wed, 27 Mar 2024 13:16:20 +0100
Subject: [PATCH 678/714] chore: use new notification bubble approach in nav

---
 components/layouts/partials/navigation.js | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/components/layouts/partials/navigation.js b/components/layouts/partials/navigation.js
index 79050f6c..f16b43b8 100644
--- a/components/layouts/partials/navigation.js
+++ b/components/layouts/partials/navigation.js
@@ -1,11 +1,11 @@
 import getConfig from 'next/config';
 import { default as NextLink } from 'next/link';
 import { styled } from 'styled-components';
+import { RiCircleFill } from '@remixicon/react';
 
-import { breakpoints } from '../../_breakpoints';
-import NotificationBubble from '../../UI/NotificationBubble';
 import { useAuth } from '@/lib/Auth';
 import { useMatrix } from '@/lib/Matrix';
+import { breakpoints } from '../../_breakpoints';
 
 const List = styled.ul`
     padding: 0;
@@ -56,7 +56,10 @@ export default function Navigation({ closeNavigation }) {
             <List>
                 <li>
                     <Link href="/dashboard">
-                        /dashboard{(matrix.invites.size > 0 || matrix.knockingMembers.size > 0) && <NotificationBubble />}
+                        /dashboard
+                        {(matrix.invites.size > 0 || matrix.knockingMembers.size > 0) && (
+                            <RiCircleFill className="inline !h-[0.7rem] !w-[0.7rem] translate-y-[calc(var(--icon-size)*-0.3)] border-[1px] border-[var(--color-background-beta)] text-accent" />
+                        )}
                     </Link>
                 </li>
                 <li>

From 3399474a71e50ca85580e85c340f02703cebaac4 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Wed, 27 Mar 2024 13:16:48 +0100
Subject: [PATCH 679/714] chore: adapt new notification bubble style/sizing

---
 components/layouts/_base.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/layouts/_base.js b/components/layouts/_base.js
index 72add129..af1721bf 100644
--- a/components/layouts/_base.js
+++ b/components/layouts/_base.js
@@ -142,7 +142,7 @@ export default function BaseLayout({ children }) {
                             <Icon>
                                 <RiMenuLine />
                                 {(matrix.invites.size > 0 || matrix.knockingMembers.size > 0) && (
-                                    <RiCircleFill className="!h-[55%] !w-[55%] translate-x-[calc(var(--icon-size)*0.55)] translate-y-[calc(var(--icon-size)*-1.1)] border-[1px] border-[var(--color-background-beta)] bg-[var(--color-background-beta)] text-accent" />
+                                    <RiCircleFill className="!h-[0.7rem] !w-[0.7rem] translate-x-[calc(var(--icon-size)*0.55)] translate-y-[calc(var(--icon-size)*-1.1)] border-[1px] border-[var(--color-background-beta)] bg-[var(--color-background-beta)] text-accent" />
                                 )}
                             </Icon>
                         </ToggleButton>

From fb24102246af042acd5b3ce4695e77fda8b8ea85 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Wed, 27 Mar 2024 13:17:17 +0100
Subject: [PATCH 680/714] chore: format via prettier

---
 components/layouts/partials/navigation.js | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/components/layouts/partials/navigation.js b/components/layouts/partials/navigation.js
index f16b43b8..cfa25c96 100644
--- a/components/layouts/partials/navigation.js
+++ b/components/layouts/partials/navigation.js
@@ -65,9 +65,11 @@ export default function Navigation({ closeNavigation }) {
                 <li>
                     <Link href="/account">/account</Link>
                 </li>
-                { getConfig().publicRuntimeConfig.contextRootSpaceRoomId && <li>
-                    <Link href={`/explore/${getConfig().publicRuntimeConfig.contextRootSpaceRoomId}`}>/explore</Link>
-                </li> }
+                {getConfig().publicRuntimeConfig.contextRootSpaceRoomId && (
+                    <li>
+                        <Link href={`/explore/${getConfig().publicRuntimeConfig.contextRootSpaceRoomId}`}>/explore</Link>
+                    </li>
+                )}
             </List>
             <List>
                 <li>
@@ -79,12 +81,12 @@ export default function Navigation({ closeNavigation }) {
                     if (authProvider === 'matrix') return null;
                     const path = getConfig().publicRuntimeConfig.authProviders[authProvider].path || authProvider;
 
-                    return <li key={path}>
-                        <Link href={path}>
-                            {path}
-                        </Link>
-                    </li>;
-                }) }
+                    return (
+                        <li key={path}>
+                            <Link href={path}>{path}</Link>
+                        </li>
+                    );
+                })}
             </List>
             <List>
                 <li>

From e64a885bf4a9394a46b6cc6227b591b0edd55995 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 27 Mar 2024 13:41:09 +0100
Subject: [PATCH 681/714] fix: close dropdown menu when content was loaded

---
 pages/explore/TreePath.js | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/pages/explore/TreePath.js b/pages/explore/TreePath.js
index c2e1c359..2ebba116 100644
--- a/pages/explore/TreePath.js
+++ b/pages/explore/TreePath.js
@@ -31,7 +31,11 @@ const TreePath = ({ selectedSpaceChildren }) => {
 
                                             if (index < selectedSpaceChildren.length - 1) {
                                                 return (
-                                                    <DropdownMenuItem key={index} className="grid w-full grid-flow-col justify-start gap-2">
+                                                    <DropdownMenuItem
+                                                        key={index}
+                                                        asChild
+                                                        className="grid w-full grid-flow-col justify-start gap-2"
+                                                    >
                                                         <Link href={`/explore/${roomId}`}>{path[0].name}</Link>
                                                     </DropdownMenuItem>
                                                 );

From 308f9b017ddfff7b78be35d94d55c9419ec455ec Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Wed, 27 Mar 2024 15:47:05 +0100
Subject: [PATCH 682/714] chore: remove old comment

---
 pages/explore/manage-room/UserManagement.js | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/pages/explore/manage-room/UserManagement.js b/pages/explore/manage-room/UserManagement.js
index c683a809..35951114 100644
--- a/pages/explore/manage-room/UserManagement.js
+++ b/pages/explore/manage-room/UserManagement.js
@@ -57,10 +57,6 @@ const UserManagement = ({ roomId, roomName, myPowerLevel }) => {
 
     return (
         <>
-            {/*
-            @TODO: first line of tab content are not on same height;
-            @TODO: remove caption? negative margin for caption/table?
-            */}
             <ServiceTable>
                 <ServiceTable.Caption>{t('All members of {{room}}', { room: roomName })}</ServiceTable.Caption>
                 <ServiceTable.Head>

From 48ea80ea044360378491b9147121fcecd6588d4d Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Wed, 27 Mar 2024 15:47:38 +0100
Subject: [PATCH 683/714] style: wrap service table in div for overflow-x

---
 pages/explore/manage-room/UserManagement.js | 72 ++++++++++++---------
 1 file changed, 40 insertions(+), 32 deletions(-)

diff --git a/pages/explore/manage-room/UserManagement.js b/pages/explore/manage-room/UserManagement.js
index 35951114..081ac8ce 100644
--- a/pages/explore/manage-room/UserManagement.js
+++ b/pages/explore/manage-room/UserManagement.js
@@ -57,39 +57,47 @@ const UserManagement = ({ roomId, roomName, myPowerLevel }) => {
 
     return (
         <>
-            <ServiceTable>
-                <ServiceTable.Caption>{t('All members of {{room}}', { room: roomName })}</ServiceTable.Caption>
-                <ServiceTable.Head>
-                    <ServiceTable.Row>
-                        <ServiceTable.Header align="left">{t('Name')}</ServiceTable.Header>
-                        <ServiceTable.Header align="left">{t('User ID')}</ServiceTable.Header>
-                        <ServiceTable.Header align="left">{t('Role')}</ServiceTable.Header>
-                        <ServiceTable.Header>{t('Kick')}</ServiceTable.Header>
-                    </ServiceTable.Row>
-                </ServiceTable.Head>
-                <ServiceTable.Body>
-                    {currentMembers.map((member) => {
-                        // users who once joined the room but left the room already are still listed in the members object
-                        // therefore we need to filter them
-                        if (member.membership === 'leave') return null;
-                        // we don't want to display the currently logged in user
-                        // if (member.userId === selfObject.userId) return null;
+            {/* @NOTE: using h3 here instead of ServiceTable.Caption due to horizontal scrolling skill issues */}
+            <h3 className="flex h-[calc(3rem+1px)] items-center border-t border-muted-foreground/20 font-medium text-muted-foreground">
+                {t('All members of {{room}}', { room: roomName })}
+            </h3>
+            <div className="overflow-auto">
+                <ServiceTable>
+                    {/*
+                    <ServiceTable.Caption>{t('All members of {{room}}', { room: roomName })}</ServiceTable.Caption>
+                    */}
+                    <ServiceTable.Head>
+                        <ServiceTable.Row>
+                            <ServiceTable.Header align="left">{t('Name')}</ServiceTable.Header>
+                            <ServiceTable.Header align="left">{t('User ID')}</ServiceTable.Header>
+                            <ServiceTable.Header align="left">{t('Role')}</ServiceTable.Header>
+                            <ServiceTable.Header>{t('Kick')}</ServiceTable.Header>
+                        </ServiceTable.Row>
+                    </ServiceTable.Head>
+                    <ServiceTable.Body>
+                        {currentMembers.map((member) => {
+                            // users who once joined the room but left the room already are still listed in the members object
+                            // therefore we need to filter them
+                            if (member.membership === 'leave') return null;
+                            // we don't want to display the currently logged in user
+                            // if (member.userId === selfObject.userId) return null;
 
-                        return (
-                            <UserTableRow
-                                key={member.userId}
-                                displayName={member.name}
-                                userId={member.userId}
-                                roomName={roomName}
-                                powerLevel={member.powerLevel}
-                                selfPowerLevel={selfObject.powerLevel}
-                                handleKick={handleKick}
-                                changePowerLevel={changePowerLevel}
-                            />
-                        );
-                    })}
-                </ServiceTable.Body>
-            </ServiceTable>
+                            return (
+                                <UserTableRow
+                                    key={member.userId}
+                                    displayName={member.name}
+                                    userId={member.userId}
+                                    roomName={roomName}
+                                    powerLevel={member.powerLevel}
+                                    selfPowerLevel={selfObject.powerLevel}
+                                    handleKick={handleKick}
+                                    changePowerLevel={changePowerLevel}
+                                />
+                            );
+                        })}
+                    </ServiceTable.Body>
+                </ServiceTable>
+            </div>
             {matrixClient.getRoom(roomId)?.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel) && (
                 <>
                     <InviteUserToMatrixRoom

From 1959e986670e461c54079d8fe50e765576c049be Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Wed, 27 Mar 2024 15:48:11 +0100
Subject: [PATCH 684/714] style: sticky-bottom invite users button

---
 pages/explore/manage-room/UserManagement.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/pages/explore/manage-room/UserManagement.js b/pages/explore/manage-room/UserManagement.js
index 081ac8ce..0d4e9222 100644
--- a/pages/explore/manage-room/UserManagement.js
+++ b/pages/explore/manage-room/UserManagement.js
@@ -99,7 +99,7 @@ const UserManagement = ({ roomId, roomName, myPowerLevel }) => {
                 </ServiceTable>
             </div>
             {matrixClient.getRoom(roomId)?.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel) && (
-                <>
+                <div className="sticky bottom-0 flex w-full items-center space-x-2 bg-background shadow-[0px_-1px_0px_0px_hsl(var(--muted-foreground)_/_0.2)]">
                     <InviteUserToMatrixRoom
                         roomId={roomId}
                         trigger={
@@ -111,7 +111,7 @@ const UserManagement = ({ roomId, roomName, myPowerLevel }) => {
                             </Button>
                         }
                     />
-                </>
+                </div>
             )}
             {errorMessage && <ErrorMessage>{errorMessage}</ErrorMessage>}
         </>

From 44646d752c0491cafbae4c0f50e389fc550169ae Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Wed, 27 Mar 2024 15:49:43 +0100
Subject: [PATCH 685/714] style: wrap favourites table in div for overflow-x

---
 pages/dashboard/index.js | 72 +++++++++++++++++++++-------------------
 1 file changed, 37 insertions(+), 35 deletions(-)

diff --git a/pages/dashboard/index.js b/pages/dashboard/index.js
index 7483915b..0731ebe6 100644
--- a/pages/dashboard/index.js
+++ b/pages/dashboard/index.js
@@ -155,41 +155,43 @@ export default function Dashboard() {
             )}
 
             {!_.isEmpty(favourite) && (
-                <ServiceTable>
-                    <ServiceTable.Caption>{t('Favourites')}</ServiceTable.Caption>
-                    <ServiceTable.Head>
-                        <ServiceTable.Row>
-                            <ServiceTable.Header align="left" width="20%">
-                                {t('App')}
-                            </ServiceTable.Header>
-                            <ServiceTable.Header align="left" width="60%">
-                                {t('Item')}
-                            </ServiceTable.Header>
-                            <ServiceTable.Header align="center" width="10%">
-                                {t('Copy Link')}
-                            </ServiceTable.Header>
-                            <ServiceTable.Header align="center" width="10%">
-                                {t('Remove')}
-                            </ServiceTable.Header>
-                        </ServiceTable.Row>
-                    </ServiceTable.Head>
-                    <ServiceTable.Body>
-                        {favourite.map((favouriteSpace) => {
-                            const favouriteObject = matrix.rooms.get(favouriteSpace) || matrix.spaces.get(favouriteSpace);
-
-                            if (!favouriteObject) return;
-
-                            return (
-                                <Favourite
-                                    key={favouriteSpace}
-                                    metaEvent={favouriteObject.meta}
-                                    roomId={favouriteSpace}
-                                    name={favouriteObject.name}
-                                />
-                            );
-                        })}
-                    </ServiceTable.Body>
-                </ServiceTable>
+                <div className="overflow-auto">
+                    <ServiceTable>
+                        <ServiceTable.Caption>{t('Favourites')}</ServiceTable.Caption>
+                        <ServiceTable.Head>
+                            <ServiceTable.Row>
+                                <ServiceTable.Header align="left" width="20%">
+                                    {t('App')}
+                                </ServiceTable.Header>
+                                <ServiceTable.Header align="left" width="60%">
+                                    {t('Item')}
+                                </ServiceTable.Header>
+                                <ServiceTable.Header align="center" width="10%">
+                                    {t('Copy Link')}
+                                </ServiceTable.Header>
+                                <ServiceTable.Header align="center" width="10%">
+                                    {t('Remove')}
+                                </ServiceTable.Header>
+                            </ServiceTable.Row>
+                        </ServiceTable.Head>
+                        <ServiceTable.Body>
+                            {favourite.map((favouriteSpace) => {
+                                const favouriteObject = matrix.rooms.get(favouriteSpace) || matrix.spaces.get(favouriteSpace);
+
+                                if (!favouriteObject) return;
+
+                                return (
+                                    <Favourite
+                                        key={favouriteSpace}
+                                        metaEvent={favouriteObject.meta}
+                                        roomId={favouriteSpace}
+                                        name={favouriteObject.name}
+                                    />
+                                );
+                            })}
+                        </ServiceTable.Body>
+                    </ServiceTable>
+                </div>
             )}
         </DefaultLayout.LameColumn>
     );

From 1c74c8b576afc7c2f28c62738509338358dffe68 Mon Sep 17 00:00:00 2001
From: Marcel <79279756+aofn@users.noreply.github.com>
Date: Wed, 27 Mar 2024 17:05:52 +0100
Subject: [PATCH 686/714] refactor: ake sure QuickAddExplore is onky displayed
 after loading is done

---
 pages/explore/[[...roomId]].js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 79355ea7..039987f8 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -386,7 +386,7 @@ export default function Explore() {
                                             </Table>
                                         )}
 
-                                        {canAddMoreContent && (
+                                        {canAddMoreContent && progress === 0 && (
                                             <div className="sticky bottom-0 flex w-full items-center space-x-2 bg-background shadow-[0px_-1px_0px_0px_hsl(var(--muted-foreground)_/_0.2)]">
                                                 <QuickAddExplore
                                                     currentId={roomId}

From 1029915cedde34d9c5089a619b166fa3888d3fc2 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Thu, 28 Mar 2024 11:26:51 +0100
Subject: [PATCH 687/714] chore: remove heading in members tab

---
 pages/explore/manage-room/UserManagement.js | 9 +--------
 public/locales/de/explore.json              | 1 -
 2 files changed, 1 insertion(+), 9 deletions(-)

diff --git a/pages/explore/manage-room/UserManagement.js b/pages/explore/manage-room/UserManagement.js
index 0d4e9222..054fddef 100644
--- a/pages/explore/manage-room/UserManagement.js
+++ b/pages/explore/manage-room/UserManagement.js
@@ -57,16 +57,9 @@ const UserManagement = ({ roomId, roomName, myPowerLevel }) => {
 
     return (
         <>
-            {/* @NOTE: using h3 here instead of ServiceTable.Caption due to horizontal scrolling skill issues */}
-            <h3 className="flex h-[calc(3rem+1px)] items-center border-t border-muted-foreground/20 font-medium text-muted-foreground">
-                {t('All members of {{room}}', { room: roomName })}
-            </h3>
             <div className="overflow-auto">
                 <ServiceTable>
-                    {/*
-                    <ServiceTable.Caption>{t('All members of {{room}}', { room: roomName })}</ServiceTable.Caption>
-                    */}
-                    <ServiceTable.Head>
+                    <ServiceTable.Head className="[&_th]:font-medium text-muted-foreground">
                         <ServiceTable.Row>
                             <ServiceTable.Header align="left">{t('Name')}</ServiceTable.Header>
                             <ServiceTable.Header align="left">{t('User ID')}</ServiceTable.Header>
diff --git a/public/locales/de/explore.json b/public/locales/de/explore.json
index c7a4dd4f..8822f12d 100644
--- a/public/locales/de/explore.json
+++ b/public/locales/de/explore.json
@@ -8,7 +8,6 @@
     "Add more to {{name}}": "Mehr hinzufügen zu {{name}}",
     "Add {{selectedContextName}} to {{parentName}}?": "{{selectedContextName}} zu {{parentName}} hinzugefügen?",
     "Advanced": "Erweitert",
-    "All members of {{room}}": "Alle Mitglieder von {{room}}",
     "Announcement rooms are for important announcements. Anyone can join them, in order to receive notifications. They are read-only for most members unless they were explicitly promoted to \"moderator\". You can think of announcement rooms as a newsletter or a bulletin board.": "Announcement Räume sind für wichtige Ankündigungen. Jeder kann ihnen beitreten, um Benachrichtigungen zu erhalten. Sie sind für die meisten Mitglieder schreibgeschützt, es sei denn, sie wurden ausdrücklich zum \"Moderator\" befördert. Du kannst dir Announcement Räume als Newsletter oder schwarzes Brett vorstellen.",
     "Change Join Rule for": "Beitrittsregel ändern für",
     "Chat rooms are for conversations and discussions. By default they are open to anyone who has already joined the parent space. Members can participate.": "Chat Räume sind für Gespräche und Diskussionen. Standardmäßig sind sie für jeden offen, der dem übergeordneten Raum bereits beigetreten ist. Mitglieder können teilnehmen.",

From 083e2c704d3acc3a0943e121248f632b77d2159d Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Wed, 3 Apr 2024 13:33:06 +0200
Subject: [PATCH 688/714] draft: revert breaking ChatIframeView changes

- medienhaus/medienhaus-spaces@fd86991b451b3f18890faa5e5a136b2324bd2144
- medienhaus/medienhaus-spaces@3a19e8fd00b477582df53181dcdba34450233e2d
---
 pages/chat/ChatIframeView.js | 86 +++++++++++++++++-------------------
 1 file changed, 41 insertions(+), 45 deletions(-)

diff --git a/pages/chat/ChatIframeView.js b/pages/chat/ChatIframeView.js
index 13b1b73e..6b7e179a 100644
--- a/pages/chat/ChatIframeView.js
+++ b/pages/chat/ChatIframeView.js
@@ -9,9 +9,8 @@ import { InviteUserToMatrixRoom } from '@/components/UI/InviteUsersToMatrixRoom'
 import CopyToClipboard from '@/components/UI/CopyToClipboard';
 import TextButton from '@/components/UI/TextButton';
 import Icon from '@/components/UI/Icon';
-import IframeSidebar from '../explore/IframeSidebar';
 
-const ChatIframeView = ({ src, roomId, title, selectedSpaceChildren, breadcrumbs }) => {
+const ChatIframeView = ({ src, roomId, title }) => {
     const iframe = useRef();
     const matrix = useMatrix();
     const router = useRouter();
@@ -140,50 +139,47 @@ const ChatIframeView = ({ src, roomId, title, selectedSpaceChildren, breadcrumbs
 
     return (
         <>
-            <DefaultLayout.Sidebar>
-                <IframeSidebar breadcrumbs={breadcrumbs} selectedSpaceChildren={selectedSpaceChildren} />
-            </DefaultLayout.Sidebar>
-            <DefaultLayout.IframeWrapper>
-                <DefaultLayout.IframeHeader>
-                    <h3 className="overflow-hidden text-ellipsis whitespace-nowrap">{title}</h3>
-                    <DefaultLayout.IframeHeaderButtonWrapper>
-                        {matrix?.rooms?.get(roomId) && (
-                            <>
-                                <InviteUserToMatrixRoom
-                                    roomId={roomId}
-                                    trigger={
-                                        <TextButton title={t('Invite users to {{name}}', { name: matrix.rooms.get(roomId).name })}>
-                                            <Icon>
-                                                <RiUserAddLine />
-                                            </Icon>
-                                        </TextButton>
-                                    }
-                                />
-                                <CopyToClipboard
-                                    title={t('Copy chat link to clipboard')}
-                                    content={window.location.origin + '/chat/' + roomId}
-                                />
-                                <TextButton title={t('Leave chat')} onClick={leaveRoom}>
-                                    <Icon>
-                                        <RiDoorOpenLine />
-                                    </Icon>
-                                </TextButton>
-                                <TextButton title={t('Call')} onClick={toggleCall}>
-                                    <Icon>
-                                        <RiPhoneLine />
-                                    </Icon>
-                                </TextButton>
-                                <TextButton title={t('Threads')} onClick={toggleThreads}>
-                                    <Icon>
-                                        <RiSidebarFoldLine />
-                                    </Icon>
-                                </TextButton>
-                            </>
-                        )}
-                    </DefaultLayout.IframeHeaderButtonWrapper>
-                </DefaultLayout.IframeHeader>
+            <DefaultLayout.IframeHeader>
+                {title}
+                <DefaultLayout.IframeHeaderButtonWrapper>
+                    {matrix?.rooms?.get(roomId) && (
+                        <>
+                            <InviteUserToMatrixRoom
+                                roomId={roomId}
+                                trigger={
+                                    <TextButton title={t('Invite users to {{name}}', { name: matrix.rooms.get(roomId).name })}>
+                                        <Icon>
+                                            <RiUserAddLine />
+                                        </Icon>
+                                    </TextButton>
+                                }
+                            />
+                            <CopyToClipboard
+                                title={t('Copy chat link to clipboard')}
+                                content={window.location.origin + '/chat/' + roomId}
+                            />
+                            <TextButton title={t('Leave chat')} onClick={leaveRoom}>
+                                <Icon>
+                                    <RiDoorOpenLine />
+                                </Icon>
+                            </TextButton>
+                            <TextButton title={t('Call')} onClick={toggleCall}>
+                                <Icon>
+                                    <RiPhoneLine />
+                                </Icon>
+                            </TextButton>
+                            <TextButton title={t('Threads')} onClick={toggleThreads}>
+                                <Icon>
+                                    <RiSidebarFoldLine />
+                                </Icon>
+                            </TextButton>
+                        </>
+                    )}
+                </DefaultLayout.IframeHeaderButtonWrapper>
+            </DefaultLayout.IframeHeader>
+            <DefaultLayout.ExploreWrapper>
                 <iframe ref={iframe} title="/chat" src={src} />
-            </DefaultLayout.IframeWrapper>
+            </DefaultLayout.ExploreWrapper>
         </>
     );
 };

From b64d90246e8c7d58ad59739bdde77da2ebd8a771 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Wed, 3 Apr 2024 13:35:42 +0200
Subject: [PATCH 689/714] draft: add separate ExploreChatView for /explore

---
 pages/explore/ExploreChatView.js    | 191 ++++++++++++++++++++++++++++
 pages/explore/ExploreIframeViews.js |   4 +-
 2 files changed, 193 insertions(+), 2 deletions(-)
 create mode 100644 pages/explore/ExploreChatView.js

diff --git a/pages/explore/ExploreChatView.js b/pages/explore/ExploreChatView.js
new file mode 100644
index 00000000..13b1b73e
--- /dev/null
+++ b/pages/explore/ExploreChatView.js
@@ -0,0 +1,191 @@
+import React, { useEffect, useRef } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useRouter } from 'next/router';
+import { RiDoorOpenLine, RiPhoneLine, RiSidebarFoldLine, RiUserAddLine } from '@remixicon/react';
+
+import { useMatrix } from '@/lib/Matrix';
+import DefaultLayout from '@/components/layouts/default';
+import { InviteUserToMatrixRoom } from '@/components/UI/InviteUsersToMatrixRoom';
+import CopyToClipboard from '@/components/UI/CopyToClipboard';
+import TextButton from '@/components/UI/TextButton';
+import Icon from '@/components/UI/Icon';
+import IframeSidebar from '../explore/IframeSidebar';
+
+const ChatIframeView = ({ src, roomId, title, selectedSpaceChildren, breadcrumbs }) => {
+    const iframe = useRef();
+    const matrix = useMatrix();
+    const router = useRouter();
+    const { t } = useTranslation('chat');
+
+    // Injecting custom CSS into the Element <iframe>
+    useEffect(() => {
+        const iframeReference = iframe.current;
+        if (!iframeReference) return;
+
+        const injectCss = () => {
+            const styleTag = document.createElement('style');
+            const styleContent = document.createTextNode(`
+                * {
+                    --margin: 1rem;
+
+                    --cpd-color-theme-bg: rgb(255 255 255) !important;
+                    --cpd-avatar-bg: #000000 !important;
+                    --cpd-avatar-color: #ffffff !important;
+                    --cpd-color-text-action-accent: #000 !important;
+                    --cpd-color-bg-subtle-secondary: hsl(0deg 0% 94%) !important;
+                    --color-foreground-alpha: rgb(0 0 0 / 5%);
+
+                    border-radius: 4px !important;
+                }
+
+                /* Unset the border-radius override from above for certain elements again */
+                #matrixchat, .mx_RoomView_wrapper { border-radius: 0 !important; }
+                .mx_RoomHeader { border-radius: 0 !important; }
+                .mx_RoomHeader .mx_FacePile .mx_BaseAvatar { border-radius: 50% !important; }
+                .mx_RoomKnocksBar { border-radius: 0 !important; }
+                div[class^="_container_"] > div[class^="_ui_"] { border-radius: 9999px !important; }
+
+                @media (prefers-color-scheme: dark) {
+                    * {
+                        --cpd-color-theme-bg: hsl(0deg 0% 8%) !important;
+                        --cpd-avatar-bg: #ffffff !important;
+                        --cpd-avatar-color: #000000 !important;
+                        --cpd-color-text-action-accent: #fff !important;
+                        --cpd-color-bg-subtle-secondary: hsl(0deg 0% 0%) !important;
+                        --color-foreground-alpha: rgb(255 255 255 / 7%);
+                    }
+
+                   .mx_HomePage_button_createGroup, .mx_HomePage_button_sendDm, .mx_AccessibleButton.mx_AccessibleButton_kind_icon_primary, .mx_AccessibleButton.mx_AccessibleButton_kind_primary {
+                        background-color: #ffffff !important;
+                        color: #000000 !important;
+                    }
+
+                   .mx_HomePage_button_createGroup.mx_AccessibleButton::before,
+                   .mx_HomePage_button_sendDm.mx_AccessibleButton::before {
+                        background-color: #000 !important;
+                   }
+
+                  .mx_Dialog_primary {
+                        color: #000000 !important;
+                  }
+                }
+
+                /* Hide the left sidebar and that drag-to-resize thingy */
+                .mx_LeftPanel_outerWrapper, .mx_LeftPanel_outerWrapper + .mx_ResizeHandle { display: none; !important }
+                /* Hides the "Logout" button at the bottom of Element when loading for the first time */
+                .mx_MatrixChat_splashButtons { display: none; }
+                /* Hide the search bar buttons to only allow searching inside current room */
+                .mx_SearchBar_buttons { display: none !important; }
+                /* Hide the header of the chat */
+                .mx_RoomHeader { display: none; }
+                /* Give that bar to manage pending knocks our background-color */
+                /* Override all of the colorful usernames with the default text color */
+                .mx_EventTile .mx_DisambiguatedProfile > span { color: var(--cpd-color-text-primary) !important; }
+
+                @media (max-device-width: 1079px) {
+                    .mx_RoomHeader { padding: calc(var(--margin) * 0.75) var(--margin); border-bottom: 1px solid var(--color-foreground-alpha); }
+                }
+
+                @media (max-width: 1079px) {
+                    /* Make the "right panel" cover the full screen */
+                    .mx_RightPanel { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 999999; }
+
+                    /* More breathing room in the main timeline of a chat */
+                    .mx_RoomView_timeline_rr_enabled .mx_EventTile[data-layout=group] .mx_EventTile_line,
+                    .mx_RoomView_timeline_rr_enabled .mx_EventTile[data-layout=group] .mx_ThreadSummary,
+                    .mx_RoomView_timeline_rr_enabled .mx_EventTile[data-layout=group] .mx_ThreadSummary_icon { margin-right: unset; }
+
+                    /* Make all Element modal dialogs span across the whole screen; this also affects dialogs on the "new chat" home screen */
+                    .mx_Dialog { position: absolute; top: 0; left: 0; right: 0; bottom: 0; max-height: unset !important; border-radius: 0 !important; }
+                    .mx_Dialog_fixedWidth { width: 100% !important; max-width: unset !important; }
+                }
+
+                /**
+                 * ===================== Element Home Screen (the one we use to create new chats) =====================
+                 */
+                /* Don't display the "explore public rooms" button */
+                .mx_HomePage_button_explore { display: none !important }
+                .mx_HomePage_default_buttons { display: initial !important }
+                /* Don't display Element welcome message */
+                .mx_HomePage_default_wrapper > *:not(.mx_HomePage_default_buttons) { display: none }
+            `);
+            styleTag.appendChild(styleContent);
+            iframeReference.contentDocument.getElementsByTagName('html')[0].appendChild(styleTag);
+        };
+
+        iframeReference.addEventListener('load', injectCss);
+
+        return () => {
+            iframeReference && iframeReference.removeEventListener('load', injectCss);
+        };
+    }, []);
+
+    /**
+     * leave the given matrix room
+     */
+    const leaveRoom = async () => {
+        // Confirm if the user really wants to leave the matrixId
+        if (!confirm(t('Are you absolutely sure you want to leave this chatroom?'))) return;
+        await matrix.leaveRoom(roomId);
+        router.push('/chat');
+    };
+
+    const toggleCall = () => {
+        iframe.current.contentDocument.querySelector('header.mx_RoomHeader > div button:nth-child(1)').click();
+    };
+
+    const toggleThreads = () => {
+        iframe.current.contentDocument.querySelector('header.mx_RoomHeader > div button:nth-child(2)').click();
+    };
+
+    return (
+        <>
+            <DefaultLayout.Sidebar>
+                <IframeSidebar breadcrumbs={breadcrumbs} selectedSpaceChildren={selectedSpaceChildren} />
+            </DefaultLayout.Sidebar>
+            <DefaultLayout.IframeWrapper>
+                <DefaultLayout.IframeHeader>
+                    <h3 className="overflow-hidden text-ellipsis whitespace-nowrap">{title}</h3>
+                    <DefaultLayout.IframeHeaderButtonWrapper>
+                        {matrix?.rooms?.get(roomId) && (
+                            <>
+                                <InviteUserToMatrixRoom
+                                    roomId={roomId}
+                                    trigger={
+                                        <TextButton title={t('Invite users to {{name}}', { name: matrix.rooms.get(roomId).name })}>
+                                            <Icon>
+                                                <RiUserAddLine />
+                                            </Icon>
+                                        </TextButton>
+                                    }
+                                />
+                                <CopyToClipboard
+                                    title={t('Copy chat link to clipboard')}
+                                    content={window.location.origin + '/chat/' + roomId}
+                                />
+                                <TextButton title={t('Leave chat')} onClick={leaveRoom}>
+                                    <Icon>
+                                        <RiDoorOpenLine />
+                                    </Icon>
+                                </TextButton>
+                                <TextButton title={t('Call')} onClick={toggleCall}>
+                                    <Icon>
+                                        <RiPhoneLine />
+                                    </Icon>
+                                </TextButton>
+                                <TextButton title={t('Threads')} onClick={toggleThreads}>
+                                    <Icon>
+                                        <RiSidebarFoldLine />
+                                    </Icon>
+                                </TextButton>
+                            </>
+                        )}
+                    </DefaultLayout.IframeHeaderButtonWrapper>
+                </DefaultLayout.IframeHeader>
+                <iframe ref={iframe} title="/chat" src={src} />
+            </DefaultLayout.IframeWrapper>
+        </>
+    );
+};
+
+export default ChatIframeView;
diff --git a/pages/explore/ExploreIframeViews.js b/pages/explore/ExploreIframeViews.js
index cf8a6794..8b82ad01 100644
--- a/pages/explore/ExploreIframeViews.js
+++ b/pages/explore/ExploreIframeViews.js
@@ -2,7 +2,7 @@ import getConfig from 'next/config';
 import React, { useEffect, useState } from 'react';
 
 import ServiceIframeHeader from '../../components/UI/ServiceIframeHeader';
-import ChatIframeView from '../chat/ChatIframeView';
+import ExploreChatView from './ExploreChatView';
 import ProjectView from './ProjectView';
 import { useAuth } from '@/lib/Auth';
 import { useMatrix } from '@/lib/Matrix';
@@ -93,7 +93,7 @@ const ExploreIframeViews = ({
                 </>
             )}
             {!currentTemplate && (
-                <ChatIframeView
+                <ExploreChatView
                     breadcrumbs={breadcrumbs}
                     title={title}
                     src={`${getConfig().publicRuntimeConfig.chat.pathToElement}/#/room/${iframeRoomId}`}

From 01aa3cfdc8b8c54e83e1147af8b0f55ce3a9396c Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Mon, 8 Apr 2024 13:15:51 +0200
Subject: [PATCH 690/714] chore: remove obsolete comments

---
 pages/explore/[[...roomId]].js | 5 -----
 1 file changed, 5 deletions(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 039987f8..6e2f6e24 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -284,10 +284,6 @@ export default function Explore() {
                                 joinRule={selectedSpaceChildren[selectedSpaceChildren.length - 1][0].join_rule}
                             />
 
-                            {/*
-                                      @TODO: check this condition; is it really the same as for settings?
-                                      @NOTE: also see further below
-                                    */}
                             <Tabs
                                 className="w-full min-[767px]:overflow-auto [&>[role=tabpanel]]:pt-2"
                                 onValueChange={setActiveContentView}
@@ -397,7 +393,6 @@ export default function Explore() {
                                                         <Button
                                                             className="grid h-12 w-full grid-flow-col justify-between px-0 hover:text-accent"
                                                             variant="ghost"
-                                                            // onClick={() => setIsQuickAddOpen((prevState) => !prevState)}
                                                         >
                                                             {t('Add more …')}
                                                             <Icon>

From 5284563c7f56a6dfd6ddf3af226331a72c7221c3 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Mon, 8 Apr 2024 13:17:40 +0200
Subject: [PATCH 691/714] fix: display correct icons in context view

---
 pages/explore/[[...roomId]].js | 58 +++++++++++++++++++++++++++++++---
 1 file changed, 54 insertions(+), 4 deletions(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 6e2f6e24..51d1c5b3 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -196,10 +196,60 @@ export default function Explore() {
                 </Icon>
             ),
             cell: ({ row }) => {
-                const template = row.original?.meta?.template;
-                const type = row.original?.meta?.type;
-
-                return <Icon>{type === 'context' ? <RiFolderLine /> : !row.original?.meta ? <RiChat1Line /> : getIcon(template)}</Icon>;
+                // const template = row.original?.meta?.template;
+                // const type = row.original?.meta?.type;
+
+                // return <Icon>{type === 'context' ? <RiFolderLine /> : !row.original?.meta ? <RiChat1Line /> : getIcon(template)}</Icon>;
+
+                /* @NOTE: the following conditions are copy-pasted from pages/explore/IframeSidebar.js */
+
+                if (row.original?.meta?.template === 'etherpad') {
+                    return (
+                        <Icon>
+                            <RiEditLine />
+                        </Icon>
+                    );
+                }
+
+                if (row.original?.meta?.template === 'spacedeck') {
+                    return (
+                        <Icon>
+                            <RiBrush2Line />
+                        </Icon>
+                    );
+                }
+
+                if (row.original?.meta?.template === 'tldraw') {
+                    return (
+                        <Icon>
+                            <RiBrushLine />
+                        </Icon>
+                    );
+                }
+
+                if (row.original?.meta?.template === 'link') {
+                    return (
+                        <Icon>
+                            <RiLink />
+                        </Icon>
+                    );
+                }
+
+                if (row.original?.meta?.type === 'context') {
+                    return (
+                        <Icon>
+                            <RiFolderLine />
+                        </Icon>
+                    );
+                }
+
+                if (!row.original?.meta) {
+                    return (
+                        <Icon>
+                            <RiChat1Line />
+                        </Icon>
+                    );
+                }
             },
         },
         {

From 5d366e55f6fd094abfe2c435663f3140261d8d4c Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Mon, 8 Apr 2024 13:22:04 +0200
Subject: [PATCH 692/714] chore: comment now unused getIcon() function

---
 pages/explore/[[...roomId]].js | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 51d1c5b3..2a733312 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -177,14 +177,14 @@ export default function Explore() {
         return true;
     };
 
-    const getIcon = (template) => {
-        if (template === 'etherpad') return <RiEditLine />;
-        if (template === 'spacedeck') return <RiBrush2Line />;
-        if (template === 'tldraw') return <RiBrushLine />;
-        if (template === 'link') return <RiLink />;
-
-        return <RiFolderUnknowLine />;
-    };
+    // const getIcon = (template) => {
+    //     if (template === 'etherpad') return <RiEditLine />;
+    //     if (template === 'spacedeck') return <RiBrush2Line />;
+    //     if (template === 'tldraw') return <RiBrushLine />;
+    //     if (template === 'link') return <RiLink />;
+    //
+    //     return <RiFolderUnknowLine />;
+    // };
 
     const data = selectedSpaceChildren[selectedSpaceChildren.length - 1];
     const columns = [

From d7a6a3657c8bec709c67c426ccd1a7b09e537244 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Robert=20Schnu=CC=88ll?= <mail@robertschnuell.de>
Date: Mon, 8 Apr 2024 14:23:04 +0200
Subject: [PATCH 693/714] fixing the root of the error: link was created with
 type context instead of link

---
 pages/explore/manage-room/CreateLink.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/explore/manage-room/CreateLink.js b/pages/explore/manage-room/CreateLink.js
index bad8e31d..0cbfa5d4 100644
--- a/pages/explore/manage-room/CreateLink.js
+++ b/pages/explore/manage-room/CreateLink.js
@@ -37,7 +37,7 @@ const CreateLink = ({ currentId, onCancel, getSpaceChildren, onPreviousAction })
 
         // create the new context space
         const createNewLink = await matrix
-            .createRoom(name, false, '', 'public', 'context', 'link', currentId, 'public', 'world_readable')
+            .createRoom(name, false, '', 'public', 'item', 'link', currentId, 'public', 'world_readable')
             .catch(async (err) => {
                 setErrorMessage(err.message);
             });

From 8b8be3fcb2d8d897bb4e55d0ae96bc1cd85f7141 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Robert=20Schnu=CC=88ll?= <mail@robertschnuell.de>
Date: Mon, 8 Apr 2024 14:24:51 +0200
Subject: [PATCH 694/714] removing unused commented out code

---
 pages/explore/[[...roomId]].js | 14 --------------
 1 file changed, 14 deletions(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 2a733312..9e6d4131 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -177,15 +177,6 @@ export default function Explore() {
         return true;
     };
 
-    // const getIcon = (template) => {
-    //     if (template === 'etherpad') return <RiEditLine />;
-    //     if (template === 'spacedeck') return <RiBrush2Line />;
-    //     if (template === 'tldraw') return <RiBrushLine />;
-    //     if (template === 'link') return <RiLink />;
-    //
-    //     return <RiFolderUnknowLine />;
-    // };
-
     const data = selectedSpaceChildren[selectedSpaceChildren.length - 1];
     const columns = [
         {
@@ -196,11 +187,6 @@ export default function Explore() {
                 </Icon>
             ),
             cell: ({ row }) => {
-                // const template = row.original?.meta?.template;
-                // const type = row.original?.meta?.type;
-
-                // return <Icon>{type === 'context' ? <RiFolderLine /> : !row.original?.meta ? <RiChat1Line /> : getIcon(template)}</Icon>;
-
                 /* @NOTE: the following conditions are copy-pasted from pages/explore/IframeSidebar.js */
 
                 if (row.original?.meta?.template === 'etherpad') {

From 4e340df11ce1156e224d8928bad6b2b74705b29c Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Wed, 10 Apr 2024 16:03:15 +0200
Subject: [PATCH 695/714] style: fix sizing of icon button loading spinner

---
 components/UI/KnockOnMatrixRoom.js | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/components/UI/KnockOnMatrixRoom.js b/components/UI/KnockOnMatrixRoom.js
index fa30d25c..040c690a 100644
--- a/components/UI/KnockOnMatrixRoom.js
+++ b/components/UI/KnockOnMatrixRoom.js
@@ -5,9 +5,9 @@ import { RiCheckLine, RiDoorClosedLine } from '@remixicon/react';
 
 import Icon from './Icon';
 import TextButton from './TextButton';
-import LoadingSpinnerInline from './LoadingSpinnerInline';
 import { useAuth } from '@/lib/Auth';
 import logger from '../../lib/Logging';
+import LoadingSpinner from './LoadingSpinner';
 
 const KnockOnMatrixRoom = ({ roomName, roomId }) => {
     const [isKnocking, setIsKnocking] = useState(false);
@@ -72,7 +72,13 @@ const KnockOnMatrixRoom = ({ roomName, roomId }) => {
             onClick={requestAccess}
             disabled={membership === 'knock'}
         >
-            {isKnocking ? <LoadingSpinnerInline /> : <Icon>{wasSuccessful ? <RiCheckLine /> : <RiDoorClosedLine />}</Icon>}
+            {isKnocking ? (
+                <Icon>
+                    <LoadingSpinner className="mx-auto max-h-[16px] max-w-[16px] !border-[2px]" />
+                </Icon>
+            ) : (
+                <Icon>{wasSuccessful ? <RiCheckLine /> : <RiDoorClosedLine />}</Icon>
+            )}
         </TextButton>
     );
 };

From 169af086e8ef1e1bb7059cb04a66dcec266725f4 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Wed, 10 Apr 2024 16:04:03 +0200
Subject: [PATCH 696/714] chore: format via prettier

---
 components/UI/LoadingSpinnerInline.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/UI/LoadingSpinnerInline.js b/components/UI/LoadingSpinnerInline.js
index 9e6d7c0a..f991ddb4 100644
--- a/components/UI/LoadingSpinnerInline.js
+++ b/components/UI/LoadingSpinnerInline.js
@@ -6,8 +6,8 @@ const LoadingSpinnerInline = styled(LoadingSpinner)`
     display: inline-block;
     width: calc(var(--margin) * 1.4);
     height: calc(var(--margin) * 1.4);
-  margin: 0 calc(var(--margin) * 0.5);
-  vertical-align: middle;
+    margin: 0 calc(var(--margin) * 0.5);
+    vertical-align: middle;
 `;
 
 export default LoadingSpinnerInline;

From bd6cee1187e01faa0054188c3c1b76efa35e7fab Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Tue, 16 Apr 2024 15:50:37 +0200
Subject: [PATCH 697/714] chore: adjust canAddMoreContent to canManageSpace

---
 pages/explore/[[...roomId]].js | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 9e6d4131..7f67c960 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -105,7 +105,7 @@ export default function Explore() {
         }).meta?.template;
 
     const canManageSpace = matrixClient.getRoom(roomId)?.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel);
-    const canAddMoreContent = canManageSpace && !isFetchingSpaceChildren;
+    const canAddMoreContent = matrixClient.getRoom(roomId)?.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel);
 
     // Redirect to the default room if no roomId is provided
     useEffect(() => {
@@ -178,6 +178,7 @@ export default function Explore() {
     };
 
     const data = selectedSpaceChildren[selectedSpaceChildren.length - 1];
+
     const columns = [
         {
             accessorKey: 'icon',
@@ -286,6 +287,7 @@ export default function Explore() {
                     <Progress value={progress} />
                 </div>
             )}
+
             {iframeRoomId ? (
                 <ExploreIframeViews
                     selectedSpaceChildren={selectedSpaceChildren}
@@ -355,6 +357,7 @@ export default function Explore() {
                                         </Icon>
                                         {isDesktop && t('Members')}
                                     </TabsTrigger>
+
                                     {canManageSpace && (
                                         <TabsTrigger
                                             onClick={() => {
@@ -372,15 +375,16 @@ export default function Explore() {
                                         </TabsTrigger>
                                     )}
                                 </TabsList>
+
                                 <TabsContent value="content">
                                     <>
                                         {table.getRowModel().rows?.length > 1 && (
                                             <Table>
                                                 {/*
-                                                  @NOTE: we cannot use border-top/-bottom for sticky thead (because borders scroll with the content);
-                                                  fortunately this does not apply to box-shadow, hence the madness below; we also increase the height
-                                                  from 48px (tailwind h-12 class in Table) to 50px, as the box-shadow is inset, else not shown on top
-                                                */}
+                                                      @NOTE: we cannot use border-top/-bottom for sticky thead (because borders scroll with the content);
+                                                      fortunately this does not apply to box-shadow, hence the madness below; we also increase the height
+                                                      from 48px (tailwind h-12 class in Table) to 50px, as the box-shadow is inset, else not shown on top
+                                                    */}
                                                 <TableHeader className="sticky top-0 h-[50px] bg-background shadow-[inset_0px_-1px_0px_0px_hsl(var(--muted-foreground)_/_0.2),inset_0px_1px_0px_0px_hsl(var(--muted-foreground)_/_0.2)]">
                                                     {table.getHeaderGroups().map((headerGroup) => (
                                                         <TableRow key={headerGroup.id}>
@@ -418,7 +422,7 @@ export default function Explore() {
                                             </Table>
                                         )}
 
-                                        {canAddMoreContent && progress === 0 && (
+                                        {canAddMoreContent && (
                                             <div className="sticky bottom-0 flex w-full items-center space-x-2 bg-background shadow-[0px_-1px_0px_0px_hsl(var(--muted-foreground)_/_0.2)]">
                                                 <QuickAddExplore
                                                     currentId={roomId}

From 8739f9bb330dded9170feaf591851d4ae9c7cf1a Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Tue, 16 Apr 2024 15:51:45 +0200
Subject: [PATCH 698/714] fix: conditional loading spinner and progress bar

---
 pages/explore/[[...roomId]].js | 24 +++++++++++++++++++++++-
 1 file changed, 23 insertions(+), 1 deletion(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 7f67c960..ae0de188 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -278,7 +278,29 @@ export default function Explore() {
         getCoreRowModel: getCoreRowModel(),
     });
 
-    if (typeof window === 'undefined') return <LoadingSpinner />;
+    if (typeof window === 'undefined') {
+        return (
+            <DefaultLayout.LameColumn>
+                <LoadingSpinner className="!h-4 !w-4 !border-[2px]" />
+            </DefaultLayout.LameColumn>
+        );
+    }
+
+    if (isFetchingSpaceChildren) {
+        return (
+            <>
+                {progress !== 0 && (
+                    <div className="absolute left-0 top-0 w-full">
+                        <Progress value={progress} />
+                    </div>
+                )}
+
+                <DefaultLayout.LameColumn>
+                    <LoadingSpinner className="!h-[var(--icon-size)] !w-[var(--icon-size)] !border-[2px]" />
+                </DefaultLayout.LameColumn>
+            </>
+        );
+    }
 
     return (
         <>

From 8e675ac2be162b5f7efb69d79e061cdf3d4a35e3 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Tue, 16 Apr 2024 15:53:43 +0200
Subject: [PATCH 699/714] chore: format via prettier

---
 pages/explore/[[...roomId]].js | 58 +++++++++++++++++-----------------
 1 file changed, 29 insertions(+), 29 deletions(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index ae0de188..1005450e 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -403,10 +403,10 @@ export default function Explore() {
                                         {table.getRowModel().rows?.length > 1 && (
                                             <Table>
                                                 {/*
-                                                      @NOTE: we cannot use border-top/-bottom for sticky thead (because borders scroll with the content);
-                                                      fortunately this does not apply to box-shadow, hence the madness below; we also increase the height
-                                                      from 48px (tailwind h-12 class in Table) to 50px, as the box-shadow is inset, else not shown on top
-                                                    */}
+                                                  @NOTE: we cannot use border-top/-bottom for sticky thead (because borders scroll with the content);
+                                                  fortunately this does not apply to box-shadow, hence the madness below; we also increase the height
+                                                  from 48px (tailwind h-12 class in Table) to 50px, as the box-shadow is inset, else not shown on top
+                                                */}
                                                 <TableHeader className="sticky top-0 h-[50px] bg-background shadow-[inset_0px_-1px_0px_0px_hsl(var(--muted-foreground)_/_0.2),inset_0px_1px_0px_0px_hsl(var(--muted-foreground)_/_0.2)]">
                                                     {table.getHeaderGroups().map((headerGroup) => (
                                                         <TableRow key={headerGroup.id}>
@@ -467,32 +467,32 @@ export default function Explore() {
                                         )}
 
                                         {/* @NOTE: pagination component which we are currently not using, but might in the future
-                                            {table.getRowModel().rows?.length > 1 && (
-                                                <div className="sticky bottom-0 flex w-full items-center space-x-2 border-t border-muted-foreground/20 bg-background py-4">
-                                                    <div className="flex-1 text-sm text-muted-foreground">
-                                                        Page {table.getState().pagination.pageIndex + 1} of {table.getPageCount()}
-                                                    </div>
-                                                    <div className="space-x-2">
-                                                        <Button
-                                                            variant="outline"
-                                                            size="sm"
-                                                            onClick={() => table.previousPage()}
-                                                            disabled={!table.getCanPreviousPage()}
-                                                        >
-                                                            Previous
-                                                        </Button>
-                                                        <Button
-                                                            variant="outline"
-                                                            size="sm"
-                                                            onClick={() => table.nextPage()}
-                                                            disabled={!table.getCanNextPage()}
-                                                        >
-                                                            Next
-                                                        </Button>
-                                                    </div>
+                                        {table.getRowModel().rows?.length > 1 && (
+                                            <div className="sticky bottom-0 flex w-full items-center space-x-2 border-t border-muted-foreground/20 bg-background py-4">
+                                                <div className="flex-1 text-sm text-muted-foreground">
+                                                    Page {table.getState().pagination.pageIndex + 1} of {table.getPageCount()}
+                                                </div>
+                                                <div className="space-x-2">
+                                                    <Button
+                                                        variant="outline"
+                                                        size="sm"
+                                                        onClick={() => table.previousPage()}
+                                                        disabled={!table.getCanPreviousPage()}
+                                                    >
+                                                        Previous
+                                                    </Button>
+                                                    <Button
+                                                        variant="outline"
+                                                        size="sm"
+                                                        onClick={() => table.nextPage()}
+                                                        disabled={!table.getCanNextPage()}
+                                                    >
+                                                        Next
+                                                    </Button>
                                                 </div>
-                                            )}
-                                            */}
+                                            </div>
+                                        )}
+                                        */}
                                     </>
                                 </TabsContent>
 

From 65aeeea3dcad0e0e81638fad60e0f66be9e4fa38 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Wed, 17 Apr 2024 11:03:13 +0200
Subject: [PATCH 700/714] chore: remove canManageSpace condition and const

---
 pages/explore/[[...roomId]].js | 31 ++++++++++++++-----------------
 1 file changed, 14 insertions(+), 17 deletions(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index 1005450e..a798c879 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -104,7 +104,6 @@ export default function Explore() {
             return roomId === iframeRoomId;
         }).meta?.template;
 
-    const canManageSpace = matrixClient.getRoom(roomId)?.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel);
     const canAddMoreContent = matrixClient.getRoom(roomId)?.currentState.hasSufficientPowerLevelFor('m.space.child', myPowerLevel);
 
     // Redirect to the default room if no roomId is provided
@@ -380,22 +379,20 @@ export default function Explore() {
                                         {isDesktop && t('Members')}
                                     </TabsTrigger>
 
-                                    {canManageSpace && (
-                                        <TabsTrigger
-                                            onClick={() => {
-                                                setActiveContentView('settings');
-                                            }}
-                                            title={t('Show settings of {{name}}', {
-                                                name: selectedSpaceChildren[selectedSpaceChildren.length - 1][0].name,
-                                            })}
-                                            value="settings"
-                                        >
-                                            <Icon>
-                                                <RiListSettingsLine />
-                                            </Icon>
-                                            {isDesktop && t('Settings')}
-                                        </TabsTrigger>
-                                    )}
+                                    <TabsTrigger
+                                        onClick={() => {
+                                            setActiveContentView('settings');
+                                        }}
+                                        title={t('Show settings of {{name}}', {
+                                            name: selectedSpaceChildren[selectedSpaceChildren.length - 1][0].name,
+                                        })}
+                                        value="settings"
+                                    >
+                                        <Icon>
+                                            <RiListSettingsLine />
+                                        </Icon>
+                                        {isDesktop && t('Settings')}
+                                    </TabsTrigger>
                                 </TabsList>
 
                                 <TabsContent value="content">

From f9bfbf2098f63a54fd0ba938c8f6db516452f73f Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Wed, 17 Apr 2024 11:03:47 +0200
Subject: [PATCH 701/714] chore: format via prettier

---
 .../manage-room/ExploreMatrixActions.js       | 26 +++++++++----------
 1 file changed, 12 insertions(+), 14 deletions(-)

diff --git a/pages/explore/manage-room/ExploreMatrixActions.js b/pages/explore/manage-room/ExploreMatrixActions.js
index d0d4e98b..75c9f003 100644
--- a/pages/explore/manage-room/ExploreMatrixActions.js
+++ b/pages/explore/manage-room/ExploreMatrixActions.js
@@ -19,23 +19,26 @@ import { useAuth } from '@/lib/Auth';
  * @returns {JSX.Element} - The rendered component.
  */
 
-const ExploreMatrixActions = ({
-    currentId,
-    parentId,
-    myPowerLevel,
-}) => {
+const ExploreMatrixActions = ({ currentId, parentId, myPowerLevel }) => {
     const { t } = useTranslation('explore');
+
     const matrixClient = useAuth().getAuthenticationProvider('matrix').getMatrixClient();
 
     const [settingsTabValue, setSettingsTabValue] = useState('general');
 
-    if (!myPowerLevel) return t("You don't have the neccesarry permissions to manage this room");
+    if (!myPowerLevel) return t('You don’t have the necessary permissions to manage this room.');
+
     const room = matrixClient.getRoom(currentId);
+
     if (!room) return <LoadingSpinner />;
 
     return (
         <>
-            <Tabs className="[&>[role=tabpanel]]:pt-6 [&>[id*=-content-]]:max-w-[55ch]" onValueChange={setSettingsTabValue} value={settingsTabValue}>
+            <Tabs
+                className="[&>[id*=-content-]]:max-w-[55ch] [&>[role=tabpanel]]:pt-6"
+                onValueChange={setSettingsTabValue}
+                value={settingsTabValue}
+            >
                 <TabsList>
                     <TabsTrigger
                         onClick={() => {
@@ -71,9 +74,7 @@ const ExploreMatrixActions = ({
                         {room.currentState.hasSufficientPowerLevelFor('m.room.avatar', myPowerLevel) && (
                             <div className="[&>*+*]:mt-4">
                                 <h3>{t('Avatar')}</h3>
-                                <ChangeAvatar
-                                    roomId={currentId}
-                                />
+                                <ChangeAvatar roomId={currentId} />
                             </div>
                         )}
                     </>
@@ -82,10 +83,7 @@ const ExploreMatrixActions = ({
                 <TabsContent className="pb-6 [&>*+*]:mt-8" value="advanced">
                     {room.currentState.hasSufficientPowerLevelFor('m.room.join_rules', myPowerLevel) && (
                         <div>
-                            <ChangeJoinRule
-                                roomId={currentId}
-                                roomName={room.name}
-                            />
+                            <ChangeJoinRule roomId={currentId} roomName={room.name} />
                         </div>
                     )}
 

From 6383554aa71b97d70ae40459701e63ee18332885 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Wed, 17 Apr 2024 11:04:39 +0200
Subject: [PATCH 702/714] chore: fix condition for members tab; fix locales

---
 pages/explore/manage-room/UserManagement.js | 6 +++---
 public/locales/de/explore.json              | 6 ++++++
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/pages/explore/manage-room/UserManagement.js b/pages/explore/manage-room/UserManagement.js
index 054fddef..a8824d26 100644
--- a/pages/explore/manage-room/UserManagement.js
+++ b/pages/explore/manage-room/UserManagement.js
@@ -35,7 +35,7 @@ const UserManagement = ({ roomId, roomName, myPowerLevel }) => {
     const { t } = useTranslation('explore');
 
     const handleKick = async (userId, name) => {
-        if (confirm(t('Are you sure you want to kick {{name}} from {{room}}', { name: name, room: roomName }))) {
+        if (confirm(t('Are you sure you want to kick {{name}} from {{room}}?', { name: name, room: roomName }))) {
             await matrixClient.kick(roomId, userId).catch((error) => setErrorMessage(error.data.error));
         }
     };
@@ -43,7 +43,7 @@ const UserManagement = ({ roomId, roomName, myPowerLevel }) => {
     const changePowerLevel = async (userId, level, name) => {
         const label = presets.powerLevels.find((role) => role.level === level).label;
 
-        if (confirm(t('Are you sure you want to promote {{name}} to {{role}}', { name: name, role: label }))) {
+        if (confirm(t('Are you sure you want to promote {{name}} to {{role}}?', { name: name, role: label }))) {
             const currentStateEvent = await matrixClient.getStateEvent(roomId, 'm.room.power_levels', '');
             const newStateEvent = new MatrixEvent({
                 type: 'm.room.power_levels',
@@ -53,7 +53,7 @@ const UserManagement = ({ roomId, roomName, myPowerLevel }) => {
         }
     };
 
-    if (!room) return <p>Join the room to see or invite members</p>;
+    if (!room || room.selfMembership !== 'join') return t('Join the room to see or invite members.');
 
     return (
         <>
diff --git a/public/locales/de/explore.json b/public/locales/de/explore.json
index 8822f12d..a31f8fe7 100644
--- a/public/locales/de/explore.json
+++ b/public/locales/de/explore.json
@@ -9,6 +9,9 @@
     "Add {{selectedContextName}} to {{parentName}}?": "{{selectedContextName}} zu {{parentName}} hinzugefügen?",
     "Advanced": "Erweitert",
     "Announcement rooms are for important announcements. Anyone can join them, in order to receive notifications. They are read-only for most members unless they were explicitly promoted to \"moderator\". You can think of announcement rooms as a newsletter or a bulletin board.": "Announcement Räume sind für wichtige Ankündigungen. Jeder kann ihnen beitreten, um Benachrichtigungen zu erhalten. Sie sind für die meisten Mitglieder schreibgeschützt, es sei denn, sie wurden ausdrücklich zum \"Moderator\" befördert. Du kannst dir Announcement Räume als Newsletter oder schwarzes Brett vorstellen.",
+    "Are you sure you want to kick {{name}} from {{room}}?": "Bist du dir sicher, dass {{name}} aus {{room}} entfernt werden soll?",
+    "Are you sure you want to promote {{name}} to {{role}}?": "Bist du dir sicher, dass {{name}} {{role}}-Berechtigungen bekommen soll?",
+    "Cannot kick {{user}}, you don’t have the required permissions": "{{user}} kann aufgrund fehlender Berechtigungen nicht entfernt werden",
     "Change Join Rule for": "Beitrittsregel ändern für",
     "Chat rooms are for conversations and discussions. By default they are open to anyone who has already joined the parent space. Members can participate.": "Chat Räume sind für Gespräche und Diskussionen. Standardmäßig sind sie für jeden offen, der dem übergeordneten Raum bereits beigetreten ist. Mitglieder können teilnehmen.",
     "choose chat room": "Chat auswählen",
@@ -19,7 +22,9 @@
     "Invite to {{name}} …": "Zu {{name}} einladen …",
     "Item added to context": "Element wurde zu Kontext hinzugefügt",
     "Join Rule": "Join-Regel",
+    "Join the room to see or invite members.": "Trete dem Raum bei, um Mitglieder zu sehen und eventuell einladen zu können.",
     "Kick": "Entfernen",
+    "Kick {{user}} from {{room}}": "{{user}} aus {{room}} entfernen",
     "Leaving {{name}} means you cannot interact with it anymore.": "Wenn du {{name}} verlässt, kannst du nicht mehr damit interagieren.",
     "Leave {{ name }}?": "{{ name }} verlassen?",
     "Link added successfully": "Link erfolgreich hinzugefügt",
@@ -36,5 +41,6 @@
     "topic": "Thema",
     "topic of the room": "Thema des Raums",
     "Topic was successfully updated.": "Thema wurde erfolgreich aktualisiert.",
+    "You don’t have the necessary permissions to manage this room.": "Du hast keine Berechtigungen zum moderieren/verwalten des Raumes.",
     "{{roomName}} was successfully created and added to {{parentName}}": "{{roomName}} wurde erfolgreich erstellt und zu {{parentName}} hinzugefügt"
 }

From e3b16ba3953b8719c714af2cbad89518b878fe88 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Wed, 17 Apr 2024 12:27:01 +0200
Subject: [PATCH 703/714] chore: add more missing locales

---
 public/locales/de/explore.json | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/public/locales/de/explore.json b/public/locales/de/explore.json
index a31f8fe7..07dcc472 100644
--- a/public/locales/de/explore.json
+++ b/public/locales/de/explore.json
@@ -15,6 +15,7 @@
     "Change Join Rule for": "Beitrittsregel ändern für",
     "Chat rooms are for conversations and discussions. By default they are open to anyone who has already joined the parent space. Members can participate.": "Chat Räume sind für Gespräche und Diskussionen. Standardmäßig sind sie für jeden offen, der dem übergeordneten Raum bereits beigetreten ist. Mitglieder können teilnehmen.",
     "choose chat room": "Chat auswählen",
+    "Content": "Inhalte",
     "Context {{name}} succesfully created": "Kontext {{name}} wurde erfolgreich erstellt",
     "Create new context": "neuen Kontext erstellen",
     "Enter a new topic, for example a short description of {{name}}": "Neues Thema eingeben, zum Beispiel eine kurze Beschreibung für {{name}}",
@@ -28,6 +29,7 @@
     "Leaving {{name}} means you cannot interact with it anymore.": "Wenn du {{name}} verlässt, kannst du nicht mehr damit interagieren.",
     "Leave {{ name }}?": "{{ name }} verlassen?",
     "Link added successfully": "Link erfolgreich hinzugefügt",
+    "Members": "Mitglieder",
     "name": "Name",
     "name of the room": "Name des Raums",
     "New chat": "neuen Chat",

From 75ce702db9b027092dd00ee562dd684114c88442 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Wed, 17 Apr 2024 13:57:58 +0200
Subject: [PATCH 704/714] fix: conditionally display table, else no-content
 notice

---
 pages/explore/[[...roomId]].js | 22 ++++++++--------------
 public/locales/de/explore.json |  1 +
 2 files changed, 9 insertions(+), 14 deletions(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index a798c879..f348d613 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -397,7 +397,7 @@ export default function Explore() {
 
                                 <TabsContent value="content">
                                     <>
-                                        {table.getRowModel().rows?.length > 1 && (
+                                        {table.getRowModel().rows?.length > 1 ? (
                                             <Table>
                                                 {/*
                                                   @NOTE: we cannot use border-top/-bottom for sticky thead (because borders scroll with the content);
@@ -424,21 +424,15 @@ export default function Explore() {
                                                 </TableHeader>
 
                                                 <TableBody>
-                                                    {table.getRowModel().rows?.length ? (
-                                                        table.getRowModel().rows.map((row, index) => {
-                                                            if (index === 0) return null;
-
-                                                            return <TreeLeaves key={row.id} row={row} />;
-                                                        })
-                                                    ) : (
-                                                        <TableRow>
-                                                            <TableCell colSpan={columns.length} className="h-24 text-center">
-                                                                Thank you, {auth.user.displayname}! But our item is in another context! 🍄
-                                                            </TableCell>
-                                                        </TableRow>
-                                                    )}
+                                                    {table.getRowModel().rows.map((row, index) => {
+                                                        if (index === 0) return null;
+
+                                                        return <TreeLeaves key={row.id} row={row} />;
+                                                    })}
                                                 </TableBody>
                                             </Table>
+                                        ) : (
+                                            t('There’s no contexts or items here, yet.')
                                         )}
 
                                         {canAddMoreContent && (
diff --git a/public/locales/de/explore.json b/public/locales/de/explore.json
index 07dcc472..8189971e 100644
--- a/public/locales/de/explore.json
+++ b/public/locales/de/explore.json
@@ -39,6 +39,7 @@
     "Show members of {{name}}" : "Zeige Mitglieder von {{name}}",
     "Show settings of {{name}}": "Zeige Einstellungen von {{name}}",
     "Successfully added to {{parentName}}": "Wurde erfolgreich zu {{parentName}} hinzugefügt",
+    "There’s no contexts or items here, yet.": "Hier wurden noch keine Kontexte oder Inhalte hinterlegt.",
     "Topic": "Thema",
     "topic": "Thema",
     "topic of the room": "Thema des Raums",

From 02f9ae3f36d109ac436e8a8b1a08ba891409818a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Robert=20Schnu=CC=88ll?= <mail@robertschnuell.de>
Date: Wed, 17 Apr 2024 13:58:48 +0200
Subject: [PATCH 705/714] adding default value and remove error

---
 pages/explore/manage-room/CreateContext.js  | 2 +-
 pages/explore/manage-room/TemplateSelect.js | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/pages/explore/manage-room/CreateContext.js b/pages/explore/manage-room/CreateContext.js
index 2748d4f1..a3672cb9 100644
--- a/pages/explore/manage-room/CreateContext.js
+++ b/pages/explore/manage-room/CreateContext.js
@@ -18,7 +18,7 @@ const CreateContext = ({ currentId, onCancel, getSpaceChildren, onPreviousAction
     const [name, setName] = useState('');
     const [topic, setTopic] = useState('');
     const [isLoading, setIsLoading] = useState(false);
-    const [template, setTemplate] = useState('');
+    const [template, setTemplate] = useState('context');
     const [powerLevels, setPowerLevels] = useState();
     const [createNewContextErrorMessage, setCreateNewContextErrorMessage] = useState();
 
diff --git a/pages/explore/manage-room/TemplateSelect.js b/pages/explore/manage-room/TemplateSelect.js
index 8fedaf96..54b39fa6 100644
--- a/pages/explore/manage-room/TemplateSelect.js
+++ b/pages/explore/manage-room/TemplateSelect.js
@@ -27,7 +27,7 @@ const TemplateSelect = ({ setTemplate }) => {
         setTemplate(value);
     };
 
-    if (!contextTemplates) return <ErrorMessage>{t('No context templates defined, please contact the administrator.')}</ErrorMessage>;
+    if (!contextTemplates) return <></>;
 
     return (
         <Select defaultValue={contextTemplates?.[0] || '-'} onValueChange={onChangeTemplateSelect}>

From 2e2a882a9ca3d7ace96de286c66458329830a607 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Wed, 17 Apr 2024 14:05:22 +0200
Subject: [PATCH 706/714] chore: remove unused locale

---
 public/locales/de/explore.json | 1 -
 1 file changed, 1 deletion(-)

diff --git a/public/locales/de/explore.json b/public/locales/de/explore.json
index 07dcc472..33dae54a 100644
--- a/public/locales/de/explore.json
+++ b/public/locales/de/explore.json
@@ -33,7 +33,6 @@
     "name": "Name",
     "name of the room": "Name des Raums",
     "New chat": "neuen Chat",
-    "No context templates defined, please contact the administrator.": "Es sind keine Kontextvorlagen definiert. Bitte kontaktiere den Administrator.",
     "Role": "Funktion",
     "Show contexts and items of {{name}}": "Zeige Kontexte und Elemente von {{name}}",
     "Show members of {{name}}" : "Zeige Mitglieder von {{name}}",

From e430f3b2f0f218fd67990ce675bc94b71e6346dc Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Wed, 17 Apr 2024 14:05:42 +0200
Subject: [PATCH 707/714] chore: return null instead of empty fragment

---
 pages/explore/manage-room/TemplateSelect.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/explore/manage-room/TemplateSelect.js b/pages/explore/manage-room/TemplateSelect.js
index 54b39fa6..e7c12ab8 100644
--- a/pages/explore/manage-room/TemplateSelect.js
+++ b/pages/explore/manage-room/TemplateSelect.js
@@ -27,7 +27,7 @@ const TemplateSelect = ({ setTemplate }) => {
         setTemplate(value);
     };
 
-    if (!contextTemplates) return <></>;
+    if (!contextTemplates) return null;
 
     return (
         <Select defaultValue={contextTemplates?.[0] || '-'} onValueChange={onChangeTemplateSelect}>

From bd015c7000eaf4b71af7daaf60ad35c99b8ec0c0 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Wed, 17 Apr 2024 14:13:23 +0200
Subject: [PATCH 708/714] chore: fix eslint errors

---
 pages/explore/[[...roomId]].js              | 2 +-
 pages/explore/manage-room/TemplateSelect.js | 1 -
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/pages/explore/[[...roomId]].js b/pages/explore/[[...roomId]].js
index f348d613..026b855f 100644
--- a/pages/explore/[[...roomId]].js
+++ b/pages/explore/[[...roomId]].js
@@ -35,7 +35,7 @@ import { Button } from '@/components/UI/shadcn/Button';
 import TextButton from '@/components/UI/TextButton';
 import Icon from '@/components/UI/Icon';
 import UserManagement from './manage-room/UserManagement';
-import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/UI/shadcn/Table';
+import { Table, TableBody, TableHead, TableHeader, TableRow } from '@/components/UI/shadcn/Table';
 import TreeLeaves from './TreeLeaves';
 import EllipsisMenu from './manage-room/EllipsisMenu';
 import { useGetSpaceChildren } from '@/components/hooks/useGetSpaceChildren';
diff --git a/pages/explore/manage-room/TemplateSelect.js b/pages/explore/manage-room/TemplateSelect.js
index e7c12ab8..f8aa01a6 100644
--- a/pages/explore/manage-room/TemplateSelect.js
+++ b/pages/explore/manage-room/TemplateSelect.js
@@ -2,7 +2,6 @@ import React from 'react';
 import getConfig from 'next/config';
 import { useTranslation } from 'react-i18next';
 
-import ErrorMessage from '../../../components/UI/ErrorMessage';
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/UI/shadcn/Select';
 
 /**

From cfed0e3d454e468842b67b2f8e562da89b48f38a Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Wed, 17 Apr 2024 14:21:28 +0200
Subject: [PATCH 709/714] style: fix sizing of icon button loading spinner

---
 components/UI/favourites/AddFavourite.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/components/UI/favourites/AddFavourite.js b/components/UI/favourites/AddFavourite.js
index eb7460f1..6aff382e 100644
--- a/components/UI/favourites/AddFavourite.js
+++ b/components/UI/favourites/AddFavourite.js
@@ -6,9 +6,9 @@ import { RiStarFill, RiStarLine } from '@remixicon/react';
 import TextButton from '../TextButton';
 import { useMatrix } from '@/lib/Matrix';
 import { useAuth } from '@/lib/Auth';
-import LoadingSpinnerInline from '../LoadingSpinnerInline';
 import Icon from '../Icon';
 import logger from '@/lib/Logging';
+import LoadingSpinner from '../LoadingSpinner';
 
 /**
  * AddFavourite component for adding a favourite to the matrix account data.
@@ -59,7 +59,9 @@ const AddFavourite = ({ roomId }) => {
             onClick={isFavourite ? removeFavouriteFromMatrix : addFavouriteToMatrix}
         >
             {isHandlingFavourite ? (
-                <LoadingSpinnerInline />
+                <Icon>
+                    <LoadingSpinner className="mx-auto max-h-[16px] max-w-[16px] !border-[2px]" />
+                </Icon>
             ) : isFavourite ? (
                 <Icon>
                     <RiStarFill />

From 23bea273f652a05895e5848867f13386113b6a38 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Thu, 18 Apr 2024 11:16:18 +0200
Subject: [PATCH 710/714] update config.example.js with localStorage and
 templates object

---
 config.example.js | 24 ++++++++++++++++++++++--
 1 file changed, 22 insertions(+), 2 deletions(-)

diff --git a/config.example.js b/config.example.js
index 526aaadb..2fbe1884 100644
--- a/config.example.js
+++ b/config.example.js
@@ -6,7 +6,7 @@ module.exports = {
             allowCustomHomeserver: true,
         },
         etherpad: {
-            // important: path has to start with "/"
+            /* @NOTE: path has to start with "/" */
             path: '/write',
             baseUrl: 'https://pad.riseup.net/p',
             // myPads: {
@@ -18,12 +18,32 @@ module.exports = {
         //     path: '/sketch',
         //     baseUrl: 'http://spacedeck.localhost',
         // },
+        // tldraw: {
+        //     path: '/draw',
+        // },
     },
-    // contextRootSpaceRoomId: '!gB.....Ewlvdq:matrix.org',
     account: {
         allowAddingNewEmails: true,
     },
     chat: {
         pathToElement: '//localhost/element',
     },
+    // contextRootSpaceRoomId: '!gB.....Ewlvdq:matrix.org',
+    /* @NOTE: clear(!) client-side localStorage if value defined in `versionToken` is */
+    /* *not_equal* to value stored in or does *not_exist* in client-side localStorage */
+    // localStorage: {
+    //   clearAfterUpgrade: true,
+    //   versionToken: "1",
+    // },
+    templates: {
+        // context: [
+        //   "context",
+        // ],
+        item: [
+            'etherpad',
+            // 'spacedeck',
+            // 'tldraw',
+            'link',
+        ],
+    },
 };

From 309be363227d1cbe16c2ebf61b36d53c0d474cbb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Robert=20Schnu=CC=88ll?= <mail@robertschnuell.de>
Date: Thu, 18 Apr 2024 11:48:10 +0200
Subject: [PATCH 711/714] local storage application version control

---
 lib/Auth.js | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/lib/Auth.js b/lib/Auth.js
index 1821af0d..517f96b9 100644
--- a/lib/Auth.js
+++ b/lib/Auth.js
@@ -127,6 +127,18 @@ function useAuthProvider() {
             return signout();
         }
 
+        /* @NOTE: clear(!) client-side localStorage if value defined in `versionToken` is */
+        /* *not_equal* to value stored in or does *not_exist* in client-side localStorage */
+        if (
+            getConfig().publicRuntimeConfig.localStorage?.clearAfterUpgrade &&
+            getConfig().publicRuntimeConfig.localStorage?.versionToken &&
+            localStorage.getItem('versionToken') !== getConfig().publicRuntimeConfig.localStorage.versionToken
+        ) {
+            localStorage.setItem('versionToken', getConfig().publicRuntimeConfig.localStorage.versionToken);
+
+            return signout();
+        }
+
         setUser(profileInfoResponse);
 
         return getAuthenticationProvider('matrix').startClient();

From f4b78666666bb74da4e23099f658a825910cf156 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Thu, 18 Apr 2024 12:15:43 +0200
Subject: [PATCH 712/714] chore: try fixing the github eslint runner

for reference: medienhaus/medienhaus-spaces@abaece4381f15dd53a31f5a9545ea48cc4bdb691
---
 .github/workflows/eslint.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/eslint.yml b/.github/workflows/eslint.yml
index 54abc544..8749c6dc 100644
--- a/.github/workflows/eslint.yml
+++ b/.github/workflows/eslint.yml
@@ -20,7 +20,7 @@ jobs:
 
       - name: Install ESLint
         run: |
-          npm install eslint@8.10.0
+          npm install eslint@^8.56.0
           npm install @microsoft/eslint-formatter-sarif@2.1.7
 
       - name: Run ESLint

From 07dfd45f3a77676a8286eca698e796b656757700 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Tue, 28 May 2024 16:50:28 +0200
Subject: [PATCH 713/714] chore: fix capitalisation in heading on /dashboard

---
 pages/dashboard/index.js         | 2 +-
 public/locales/de/dashboard.json | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/pages/dashboard/index.js b/pages/dashboard/index.js
index 0731ebe6..a660c18f 100644
--- a/pages/dashboard/index.js
+++ b/pages/dashboard/index.js
@@ -137,7 +137,7 @@ export default function Dashboard() {
 
             {pendingKnocks.size > 0 && (
                 <div>
-                    <h3>{t('Asking To Join')}</h3>
+                    <h3>{t('Asking to Join')}</h3>
                     <br />
                     {[...pendingKnocks].map(([key, knock], index) => (
                         <div key={key}>
diff --git a/public/locales/de/dashboard.json b/public/locales/de/dashboard.json
index 4af468b6..13b41573 100644
--- a/public/locales/de/dashboard.json
+++ b/public/locales/de/dashboard.json
@@ -1,5 +1,5 @@
 {
-  "Asking To Join": "Beitrittsanfragen",
+  "Asking to Join": "Beitrittsanfragen",
   "Direct Message": "Direktnachricht",
   "Favourites": "Favoriten",
   "invitationCard": "<bold>{{username}}</bold> hat dich zu <bold>{{service}}</bold> eingeladen.",

From af7c7cd2bcd9ad55d322b34ee32ca9f042241383 Mon Sep 17 00:00:00 2001
From: Andi Rueckel <andirueckel@users.noreply.github.com>
Date: Tue, 28 May 2024 16:54:16 +0200
Subject: [PATCH 714/714] chore: fix spacing between elements on /dashboard

---
 pages/dashboard/index.js | 9 ---------
 1 file changed, 9 deletions(-)

diff --git a/pages/dashboard/index.js b/pages/dashboard/index.js
index a660c18f..a0b7ad6b 100644
--- a/pages/dashboard/index.js
+++ b/pages/dashboard/index.js
@@ -126,15 +126,6 @@ export default function Dashboard() {
                 </div>
             )}
 
-            {/* Add some space and a divider between pending invitations and knocks */}
-            {invitations.size > 0 && pendingKnocks.size > 0 && (
-                <>
-                    <br />
-                    <br />
-                    <br />
-                </>
-            )}
-
             {pendingKnocks.size > 0 && (
                 <div>
                     <h3>{t('Asking to Join')}</h3>