From f395b207f8ed3025cb0da765569f8bac1c27f120 Mon Sep 17 00:00:00 2001
From: carmennt <carmennt@stud.ntnu.no>
Date: Fri, 9 Oct 2026 11:26:39 +0200
Subject: [PATCH 01/29] feat: sorting and filter by genre

Not done yet, but the sorting and filter buttons are in place.
---
 src/css/searchpage.css   |  2 +-
 src/pages/searchpage.tsx | 88 ++++++++++++++++++++++++----------------
 2 files changed, 54 insertions(+), 36 deletions(-)

diff --git a/src/css/searchpage.css b/src/css/searchpage.css
index a1ebca4..7853929 100644
--- a/src/css/searchpage.css
+++ b/src/css/searchpage.css
@@ -25,7 +25,7 @@
 }
 
 .filterbutton {
-    background-color: var(--primary-component-color);
+    background-color: var(--primary-background-color);
     border: 1px solid var(--primary-accent-color);
     border-left: 0;
     border-radius: 0 4px 4px 0;
diff --git a/src/pages/searchpage.tsx b/src/pages/searchpage.tsx
index 1a6f30e..f4d3258 100644
--- a/src/pages/searchpage.tsx
+++ b/src/pages/searchpage.tsx
@@ -1,27 +1,35 @@
 import '../css/searchpage.css'
 import Header from '../components/header'
 import Footer from '../components/footer'
-import { TextField, Button, ButtonGroup } from '@mui/material'
+import { TextField, InputLabel, FormControl, Select, MenuItem } from '@mui/material'
 import { Funnel } from 'lucide-react'
 import { useState } from 'react'
 import PageHeading from '../components/pageheading'
+import type { SelectChangeEvent } from '@mui/material'
 
 export function SearchPage() {
     const [isFilterActive, setIsFilterActive] = useState(false)
-    const [activeSortingButton, setActiveSortingButton] = useState<number | null>(null)
-    const [activeFilterButton, setActiveFilterButton] = useState<number | null>(null)
+    const [activeFilters, setActiveFilters] = useState<string[]>([])
+    const [activeSorting, setActiveSorting] = useState<SortOption | ''>('')
 
-    const sortingbuttons = ['Sorting', 'Sorting', 'Sorting']
-    const filterbuttons = ['Filter', 'Filter', 'Filter']
+    type SortOption = 'no-sorting' | 'discount-asc' | 'price-asc' | 'price-desc' | 'title-asc'
+
+
+    // TODO: Need to get all genres from the database
+    const filterbuttons = ['Multiplayer', 'Singleplayer', 'Stratergy', 'Action', 'Aventure']
 
     const toggleActive = () => setIsFilterActive((isActive) => !isActive)
-    const toggleSortingButton = (index: number) => {
-        setActiveSortingButton((activeIndex) => (activeIndex === index ? null : index))
+    const handleSortChange = (e: SelectChangeEvent) => {
+        setActiveSorting(e.target.value as SortOption)
     }
-    const toggleFilterButton = (index: number) => {
-        setActiveFilterButton((activeIndex) => (activeIndex === index ? null : index))
+    const handleFilterChange = (e: SelectChangeEvent<string[]>) => {
+        const { value } = e.target
+        setActiveFilters(typeof value === 'string' ? value.split(',') : value)
     }
 
+    // TODO: Sorting functionallity
+
+
     return (
         <div className="page-shell">
             <Header />
@@ -42,33 +50,43 @@ export function SearchPage() {
 
             {isFilterActive && (
                 <div className="filtersection">
-                    <ButtonGroup>
-                        <p>Sort by: </p>
-                        {sortingbuttons.map((button, index) => (
-                            <Button
-                                key={`${button}-${index}`}
-                                className={activeSortingButton === index ? 'is-active' : ''}
-                                aria-pressed={activeSortingButton === index}
-                                onClick={() => toggleSortingButton(index)}
-                            >
-                                {button}
-                            </Button>
-                        ))}
-                    </ButtonGroup>
+                    <FormControl size="small" sx={{ minWidth: { xs: 140, sm: 200 } }}>
+                        <InputLabel id="wishlist-sort-label">Sort by</InputLabel>
+                        <Select
+                            labelId="wishlist-sort-label"
+                            value={activeSorting}
+                            label="Sort by"
+                            onChange={handleSortChange}
+                        >
+                            <MenuItem value="no-sorting">None</MenuItem>
+                            <MenuItem value="discount-asc">Discount: low to high</MenuItem>
+                            <MenuItem value="price-asc">Price: low to high</MenuItem>
+                            <MenuItem value="price-desc">Price: high to low</MenuItem>
+                            <MenuItem value="title-asc">Title: A to Z</MenuItem>
+                        </Select>
+                    </FormControl>
 
-                    <ButtonGroup>
-                        <p>Filter by: </p>
-                        {filterbuttons.map((button, index) => (
-                            <Button
-                                key={`${button}-${index}`}
-                                className={activeFilterButton === index ? 'is-active' : ''}
-                                aria-pressed={activeFilterButton === index}
-                                onClick={() => toggleFilterButton(index)}
-                            >
-                                {button}
-                            </Button>
-                        ))}
-                    </ButtonGroup>
+                    <FormControl size="small" sx={{ minWidth: { xs: 140, sm: 200 } }}>
+                        <InputLabel id="filter-by-label">Filter by genre</InputLabel>
+                        <Select
+                            labelId="filter-by-label"
+                            multiple
+                            value={activeFilters}
+                            onChange={handleFilterChange}
+                            label="Filter by genre"
+                            renderValue={(selected) =>
+                                selected.length <= 1
+                                    ? selected.join('')
+                                    : `${selected[0]} +${selected.length - 1}`
+                            }
+                        >
+                            {filterbuttons.map((genre) => (
+                                <MenuItem key={genre} value={genre}>
+                                    {genre}
+                                </MenuItem>
+                            ))}
+                        </Select>
+                    </FormControl>
                 </div>
             )}
             <Footer />

From 2dfdc76d69044c99fd674696a749cf923056dfd7 Mon Sep 17 00:00:00 2001
From: carmennt <carmennt@stud.ntnu.no>
Date: Fri, 9 Oct 2026 12:01:48 +0200
Subject: [PATCH 02/29] fix: bug in selecting sorting

Now you can reclick a sotring option to remove it. And Filtering will allow you to click multiple and reclick for removing filters
---
 src/pages/searchpage.tsx | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/pages/searchpage.tsx b/src/pages/searchpage.tsx
index f4d3258..31108b9 100644
--- a/src/pages/searchpage.tsx
+++ b/src/pages/searchpage.tsx
@@ -12,16 +12,20 @@ export function SearchPage() {
     const [activeFilters, setActiveFilters] = useState<string[]>([])
     const [activeSorting, setActiveSorting] = useState<SortOption | ''>('')
 
-    type SortOption = 'no-sorting' | 'discount-asc' | 'price-asc' | 'price-desc' | 'title-asc'
+    type SortOption = '' | 'discount-asc' | 'price-asc' | 'price-desc' | 'title-asc'
 
 
     // TODO: Need to get all genres from the database
     const filterbuttons = ['Multiplayer', 'Singleplayer', 'Stratergy', 'Action', 'Aventure']
 
     const toggleActive = () => setIsFilterActive((isActive) => !isActive)
-    const handleSortChange = (e: SelectChangeEvent) => {
-        setActiveSorting(e.target.value as SortOption)
+
+    const toggleSort = (option: Exclude<SortOption, ''>) => {
+        setActiveSorting((current) => (current === option ? '' : option))
     }
+    // const handleSortChange = (e: SelectChangeEvent) => {
+    //     setActiveSorting(e.target.value as SortOption)
+    // }
     const handleFilterChange = (e: SelectChangeEvent<string[]>) => {
         const { value } = e.target
         setActiveFilters(typeof value === 'string' ? value.split(',') : value)
@@ -56,13 +60,11 @@ export function SearchPage() {
                             labelId="wishlist-sort-label"
                             value={activeSorting}
                             label="Sort by"
-                            onChange={handleSortChange}
                         >
-                            <MenuItem value="no-sorting">None</MenuItem>
-                            <MenuItem value="discount-asc">Discount: low to high</MenuItem>
-                            <MenuItem value="price-asc">Price: low to high</MenuItem>
-                            <MenuItem value="price-desc">Price: high to low</MenuItem>
-                            <MenuItem value="title-asc">Title: A to Z</MenuItem>
+                            <MenuItem value="discount-asc" onClick={() => toggleSort('discount-asc')}>Discount: low to high</MenuItem>
+                            <MenuItem value="price-asc" onClick={() => toggleSort('price-asc')}>Price: low to high</MenuItem>
+                            <MenuItem value="price-desc" onClick={() => toggleSort('price-desc')}>Price: high to low</MenuItem>
+                            <MenuItem value="title-asc" onClick={() => toggleSort('title-asc')}>Title: A to Z</MenuItem>
                         </Select>
                     </FormControl>
 

From 132ac84755a3075e907c2813f7ad08ca20c1ed5b Mon Sep 17 00:00:00 2001
From: carmennt <carmennt@stud.ntnu.no>
Date: Fri, 9 Oct 2026 12:51:06 +0200
Subject: [PATCH 03/29] style: fixing background colour of filteroptions

---
 src/css/searchpage.css   | 62 +++++++++++++++++-----------------------
 src/pages/searchpage.tsx | 27 ++++++++---------
 2 files changed, 38 insertions(+), 51 deletions(-)

diff --git a/src/css/searchpage.css b/src/css/searchpage.css
index 7853929..f724694 100644
--- a/src/css/searchpage.css
+++ b/src/css/searchpage.css
@@ -1,14 +1,12 @@
-.searchinput.MuiTextField-root {
-    background-color: var(--secondary-component-color);
-    border-color: var(--primary-accent-color);
+.searchbar {
     display: flex;
-    width: min(30rem, calc(100% - 5rem));
-    margin: 0;
+    align-items: center;
+    justify-content: center;
 }
 
-.searchinput .MuiOutlinedInput-root {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
+.searchinput.MuiTextField-root {
+    background-color: var(--secondary-component-color);
+    width: min(30rem, calc(100% - 5rem));
 }
 
 .searchinput .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline,
@@ -17,60 +15,52 @@
     border-color: var(--primary-accent-color);
 }
 
-.searchbar {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 0;
+.searchinput .MuiOutlinedInput-root {
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
 }
 
 .filterbutton {
+    height: 56px;
+    padding: 0 1rem;
     background-color: var(--primary-background-color);
     border: 1px solid var(--primary-accent-color);
     border-left: 0;
     border-radius: 0 4px 4px 0;
-    height: 56px;
-    padding: 0 1rem;
 }
 
-.filterbutton.is-active,
-.filterbutton:active {
-    background-color: var(--primary-accent-color);
+.filterbutton.is-active, .filterbutton:active {
+    background-color: var(--primary-component-color);
 }
 
 .filtersection {
     box-sizing: border-box;
     display: flex;
     flex-wrap: wrap;
-    border: 1px;
     align-self: center;
     justify-content: center;
     gap: 0.5rem;
-    border-top: 0;
-    border-color: var(--primary-accent-color);
-    border-style: solid;
     width: min(30rem, calc(100% - 5rem));
     padding: 1rem;
+    border: 1px solid var(--primary-accent-color);
+    border-top: 0;
 }
 
-.filtersection .MuiButtonGroup-root {
-    gap: 0.5rem;
-}
-
-.filtersection .MuiButtonGroup-root .MuiButtonGroup-grouped {
-    border: 1px solid var(--primary-accent-color);
-    border-radius: 4px;
+.filtersection .MuiFormControl-root {
+    min-width: 140px;
 }
 
-.filtersection .MuiButtonGroup-root .MuiButtonGroup-grouped:not(:last-of-type) {
-    border-right: 1px solid var(--primary-accent-color);
+.filterOption.MuiMenuItem-root.Mui-selected {
+    background-color: var(--secondary-component-color);
 }
 
-.filtersection .MuiButton-root {
-    color: var(--primary-text-color);
+.filterOption.MuiMenuItem-root.Mui-selected:hover,
+.filterOption.MuiMenuItem-root.Mui-selected.Mui-focusVisible {
+    background-color: var(--primary-component-color);
 }
 
-.filtersection .MuiButton-root.is-active {
-    background-color: var(--secondary-component-color);
-    color: var(--primary-accent-color);
+@media (min-width: 600px) {
+    .filtersection .MuiFormControl-root {
+        min-width: 200px;
+    }
 }
diff --git a/src/pages/searchpage.tsx b/src/pages/searchpage.tsx
index 31108b9..60071f0 100644
--- a/src/pages/searchpage.tsx
+++ b/src/pages/searchpage.tsx
@@ -7,25 +7,22 @@ import { useState } from 'react'
 import PageHeading from '../components/pageheading'
 import type { SelectChangeEvent } from '@mui/material'
 
+type SortOption = '' | 'discount-asc' | 'price-asc' | 'price-desc' | 'title-asc'
+
+// TODO: Need to get all genres from the database
+const filterbuttons = ['Multiplayer', 'Singleplayer', 'Stratergy', 'Action', 'Aventure']
+
 export function SearchPage() {
     const [isFilterActive, setIsFilterActive] = useState(false)
     const [activeFilters, setActiveFilters] = useState<string[]>([])
-    const [activeSorting, setActiveSorting] = useState<SortOption | ''>('')
-
-    type SortOption = '' | 'discount-asc' | 'price-asc' | 'price-desc' | 'title-asc'
-
-
-    // TODO: Need to get all genres from the database
-    const filterbuttons = ['Multiplayer', 'Singleplayer', 'Stratergy', 'Action', 'Aventure']
+    const [activeSorting, setActiveSorting] = useState<SortOption>('')
 
     const toggleActive = () => setIsFilterActive((isActive) => !isActive)
 
     const toggleSort = (option: Exclude<SortOption, ''>) => {
         setActiveSorting((current) => (current === option ? '' : option))
     }
-    // const handleSortChange = (e: SelectChangeEvent) => {
-    //     setActiveSorting(e.target.value as SortOption)
-    // }
+
     const handleFilterChange = (e: SelectChangeEvent<string[]>) => {
         const { value } = e.target
         setActiveFilters(typeof value === 'string' ? value.split(',') : value)
@@ -54,10 +51,10 @@ export function SearchPage() {
 
             {isFilterActive && (
                 <div className="filtersection">
-                    <FormControl size="small" sx={{ minWidth: { xs: 140, sm: 200 } }}>
-                        <InputLabel id="wishlist-sort-label">Sort by</InputLabel>
+                    <FormControl size="small">
+                        <InputLabel id="search-sort-label">Sort by</InputLabel>
                         <Select
-                            labelId="wishlist-sort-label"
+                            labelId="search-sort-label"
                             value={activeSorting}
                             label="Sort by"
                         >
@@ -68,7 +65,7 @@ export function SearchPage() {
                         </Select>
                     </FormControl>
 
-                    <FormControl size="small" sx={{ minWidth: { xs: 140, sm: 200 } }}>
+                    <FormControl size="small">
                         <InputLabel id="filter-by-label">Filter by genre</InputLabel>
                         <Select
                             labelId="filter-by-label"
@@ -83,7 +80,7 @@ export function SearchPage() {
                             }
                         >
                             {filterbuttons.map((genre) => (
-                                <MenuItem key={genre} value={genre}>
+                                <MenuItem key={genre} value={genre} className='filterOption'>
                                     {genre}
                                 </MenuItem>
                             ))}

From 03ecf237641ecb255e87b558078017661fe5c7a1 Mon Sep 17 00:00:00 2001
From: carmennt <carmennt@stud.ntnu.no>
Date: Fri, 9 Oct 2026 13:11:00 +0200
Subject: [PATCH 04/29] fix: Sorting hover color

---
 src/css/searchpage.css   | 6 +++++-
 src/pages/searchpage.tsx | 8 ++++----
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/css/searchpage.css b/src/css/searchpage.css
index f724694..9df66a6 100644
--- a/src/css/searchpage.css
+++ b/src/css/searchpage.css
@@ -50,7 +50,7 @@
     min-width: 140px;
 }
 
-.filterOption.MuiMenuItem-root.Mui-selected {
+.filterOption.MuiMenuItem-root.Mui-selected, .sortingOption.MuiMenuItem-root.Mui-selected {
     background-color: var(--secondary-component-color);
 }
 
@@ -59,6 +59,10 @@
     background-color: var(--primary-component-color);
 }
 
+.sortingOption.MuiMenuItem-root.Mui-selected:hover {
+    background-color: var(--secondary-component-color);
+}
+
 @media (min-width: 600px) {
     .filtersection .MuiFormControl-root {
         min-width: 200px;
diff --git a/src/pages/searchpage.tsx b/src/pages/searchpage.tsx
index 60071f0..d9f8d8a 100644
--- a/src/pages/searchpage.tsx
+++ b/src/pages/searchpage.tsx
@@ -58,10 +58,10 @@ export function SearchPage() {
                             value={activeSorting}
                             label="Sort by"
                         >
-                            <MenuItem value="discount-asc" onClick={() => toggleSort('discount-asc')}>Discount: low to high</MenuItem>
-                            <MenuItem value="price-asc" onClick={() => toggleSort('price-asc')}>Price: low to high</MenuItem>
-                            <MenuItem value="price-desc" onClick={() => toggleSort('price-desc')}>Price: high to low</MenuItem>
-                            <MenuItem value="title-asc" onClick={() => toggleSort('title-asc')}>Title: A to Z</MenuItem>
+                            <MenuItem className='sortingOption' value="discount-asc" onClick={() => toggleSort('discount-asc')}>Discount: low to high</MenuItem>
+                            <MenuItem className='sortingOption' value="price-asc" onClick={() => toggleSort('price-asc')}>Price: low to high</MenuItem>
+                            <MenuItem className='sortingOption' value="price-desc" onClick={() => toggleSort('price-desc')}>Price: high to low</MenuItem>
+                            <MenuItem className='sortingOption' value="title-asc" onClick={() => toggleSort('title-asc')}>Title: A to Z</MenuItem>
                         </Select>
                     </FormControl>
 

From 8138e4192b2d7b671284f436e5445953b412f8f0 Mon Sep 17 00:00:00 2001
From: carmennt <carmennt@stud.ntnu.no>
Date: Fri, 9 Oct 2026 13:16:55 +0200
Subject: [PATCH 05/29] styling: navbar icon color change

Changing the color of the selected page in navbar to be primary accent color
---
 src/css/header.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/css/header.css b/src/css/header.css
index 4121781..098e825 100644
--- a/src/css/header.css
+++ b/src/css/header.css
@@ -45,7 +45,7 @@ header {
 }
 
 #navigationMenue a.is-active {
-    color: var(--primary-component-color);
+    color: var(--primary-accent-color);
 }
 
 header > button {

From 415577a955c5e13dc37bd21360dfb5ee65a6345a Mon Sep 17 00:00:00 2001
From: carmennt <carmennt@stud.ntnu.no>
Date: Fri, 9 Oct 2026 15:29:52 +0200
Subject: [PATCH 06/29] styling: Styling of searchbar

---
 src/css/searchpage.css   | 70 +++++++++++++++++++++++-----------------
 src/pages/searchpage.tsx | 33 +++++++++++--------
 2 files changed, 61 insertions(+), 42 deletions(-)

diff --git a/src/css/searchpage.css b/src/css/searchpage.css
index 9df66a6..ad18387 100644
--- a/src/css/searchpage.css
+++ b/src/css/searchpage.css
@@ -1,36 +1,50 @@
-.searchbar {
+.searchbar.MuiPaper-root {
     display: flex;
     align-items: center;
-    justify-content: center;
+    align-self: center;
+    width: min(30rem, calc(100% - 5rem));
+    padding: 0;
+    background-color: var(--secondary-component-color);
+    border: 1px solid var(--primary-component-color);
+    font-family: var(--primary-font);
 }
 
-.searchinput.MuiTextField-root {
-    background-color: var(--secondary-component-color);
-    width: min(30rem, calc(100% - 5rem));
+.searchinput.MuiInputBase-root {
+    flex: 1;
+    margin-left: 0.5rem;
 }
 
-.searchinput .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline,
-.searchinput .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline,
-.searchinput .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
-    border-color: var(--primary-accent-color);
+.searchConfirm.MuiIconButton-root,
+.filterbutton.MuiIconButton-root {
+    color: var(--primary-text-color);
 }
 
-.searchinput .MuiOutlinedInput-root {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
+.searchConfirm.MuiIconButton-root {
+    padding: 10px;
 }
 
-.filterbutton {
+.filterbutton.MuiIconButton-root {
     height: 56px;
     padding: 0 1rem;
-    background-color: var(--primary-background-color);
-    border: 1px solid var(--primary-accent-color);
-    border-left: 0;
+    border-left: 1px solid var(--primary-component-color);
     border-radius: 0 4px 4px 0;
 }
 
-.filterbutton.is-active, .filterbutton:active {
+.filterbutton.MuiIconButton-root:hover,
+.searchConfirm.MuiIconButton-root:hover {
+    background-color: transparent;
+}
+
+.filterbutton.MuiIconButton-root.is-active,
+.filterbutton.MuiIconButton-root.is-active:hover,
+.filterbutton.MuiIconButton-root:active {
     background-color: var(--primary-component-color);
+    border-radius: 0;
+}
+
+.filterbutton.MuiIconButton-root .MuiTouchRipple-child,
+.searchConfirm.MuiIconButton-root .MuiTouchRipple-child {
+    background-color: var(--primary-accent-color);
 }
 
 .filtersection {
@@ -50,21 +64,19 @@
     min-width: 140px;
 }
 
-.filterOption.MuiMenuItem-root.Mui-selected, .sortingOption.MuiMenuItem-root.Mui-selected {
-    background-color: var(--secondary-component-color);
-}
-
-.filterOption.MuiMenuItem-root.Mui-selected:hover,
-.filterOption.MuiMenuItem-root.Mui-selected.Mui-focusVisible {
-    background-color: var(--primary-component-color);
+@media (min-width: 600px) {
+    .filtersection .MuiFormControl-root {
+        min-width: 200px;
+    }
 }
 
+.filterOption.MuiMenuItem-root.Mui-selected,
+.sortingOption.MuiMenuItem-root.Mui-selected,
 .sortingOption.MuiMenuItem-root.Mui-selected:hover {
     background-color: var(--secondary-component-color);
 }
 
-@media (min-width: 600px) {
-    .filtersection .MuiFormControl-root {
-        min-width: 200px;
-    }
-}
+.filterOption.MuiMenuItem-root.Mui-selected:hover,
+.filterOption.MuiMenuItem-root.Mui-selected.Mui-focusVisible {
+    background-color: var(--primary-component-color);
+}
\ No newline at end of file
diff --git a/src/pages/searchpage.tsx b/src/pages/searchpage.tsx
index d9f8d8a..dd346c5 100644
--- a/src/pages/searchpage.tsx
+++ b/src/pages/searchpage.tsx
@@ -1,8 +1,8 @@
 import '../css/searchpage.css'
 import Header from '../components/header'
 import Footer from '../components/footer'
-import { TextField, InputLabel, FormControl, Select, MenuItem } from '@mui/material'
-import { Funnel } from 'lucide-react'
+import { InputLabel, FormControl, Select, MenuItem, Paper, InputBase, IconButton } from '@mui/material'
+import { Funnel, SearchIcon } from 'lucide-react'
 import { useState } from 'react'
 import PageHeading from '../components/pageheading'
 import type { SelectChangeEvent } from '@mui/material'
@@ -35,20 +35,27 @@ export function SearchPage() {
         <div className="page-shell">
             <Header />
             <PageHeading title="Search" />
-
-            <div className="searchbar">
-                <TextField className="searchinput" placeholder="Search here or use filter" />
-                <button
-                    type="button"
+            <Paper className='searchbar' component="form">
+                <InputBase
+                    className='searchinput'
+                    placeholder="Search here or use filter"
+                />
+                
+                <IconButton 
+                    type="button" 
+                    aria-label="search"
+                    className='searchConfirm'
+                    >
+                    <SearchIcon id='searchIcon' />
+                </IconButton>
+                <IconButton color="primary"
                     className={`filterbutton${isFilterActive ? ' is-active' : ''}`}
                     aria-label="Toggle filters"
                     aria-pressed={isFilterActive}
-                    onClick={toggleActive}
-                >
-                    <Funnel aria-hidden="true" />
-                </button>
-            </div>
-
+                    onClick={toggleActive}>
+                    <Funnel aria-hidden="true" id='funnelicon'/>
+                </IconButton>
+            </Paper>
             {isFilterActive && (
                 <div className="filtersection">
                     <FormControl size="small">

From 35d8068c699d5167183c279d490434c9e84d806d Mon Sep 17 00:00:00 2001
From: carmennt <carmennt@stud.ntnu.no>
Date: Fri, 9 Oct 2026 11:26:39 +0200
Subject: [PATCH 07/29] feat: sorting and filter by genre

Not done yet, but the sorting and filter buttons are in place.
---
 src/css/searchpage.css   |  2 +-
 src/pages/searchpage.tsx | 90 ++++++++++++++++++++++++----------------
 2 files changed, 55 insertions(+), 37 deletions(-)

diff --git a/src/css/searchpage.css b/src/css/searchpage.css
index b7be06b..220b5cd 100644
--- a/src/css/searchpage.css
+++ b/src/css/searchpage.css
@@ -25,7 +25,7 @@
 }
 
 .filterbutton {
-    background-color: var(--primary-component-color);
+    background-color: var(--primary-background-color);
     border: 1px solid var(--primary-accent-color);
     border-left: 0;
     border-radius: 0 4px 4px 0;
diff --git a/src/pages/searchpage.tsx b/src/pages/searchpage.tsx
index 6ebfc43..c25f2fa 100644
--- a/src/pages/searchpage.tsx
+++ b/src/pages/searchpage.tsx
@@ -1,28 +1,33 @@
 import '../css/searchpage.css'
 import Header from '../components/header'
 import Footer from '../components/footer'
-import { TextField, Button, ButtonGroup, Pagination } from '@mui/material'
+import { TextField, InputLabel, FormControl, Select, MenuItem, Pagination } from '@mui/material'
 import { Funnel } from 'lucide-react'
 import { useMemo, useState, useEffect } from 'react'
 import PageHeading from '../components/pageheading'
 import PassiveGameCard from '../components/passivegamecard'
 import { getGames } from '../api/gameClient'
 import type { Game } from '../backend/steam'
+import type { SelectChangeEvent } from '@mui/material'
 
 export function SearchPage() {
     const [isFilterActive, setIsFilterActive] = useState(false)
-    const [activeSortingButton, setActiveSortingButton] = useState<number | null>(null)
-    const [activeFilterButton, setActiveFilterButton] = useState<number | null>(null)
+    const [activeFilters, setActiveFilters] = useState<string[]>([])
+    const [activeSorting, setActiveSorting] = useState<SortOption | ''>('')
 
-    const sortingbuttons = ['Sorting', 'Sorting', 'Sorting']
-    const filterbuttons = ['Filter', 'Filter', 'Filter']
+    type SortOption = 'no-sorting' | 'discount-asc' | 'price-asc' | 'price-desc' | 'title-asc'
+
+
+    // TODO: Need to get all genres from the database
+    const filterbuttons = ['Multiplayer', 'Singleplayer', 'Stratergy', 'Action', 'Aventure']
 
     const toggleActive = () => setIsFilterActive((isActive) => !isActive)
-    const toggleSortingButton = (index: number) => {
-        setActiveSortingButton((activeIndex) => (activeIndex === index ? null : index))
+    const handleSortChange = (e: SelectChangeEvent) => {
+        setActiveSorting(e.target.value as SortOption)
     }
-    const toggleFilterButton = (index: number) => {
-        setActiveFilterButton((activeIndex) => (activeIndex === index ? null : index))
+    const handleFilterChange = (e: SelectChangeEvent<string[]>) => {
+        const { value } = e.target
+        setActiveFilters(typeof value === 'string' ? value.split(',') : value)
     }
     const [games, setGames] = useState<Game[]>([])
     const [isLoading, setIsLoading] = useState(true)
@@ -59,6 +64,9 @@ export function SearchPage() {
         return games.slice(start, start + gamesPerPage)
     }, [games, page])
 
+    // TODO: Sorting functionallity
+
+
     return (
         <div className="page-shell">
             <Header />
@@ -79,33 +87,43 @@ export function SearchPage() {
 
             {isFilterActive && (
                 <div className="filtersection">
-                    <ButtonGroup>
-                        <p>Sort by: </p>
-                        {sortingbuttons.map((button, index) => (
-                            <Button
-                                key={`${button}-${index}`}
-                                className={activeSortingButton === index ? 'is-active' : ''}
-                                aria-pressed={activeSortingButton === index}
-                                onClick={() => toggleSortingButton(index)}
-                            >
-                                {button}
-                            </Button>
-                        ))}
-                    </ButtonGroup>
-
-                    <ButtonGroup>
-                        <p>Filter by: </p>
-                        {filterbuttons.map((button, index) => (
-                            <Button
-                                key={`${button}-${index}`}
-                                className={activeFilterButton === index ? 'is-active' : ''}
-                                aria-pressed={activeFilterButton === index}
-                                onClick={() => toggleFilterButton(index)}
-                            >
-                                {button}
-                            </Button>
-                        ))}
-                    </ButtonGroup>
+                    <FormControl size="small" sx={{ minWidth: { xs: 140, sm: 200 } }}>
+                        <InputLabel id="wishlist-sort-label">Sort by</InputLabel>
+                        <Select
+                            labelId="wishlist-sort-label"
+                            value={activeSorting}
+                            label="Sort by"
+                            onChange={handleSortChange}
+                        >
+                            <MenuItem value="no-sorting">None</MenuItem>
+                            <MenuItem value="discount-asc">Discount: low to high</MenuItem>
+                            <MenuItem value="price-asc">Price: low to high</MenuItem>
+                            <MenuItem value="price-desc">Price: high to low</MenuItem>
+                            <MenuItem value="title-asc">Title: A to Z</MenuItem>
+                        </Select>
+                    </FormControl>
+
+                    <FormControl size="small" sx={{ minWidth: { xs: 140, sm: 200 } }}>
+                        <InputLabel id="filter-by-label">Filter by genre</InputLabel>
+                        <Select
+                            labelId="filter-by-label"
+                            multiple
+                            value={activeFilters}
+                            onChange={handleFilterChange}
+                            label="Filter by genre"
+                            renderValue={(selected) =>
+                                selected.length <= 1
+                                    ? selected.join('')
+                                    : `${selected[0]} +${selected.length - 1}`
+                            }
+                        >
+                            {filterbuttons.map((genre) => (
+                                <MenuItem key={genre} value={genre}>
+                                    {genre}
+                                </MenuItem>
+                            ))}
+                        </Select>
+                    </FormControl>
                 </div>
             )}
             <Pagination

From 5535e86435d719ba5bc22164d9b224bf6a74df19 Mon Sep 17 00:00:00 2001
From: carmennt <carmennt@stud.ntnu.no>
Date: Fri, 9 Oct 2026 12:01:48 +0200
Subject: [PATCH 08/29] fix: bug in selecting sorting

Now you can reclick a sotring option to remove it. And Filtering will allow you to click multiple and reclick for removing filters
---
 src/pages/searchpage.tsx | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/pages/searchpage.tsx b/src/pages/searchpage.tsx
index c25f2fa..ec382c3 100644
--- a/src/pages/searchpage.tsx
+++ b/src/pages/searchpage.tsx
@@ -15,16 +15,20 @@ export function SearchPage() {
     const [activeFilters, setActiveFilters] = useState<string[]>([])
     const [activeSorting, setActiveSorting] = useState<SortOption | ''>('')
 
-    type SortOption = 'no-sorting' | 'discount-asc' | 'price-asc' | 'price-desc' | 'title-asc'
+    type SortOption = '' | 'discount-asc' | 'price-asc' | 'price-desc' | 'title-asc'
 
 
     // TODO: Need to get all genres from the database
     const filterbuttons = ['Multiplayer', 'Singleplayer', 'Stratergy', 'Action', 'Aventure']
 
     const toggleActive = () => setIsFilterActive((isActive) => !isActive)
-    const handleSortChange = (e: SelectChangeEvent) => {
-        setActiveSorting(e.target.value as SortOption)
+
+    const toggleSort = (option: Exclude<SortOption, ''>) => {
+        setActiveSorting((current) => (current === option ? '' : option))
     }
+    // const handleSortChange = (e: SelectChangeEvent) => {
+    //     setActiveSorting(e.target.value as SortOption)
+    // }
     const handleFilterChange = (e: SelectChangeEvent<string[]>) => {
         const { value } = e.target
         setActiveFilters(typeof value === 'string' ? value.split(',') : value)
@@ -93,13 +97,11 @@ export function SearchPage() {
                             labelId="wishlist-sort-label"
                             value={activeSorting}
                             label="Sort by"
-                            onChange={handleSortChange}
                         >
-                            <MenuItem value="no-sorting">None</MenuItem>
-                            <MenuItem value="discount-asc">Discount: low to high</MenuItem>
-                            <MenuItem value="price-asc">Price: low to high</MenuItem>
-                            <MenuItem value="price-desc">Price: high to low</MenuItem>
-                            <MenuItem value="title-asc">Title: A to Z</MenuItem>
+                            <MenuItem value="discount-asc" onClick={() => toggleSort('discount-asc')}>Discount: low to high</MenuItem>
+                            <MenuItem value="price-asc" onClick={() => toggleSort('price-asc')}>Price: low to high</MenuItem>
+                            <MenuItem value="price-desc" onClick={() => toggleSort('price-desc')}>Price: high to low</MenuItem>
+                            <MenuItem value="title-asc" onClick={() => toggleSort('title-asc')}>Title: A to Z</MenuItem>
                         </Select>
                     </FormControl>
 

From 492ad38a03766dc5e1d70d34a5a36e9470adf758 Mon Sep 17 00:00:00 2001
From: carmennt <carmennt@stud.ntnu.no>
Date: Fri, 9 Oct 2026 12:51:06 +0200
Subject: [PATCH 09/29] style: fixing background colour of filteroptions

---
 src/css/searchpage.css   | 62 +++++++++++++++++-----------------------
 src/pages/searchpage.tsx | 27 ++++++++---------
 2 files changed, 38 insertions(+), 51 deletions(-)

diff --git a/src/css/searchpage.css b/src/css/searchpage.css
index 220b5cd..0f1f716 100644
--- a/src/css/searchpage.css
+++ b/src/css/searchpage.css
@@ -1,14 +1,12 @@
-.searchinput.MuiTextField-root {
-    background-color: var(--secondary-component-color);
-    border-color: var(--primary-accent-color);
+.searchbar {
     display: flex;
-    width: min(30rem, calc(100% - 5rem));
-    margin: 0;
+    align-items: center;
+    justify-content: center;
 }
 
-.searchinput .MuiOutlinedInput-root {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
+.searchinput.MuiTextField-root {
+    background-color: var(--secondary-component-color);
+    width: min(30rem, calc(100% - 5rem));
 }
 
 .searchinput .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline,
@@ -17,62 +15,54 @@
     border-color: var(--primary-accent-color);
 }
 
-.searchbar {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 0;
+.searchinput .MuiOutlinedInput-root {
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
 }
 
 .filterbutton {
+    height: 56px;
+    padding: 0 1rem;
     background-color: var(--primary-background-color);
     border: 1px solid var(--primary-accent-color);
     border-left: 0;
     border-radius: 0 4px 4px 0;
-    height: 56px;
-    padding: 0 1rem;
 }
 
-.filterbutton.is-active,
-.filterbutton:active {
-    background-color: var(--primary-accent-color);
+.filterbutton.is-active, .filterbutton:active {
+    background-color: var(--primary-component-color);
 }
 
 .filtersection {
     box-sizing: border-box;
     display: flex;
     flex-wrap: wrap;
-    border: 1px;
     align-self: center;
     justify-content: center;
     gap: 0.5rem;
-    border-top: 0;
-    border-color: var(--primary-accent-color);
-    border-style: solid;
     width: min(30rem, calc(100% - 5rem));
     padding: 1rem;
+    border: 1px solid var(--primary-accent-color);
+    border-top: 0;
 }
 
-.filtersection .MuiButtonGroup-root {
-    gap: 0.5rem;
-}
-
-.filtersection .MuiButtonGroup-root .MuiButtonGroup-grouped {
-    border: 1px solid var(--primary-accent-color);
-    border-radius: 4px;
+.filtersection .MuiFormControl-root {
+    min-width: 140px;
 }
 
-.filtersection .MuiButtonGroup-root .MuiButtonGroup-grouped:not(:last-of-type) {
-    border-right: 1px solid var(--primary-accent-color);
+.filterOption.MuiMenuItem-root.Mui-selected {
+    background-color: var(--secondary-component-color);
 }
 
-.filtersection .MuiButton-root {
-    color: var(--primary-text-color);
+.filterOption.MuiMenuItem-root.Mui-selected:hover,
+.filterOption.MuiMenuItem-root.Mui-selected.Mui-focusVisible {
+    background-color: var(--primary-component-color);
 }
 
-.filtersection .MuiButton-root.is-active {
-    background-color: var(--secondary-component-color);
-    color: var(--primary-accent-color);
+@media (min-width: 600px) {
+    .filtersection .MuiFormControl-root {
+        min-width: 200px;
+    }
 }
 
 .games-grid {
diff --git a/src/pages/searchpage.tsx b/src/pages/searchpage.tsx
index ec382c3..47e1b9b 100644
--- a/src/pages/searchpage.tsx
+++ b/src/pages/searchpage.tsx
@@ -10,25 +10,22 @@ import { getGames } from '../api/gameClient'
 import type { Game } from '../backend/steam'
 import type { SelectChangeEvent } from '@mui/material'
 
+type SortOption = '' | 'discount-asc' | 'price-asc' | 'price-desc' | 'title-asc'
+
+// TODO: Need to get all genres from the database
+const filterbuttons = ['Multiplayer', 'Singleplayer', 'Stratergy', 'Action', 'Aventure']
+
 export function SearchPage() {
     const [isFilterActive, setIsFilterActive] = useState(false)
     const [activeFilters, setActiveFilters] = useState<string[]>([])
-    const [activeSorting, setActiveSorting] = useState<SortOption | ''>('')
-
-    type SortOption = '' | 'discount-asc' | 'price-asc' | 'price-desc' | 'title-asc'
-
-
-    // TODO: Need to get all genres from the database
-    const filterbuttons = ['Multiplayer', 'Singleplayer', 'Stratergy', 'Action', 'Aventure']
+    const [activeSorting, setActiveSorting] = useState<SortOption>('')
 
     const toggleActive = () => setIsFilterActive((isActive) => !isActive)
 
     const toggleSort = (option: Exclude<SortOption, ''>) => {
         setActiveSorting((current) => (current === option ? '' : option))
     }
-    // const handleSortChange = (e: SelectChangeEvent) => {
-    //     setActiveSorting(e.target.value as SortOption)
-    // }
+
     const handleFilterChange = (e: SelectChangeEvent<string[]>) => {
         const { value } = e.target
         setActiveFilters(typeof value === 'string' ? value.split(',') : value)
@@ -91,10 +88,10 @@ export function SearchPage() {
 
             {isFilterActive && (
                 <div className="filtersection">
-                    <FormControl size="small" sx={{ minWidth: { xs: 140, sm: 200 } }}>
-                        <InputLabel id="wishlist-sort-label">Sort by</InputLabel>
+                    <FormControl size="small">
+                        <InputLabel id="search-sort-label">Sort by</InputLabel>
                         <Select
-                            labelId="wishlist-sort-label"
+                            labelId="search-sort-label"
                             value={activeSorting}
                             label="Sort by"
                         >
@@ -105,7 +102,7 @@ export function SearchPage() {
                         </Select>
                     </FormControl>
 
-                    <FormControl size="small" sx={{ minWidth: { xs: 140, sm: 200 } }}>
+                    <FormControl size="small">
                         <InputLabel id="filter-by-label">Filter by genre</InputLabel>
                         <Select
                             labelId="filter-by-label"
@@ -120,7 +117,7 @@ export function SearchPage() {
                             }
                         >
                             {filterbuttons.map((genre) => (
-                                <MenuItem key={genre} value={genre}>
+                                <MenuItem key={genre} value={genre} className='filterOption'>
                                     {genre}
                                 </MenuItem>
                             ))}

From 7d56852ad71cb86c0b6545c57dddfeacc65222c3 Mon Sep 17 00:00:00 2001
From: carmennt <carmennt@stud.ntnu.no>
Date: Fri, 9 Oct 2026 13:11:00 +0200
Subject: [PATCH 10/29] fix: Sorting hover color

---
 src/css/searchpage.css   | 6 +++++-
 src/pages/searchpage.tsx | 8 ++++----
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/css/searchpage.css b/src/css/searchpage.css
index 0f1f716..05d9308 100644
--- a/src/css/searchpage.css
+++ b/src/css/searchpage.css
@@ -50,7 +50,7 @@
     min-width: 140px;
 }
 
-.filterOption.MuiMenuItem-root.Mui-selected {
+.filterOption.MuiMenuItem-root.Mui-selected, .sortingOption.MuiMenuItem-root.Mui-selected {
     background-color: var(--secondary-component-color);
 }
 
@@ -59,6 +59,10 @@
     background-color: var(--primary-component-color);
 }
 
+.sortingOption.MuiMenuItem-root.Mui-selected:hover {
+    background-color: var(--secondary-component-color);
+}
+
 @media (min-width: 600px) {
     .filtersection .MuiFormControl-root {
         min-width: 200px;
diff --git a/src/pages/searchpage.tsx b/src/pages/searchpage.tsx
index 47e1b9b..906804c 100644
--- a/src/pages/searchpage.tsx
+++ b/src/pages/searchpage.tsx
@@ -95,10 +95,10 @@ export function SearchPage() {
                             value={activeSorting}
                             label="Sort by"
                         >
-                            <MenuItem value="discount-asc" onClick={() => toggleSort('discount-asc')}>Discount: low to high</MenuItem>
-                            <MenuItem value="price-asc" onClick={() => toggleSort('price-asc')}>Price: low to high</MenuItem>
-                            <MenuItem value="price-desc" onClick={() => toggleSort('price-desc')}>Price: high to low</MenuItem>
-                            <MenuItem value="title-asc" onClick={() => toggleSort('title-asc')}>Title: A to Z</MenuItem>
+                            <MenuItem className='sortingOption' value="discount-asc" onClick={() => toggleSort('discount-asc')}>Discount: low to high</MenuItem>
+                            <MenuItem className='sortingOption' value="price-asc" onClick={() => toggleSort('price-asc')}>Price: low to high</MenuItem>
+                            <MenuItem className='sortingOption' value="price-desc" onClick={() => toggleSort('price-desc')}>Price: high to low</MenuItem>
+                            <MenuItem className='sortingOption' value="title-asc" onClick={() => toggleSort('title-asc')}>Title: A to Z</MenuItem>
                         </Select>
                     </FormControl>
 

From 7dea36fb86850d13174a537b500fa1c6dd9208f0 Mon Sep 17 00:00:00 2001
From: carmennt <carmennt@stud.ntnu.no>
Date: Fri, 9 Oct 2026 13:16:55 +0200
Subject: [PATCH 11/29] styling: navbar icon color change

Changing the color of the selected page in navbar to be primary accent color
---
 src/css/header.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/css/header.css b/src/css/header.css
index 4121781..098e825 100644
--- a/src/css/header.css
+++ b/src/css/header.css
@@ -45,7 +45,7 @@ header {
 }
 
 #navigationMenue a.is-active {
-    color: var(--primary-component-color);
+    color: var(--primary-accent-color);
 }
 
 header > button {

From 674735ba050c54420b4e9b8d455478afbfb5b132 Mon Sep 17 00:00:00 2001
From: carmennt <carmennt@stud.ntnu.no>
Date: Fri, 9 Oct 2026 15:29:52 +0200
Subject: [PATCH 12/29] styling: Styling of searchbar

---
 src/css/searchpage.css   | 68 +++++++++++++++++++++++-----------------
 src/pages/searchpage.tsx | 33 +++++++++++--------
 2 files changed, 60 insertions(+), 41 deletions(-)

diff --git a/src/css/searchpage.css b/src/css/searchpage.css
index 05d9308..96e8675 100644
--- a/src/css/searchpage.css
+++ b/src/css/searchpage.css
@@ -1,36 +1,50 @@
-.searchbar {
+.searchbar.MuiPaper-root {
     display: flex;
     align-items: center;
-    justify-content: center;
+    align-self: center;
+    width: min(30rem, calc(100% - 5rem));
+    padding: 0;
+    background-color: var(--secondary-component-color);
+    border: 1px solid var(--primary-component-color);
+    font-family: var(--primary-font);
 }
 
-.searchinput.MuiTextField-root {
-    background-color: var(--secondary-component-color);
-    width: min(30rem, calc(100% - 5rem));
+.searchinput.MuiInputBase-root {
+    flex: 1;
+    margin-left: 0.5rem;
 }
 
-.searchinput .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline,
-.searchinput .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline,
-.searchinput .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
-    border-color: var(--primary-accent-color);
+.searchConfirm.MuiIconButton-root,
+.filterbutton.MuiIconButton-root {
+    color: var(--primary-text-color);
 }
 
-.searchinput .MuiOutlinedInput-root {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
+.searchConfirm.MuiIconButton-root {
+    padding: 10px;
 }
 
-.filterbutton {
+.filterbutton.MuiIconButton-root {
     height: 56px;
     padding: 0 1rem;
-    background-color: var(--primary-background-color);
-    border: 1px solid var(--primary-accent-color);
-    border-left: 0;
+    border-left: 1px solid var(--primary-component-color);
     border-radius: 0 4px 4px 0;
 }
 
-.filterbutton.is-active, .filterbutton:active {
+.filterbutton.MuiIconButton-root:hover,
+.searchConfirm.MuiIconButton-root:hover {
+    background-color: transparent;
+}
+
+.filterbutton.MuiIconButton-root.is-active,
+.filterbutton.MuiIconButton-root.is-active:hover,
+.filterbutton.MuiIconButton-root:active {
     background-color: var(--primary-component-color);
+    border-radius: 0;
+}
+
+.filterbutton.MuiIconButton-root .MuiTouchRipple-child,
+.searchConfirm.MuiIconButton-root .MuiTouchRipple-child {
+    background-color: var(--primary-accent-color);
 }
 
 .filtersection {
@@ -50,23 +64,21 @@
     min-width: 140px;
 }
 
-.filterOption.MuiMenuItem-root.Mui-selected, .sortingOption.MuiMenuItem-root.Mui-selected {
-    background-color: var(--secondary-component-color);
-}
-
-.filterOption.MuiMenuItem-root.Mui-selected:hover,
-.filterOption.MuiMenuItem-root.Mui-selected.Mui-focusVisible {
-    background-color: var(--primary-component-color);
+@media (min-width: 600px) {
+    .filtersection .MuiFormControl-root {
+        min-width: 200px;
+    }
 }
 
+.filterOption.MuiMenuItem-root.Mui-selected,
+.sortingOption.MuiMenuItem-root.Mui-selected,
 .sortingOption.MuiMenuItem-root.Mui-selected:hover {
     background-color: var(--secondary-component-color);
 }
 
-@media (min-width: 600px) {
-    .filtersection .MuiFormControl-root {
-        min-width: 200px;
-    }
+.filterOption.MuiMenuItem-root.Mui-selected:hover,
+.filterOption.MuiMenuItem-root.Mui-selected.Mui-focusVisible {
+    background-color: var(--primary-component-color);
 }
 
 .games-grid {
diff --git a/src/pages/searchpage.tsx b/src/pages/searchpage.tsx
index 906804c..2f255c6 100644
--- a/src/pages/searchpage.tsx
+++ b/src/pages/searchpage.tsx
@@ -1,8 +1,8 @@
 import '../css/searchpage.css'
 import Header from '../components/header'
 import Footer from '../components/footer'
-import { TextField, InputLabel, FormControl, Select, MenuItem, Pagination } from '@mui/material'
-import { Funnel } from 'lucide-react'
+import { InputLabel, FormControl, Select, MenuItem, Paper, InputBase, IconButton, Pagination } from '@mui/material'
+import { Funnel, SearchIcon } from 'lucide-react'
 import { useMemo, useState, useEffect } from 'react'
 import PageHeading from '../components/pageheading'
 import PassiveGameCard from '../components/passivegamecard'
@@ -72,20 +72,27 @@ export function SearchPage() {
         <div className="page-shell">
             <Header />
             <PageHeading title="Search" />
-
-            <div className="searchbar">
-                <TextField className="searchinput" placeholder="Search here or use filter" />
-                <button
-                    type="button"
+            <Paper className='searchbar' component="form">
+                <InputBase
+                    className='searchinput'
+                    placeholder="Search here or use filter"
+                />
+                
+                <IconButton 
+                    type="button" 
+                    aria-label="search"
+                    className='searchConfirm'
+                    >
+                    <SearchIcon id='searchIcon' />
+                </IconButton>
+                <IconButton color="primary"
                     className={`filterbutton${isFilterActive ? ' is-active' : ''}`}
                     aria-label="Toggle filters"
                     aria-pressed={isFilterActive}
-                    onClick={toggleActive}
-                >
-                    <Funnel aria-hidden="true" />
-                </button>
-            </div>
-
+                    onClick={toggleActive}>
+                    <Funnel aria-hidden="true" id='funnelicon'/>
+                </IconButton>
+            </Paper>
             {isFilterActive && (
                 <div className="filtersection">
                     <FormControl size="small">

From 940139b8155dbff16e18f44cdc2bf9e6101caefc Mon Sep 17 00:00:00 2001
From: carmennt <carmennt@stud.ntnu.no>
Date: Tue, 13 Oct 2026 21:58:31 +0200
Subject: [PATCH 13/29] fix: rea-dding pagination

Lost the pagination functions in resbase, added them from main
---
 src/pages/searchpage.tsx | 34 ++++++++++++++++++++++++++++++++++
 1 file changed, 34 insertions(+)

diff --git a/src/pages/searchpage.tsx b/src/pages/searchpage.tsx
index dcf95ce..c1719b3 100644
--- a/src/pages/searchpage.tsx
+++ b/src/pages/searchpage.tsx
@@ -19,6 +19,9 @@ export function SearchPage() {
     const [isFilterActive, setIsFilterActive] = useState(false)
     const [activeFilters, setActiveFilters] = useState<string[]>([])
     const [activeSorting, setActiveSorting] = useState<SortOption>('')
+    const [games, setGames] = useState<Game[]>([])
+    const [isLoading, setIsLoading] = useState(true)
+    const [error, setError] = useState<string | null>(null)
 
     const toggleActive = () => setIsFilterActive((isActive) => !isActive)
 
@@ -31,6 +34,37 @@ export function SearchPage() {
         setActiveFilters(typeof value === 'string' ? value.split(',') : value)
     }
 
+    useEffect(() => {
+        let cancelled = false
+
+        getGames()
+            .then((loadedGames) => {
+                if (!cancelled) setGames(loadedGames)
+            })
+            .catch((err: unknown) => {
+                if (!cancelled) {
+                    setError(err instanceof Error ? err.message : 'Could not load games')
+                }
+            })
+            .finally(() => {
+                if (!cancelled) setIsLoading(false)
+            })
+
+        return () => {
+            cancelled = true
+        }
+    }, [])
+
+    //decides games per page and makes a constant for the pagination
+    const gamesPerPage = 12
+    const pageCount = Math.max(1, Math.ceil(games.length / gamesPerPage))
+    const [page, setPage] = useState(1)
+
+    const visibleGames = useMemo(() => {
+        const start = (page - 1) * gamesPerPage
+        return games.slice(start, start + gamesPerPage)
+    }, [games, page])
+
     return (
         <div className="page-shell">
             <Header />

From e6c4a262f0056f798d31f315af3ea08ea1a9d82a Mon Sep 17 00:00:00 2001
From: carmennt <carmennt@stud.ntnu.no>
Date: Tue, 13 Oct 2026 22:19:43 +0200
Subject: [PATCH 14/29] feat: Sorting works!

Sorting is looking like it is working as it should. Small bug, when sorting by title games with number come before letters.
---
 src/pages/searchpage.tsx | 39 +++++++++++++++++++++++++++------------
 1 file changed, 27 insertions(+), 12 deletions(-)

diff --git a/src/pages/searchpage.tsx b/src/pages/searchpage.tsx
index c1719b3..b790793 100644
--- a/src/pages/searchpage.tsx
+++ b/src/pages/searchpage.tsx
@@ -10,7 +10,7 @@ import { getGames } from '../api/gameClient'
 import type { Game } from '../backend/steam'
 import type { SelectChangeEvent } from '@mui/material'
 
-type SortOption = '' | 'discount-asc' | 'price-asc' | 'price-desc' | 'title-asc'
+type SortOption = '' | 'discount-desc' | 'price-asc' | 'price-desc' | 'title-asc'
 
 // TODO: Need to get all genres from the database
 const filterbuttons = ['Multiplayer', 'Singleplayer', 'Stratergy', 'Action', 'Aventure']
@@ -22,18 +22,19 @@ export function SearchPage() {
     const [games, setGames] = useState<Game[]>([])
     const [isLoading, setIsLoading] = useState(true)
     const [error, setError] = useState<string | null>(null)
-
+    
     const toggleActive = () => setIsFilterActive((isActive) => !isActive)
 
-    const toggleSort = (option: Exclude<SortOption, ''>) => {
-        setActiveSorting((current) => (current === option ? '' : option))
-    }
-
     const handleFilterChange = (e: SelectChangeEvent<string[]>) => {
         const { value } = e.target
         setActiveFilters(typeof value === 'string' ? value.split(',') : value)
     }
 
+    const handleSortChange = (e: SelectChangeEvent<SortOption>) => {
+        setActiveSorting(e.target.value as SortOption)
+        setPage(1)
+    }
+
     useEffect(() => {
         let cancelled = false
 
@@ -60,10 +61,22 @@ export function SearchPage() {
     const pageCount = Math.max(1, Math.ceil(games.length / gamesPerPage))
     const [page, setPage] = useState(1)
 
+    // Takes the list of games and sorts them, sorts when the page is loaded
+    const sortedGames = useMemo(() => {
+        const list = [...games]
+        switch (activeSorting) {
+            case 'discount-desc': return list.sort((a, b) => Number(b.discount) - Number(a.discount))
+            case 'price-asc':     return list.sort((a, b) => Number(a.price) - Number(b.price))
+            case 'price-desc':    return list.sort((a, b) => Number(b.price) - Number(a.price))
+            case 'title-asc':     return list.sort((a, b) => (a.name ?? '').localeCompare(b.name ?? ''))
+            default:              return list
+        }
+    }, [games, activeSorting])
+    
     const visibleGames = useMemo(() => {
         const start = (page - 1) * gamesPerPage
-        return games.slice(start, start + gamesPerPage)
-    }, [games, page])
+        return sortedGames.slice(start, start + gamesPerPage)
+    }, [sortedGames, page])
 
     return (
         <div className="page-shell">
@@ -97,12 +110,14 @@ export function SearchPage() {
                         <Select
                             labelId="search-sort-label"
                             value={activeSorting}
+                            onChange={handleSortChange}
                             label="Sort by"
                         >
-                            <MenuItem className='sortingOption' value="discount-asc" onClick={() => toggleSort('discount-asc')}>Discount: low to high</MenuItem>
-                            <MenuItem className='sortingOption' value="price-asc" onClick={() => toggleSort('price-asc')}>Price: low to high</MenuItem>
-                            <MenuItem className='sortingOption' value="price-desc" onClick={() => toggleSort('price-desc')}>Price: high to low</MenuItem>
-                            <MenuItem className='sortingOption' value="title-asc" onClick={() => toggleSort('title-asc')}>Title: A to Z</MenuItem>
+                            <MenuItem className='sortingOption' value="">None</MenuItem>
+                            <MenuItem className='sortingOption' value="discount-desc">Discount: high to low</MenuItem>
+                            <MenuItem className='sortingOption' value="price-asc">Price: low to high</MenuItem>
+                            <MenuItem className='sortingOption' value="price-desc">Price: high to low</MenuItem>
+                            <MenuItem className='sortingOption' value="title-asc">Title: A to Z</MenuItem>
                         </Select>
                     </FormControl>
 

From 22271f0ba8d141d2b4e437c539fb7381b6079ca9 Mon Sep 17 00:00:00 2001
From: carmennt <carmennt@stud.ntnu.no>
Date: Wed, 14 Oct 2026 10:37:27 +0200
Subject: [PATCH 15/29] feat: Searching functionality

Searching now works as inteended, and sorting works with it.
---
 src/pages/searchpage.tsx | 55 +++++++++++++++++++++++++++-------------
 1 file changed, 38 insertions(+), 17 deletions(-)

diff --git a/src/pages/searchpage.tsx b/src/pages/searchpage.tsx
index b790793..437bf39 100644
--- a/src/pages/searchpage.tsx
+++ b/src/pages/searchpage.tsx
@@ -22,7 +22,35 @@ export function SearchPage() {
     const [games, setGames] = useState<Game[]>([])
     const [isLoading, setIsLoading] = useState(true)
     const [error, setError] = useState<string | null>(null)
+    const [searchVal, setSearchVal] = useState("")
+    const [searchQuery, setSearchQuery] = useState('')
+    const [page, setPage] = useState(1)
+
+    const handleSearchSubmit = (e: React.FormEvent) => {
+        e.preventDefault()
+        setSearchQuery(searchVal.trim())
+        setPage(1)
+    }
+
+    const searchedGames = useMemo(() => {
+        const q = searchQuery.toLowerCase()
+        if (!q) return games
+        return games.filter((game) => (game.name ?? '').toLowerCase().includes(q))
+    }, [games, searchQuery])
     
+    // Takes the list of games and sorts them, sorts when the page is loaded
+    const sortedGames = useMemo(() => {
+        const list = [...searchedGames]
+        switch (activeSorting) {
+            case 'discount-desc': return list.sort((a, b) => Number(b.discount) - Number(a.discount))
+            case 'price-asc':     return list.sort((a, b) => Number(a.price) - Number(b.price))
+            case 'price-desc':    return list.sort((a, b) => Number(b.price) - Number(a.price))
+            case 'title-asc':     return list.sort((a, b) => (a.name ?? '').localeCompare(b.name ?? ''))
+            default:              return list
+        }
+    }, [searchedGames, activeSorting])
+
+    // Opens the filter menu
     const toggleActive = () => setIsFilterActive((isActive) => !isActive)
 
     const handleFilterChange = (e: SelectChangeEvent<string[]>) => {
@@ -35,6 +63,7 @@ export function SearchPage() {
         setPage(1)
     }
 
+    // Loades the games
     useEffect(() => {
         let cancelled = false
 
@@ -58,44 +87,36 @@ export function SearchPage() {
 
     //decides games per page and makes a constant for the pagination
     const gamesPerPage = 12
-    const pageCount = Math.max(1, Math.ceil(games.length / gamesPerPage))
-    const [page, setPage] = useState(1)
+    const pageCount = Math.max(1, Math.ceil(sortedGames.length / gamesPerPage))
 
-    // Takes the list of games and sorts them, sorts when the page is loaded
-    const sortedGames = useMemo(() => {
-        const list = [...games]
-        switch (activeSorting) {
-            case 'discount-desc': return list.sort((a, b) => Number(b.discount) - Number(a.discount))
-            case 'price-asc':     return list.sort((a, b) => Number(a.price) - Number(b.price))
-            case 'price-desc':    return list.sort((a, b) => Number(b.price) - Number(a.price))
-            case 'title-asc':     return list.sort((a, b) => (a.name ?? '').localeCompare(b.name ?? ''))
-            default:              return list
-        }
-    }, [games, activeSorting])
-    
     const visibleGames = useMemo(() => {
         const start = (page - 1) * gamesPerPage
         return sortedGames.slice(start, start + gamesPerPage)
     }, [sortedGames, page])
 
+
     return (
         <div className="page-shell">
             <Header />
             <PageHeading title="Search" />
-            <Paper className='searchbar' component="form">
+            <Paper className='searchbar' component="form" onSubmit={handleSearchSubmit}>
                 <InputBase
                     className='searchinput'
                     placeholder="Search here or use filter"
+                    value={searchVal}
+                    onChange={(e) => setSearchVal(e.target.value)}
                 />
                 
                 <IconButton 
-                    type="button" 
+                    type="submit" 
                     aria-label="search"
                     className='searchConfirm'
                     >
                     <SearchIcon id='searchIcon' />
                 </IconButton>
-                <IconButton color="primary"
+                <IconButton 
+                    type="button"
+                    color="primary"
                     className={`filterbutton${isFilterActive ? ' is-active' : ''}`}
                     aria-label="Toggle filters"
                     aria-pressed={isFilterActive}

From 5c5a53e6c2f349e99465cb59849bce8133b18de8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Eline=20J=C3=A5sund?= <elinejaa@stud.ntnu.no>
Date: Wed, 14 Oct 2026 10:52:23 +0200
Subject: [PATCH 16/29] feat: gamepage fetches from database

---
 src/pages/gamepage.tsx | 61 +++++++++++++++++++++++++++++++++++++++---
 1 file changed, 58 insertions(+), 3 deletions(-)

diff --git a/src/pages/gamepage.tsx b/src/pages/gamepage.tsx
index 92b6d01..7e2e4ae 100644
--- a/src/pages/gamepage.tsx
+++ b/src/pages/gamepage.tsx
@@ -2,20 +2,75 @@ import '../css/gamepage.css'
 import Header from '../components/header'
 import Footer from '../components/footer'
 import ActiveGameCard from '../components/activegamecard'
-import { games } from '../api/games'
 import { useParams } from 'react-router-dom'
 import PageHeading from '../components/pageheading'
+import { useEffect, useState } from 'react'
+import { getGames } from '../api/gameClient'
+import type { Game } from '../backend/steam'
 
 export default function GamePage() {
+    const [games, setGames] = useState<Game[]>([])
+    const [isLoading, setIsLoading] = useState(true)
+    const [error, setError] = useState<string | null>(null)
+
+    useEffect(() => {
+        let cancelled = false
+
+        getGames()
+            .then((loadedGames) => {
+                if (!cancelled) setGames(loadedGames)
+            })
+            .catch((err: unknown) => {
+                if (!cancelled) {
+                    setError(err instanceof Error ? err.message : 'Could not load games')
+                }
+            })
+            .finally(() => {
+                if (!cancelled) setIsLoading(false)
+            })
+
+        return () => {
+            cancelled = true
+        }
+    }, [])
+
     const { gameId } = useParams()
-    const game = gameId ? games.find((candidate) => candidate.id === Number(gameId)) : games[0]
+    const game = gameId ? games.find((candidate) => candidate.appid === Number(gameId)) : games[0]
 
+    const price = game ? Number(game.price) : 0
+    const salePercent = game ? Number(game.discount) : 0
+    const genres = game
+        ? game.genre
+              .split(',')
+              .map((genre) => genre.trim())
+              .filter(Boolean)
+        : []
     return (
         <div className="page-shell">
             <Header />
             <PageHeading title={game?.name ?? 'Game not found'} />
             <div className="game-page">
-                {game ? <ActiveGameCard game={game} /> : <p>Game not found.</p>}
+                {isLoading ? (
+                    <p>Loading game...</p>
+                ) : error ? (
+                    <p role="alert">Error loading games: {error}</p>
+                ) : game ? (
+                    <ActiveGameCard
+                        key={game.appid}
+                        game={{
+                            id: game.appid,
+                            name: game.name,
+                            price: Number.isFinite(price) ? price : 0,
+                            genre: genres,
+                            developer: 'Unknown developer',
+                            description: game.description,
+                            image: game.img,
+                            salePercent: Number.isFinite(salePercent) ? salePercent : 0,
+                        }}
+                    />
+                ) : (
+                    <p>Game not found.</p>
+                )}
             </div>
             <Footer />
         </div>

From c46f84df6a164499b3f2bff879850be99cc12a31 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Eline=20J=C3=A5sund?= <elinejaa@stud.ntnu.no>
Date: Wed, 14 Oct 2026 11:35:05 +0200
Subject: [PATCH 17/29] feat: gamepage loads individual game fra database

---
 src/api/gameClient.ts  | 71 ++++++++++++++++++++++++++++++++++++++++++
 src/backend/server.ts  | 24 ++++++++++++--
 src/pages/gamepage.tsx | 49 +++++++++++++++++++----------
 3 files changed, 126 insertions(+), 18 deletions(-)

diff --git a/src/api/gameClient.ts b/src/api/gameClient.ts
index 349fc4e..fec47f9 100644
--- a/src/api/gameClient.ts
+++ b/src/api/gameClient.ts
@@ -44,6 +44,10 @@ function gamesCacheKey(limit: number, offset: number): string {
     return `games:v1:${limit}:${offset}`
 }
 
+function gameByIdCacheKey(appid: number): string {
+    return `game:v1:${appid}`
+}
+
 function readCachedGames(key: string): Game[] | null {
     try {
         const rawCache = globalThis.localStorage?.getItem(key)
@@ -74,6 +78,73 @@ function writeCachedGames(key: string, games: Game[]): void {
     }
 }
 
+function findCachedGameById(appid: number): Game | null {
+    const cachedGame = readCachedGames(gameByIdCacheKey(appid))?.find(
+        (game) => game.appid === appid,
+    )
+    if (cachedGame) return cachedGame
+
+    try {
+        const storage = globalThis.localStorage
+        if (!storage) return null
+
+        // Collect keys first because readCachedGames may remove expired entries.
+        const cacheKeys = Array.from({ length: storage.length }, (_, index) =>
+            storage.key(index),
+        ).filter((key): key is string => key !== null && key.startsWith('games:v1:'))
+
+        for (const key of cacheKeys) {
+            const game = readCachedGames(key)?.find((candidate) => candidate.appid === appid)
+            if (game) return game
+        }
+    } catch (error) {
+        console.warn('Unable to search localStorage; fetching game from the database.', error)
+    }
+
+    return null
+}
+
+export async function getGameById(appid: number): Promise<Game | null> {
+    const cachedGame = findCachedGameById(appid)
+    if (cachedGame) return cachedGame
+
+    const response = await fetch('http://it2810-10.idi.ntnu.no:3001/', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({
+            query: `
+                query Game($appid: Int!) {
+                    game(appid: $appid) {
+                        appid
+                        name
+                        price
+                        initialprice
+                        discount
+                        img
+                        genre
+                        description
+                    }
+                }
+            `,
+            variables: { appid },
+        }),
+    })
+
+    if (!response.ok) {
+        const body = await response.text()
+        throw new Error(`Failed to fetch game: ${response.status} ${body}`)
+    }
+
+    const { data, errors } = (await response.json()) as GraphQLResponse<{
+        game: Game | null
+    }>
+    if (errors?.length) throw new Error(errors[0].message)
+    if (!data) throw new Error('No data returned')
+
+    if (data.game) writeCachedGames(gameByIdCacheKey(appid), [data.game])
+    return data.game
+}
+
 async function fetchGamesFromDB(limit: number, offset: number): Promise<Game[]> {
     const cacheKey = gamesCacheKey(limit, offset)
     const cachedGames = readCachedGames(cacheKey)
diff --git a/src/backend/server.ts b/src/backend/server.ts
index 045e163..a75fa4e 100644
--- a/src/backend/server.ts
+++ b/src/backend/server.ts
@@ -20,12 +20,16 @@ const typeDefs = `#graphql
 
     type Query {
         games(limit: Int = 500, offset: Int = 0): [Game!]!
+        game(appid: Int!): Game
     }
 `
 
 const resolvers = {
     Query: {
-        games: async (_parent: unknown, { limit, offset }: { limit: number; offset: number }): Promise<Game[]> => {
+        games: async (
+            _parent: unknown,
+            { limit, offset }: { limit: number; offset: number },
+        ): Promise<Game[]> => {
             // This prevents the limit from being too high, and the offset from being negative.
             const safeLimit = Math.min(Math.max(limit, 0), 500)
             const safeOffset = Math.max(offset, 0)
@@ -41,10 +45,26 @@ const resolvers = {
                  FROM games
                  ORDER BY game_id
                  LIMIT $1 OFFSET $2`,
-                [safeLimit, safeOffset]
+                [safeLimit, safeOffset],
             )
             return rows
         },
+        game: async (_parent: unknown, { appid }: { appid: number }): Promise<Game | null> => {
+            const { rows } = await pool.query(
+                `SELECT game_id AS appid,
+                        game_name AS name,
+                        current_price::text AS price,
+                        initial_price::text AS initialprice,
+                        discount_percent::text AS discount,
+                        image_url AS img,
+                        genre,
+                        description
+                 FROM games
+                 WHERE game_id = $1`,
+                [appid],
+            )
+            return rows[0] ?? null
+        },
     },
 }
 
diff --git a/src/pages/gamepage.tsx b/src/pages/gamepage.tsx
index 7e2e4ae..dd0bd4b 100644
--- a/src/pages/gamepage.tsx
+++ b/src/pages/gamepage.tsx
@@ -5,37 +5,46 @@ import ActiveGameCard from '../components/activegamecard'
 import { useParams } from 'react-router-dom'
 import PageHeading from '../components/pageheading'
 import { useEffect, useState } from 'react'
-import { getGames } from '../api/gameClient'
+import { getGameById } from '../api/gameClient'
 import type { Game } from '../backend/steam'
 
 export default function GamePage() {
-    const [games, setGames] = useState<Game[]>([])
-    const [isLoading, setIsLoading] = useState(true)
-    const [error, setError] = useState<string | null>(null)
+    const { gameId } = useParams()
+    const appid = gameId === undefined ? Number.NaN : Number(gameId)
+    const [loadedGame, setLoadedGame] = useState<{
+        appid: number
+        game: Game | null
+        error: string | null
+    } | null>(null)
 
     useEffect(() => {
         let cancelled = false
 
-        getGames()
-            .then((loadedGames) => {
-                if (!cancelled) setGames(loadedGames)
+        if (!Number.isSafeInteger(appid)) return
+
+        getGameById(appid)
+            .then((loadedGame) => {
+                if (!cancelled) setLoadedGame({ appid, game: loadedGame, error: null })
             })
             .catch((err: unknown) => {
                 if (!cancelled) {
-                    setError(err instanceof Error ? err.message : 'Could not load games')
+                    setLoadedGame({
+                        appid,
+                        game: null,
+                        error: err instanceof Error ? err.message : 'Could not load game',
+                    })
                 }
             })
-            .finally(() => {
-                if (!cancelled) setIsLoading(false)
-            })
 
         return () => {
             cancelled = true
         }
-    }, [])
+    }, [appid])
 
-    const { gameId } = useParams()
-    const game = gameId ? games.find((candidate) => candidate.appid === Number(gameId)) : games[0]
+    const isValidAppId = Number.isSafeInteger(appid)
+    const isLoading = isValidAppId && loadedGame?.appid !== appid
+    const game = loadedGame?.appid === appid ? loadedGame.game : null
+    const error = loadedGame?.appid === appid ? loadedGame.error : null
 
     const price = game ? Number(game.price) : 0
     const salePercent = game ? Number(game.discount) : 0
@@ -48,12 +57,20 @@ export default function GamePage() {
     return (
         <div className="page-shell">
             <Header />
-            <PageHeading title={game?.name ?? 'Game not found'} />
+            <PageHeading
+                title={
+                    isLoading
+                        ? 'Loading game...'
+                        : error
+                          ? 'Unable to load game'
+                          : (game?.name ?? 'Game not found')
+                }
+            />
             <div className="game-page">
                 {isLoading ? (
                     <p>Loading game...</p>
                 ) : error ? (
-                    <p role="alert">Error loading games: {error}</p>
+                    <p role="alert">Error loading game: {error}</p>
                 ) : game ? (
                     <ActiveGameCard
                         key={game.appid}

From 713968d725d702452696196f278e70ad15717875 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Eline=20J=C3=A5sund?= <elinejaa@stud.ntnu.no>
Date: Wed, 14 Oct 2026 12:11:44 +0200
Subject: [PATCH 18/29] test: make test for gameclient update and gamepage

---
 src/tests/gameClient.test.ts | 85 +++++++++++++++++++++++++++++++-----
 src/tests/gamepage.test.tsx  | 80 +++++++++++++++++++++++++++++++++
 2 files changed, 154 insertions(+), 11 deletions(-)
 create mode 100644 src/tests/gamepage.test.tsx

diff --git a/src/tests/gameClient.test.ts b/src/tests/gameClient.test.ts
index defef17..5f9b5d5 100644
--- a/src/tests/gameClient.test.ts
+++ b/src/tests/gameClient.test.ts
@@ -1,6 +1,6 @@
 import { describe, it, expect, vi, beforeEach } from 'vitest'
 import type { Game } from '../backend/steam'
-import fetchGamesFromDB, { getGames } from '../api/gameClient'
+import fetchGamesFromDB, { getGameById, getGames } from '../api/gameClient'
 
 function mockResponse(body: unknown, ok = true, status = 200): Response {
     return {
@@ -11,6 +11,18 @@ function mockResponse(body: unknown, ok = true, status = 200): Response {
     } as Response
 }
 
+function stubLocalStorage(values: Map<string, string>) {
+    vi.stubGlobal('localStorage', {
+        get length() {
+            return values.size
+        },
+        key: (index: number) => Array.from(values.keys())[index] ?? null,
+        getItem: (key: string) => values.get(key) ?? null,
+        setItem: (key: string, value: string) => values.set(key, value),
+        removeItem: (key: string) => values.delete(key),
+    })
+}
+
 describe('fetchGamesFromDB', () => {
     beforeEach(() => {
         vi.restoreAllMocks()
@@ -95,11 +107,7 @@ describe('fetchGamesFromDB', () => {
             },
         ]
         const values = new Map<string, string>()
-        vi.stubGlobal('localStorage', {
-            getItem: (key: string) => values.get(key) ?? null,
-            setItem: (key: string, value: string) => values.set(key, value),
-            removeItem: (key: string) => values.delete(key),
-        })
+        stubLocalStorage(values)
         global.fetch = vi.fn().mockResolvedValue(mockResponse({ data: { games } }))
 
         const firstResult = await fetchGamesFromDB(1, 0)
@@ -124,11 +132,7 @@ describe('fetchGamesFromDB', () => {
                 }),
             ],
         ])
-        vi.stubGlobal('localStorage', {
-            getItem: (key: string) => values.get(key) ?? null,
-            setItem: (key: string, value: string) => values.set(key, value),
-            removeItem: (key: string) => values.delete(key),
-        })
+        stubLocalStorage(values)
         global.fetch = vi.fn().mockResolvedValue(mockResponse({ data: { games: [] } }))
 
         await fetchGamesFromDB(1, 0)
@@ -136,6 +140,65 @@ describe('fetchGamesFromDB', () => {
         expect(global.fetch).toHaveBeenCalledTimes(1)
     })
 
+    describe('getGameById', () => {
+        beforeEach(() => {
+            vi.restoreAllMocks()
+            vi.unstubAllGlobals()
+        })
+
+        const game: Game = {
+            appid: 10,
+            name: 'Counter-Strike',
+            price: '9.99',
+            initialprice: '9.99',
+            discount: '0',
+            img: 'https://example.com/header.jpg',
+            genre: 'Action',
+            description: 'A classic shooter.',
+        }
+
+        it('returns a game from an existing page cache without fetching', async () => {
+            const values = new Map([
+                [
+                    'games:v1:500:0',
+                    JSON.stringify({ fetchedAt: Date.now(), games: [game] }),
+                ],
+            ])
+            stubLocalStorage(values)
+            global.fetch = vi.fn()
+
+            await expect(getGameById(game.appid)).resolves.toEqual(game)
+            expect(global.fetch).not.toHaveBeenCalled()
+        })
+
+        it('fetches a missing game from the database and caches it for subsequent calls', async () => {
+            const values = new Map<string, string>()
+            stubLocalStorage(values)
+            global.fetch = vi.fn().mockResolvedValue(mockResponse({ data: { game } }))
+
+            await expect(getGameById(game.appid)).resolves.toEqual(game)
+            expect(global.fetch).toHaveBeenCalledTimes(1)
+            const [, options] = (global.fetch as ReturnType<typeof vi.fn>).mock.calls[0]
+            const body = JSON.parse(options.body as string)
+            expect(body.variables).toEqual({ appid: game.appid })
+            expect(body.query).toContain('game(appid: $appid)')
+            expect(JSON.parse(values.get('game:v1:10') ?? '{}')).toEqual({
+                fetchedAt: expect.any(Number),
+                games: [game],
+            })
+
+            await expect(getGameById(game.appid)).resolves.toEqual(game)
+            expect(global.fetch).toHaveBeenCalledTimes(1)
+        })
+
+        it('returns null when the requested game does not exist', async () => {
+            stubLocalStorage(new Map())
+            global.fetch = vi.fn().mockResolvedValue(mockResponse({ data: { game: null } }))
+
+            await expect(getGameById(404)).resolves.toBeNull()
+        })
+    })
+
     it('throws when the HTTP response is not ok', async () => {
         global.fetch = vi.fn().mockResolvedValue(mockResponse({}, false, 500))
 
diff --git a/src/tests/gamepage.test.tsx b/src/tests/gamepage.test.tsx
new file mode 100644
index 0000000..cdb0f64
--- /dev/null
+++ b/src/tests/gamepage.test.tsx
@@ -0,0 +1,80 @@
+// @vitest-environment jsdom
+import { cleanup, render, screen } from '@testing-library/react'
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
+import { MemoryRouter, Route, Routes } from 'react-router-dom'
+import type { Game } from '../backend/steam'
+
+const { getGameById, getGames } = vi.hoisted(() => ({
+    getGameById: vi.fn<(appid: number) => Promise<Game | null>>(),
+    getGames: vi.fn(),
+}))
+
+vi.mock('../api/gameClient', () => ({ getGameById, getGames }))
+vi.mock('../components/activegamecard', () => ({
+    default: ({ game }: { game: { name: string } }) => <div>{game.name}</div>,
+}))
+
+import GamePage from '../pages/gamepage'
+
+function makeGame(appid: number): Game {
+    return {
+        appid,
+        name: `Game ${appid}`,
+        price: '9.99',
+        initialprice: '19.99',
+        discount: '50',
+        img: `https://example.com/game-${appid}.jpg`,
+        genre: 'Action',
+        description: `Description for game ${appid}`,
+    }
+}
+
+function renderGamePage(path: string) {
+    return render(
+        <MemoryRouter initialEntries={[path]}>
+            <Routes>
+                <Route path="/game/:gameId" element={<GamePage />} />
+                <Route path="/game" element={<GamePage />} />
+            </Routes>
+        </MemoryRouter>,
+    )
+}
+
+describe('GamePage', () => {
+    beforeEach(() => {
+        getGameById.mockReset()
+        getGames.mockReset()
+    })
+
+    afterEach(() => {
+        cleanup()
+    })
+
+    it('fetches and renders only the game matching the route id', async () => {
+        getGameById.mockResolvedValue(makeGame(42))
+
+        renderGamePage('/game/42')
+
+        expect(await screen.findAllByText('Game 42')).toHaveLength(2)
+        expect(getGameById).toHaveBeenCalledExactlyOnceWith(42)
+        expect(getGames).not.toHaveBeenCalled()
+    })
+
+    it('shows loading while the requested game is being fetched', () => {
+        getGameById.mockReturnValue(new Promise(() => {}))
+
+        renderGamePage('/game/42')
+
+        expect(screen.getAllByText('Loading game...')).toHaveLength(2)
+        expect(getGameById).toHaveBeenCalledExactlyOnceWith(42)
+        expect(getGames).not.toHaveBeenCalled()
+    })
+
+    it('does not fetch when the route id is invalid', () => {
+        renderGamePage('/game/not-a-number')
+
+        expect(screen.getByText('Game not found.')).toBeTruthy()
+        expect(getGameById).not.toHaveBeenCalled()
+        expect(getGames).not.toHaveBeenCalled()
+    })
+})

From 93b6870a161c865ea1315550e7f7769ca56737f5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Eline=20J=C3=A5sund?= <elinejaa@stud.ntnu.no>
Date: Wed, 14 Oct 2026 12:12:11 +0200
Subject: [PATCH 19/29] fix: handle failing tests

---
 src/tests/pageheading.test.tsx | 1 +
 src/tests/searchpage.test.tsx  | 4 ++--
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/tests/pageheading.test.tsx b/src/tests/pageheading.test.tsx
index 6ab83be..f1498a0 100644
--- a/src/tests/pageheading.test.tsx
+++ b/src/tests/pageheading.test.tsx
@@ -1,3 +1,4 @@
+// @vitest-environment jsdom
 import { cleanup, fireEvent, render, screen } from '@testing-library/react'
 import { afterEach, describe, expect, it } from 'vitest'
 import { Link, MemoryRouter, Route, Routes } from 'react-router-dom'
diff --git a/src/tests/searchpage.test.tsx b/src/tests/searchpage.test.tsx
index 16f22a8..1a75134 100644
--- a/src/tests/searchpage.test.tsx
+++ b/src/tests/searchpage.test.tsx
@@ -97,7 +97,7 @@ describe('SearchPage', () => {
         fireEvent.click(filterToggle)
 
         expect(filterToggle.getAttribute('aria-pressed')).toBe('true')
-        expect(screen.getByText('Sort by:')).toBeTruthy()
-        expect(screen.getByText('Filter by:')).toBeTruthy()
+        expect(screen.getByRole('combobox', { name: 'Sort by' })).toBeTruthy()
+        expect(screen.getByRole('combobox', { name: 'Filter by genre' })).toBeTruthy()
     })
 })

From b45c259f04adf671a46830db3aa0b81dac15d148 Mon Sep 17 00:00:00 2001
From: carmennt <carmennt@stud.ntnu.no>
Date: Wed, 14 Oct 2026 12:16:32 +0200
Subject: [PATCH 20/29] feat: filter functionality on the way

---
 src/api/genres_frontend.ts | 18 ++++++++++++++++++
 src/backend/server.ts      | 10 ++++++++++
 src/pages/searchpage.tsx   | 24 ++++++++++++++++++------
 3 files changed, 46 insertions(+), 6 deletions(-)
 create mode 100644 src/api/genres_frontend.ts

diff --git a/src/api/genres_frontend.ts b/src/api/genres_frontend.ts
new file mode 100644
index 0000000..fd6ec8c
--- /dev/null
+++ b/src/api/genres_frontend.ts
@@ -0,0 +1,18 @@
+const backendport = 'http://localhost:5173/'
+
+async function gql<T>(query: string, variables: Record<string, unknown>): Promise<T> {
+	const res = await fetch(backendport, {
+		method: "POST",
+		headers: { "Content-Type": "application/json" },
+		body: JSON.stringify({ query, variables }),
+	});
+	if (!res.ok) throw new Error(`Request failed: ${res.status}`);
+	const json = await res.json();
+	if (json.errors) throw new Error(json.errors[0].message);
+	return json.data;
+}
+
+export async function fetchGenres(): Promise<string[]> {
+	const data = await gql<{ genres: string[] }>(`query { genres }`, {});
+	return data.genres;
+}
diff --git a/src/backend/server.ts b/src/backend/server.ts
index 045e163..d4be244 100644
--- a/src/backend/server.ts
+++ b/src/backend/server.ts
@@ -20,6 +20,7 @@ const typeDefs = `#graphql
 
     type Query {
         games(limit: Int = 500, offset: Int = 0): [Game!]!
+        genres: [String!]!
     }
 `
 
@@ -45,6 +46,15 @@ const resolvers = {
             )
             return rows
         },
+        genres: async (): Promise<string[]> => {
+            const { rows } = await pool.query(
+                `SELECT DISTINCT genre
+                FROM games
+                WHERE genre IS NOT NULL AND genre <> ''
+                ORDER BY genre`
+            )
+            return rows.map((r) => r.genre)
+        },
     },
 }
 
diff --git a/src/pages/searchpage.tsx b/src/pages/searchpage.tsx
index 437bf39..bf4b84c 100644
--- a/src/pages/searchpage.tsx
+++ b/src/pages/searchpage.tsx
@@ -7,14 +7,12 @@ import { useMemo, useState, useEffect } from 'react'
 import PageHeading from '../components/pageheading'
 import PassiveGameCard from '../components/passivegamecard'
 import { getGames } from '../api/gameClient'
+import { fetchGenres } from '../api/genres_frontend'
 import type { Game } from '../backend/steam'
 import type { SelectChangeEvent } from '@mui/material'
 
 type SortOption = '' | 'discount-desc' | 'price-asc' | 'price-desc' | 'title-asc'
 
-// TODO: Need to get all genres from the database
-const filterbuttons = ['Multiplayer', 'Singleplayer', 'Stratergy', 'Action', 'Aventure']
-
 export function SearchPage() {
     const [isFilterActive, setIsFilterActive] = useState(false)
     const [activeFilters, setActiveFilters] = useState<string[]>([])
@@ -25,6 +23,11 @@ export function SearchPage() {
     const [searchVal, setSearchVal] = useState("")
     const [searchQuery, setSearchQuery] = useState('')
     const [page, setPage] = useState(1)
+    const [genres, setGenres] = useState<string[]>([])
+
+    useEffect(() => {
+        fetchGenres().then(setGenres).catch(console.error)
+    }, [])
 
     const handleSearchSubmit = (e: React.FormEvent) => {
         e.preventDefault()
@@ -32,15 +35,23 @@ export function SearchPage() {
         setPage(1)
     }
 
+    // retures a list of games based on the search query, if there is no query, it returns the original list
     const searchedGames = useMemo(() => {
         const q = searchQuery.toLowerCase()
         if (!q) return games
         return games.filter((game) => (game.name ?? '').toLowerCase().includes(q))
     }, [games, searchQuery])
+
+    // Filters the games, returns the searched games when there are no filters active
+    const filteredGames = useMemo(() => {
+        if (activeFilters.length === 0) return searchedGames
+        return searchedGames.filter((game) => activeFilters.includes(game.genre ?? ''))
+    }, [searchedGames, activeFilters])
+
     
     // Takes the list of games and sorts them, sorts when the page is loaded
     const sortedGames = useMemo(() => {
-        const list = [...searchedGames]
+        const list = [...filteredGames]
         switch (activeSorting) {
             case 'discount-desc': return list.sort((a, b) => Number(b.discount) - Number(a.discount))
             case 'price-asc':     return list.sort((a, b) => Number(a.price) - Number(b.price))
@@ -48,7 +59,8 @@ export function SearchPage() {
             case 'title-asc':     return list.sort((a, b) => (a.name ?? '').localeCompare(b.name ?? ''))
             default:              return list
         }
-    }, [searchedGames, activeSorting])
+    }, [filteredGames, activeSorting])
+
 
     // Opens the filter menu
     const toggleActive = () => setIsFilterActive((isActive) => !isActive)
@@ -156,7 +168,7 @@ export function SearchPage() {
                                     : `${selected[0]} +${selected.length - 1}`
                             }
                         >
-                            {filterbuttons.map((genre) => (
+                            {genres.map((genre) => (
                                 <MenuItem key={genre} value={genre} className='filterOption'>
                                     {genre}
                                 </MenuItem>

From c8738803eabc538adcb593660397e21eecb487fd Mon Sep 17 00:00:00 2001
From: carmennt <carmennt@stud.ntnu.no>
Date: Wed, 14 Oct 2026 12:22:27 +0200
Subject: [PATCH 21/29] fix: line spacing

---
 src/pages/searchpage.tsx | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/pages/searchpage.tsx b/src/pages/searchpage.tsx
index bf4b84c..6feb97b 100644
--- a/src/pages/searchpage.tsx
+++ b/src/pages/searchpage.tsx
@@ -48,7 +48,6 @@ export function SearchPage() {
         return searchedGames.filter((game) => activeFilters.includes(game.genre ?? ''))
     }, [searchedGames, activeFilters])
 
-    
     // Takes the list of games and sorts them, sorts when the page is loaded
     const sortedGames = useMemo(() => {
         const list = [...filteredGames]
@@ -61,7 +60,6 @@ export function SearchPage() {
         }
     }, [filteredGames, activeSorting])
 
-
     // Opens the filter menu
     const toggleActive = () => setIsFilterActive((isActive) => !isActive)
 

From 8b90d3fe80730668106a2d696bdb54a27eb2f2ff Mon Sep 17 00:00:00 2001
From: carmennt <carmennt@stud.ntnu.no>
Date: Wed, 14 Oct 2026 12:24:03 +0200
Subject: [PATCH 22/29] fix: missing } in server.ts

---
 src/backend/server.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/backend/server.ts b/src/backend/server.ts
index b4f8d55..94cf793 100644
--- a/src/backend/server.ts
+++ b/src/backend/server.ts
@@ -65,6 +65,7 @@ const resolvers = {
                 [appid],
             )
             return rows[0] ?? null
+        },
         genres: async (): Promise<string[]> => {
             const { rows } = await pool.query(
                 `SELECT DISTINCT genre

From ffc3609cfe2b5d455665bf154ec92d0518022ca6 Mon Sep 17 00:00:00 2001
From: carmennt <carmennt@stud.ntnu.no>
Date: Wed, 14 Oct 2026 12:51:42 +0200
Subject: [PATCH 23/29] fix: fix port

---
 src/api/genres_frontend.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/api/genres_frontend.ts b/src/api/genres_frontend.ts
index fd6ec8c..f3f1574 100644
--- a/src/api/genres_frontend.ts
+++ b/src/api/genres_frontend.ts
@@ -1,4 +1,4 @@
-const backendport = 'http://localhost:5173/'
+const backendport = 'http://it2810-10.idi.ntnu.no:3001/'
 
 async function gql<T>(query: string, variables: Record<string, unknown>): Promise<T> {
 	const res = await fetch(backendport, {

From 8c8ab4e8878d84d0089ac219d58aeb25c70f0acf Mon Sep 17 00:00:00 2001
From: carmennt <carmennt@stud.ntnu.no>
Date: Wed, 14 Oct 2026 13:26:53 +0200
Subject: [PATCH 24/29] feat: fetchGenres()

Making a fetchGenres function that will split the genres from the DB to a unique list of strings.
---
 src/api/genres_frontend.ts |  2 +-
 src/backend/genres.ts      | 11 +++++++++++
 src/backend/server.ts      | 11 ++---------
 3 files changed, 14 insertions(+), 10 deletions(-)
 create mode 100644 src/backend/genres.ts

diff --git a/src/api/genres_frontend.ts b/src/api/genres_frontend.ts
index f3f1574..cc19383 100644
--- a/src/api/genres_frontend.ts
+++ b/src/api/genres_frontend.ts
@@ -15,4 +15,4 @@ async function gql<T>(query: string, variables: Record<string, unknown>): Promis
 export async function fetchGenres(): Promise<string[]> {
 	const data = await gql<{ genres: string[] }>(`query { genres }`, {});
 	return data.genres;
-}
+}
\ No newline at end of file
diff --git a/src/backend/genres.ts b/src/backend/genres.ts
new file mode 100644
index 0000000..e1b1ab3
--- /dev/null
+++ b/src/backend/genres.ts
@@ -0,0 +1,11 @@
+import { pool } from './db_connection.ts'
+
+export async function fetchGenres(): Promise<string[]> {
+    const { rows } = await pool.query(
+        `SELECT DISTINCT TRIM(g) AS genre
+         FROM games, unnest(string_to_array(genre, ',')) AS g
+         WHERE genre IS NOT NULL AND TRIM(g) <> ''
+         ORDER BY genre`
+    )
+    return rows.map((r) => r.genre)
+}
\ No newline at end of file
diff --git a/src/backend/server.ts b/src/backend/server.ts
index 94cf793..cdab536 100644
--- a/src/backend/server.ts
+++ b/src/backend/server.ts
@@ -2,6 +2,7 @@ import { ApolloServer } from '@apollo/server'
 import { startStandaloneServer } from '@apollo/server/standalone'
 import { type Game } from './steam.ts'
 import { pool } from './db_connection.ts'
+import { fetchGenres } from './genres.ts'
 
 // Documentation on apollo: https://www.apollographql.com/docs/deploy-preview/5dc6222f824f9e089e2a5735/apollo-server/api/apollo-server
 
@@ -66,15 +67,7 @@ const resolvers = {
             )
             return rows[0] ?? null
         },
-        genres: async (): Promise<string[]> => {
-            const { rows } = await pool.query(
-                `SELECT DISTINCT genre
-                FROM games
-                WHERE genre IS NOT NULL AND genre <> ''
-                ORDER BY genre`
-            )
-            return rows.map((r) => r.genre)
-        },
+        genres: () => fetchGenres(),
     },
 }
 

From 2a5748ed85ecbed41dbf6592a0dea6e7d04ad9a1 Mon Sep 17 00:00:00 2001
From: carmennt <carmennt@stud.ntnu.no>
Date: Wed, 14 Oct 2026 15:18:35 +0200
Subject: [PATCH 25/29] fix: session storage of searching functionality

Now the search query, filters and sorting option a user has will be saved in session storage so that it stays on page refresh.
---
 src/api/genres_frontend.ts         | 18 -------
 src/api/searchpageLogicFrontend.ts | 87 ++++++++++++++++++++++++++++++
 src/pages/searchpage.tsx           | 68 ++++++++++++++++-------
 3 files changed, 137 insertions(+), 36 deletions(-)
 delete mode 100644 src/api/genres_frontend.ts
 create mode 100644 src/api/searchpageLogicFrontend.ts

diff --git a/src/api/genres_frontend.ts b/src/api/genres_frontend.ts
deleted file mode 100644
index cc19383..0000000
--- a/src/api/genres_frontend.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-const backendport = 'http://it2810-10.idi.ntnu.no:3001/'
-
-async function gql<T>(query: string, variables: Record<string, unknown>): Promise<T> {
-	const res = await fetch(backendport, {
-		method: "POST",
-		headers: { "Content-Type": "application/json" },
-		body: JSON.stringify({ query, variables }),
-	});
-	if (!res.ok) throw new Error(`Request failed: ${res.status}`);
-	const json = await res.json();
-	if (json.errors) throw new Error(json.errors[0].message);
-	return json.data;
-}
-
-export async function fetchGenres(): Promise<string[]> {
-	const data = await gql<{ genres: string[] }>(`query { genres }`, {});
-	return data.genres;
-}
\ No newline at end of file
diff --git a/src/api/searchpageLogicFrontend.ts b/src/api/searchpageLogicFrontend.ts
new file mode 100644
index 0000000..ad989cd
--- /dev/null
+++ b/src/api/searchpageLogicFrontend.ts
@@ -0,0 +1,87 @@
+const backendport = 'http://it2810-10.idi.ntnu.no:3001/'
+
+async function gql<T>(query: string, variables: Record<string, unknown>): Promise<T> {
+	const res = await fetch(backendport, {
+		method: "POST",
+		headers: { "Content-Type": "application/json" },
+		body: JSON.stringify({ query, variables }),
+	});
+	if (!res.ok) throw new Error(`Request failed: ${res.status}`);
+	const json = await res.json();
+	if (json.errors) throw new Error(json.errors[0].message);
+	return json.data;
+}
+
+export async function fetchGenres(): Promise<string[]> {
+	const data = await gql<{ genres: string[] }>(`query { genres }`, {});
+	return data.genres;
+}
+
+export function getSavedFiltersSearchpage(): string[] {
+	try {
+		const parsed = JSON.parse(sessionStorage.getItem("GameStart:filtersSearchpage") ?? "[]");
+		return Array.isArray(parsed) ? parsed : [];
+	} catch {
+		return [];
+  	}
+}
+
+export function saveFiltersSearchpage(filters: string[]) {
+	try {
+		sessionStorage.setItem("GameStart:filtersSearchpage", JSON.stringify(filters));
+	} catch {
+		// storage unavailable or full, we ignore
+	}
+}
+
+
+export function getQuerySearchpage(): string {
+	try {
+		const parsed = JSON.parse(sessionStorage.getItem("GameStart:querySearchpage") ?? '""');
+		return typeof parsed === "string" ? parsed : "";
+	} catch {
+		return "";
+	}
+}
+
+export function saveQuerySearchpage(query: string) {
+	try {
+		sessionStorage.setItem("GameStart:querySearchpage", JSON.stringify(query));
+	} catch {
+		// storage unavailable or full, we ignore
+	}
+}
+
+export function saveSortOptionSearchpage(query: string) {
+	try {
+		sessionStorage.setItem("GameStart:sortOptionSearchpage", JSON.stringify(query));
+	} catch {
+		// storage unavailable or full, we ignore
+	}
+}
+
+export function getSortOptionSearchpage(): string {
+  try {
+		const parsed = JSON.parse(sessionStorage.getItem("GameStart:sortOptionSearchpage") ?? '""');
+		return typeof parsed === "string" ? parsed : "";
+	} catch {
+		return "";
+	}
+}
+
+export function savePageSearchpage(pageNumber: number) {
+	try {
+		sessionStorage.setItem("GameStart:pageSearchpage", JSON.stringify(pageNumber));
+	} catch {
+		// storage unavailable or full, we ignore
+	}
+}
+
+export function getPageSearchpage(): number {
+  try {
+		const parsed = JSON.parse(sessionStorage.getItem("GameStop:pageSearchpage") ?? "1");
+    	return Number.isInteger(parsed) && parsed >= 1 ? parsed : 1;
+	} catch {
+		return 1;
+	}
+}
\ No newline at end of file
diff --git a/src/pages/searchpage.tsx b/src/pages/searchpage.tsx
index 6feb97b..7595077 100644
--- a/src/pages/searchpage.tsx
+++ b/src/pages/searchpage.tsx
@@ -7,33 +7,50 @@ import { useMemo, useState, useEffect } from 'react'
 import PageHeading from '../components/pageheading'
 import PassiveGameCard from '../components/passivegamecard'
 import { getGames } from '../api/gameClient'
-import { fetchGenres } from '../api/genres_frontend'
+import {
+    fetchGenres,
+    getSavedFiltersSearchpage,
+    saveFiltersSearchpage,
+    getQuerySearchpage,
+    saveQuerySearchpage,
+    getSortOptionSearchpage,
+    saveSortOptionSearchpage,
+    getPageSearchpage,
+    savePageSearchpage
+} from '../api/searchpageLogicFrontend'
 import type { Game } from '../backend/steam'
 import type { SelectChangeEvent } from '@mui/material'
 
-type SortOption = '' | 'discount-desc' | 'price-asc' | 'price-desc' | 'title-asc'
+type SortOption = '' | 'discount-desc' | 'discount-asc' | 'price-asc' | 'price-desc' | 'title-asc'
 
 export function SearchPage() {
-    const [isFilterActive, setIsFilterActive] = useState(false)
-    const [activeFilters, setActiveFilters] = useState<string[]>([])
-    const [activeSorting, setActiveSorting] = useState<SortOption>('')
     const [games, setGames] = useState<Game[]>([])
     const [isLoading, setIsLoading] = useState(true)
     const [error, setError] = useState<string | null>(null)
-    const [searchVal, setSearchVal] = useState("")
-    const [searchQuery, setSearchQuery] = useState('')
-    const [page, setPage] = useState(1)
+    const [page, setPage] = useState(getPageSearchpage)
     const [genres, setGenres] = useState<string[]>([])
+    const [activeFilters, setActiveFilters] = useState<string[]>(getSavedFiltersSearchpage)
+    const [activeSorting, setActiveSorting] = useState<SortOption>(getInitialSort)
+    const [searchVal, setSearchVal] = useState(getQuerySearchpage)
+    const [searchQuery, setSearchQuery] = useState(getQuerySearchpage)
+    const [isFilterActive, setIsFilterActive] = useState(
+        () => getSavedFiltersSearchpage().length > 0 || getInitialSort() !== ''
+    )
+    
+    const SORT_OPTIONS: SortOption[] = ['', 'discount-desc', 'price-asc', 'price-desc', 'title-asc']
+
+    function getInitialSort(): SortOption {
+        const saved = getSortOptionSearchpage()
+        return SORT_OPTIONS.includes(saved as SortOption) ? (saved as SortOption) : ''
+    }
 
     useEffect(() => {
         fetchGenres().then(setGenres).catch(console.error)
     }, [])
 
-    const handleSearchSubmit = (e: React.FormEvent) => {
-        e.preventDefault()
-        setSearchQuery(searchVal.trim())
-        setPage(1)
-    }
+    useEffect(() => {
+        savePageSearchpage(page)
+    }, [page])
 
     // retures a list of games based on the search query, if there is no query, it returns the original list
     const searchedGames = useMemo(() => {
@@ -44,9 +61,12 @@ export function SearchPage() {
 
     // Filters the games, returns the searched games when there are no filters active
     const filteredGames = useMemo(() => {
-        if (activeFilters.length === 0) return searchedGames
-        return searchedGames.filter((game) => activeFilters.includes(game.genre ?? ''))
-    }, [searchedGames, activeFilters])
+    if (activeFilters.length === 0) return searchedGames
+    return searchedGames.filter((game) => {
+        const gameGenres = (game.genre ?? '').split(',').map((g) => g.trim())
+        return activeFilters.every((f) => gameGenres.includes(f))
+    })
+}, [searchedGames, activeFilters])
 
     // Takes the list of games and sorts them, sorts when the page is loaded
     const sortedGames = useMemo(() => {
@@ -63,13 +83,25 @@ export function SearchPage() {
     // Opens the filter menu
     const toggleActive = () => setIsFilterActive((isActive) => !isActive)
 
+    const handleSearchSubmit = (e: React.FormEvent) => {
+        e.preventDefault()
+        setSearchQuery(searchVal)
+        saveQuerySearchpage(searchVal)
+        setPage(1)
+    }
+
     const handleFilterChange = (e: SelectChangeEvent<string[]>) => {
         const { value } = e.target
-        setActiveFilters(typeof value === 'string' ? value.split(',') : value)
+        const next = typeof value === 'string' ? value.split(',') : value
+        setActiveFilters(next)
+        saveFiltersSearchpage(next)
+        setPage(1)
     }
 
     const handleSortChange = (e: SelectChangeEvent<SortOption>) => {
-        setActiveSorting(e.target.value as SortOption)
+        const next = e.target.value as SortOption
+        setActiveSorting(next)
+        saveSortOptionSearchpage(next)
         setPage(1)
     }
 

From 0a1bd03314aafdbccac5771abde8eb03affd6bb7 Mon Sep 17 00:00:00 2001
From: carmennt <carmennt@stud.ntnu.no>
Date: Wed, 14 Oct 2026 15:46:44 +0200
Subject: [PATCH 26/29] fix: Fixing the code

---
 src/pages/searchpage.tsx | 63 +++++++++++++++++++---------------------
 1 file changed, 30 insertions(+), 33 deletions(-)

diff --git a/src/pages/searchpage.tsx b/src/pages/searchpage.tsx
index 7595077..c069354 100644
--- a/src/pages/searchpage.tsx
+++ b/src/pages/searchpage.tsx
@@ -21,7 +21,14 @@ import {
 import type { Game } from '../backend/steam'
 import type { SelectChangeEvent } from '@mui/material'
 
-type SortOption = '' | 'discount-desc' | 'discount-asc' | 'price-asc' | 'price-desc' | 'title-asc'
+type SortOption = '' | 'discount-desc' | 'price-asc' | 'price-desc' | 'title-asc'
+
+const SORT_OPTIONS: SortOption[] = ['', 'discount-desc', 'price-asc', 'price-desc', 'title-asc']
+
+function getInitialSort(): SortOption {
+    const saved = getSortOptionSearchpage()
+    return SORT_OPTIONS.includes(saved as SortOption) ? (saved as SortOption) : ''
+}
 
 export function SearchPage() {
     const [games, setGames] = useState<Game[]>([])
@@ -33,25 +40,13 @@ export function SearchPage() {
     const [activeSorting, setActiveSorting] = useState<SortOption>(getInitialSort)
     const [searchVal, setSearchVal] = useState(getQuerySearchpage)
     const [searchQuery, setSearchQuery] = useState(getQuerySearchpage)
-    const [isFilterActive, setIsFilterActive] = useState(
-        () => getSavedFiltersSearchpage().length > 0 || getInitialSort() !== ''
-    )
-    
-    const SORT_OPTIONS: SortOption[] = ['', 'discount-desc', 'price-asc', 'price-desc', 'title-asc']
-
-    function getInitialSort(): SortOption {
-        const saved = getSortOptionSearchpage()
-        return SORT_OPTIONS.includes(saved as SortOption) ? (saved as SortOption) : ''
-    }
+    const [isFilterActive, setIsFilterActive] = useState(() => activeFilters.length > 0 || activeSorting !== '')
 
+    // fetches the genres from the DB
     useEffect(() => {
         fetchGenres().then(setGenres).catch(console.error)
     }, [])
 
-    useEffect(() => {
-        savePageSearchpage(page)
-    }, [page])
-
     // retures a list of games based on the search query, if there is no query, it returns the original list
     const searchedGames = useMemo(() => {
         const q = searchQuery.toLowerCase()
@@ -61,12 +56,12 @@ export function SearchPage() {
 
     // Filters the games, returns the searched games when there are no filters active
     const filteredGames = useMemo(() => {
-    if (activeFilters.length === 0) return searchedGames
-    return searchedGames.filter((game) => {
-        const gameGenres = (game.genre ?? '').split(',').map((g) => g.trim())
-        return activeFilters.every((f) => gameGenres.includes(f))
-    })
-}, [searchedGames, activeFilters])
+        if (activeFilters.length === 0) return searchedGames
+        return searchedGames.filter((game) => {
+            const gameGenres = (game.genre ?? '').split(',').map((g) => g.trim())
+            return activeFilters.every((f) => gameGenres.includes(f))
+        })
+    }, [searchedGames, activeFilters])
 
     // Takes the list of games and sorts them, sorts when the page is loaded
     const sortedGames = useMemo(() => {
@@ -85,26 +80,29 @@ export function SearchPage() {
 
     const handleSearchSubmit = (e: React.FormEvent) => {
         e.preventDefault()
-        setSearchQuery(searchVal)
-        saveQuerySearchpage(searchVal)
+        const q = searchVal.trim()
+        setSearchQuery(q)
         setPage(1)
     }
 
     const handleFilterChange = (e: SelectChangeEvent<string[]>) => {
         const { value } = e.target
-        const next = typeof value === 'string' ? value.split(',') : value
-        setActiveFilters(next)
-        saveFiltersSearchpage(next)
+        setActiveFilters(typeof value === 'string' ? value.split(',') : value)
         setPage(1)
     }
 
     const handleSortChange = (e: SelectChangeEvent<SortOption>) => {
-        const next = e.target.value as SortOption
-        setActiveSorting(next)
-        saveSortOptionSearchpage(next)
+        setActiveSorting(e.target.value as SortOption)
         setPage(1)
     }
 
+    // These useEffects save the current filters, query and sorting option in session storage
+    // so that when the user goes back to the searchpage they are kept.
+    useEffect(() => { saveFiltersSearchpage(activeFilters) }, [activeFilters])
+    useEffect(() => { saveSortOptionSearchpage(activeSorting) }, [activeSorting])
+    useEffect(() => { saveQuerySearchpage(searchQuery) }, [searchQuery])
+    useEffect(() => { savePageSearchpage(page) }, [page])
+
     // Loades the games
     useEffect(() => {
         let cancelled = false
@@ -127,7 +125,7 @@ export function SearchPage() {
         }
     }, [])
 
-    //decides games per page and makes a constant for the pagination
+    // Decides games per page and makes a constant for the pagination
     const gamesPerPage = 12
     const pageCount = Math.max(1, Math.ceil(sortedGames.length / gamesPerPage))
 
@@ -136,7 +134,6 @@ export function SearchPage() {
         return sortedGames.slice(start, start + gamesPerPage)
     }, [sortedGames, page])
 
-
     return (
         <div className="page-shell">
             <Header />
@@ -218,7 +215,7 @@ export function SearchPage() {
             {error && <p role="alert">Could not load games: {error}</p>}
             {isLoading ? (
                 <p>Loading games...</p>
-            ) : games.length === 0 ? (
+            ) : sortedGames.length === 0 ? (
                 <p>No games found.</p>
             ) : (
                 <div className="games-grid">
@@ -242,7 +239,7 @@ export function SearchPage() {
                 </div>
             )}
             <Pagination
-                className="pageinationSearch pageinationSearch"
+                className="pageinationSearch"
                 count={pageCount}
                 page={page}
                 onChange={(_, value) => {

From f3fae467a1eea898d188ff141a23203431132c0b Mon Sep 17 00:00:00 2001
From: carmennt <carmennt@stud.ntnu.no>
Date: Thu, 15 Oct 2026 11:11:41 +0200
Subject: [PATCH 27/29] fix: silent errors

Adding silient error through console.log when failing to save info at searchpage to session storage.
---
 src/api/searchpageLogicFrontend.ts | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/api/searchpageLogicFrontend.ts b/src/api/searchpageLogicFrontend.ts
index ad989cd..f94386b 100644
--- a/src/api/searchpageLogicFrontend.ts
+++ b/src/api/searchpageLogicFrontend.ts
@@ -29,8 +29,8 @@ export function getSavedFiltersSearchpage(): string[] {
 export function saveFiltersSearchpage(filters: string[]) {
 	try {
 		sessionStorage.setItem("GameStart:filtersSearchpage", JSON.stringify(filters));
-	} catch {
-		// storage unavailable or full, we ignore
+	} catch (error: any) {
+		console.log(`Searchpage: Could not save filters to session storage: ${error.message}`)
 	}
 }
 
@@ -47,16 +47,16 @@ export function getQuerySearchpage(): string {
 export function saveQuerySearchpage(query: string) {
 	try {
 		sessionStorage.setItem("GameStart:querySearchpage", JSON.stringify(query));
-	} catch {
-		// storage unavailable or full, we ignore
+	} catch (error: any) {
+		console.log(`Searchpage: Could not save search query to session storage: ${error.message}`)
 	}
 }
 
 export function saveSortOptionSearchpage(query: string) {
 	try {
 		sessionStorage.setItem("GameStart:sortOptionSearchpage", JSON.stringify(query));
-	} catch {
-		// storage unavailable or full, we ignore
+	} catch (error: any) {
+		console.log(`Searchpage: Could not save sorting option to session storage: ${error.message}`)
 	}
 }
 
@@ -72,8 +72,8 @@ export function getSortOptionSearchpage(): string {
 export function savePageSearchpage(pageNumber: number) {
 	try {
 		sessionStorage.setItem("GameStart:pageSearchpage", JSON.stringify(pageNumber));
-	} catch {
-		// storage unavailable or full, we ignore
+	} catch (error: any) {
+		console.log(`Searchpage: Could not save page to session storage: ${error.message}`)
 	}
 }
 

From f3b2b8fdc0802dae6320dfe47dd0c4890b65e865 Mon Sep 17 00:00:00 2001
From: carmennt <carmennt@stud.ntnu.no>
Date: Thu, 15 Oct 2026 22:02:16 +0200
Subject: [PATCH 28/29] test: tests for searchpage

---
 package-lock.json                  | 1057 ++++++++++++++++++++++++++--
 package.json                       |    1 +
 src/api/searchpageLogicFrontend.ts |    2 +-
 src/tests/searchpage.test.tsx      |  301 +++++++-
 4 files changed, 1278 insertions(+), 83 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 529494e..029b508 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -32,6 +32,7 @@
         "@types/react-dom": "^19.2.7",
         "@vitejs/plugin-react": "^6.1.1",
         "@vitest/coverage-v8": "^5.0.2",
+        "@vitest/ui": "^5.0.3",
         "eslint": "^10.10.0",
         "eslint-config-prettier": "^10.1.8",
         "eslint-plugin-react-hooks": "^7.1.1",
@@ -47,11 +48,15 @@
     },
     "node_modules/@adobe/css-tools": {
       "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/@adobe/css-tools/-/css-tools-4.5.0.tgz",
+      "integrity": "sha512-6OzddxPio9UiWTCemp4N8cYLV2ZN1ncRnV1cVGtve7dhPOtRkleRyx32GQCYSwDYgaHU3USMm84tNsvKzRCa1Q==",
       "dev": true,
       "license": "MIT"
     },
     "node_modules/@apollo/cache-control-types": {
       "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@apollo/cache-control-types/-/cache-control-types-1.0.3.tgz",
+      "integrity": "sha512-F17/vCp7QVwom9eG7ToauIKdAxpSoadsJnqIfyryLFSkLSOEqu+eC5Z3N8OXcUVStuOMcNHlyraRsA6rRICu4g==",
       "license": "MIT",
       "peerDependencies": {
         "graphql": "14.x || 15.x || 16.x"
@@ -59,6 +64,8 @@
     },
     "node_modules/@apollo/protobufjs": {
       "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/@apollo/protobufjs/-/protobufjs-1.2.8.tgz",
+      "integrity": "sha512-r7xNeUqZX+eBBEmyvaPw0/cSz6zgf5jdH8mjUz8ynKpNs/GU7vi2T7sNcZINk2ZID7wwjG91FCgdpCrQuJ8rzA==",
       "hasInstallScript": true,
       "license": "BSD-3-Clause",
       "dependencies": {
@@ -82,6 +89,8 @@
     },
     "node_modules/@apollo/server": {
       "version": "5.5.1",
+      "resolved": "https://registry.npmjs.org/@apollo/server/-/server-5.5.1.tgz",
+      "integrity": "sha512-Rn3g5TJQsMSUY23CWZTghWdBWyjX7dP1eaEBPkvmM2RHi82cDcpgTIkSCbGvtTUEGjwopLv1AAooU/n7iIZ20A==",
       "license": "MIT",
       "dependencies": {
         "@apollo/cache-control-types": "^1.0.3",
@@ -114,6 +123,8 @@
     },
     "node_modules/@apollo/server-gateway-interface": {
       "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@apollo/server-gateway-interface/-/server-gateway-interface-2.0.0.tgz",
+      "integrity": "sha512-3HEMD6fSantG2My3jWkb9dvfkF9vJ4BDLRjMgsnD790VINtuPaEp+h3Hg9HOHiWkML6QsOhnaRqZ+gvhp3y8Nw==",
       "license": "MIT",
       "dependencies": {
         "@apollo/usage-reporting-protobuf": "^4.1.1",
@@ -127,6 +138,8 @@
     },
     "node_modules/@apollo/server/node_modules/lru-cache": {
       "version": "11.5.3",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.5.3.tgz",
+      "integrity": "sha512-U4N8FgzmWxc8k1VH8Kr6lQg18U7Fjvby6wXHVRX/ZZ7IwWbRMgrRbP0Wrb5q5NVinryp4SQampHKdvtecItxUg==",
       "license": "BlueOak-1.0.0",
       "engines": {
         "node": "20 || >=22"
@@ -134,6 +147,8 @@
     },
     "node_modules/@apollo/server/node_modules/whatwg-mimetype": {
       "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-4.0.0.tgz",
+      "integrity": "sha512-QaKxh0eNIi2mE9p2vEdzfagOKHCcj1pJ56EEHGQOVxp8r9/iszLUUV7v89x9O1p/T+NlTM5W7jW6+cz4Fq1YVg==",
       "license": "MIT",
       "engines": {
         "node": ">=18"
@@ -141,6 +156,8 @@
     },
     "node_modules/@apollo/usage-reporting-protobuf": {
       "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/@apollo/usage-reporting-protobuf/-/usage-reporting-protobuf-4.1.2.tgz",
+      "integrity": "sha512-aTnAD41RYz0d5dawlyR5Iclkgzx0Xb0njUJmEfvZ6pS4f4HU8wCYyctPpWat/HWp2PmRwDfX5R1k4uVcDKZ4xA==",
       "license": "MIT",
       "dependencies": {
         "@apollo/protobufjs": "1.2.8"
@@ -148,6 +165,8 @@
     },
     "node_modules/@apollo/utils.createhash": {
       "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@apollo/utils.createhash/-/utils.createhash-3.0.1.tgz",
+      "integrity": "sha512-CKrlySj4eQYftBE5MJ8IzKwIibQnftDT7yGfsJy5KSEEnLlPASX0UTpbKqkjlVEwPPd4mEwI7WOM7XNxEuO05A==",
       "license": "MIT",
       "dependencies": {
         "@apollo/utils.isnodelike": "^3.0.0",
@@ -159,6 +178,8 @@
     },
     "node_modules/@apollo/utils.dropunuseddefinitions": {
       "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@apollo/utils.dropunuseddefinitions/-/utils.dropunuseddefinitions-2.0.1.tgz",
+      "integrity": "sha512-EsPIBqsSt2BwDsv8Wu76LK5R1KtsVkNoO4b0M5aK0hx+dGg9xJXuqlr7Fo34Dl+y83jmzn+UvEW+t1/GP2melA==",
       "license": "MIT",
       "engines": {
         "node": ">=14"
@@ -169,6 +190,8 @@
     },
     "node_modules/@apollo/utils.fetcher": {
       "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@apollo/utils.fetcher/-/utils.fetcher-3.1.0.tgz",
+      "integrity": "sha512-Z3QAyrsQkvrdTuHAFwWDNd+0l50guwoQUoaDQssLOjkmnmVuvXlJykqlEJolio+4rFwBnWdoY1ByFdKaQEcm7A==",
       "license": "MIT",
       "engines": {
         "node": ">=16"
@@ -176,6 +199,8 @@
     },
     "node_modules/@apollo/utils.isnodelike": {
       "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@apollo/utils.isnodelike/-/utils.isnodelike-3.0.0.tgz",
+      "integrity": "sha512-xrjyjfkzunZ0DeF6xkHaK5IKR8F1FBq6qV+uZ+h9worIF/2YSzA0uoBxGv6tbTeo9QoIQnRW4PVFzGix5E7n/g==",
       "license": "MIT",
       "engines": {
         "node": ">=16"
@@ -183,6 +208,8 @@
     },
     "node_modules/@apollo/utils.keyvaluecache": {
       "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@apollo/utils.keyvaluecache/-/utils.keyvaluecache-4.0.0.tgz",
+      "integrity": "sha512-mKw1myRUkQsGPNB+9bglAuhviodJ2L2MRYLTafCMw5BIo7nbvCPNCkLnIHjZ1NOzH7SnMAr5c9LmXiqsgYqLZw==",
       "license": "MIT",
       "dependencies": {
         "@apollo/utils.logger": "^3.0.0",
@@ -194,6 +221,8 @@
     },
     "node_modules/@apollo/utils.keyvaluecache/node_modules/lru-cache": {
       "version": "11.5.3",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.5.3.tgz",
+      "integrity": "sha512-U4N8FgzmWxc8k1VH8Kr6lQg18U7Fjvby6wXHVRX/ZZ7IwWbRMgrRbP0Wrb5q5NVinryp4SQampHKdvtecItxUg==",
       "license": "BlueOak-1.0.0",
       "engines": {
         "node": "20 || >=22"
@@ -201,6 +230,8 @@
     },
     "node_modules/@apollo/utils.logger": {
       "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@apollo/utils.logger/-/utils.logger-3.0.0.tgz",
+      "integrity": "sha512-M8V8JOTH0F2qEi+ktPfw4RL7MvUycDfKp7aEap2eWXfL5SqWHN6jTLbj5f5fj1cceHpyaUSOZlvlaaryaxZAmg==",
       "license": "MIT",
       "engines": {
         "node": ">=16"
@@ -208,6 +239,8 @@
     },
     "node_modules/@apollo/utils.printwithreducedwhitespace": {
       "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@apollo/utils.printwithreducedwhitespace/-/utils.printwithreducedwhitespace-2.0.1.tgz",
+      "integrity": "sha512-9M4LUXV/fQBh8vZWlLvb/HyyhjJ77/I5ZKu+NBWV/BmYGyRmoEP9EVAy7LCVoY3t8BDcyCAGfxJaLFCSuQkPUg==",
       "license": "MIT",
       "engines": {
         "node": ">=14"
@@ -218,6 +251,8 @@
     },
     "node_modules/@apollo/utils.removealiases": {
       "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@apollo/utils.removealiases/-/utils.removealiases-2.0.1.tgz",
+      "integrity": "sha512-0joRc2HBO4u594Op1nev+mUF6yRnxoUH64xw8x3bX7n8QBDYdeYgY4tF0vJReTy+zdn2xv6fMsquATSgC722FA==",
       "license": "MIT",
       "engines": {
         "node": ">=14"
@@ -228,6 +263,8 @@
     },
     "node_modules/@apollo/utils.sortast": {
       "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@apollo/utils.sortast/-/utils.sortast-2.0.1.tgz",
+      "integrity": "sha512-eciIavsWpJ09za1pn37wpsCGrQNXUhM0TktnZmHwO+Zy9O4fu/WdB4+5BvVhFiZYOXvfjzJUcc+hsIV8RUOtMw==",
       "license": "MIT",
       "dependencies": {
         "lodash.sortby": "^4.7.0"
@@ -241,6 +278,8 @@
     },
     "node_modules/@apollo/utils.stripsensitiveliterals": {
       "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@apollo/utils.stripsensitiveliterals/-/utils.stripsensitiveliterals-2.0.1.tgz",
+      "integrity": "sha512-QJs7HtzXS/JIPMKWimFnUMK7VjkGQTzqD9bKD1h3iuPAqLsxd0mUNVbkYOPTsDhUKgcvUOfOqOJWYohAKMvcSA==",
       "license": "MIT",
       "engines": {
         "node": ">=14"
@@ -251,6 +290,8 @@
     },
     "node_modules/@apollo/utils.usagereporting": {
       "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/@apollo/utils.usagereporting/-/utils.usagereporting-2.1.0.tgz",
+      "integrity": "sha512-LPSlBrn+S17oBy5eWkrRSGb98sWmnEzo3DPTZgp8IQc8sJe0prDgDuppGq4NeQlpoqEHz0hQeYHAOA0Z3aQsxQ==",
       "license": "MIT",
       "dependencies": {
         "@apollo/usage-reporting-protobuf": "^4.1.0",
@@ -269,6 +310,8 @@
     },
     "node_modules/@apollo/utils.withrequired": {
       "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@apollo/utils.withrequired/-/utils.withrequired-3.0.0.tgz",
+      "integrity": "sha512-aaxeavfJ+RHboh7c2ofO5HHtQobGX4AgUujXP4CXpREHp9fQ9jPi6K9T1jrAKe7HIipoP0OJ1gd6JamSkFIpvA==",
       "license": "MIT",
       "engines": {
         "node": ">=16"
@@ -276,6 +319,8 @@
     },
     "node_modules/@asamuzakjp/css-color": {
       "version": "5.1.11",
+      "resolved": "https://registry.npmjs.org/@asamuzakjp/css-color/-/css-color-5.1.11.tgz",
+      "integrity": "sha512-KVw6qIiCTUQhByfTd78h2yD1/00waTmm9uy/R7Ck/ctUyAPj+AEDLkQIdJW0T8+qGgj3j5bpNKK7Q3G+LedJWg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -291,6 +336,8 @@
     },
     "node_modules/@asamuzakjp/dom-selector": {
       "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/@asamuzakjp/dom-selector/-/dom-selector-7.1.1.tgz",
+      "integrity": "sha512-67RZDnYRc8H/8MLDgQCDE//zoqVFwajkepHZgmXrbwybzXOEwOWGPYGmALYl9J2DOLfFPPs6kKCqmbzV895hTQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -306,6 +353,8 @@
     },
     "node_modules/@asamuzakjp/generational-cache": {
       "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@asamuzakjp/generational-cache/-/generational-cache-1.0.1.tgz",
+      "integrity": "sha512-wajfB8KqzMCN2KGNFdLkReeHncd0AslUSrvHVvvYWuU8ghncRJoA50kT3zP9MVL0+9g4/67H+cdvBskj9THPzg==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -314,11 +363,15 @@
     },
     "node_modules/@asamuzakjp/nwsapi": {
       "version": "2.3.9",
+      "resolved": "https://registry.npmjs.org/@asamuzakjp/nwsapi/-/nwsapi-2.3.9.tgz",
+      "integrity": "sha512-n8GuYSrI9bF7FFZ/SjhwevlHc8xaVlb/7HmHelnc/PZXBD2ZR49NnN9sMMuDdEGPeeRQ5d0hqlSlEpgCX3Wl0Q==",
       "dev": true,
       "license": "MIT"
     },
     "node_modules/@babel/code-frame": {
       "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.29.7.tgz",
+      "integrity": "sha512-Aup7aUOfpbAUg2ROOJN6Iw5f9DMBlzu0mIkm/malLQFN/YQgO48wCj0Kxa3sEHJvPVFg7siR+qRInwXd2qhQKw==",
       "license": "MIT",
       "dependencies": {
         "@babel/helper-validator-identifier": "^7.29.7",
@@ -331,6 +384,8 @@
     },
     "node_modules/@babel/compat-data": {
       "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.29.7.tgz",
+      "integrity": "sha512-locTkQyKvwIEgBzVrn8693ebc97F2U8ZHjbXwDXJ5Fn2TCpNwTlKcaKLkdHop5c/icOFE7qt7Q9JC5hnKNa6Gg==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -339,6 +394,8 @@
     },
     "node_modules/@babel/core": {
       "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.29.7.tgz",
+      "integrity": "sha512-RgHBCvtjbOK2gXSNBNIkNoEc9qoVEtau3hj8gEqKQuL3HZAibKarWFEI3Lfm6EYKkLalOh8eSrj9b+ch9H/VBA==",
       "dev": true,
       "license": "MIT",
       "peer": true,
@@ -369,6 +426,8 @@
     },
     "node_modules/@babel/generator": {
       "version": "7.29.8",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.29.8.tgz",
+      "integrity": "sha512-gZbepsdh3WDtgZKWL+vTPh71LSBrm/Y4/QDZBVCcYfmeTEEuoOYwlSy+G1StfJg+/Zy550u/3TATbm7qDbbMtg==",
       "license": "MIT",
       "dependencies": {
         "@babel/parser": "^7.29.8",
@@ -383,6 +442,8 @@
     },
     "node_modules/@babel/helper-compilation-targets": {
       "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.29.7.tgz",
+      "integrity": "sha512-wem6WaBj4NaVYVdNhLPPVacES6ZJ+KBBfSkTMD3YZxbP3rm3Di85tJU5ljaUNhaOynt+Aj0xruhYuzQBt8n71g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -398,6 +459,8 @@
     },
     "node_modules/@babel/helper-globals": {
       "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-globals/-/helper-globals-7.29.7.tgz",
+      "integrity": "sha512-3nQVUAtvkKH9zahfWgw96Jc/uFOmjACE1kQz82E2lqWmHBgjzbNlsC22nuQTfahmWeQtTq5nQ/4Nnd2A1wj4zA==",
       "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
@@ -405,6 +468,8 @@
     },
     "node_modules/@babel/helper-module-imports": {
       "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.29.7.tgz",
+      "integrity": "sha512-ejHwrQQYcm9xnTivShn2IDOlIzInN34AXskvq9QicvCtEzq1Vzclu/tKF8Jq1Cg8JG2GL6/EmjgsCT7lXepE3g==",
       "license": "MIT",
       "dependencies": {
         "@babel/traverse": "^7.29.7",
@@ -416,6 +481,8 @@
     },
     "node_modules/@babel/helper-module-transforms": {
       "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.29.7.tgz",
+      "integrity": "sha512-UPUVSyXbOh627KiCIGQSgwWzGeBKLkaJ9PJEdrngIwMSzxLR4jS4+f1f1jb7VzBbg8nFLaYotvVPFCTqdrmTAg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -432,6 +499,8 @@
     },
     "node_modules/@babel/helper-string-parser": {
       "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.29.7.tgz",
+      "integrity": "sha512-Pb5ijPrZ89GDH8223L4UP8i6QApWxs04RbPQJTeWDV0/keR2E36MeKnyr6LYmUUvqRRI+Iv87SuF1W6ErINzYw==",
       "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
@@ -439,6 +508,8 @@
     },
     "node_modules/@babel/helper-validator-identifier": {
       "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.29.7.tgz",
+      "integrity": "sha512-qehxGkRj55h/ff8EMaJ+cYhyaKlHIxqYDn682wQD7RNp9UujOQsHog2uS0r2vzr4pW+sXf90NeeayjcNaX3fFg==",
       "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
@@ -446,6 +517,8 @@
     },
     "node_modules/@babel/helper-validator-option": {
       "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.29.7.tgz",
+      "integrity": "sha512-N9ZErrD+yW5geCDtBqnOoxmR8+tNKiGuxKlDpuJxfsqpa2dFcexaziGAE/qoHLiDDreVNMupxGmSoNlyvsA3gw==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -454,6 +527,8 @@
     },
     "node_modules/@babel/helpers": {
       "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.29.7.tgz",
+      "integrity": "sha512-1k2lAGRMfHTcwuNYcCNUmaUffmQv8KWMfh2iJUUeRlwlwH4FdNG7mfPI10NPfLHJFThE4Tyr4mv7kTNZOiPuBg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -466,6 +541,8 @@
     },
     "node_modules/@babel/parser": {
       "version": "7.29.9",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.9.tgz",
+      "integrity": "sha512-CjXrNHTnvqBVqHgdBysY3vk2T8tpJHb5/RMeHJBTyVa9xgugCB0CJTx/3oO8RV2QRQP391RWpB7D6hLjm8V9uA==",
       "license": "MIT",
       "dependencies": {
         "@babel/types": "^7.29.8"
@@ -479,6 +556,8 @@
     },
     "node_modules/@babel/runtime": {
       "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.29.7.tgz",
+      "integrity": "sha512-Nq8OhGWiZIZGV6hLHoyAKLLcJihP/xFeBMGJoUrxTX2psI8dCifzLhZISFb+VWS3wFMRDmCGw5R+dOySCqPLhw==",
       "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
@@ -486,6 +565,8 @@
     },
     "node_modules/@babel/template": {
       "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.29.7.tgz",
+      "integrity": "sha512-puq+Gf35oI24FeN11LkoUQFqv9uwNeWpxXZi/Ji3rRIoKAzKnxRaZ+Gkj0vKS9ZCiTESfng1N9LyOyXvo+m+Gg==",
       "license": "MIT",
       "dependencies": {
         "@babel/code-frame": "^7.29.7",
@@ -498,6 +579,8 @@
     },
     "node_modules/@babel/traverse": {
       "version": "7.29.8",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.29.8.tgz",
+      "integrity": "sha512-I5z7H3bf/41ktsNVLtpN0wAa336HkqIHQ5BuPLEhTkt1jVSyZpeNKIzTgEWmlxjdg81R0IgUCcaE+Ok3NvrfZg==",
       "license": "MIT",
       "dependencies": {
         "@babel/code-frame": "^7.29.7",
@@ -514,6 +597,8 @@
     },
     "node_modules/@babel/types": {
       "version": "7.29.8",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.29.8.tgz",
+      "integrity": "sha512-Vj1jF3cPfxg7OAfoI7QnVKLoILlm2JF9pnVHrX8qx7AHMiYWT+NDAA7jChlNgRS4WTLc/fD1lXLmPixluj+3Gg==",
       "license": "MIT",
       "dependencies": {
         "@babel/helper-string-parser": "^7.29.7",
@@ -525,6 +610,8 @@
     },
     "node_modules/@bcoe/v8-coverage": {
       "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@bcoe/v8-coverage/-/v8-coverage-1.0.2.tgz",
+      "integrity": "sha512-6zABk/ECA/QYSCQ1NGiVwwbQerUCZ+TQbp64Q3AgmfNvurHH0j8TtXa1qbShXA6qqkpAj4V5W8pP6mLe1mcMqA==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -533,6 +620,8 @@
     },
     "node_modules/@bramus/specificity": {
       "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/@bramus/specificity/-/specificity-2.4.2.tgz",
+      "integrity": "sha512-ctxtJ/eA+t+6q2++vj5j7FYX3nRu311q1wfYH3xjlLOsczhlhxAg2FWNUXhpGvAw3BWo1xBcvOV6/YLc2r5FJw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -544,6 +633,8 @@
     },
     "node_modules/@cacheable/memory": {
       "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/@cacheable/memory/-/memory-2.2.0.tgz",
+      "integrity": "sha512-CTLKqLItRCEixEAewD3/j9DB3/o96gpTPD4eJ1v+DGOlxZRZncRQkGYqqnAGCscYd6RNeXfGeiuCphsPtqyIfQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -555,6 +646,8 @@
     },
     "node_modules/@cacheable/utils": {
       "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/@cacheable/utils/-/utils-2.5.0.tgz",
+      "integrity": "sha512-buipgOVDkkPXNR5+xBpDw7Zk2n1EvU7qBJCNUcL7rhQ//kfpOXPAvQ511Os0vpLYJ1pZnvudNytkQt2hst3wqA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -564,6 +657,8 @@
     },
     "node_modules/@csstools/color-helpers": {
       "version": "6.1.1",
+      "resolved": "https://registry.npmjs.org/@csstools/color-helpers/-/color-helpers-6.1.1.tgz",
+      "integrity": "sha512-gLNsunvwf3mCi5u5o46/Z/JcJMnhbHSaZ69rkgPzNM3J4s8hWwpPUQB6/tt0EDFyCiWzxANlx+2LJwpYj4zS1w==",
       "dev": true,
       "funding": [
         {
@@ -582,6 +677,8 @@
     },
     "node_modules/@csstools/css-calc": {
       "version": "3.4.0",
+      "resolved": "https://registry.npmjs.org/@csstools/css-calc/-/css-calc-3.4.0.tgz",
+      "integrity": "sha512-XQKj5B7QiZcHiegCOCAzcAOJdhGgWOHbbu62h5e5mkHnn8lWcfiJhllkqWmxu5zWR9jucPHuo1iTB56P033hcg==",
       "dev": true,
       "funding": [
         {
@@ -604,6 +701,8 @@
     },
     "node_modules/@csstools/css-color-parser": {
       "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/@csstools/css-color-parser/-/css-color-parser-4.2.3.tgz",
+      "integrity": "sha512-y4LpL+lmpuyKDiEFq2PnZUVFdAjsoB/qQJod79yLNokXyW7jewi+/WJ69EfItj8A2unWtxXnGjw6LYXgXu5ZjA==",
       "dev": true,
       "funding": [
         {
@@ -630,6 +729,8 @@
     },
     "node_modules/@csstools/css-parser-algorithms": {
       "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@csstools/css-parser-algorithms/-/css-parser-algorithms-4.0.0.tgz",
+      "integrity": "sha512-+B87qS7fIG3L5h3qwJ/IFbjoVoOe/bpOdh9hAjXbvx0o8ImEmUsGXN0inFOnk2ChCFgqkkGFQ+TpM5rbhkKe4w==",
       "dev": true,
       "funding": [
         {
@@ -652,6 +753,8 @@
     },
     "node_modules/@csstools/css-syntax-patches-for-csstree": {
       "version": "1.1.14",
+      "resolved": "https://registry.npmjs.org/@csstools/css-syntax-patches-for-csstree/-/css-syntax-patches-for-csstree-1.1.14.tgz",
+      "integrity": "sha512-HpbVXyrofRXpHpgkNIjU/3EWR4WJvOkO3emNK/L6X/mTJU7bGUI3AkkpoTNXznQLp0KRjLHELTGeKI5dIkI9JQ==",
       "dev": true,
       "funding": [
         {
@@ -675,6 +778,8 @@
     },
     "node_modules/@csstools/css-tokenizer": {
       "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/@csstools/css-tokenizer/-/css-tokenizer-4.0.1.tgz",
+      "integrity": "sha512-bPlN9S9O1A0euCpEWE4qnvB5YDuyYVsUTrxSgmAM1Is0j4tICHoVyOVAXfWMP/kS9ZrjvyIXWV2PmomiAXXqOw==",
       "dev": true,
       "funding": [
         {
@@ -694,6 +799,8 @@
     },
     "node_modules/@emotion/babel-plugin": {
       "version": "11.13.5",
+      "resolved": "https://registry.npmjs.org/@emotion/babel-plugin/-/babel-plugin-11.13.5.tgz",
+      "integrity": "sha512-pxHCpT2ex+0q+HH91/zsdHkw/lXd468DIN2zvfvLtPKLLMo6gQj7oLObq8PhkrxOZb/gGCq03S3Z7PDhS8pduQ==",
       "license": "MIT",
       "dependencies": {
         "@babel/helper-module-imports": "^7.16.7",
@@ -711,10 +818,14 @@
     },
     "node_modules/@emotion/babel-plugin/node_modules/convert-source-map": {
       "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz",
+      "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==",
       "license": "MIT"
     },
     "node_modules/@emotion/cache": {
       "version": "11.14.0",
+      "resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-11.14.0.tgz",
+      "integrity": "sha512-L/B1lc/TViYk4DcpGxtAVbx0ZyiKM5ktoIyafGkH6zg/tj+mA+NE//aPYKG0k8kCHSHVJrpLpcAlOBEXQ3SavA==",
       "license": "MIT",
       "dependencies": {
         "@emotion/memoize": "^0.9.0",
@@ -726,10 +837,14 @@
     },
     "node_modules/@emotion/hash": {
       "version": "0.9.2",
+      "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.9.2.tgz",
+      "integrity": "sha512-MyqliTZGuOm3+5ZRSaaBGP3USLw6+EGykkwZns2EPC5g8jJ4z9OrdZY9apkl3+UP9+sdz76YYkwCKP5gh8iY3g==",
       "license": "MIT"
     },
     "node_modules/@emotion/is-prop-valid": {
       "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.4.0.tgz",
+      "integrity": "sha512-QgD4fyscGcbbKwJmqNvUMSE02OsHUa+lAWKdEUIJKgqe5IwRSKd7+KhibEWdaKwgjLj0DRSHA9biAIqGBk05lw==",
       "license": "MIT",
       "dependencies": {
         "@emotion/memoize": "^0.9.0"
@@ -737,10 +852,14 @@
     },
     "node_modules/@emotion/memoize": {
       "version": "0.9.0",
+      "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.9.0.tgz",
+      "integrity": "sha512-30FAj7/EoJ5mwVPOWhAyCX+FPfMDrVecJAM+Iw9NRoSl4BBAQeqj4cApHHUXOVvIPgLVDsCFoz/hGD+5QQD1GQ==",
       "license": "MIT"
     },
     "node_modules/@emotion/react": {
       "version": "11.14.0",
+      "resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.14.0.tgz",
+      "integrity": "sha512-O000MLDBDdk/EohJPFUqvnp4qnHeYkVP5B0xEG0D/L7cOKP9kefu2DXn8dj74cQfsEzUqh+sr1RzFqiL1o+PpA==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -764,6 +883,8 @@
     },
     "node_modules/@emotion/serialize": {
       "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/@emotion/serialize/-/serialize-1.3.3.tgz",
+      "integrity": "sha512-EISGqt7sSNWHGI76hC7x1CksiXPahbxEOrC5RjmFRJTqLyEK9/9hZvBbiYn70dw4wuwMKiEMCUlR6ZXTSWQqxA==",
       "license": "MIT",
       "dependencies": {
         "@emotion/hash": "^0.9.2",
@@ -775,10 +896,14 @@
     },
     "node_modules/@emotion/sheet": {
       "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/@emotion/sheet/-/sheet-1.4.0.tgz",
+      "integrity": "sha512-fTBW9/8r2w3dXWYM4HCB1Rdp8NLibOw2+XELH5m5+AkWiL/KqYX6dc0kKYlaYyKjrQ6ds33MCdMPEwgs2z1rqg==",
       "license": "MIT"
     },
     "node_modules/@emotion/styled": {
       "version": "11.14.1",
+      "resolved": "https://registry.npmjs.org/@emotion/styled/-/styled-11.14.1.tgz",
+      "integrity": "sha512-qEEJt42DuToa3gurlH4Qqc1kVpNq8wO8cJtDzU46TjlzWjDlsVyevtYCRijVq3SrHsROS+gVQ8Fnea108GnKzw==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -801,10 +926,14 @@
     },
     "node_modules/@emotion/unitless": {
       "version": "0.10.0",
+      "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.10.0.tgz",
+      "integrity": "sha512-dFoMUuQA20zvtVTuxZww6OHoJYgrzfKM1t52mVySDJnMSEa08ruEvdYQbhvyu6soU+NeLVd3yKfTfT0NeV6qGg==",
       "license": "MIT"
     },
     "node_modules/@emotion/use-insertion-effect-with-fallbacks": {
       "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@emotion/use-insertion-effect-with-fallbacks/-/use-insertion-effect-with-fallbacks-1.2.0.tgz",
+      "integrity": "sha512-yJMtVdH59sxi/aVJBpk9FQq+OR8ll5GT8oWd57UpeaKEVGab41JWaCFA7FRLoMLloOZF/c/wsPoe+bfGmRKgDg==",
       "license": "MIT",
       "peerDependencies": {
         "react": ">=16.8.0"
@@ -812,14 +941,20 @@
     },
     "node_modules/@emotion/utils": {
       "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.4.2.tgz",
+      "integrity": "sha512-3vLclRofFziIa3J2wDh9jjbkUz9qk5Vi3IZ/FSTKViB0k+ef0fPV7dYrUIugbgupYDx7v9ud/SjrtEP8Y4xLoA==",
       "license": "MIT"
     },
     "node_modules/@emotion/weak-memoize": {
       "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.4.0.tgz",
+      "integrity": "sha512-snKqtPW01tN0ui7yu9rGv69aJXr/a/Ywvl11sUjNtEcRc+ng/mQriFL0wLXMef74iHa/EkftbDzU9F8iFbH+zg==",
       "license": "MIT"
     },
     "node_modules/@eslint-community/eslint-utils": {
       "version": "4.10.1",
+      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.10.1.tgz",
+      "integrity": "sha512-cuadcxVFE8sDK6iWJbs8Sn0av2Nrh2QSGQhVlBW9AaAHqHwjWsZHT8LJ4hFGPh7ASBV2deFdM7H/DPjulmh8rg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -837,6 +972,8 @@
     },
     "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,
       "license": "Apache-2.0",
       "engines": {
@@ -848,6 +985,8 @@
     },
     "node_modules/@eslint-community/regexpp": {
       "version": "4.12.2",
+      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.12.2.tgz",
+      "integrity": "sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -856,6 +995,8 @@
     },
     "node_modules/@eslint/config-array": {
       "version": "0.23.5",
+      "resolved": "https://registry.npmjs.org/@eslint/config-array/-/config-array-0.23.5.tgz",
+      "integrity": "sha512-Y3kKLvC1dvTOT+oGlqNQ1XLqK6D1HU2YXPc52NmAlJZbMMWDzGYXMiPRJ8TYD39muD/OTjlZmNJ4ib7dvSrMBA==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
@@ -869,6 +1010,8 @@
     },
     "node_modules/@eslint/config-helpers": {
       "version": "0.7.0",
+      "resolved": "https://registry.npmjs.org/@eslint/config-helpers/-/config-helpers-0.7.0.tgz",
+      "integrity": "sha512-DObd/KKUsU+FaFv4PLxSRenpXfQWmPXXP3pPZ6/K1PCrMu2vQpMDMuQe/BqYeoLcz8ro0bVDF1RxOJgfVEdhUw==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
@@ -880,6 +1023,8 @@
     },
     "node_modules/@eslint/core": {
       "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@eslint/core/-/core-1.2.1.tgz",
+      "integrity": "sha512-MwcE1P+AZ4C6DWlpin/OmOA54mmIZ/+xZuJiQd4SyB29oAJjN30UW9wkKNptW2ctp4cEsvhlLY/CsQ1uoHDloQ==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
@@ -891,6 +1036,8 @@
     },
     "node_modules/@eslint/js": {
       "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-10.0.1.tgz",
+      "integrity": "sha512-zeR9k5pd4gxjZ0abRoIaxdc7I3nDktoXZk2qOv9gCNWx3mVwEn32VRhyLaRsDiJjTs0xq/T8mfPtyuXu7GWBcA==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -910,6 +1057,8 @@
     },
     "node_modules/@eslint/object-schema": {
       "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/@eslint/object-schema/-/object-schema-3.0.5.tgz",
+      "integrity": "sha512-vqTaUEgxzm+YDSdElad6PiRoX4t8VGDjCtt05zn4nU810UIx/uNEV7/lZJ6KwFThKZOzOxzXy48da+No7HZaMw==",
       "dev": true,
       "license": "Apache-2.0",
       "engines": {
@@ -918,6 +1067,8 @@
     },
     "node_modules/@eslint/plugin-kit": {
       "version": "0.7.3",
+      "resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.7.3.tgz",
+      "integrity": "sha512-IkO+/KEUvwbVpiURZg+P7zF74z5Jxe0UgJxVni+RtoHQ6IZieXaO02kmadomap/q+l6bc/jdPGGqTjhuZnuz1Q==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
@@ -930,6 +1081,8 @@
     },
     "node_modules/@exodus/bytes": {
       "version": "1.15.2",
+      "resolved": "https://registry.npmjs.org/@exodus/bytes/-/bytes-1.15.2.tgz",
+      "integrity": "sha512-ctkytT+9TXtv6uiVj6Y7IjKh1+PdBGAD34xd0PpQ/qF+R7O/hoEQbZmN89OaCEaZn5I1A9+ZoPxD03unuFhyhQ==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -997,6 +1150,8 @@
     },
     "node_modules/@graphql-typed-document-node/core": {
       "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/@graphql-typed-document-node/core/-/core-3.2.0.tgz",
+      "integrity": "sha512-mB9oAsNCm9aM3/SOv4YtBMqZbYj10R7dkq8byBqxGY/ncFwhf2oQzMV+LCRlWoDSEBJ3COiR1yeDvMtsoOsuFQ==",
       "license": "MIT",
       "peerDependencies": {
         "graphql": "^0.8.0 || ^0.9.0 || ^0.10.0 || ^0.11.0 || ^0.12.0 || ^0.13.0 || ^14.0.0 || ^15.0.0 || ^16.0.0 || ^17.0.0"
@@ -1004,6 +1159,8 @@
     },
     "node_modules/@humanfs/core": {
       "version": "0.19.2",
+      "resolved": "https://registry.npmjs.org/@humanfs/core/-/core-0.19.2.tgz",
+      "integrity": "sha512-UhXNm+CFMWcbChXywFwkmhqjs3PRCmcSa/hfBgLIb7oQ5HNb1wS0icWsGtSAUNgefHeI+eBrA8I1fxmbHsGdvA==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
@@ -1015,6 +1172,8 @@
     },
     "node_modules/@humanfs/node": {
       "version": "0.16.8",
+      "resolved": "https://registry.npmjs.org/@humanfs/node/-/node-0.16.8.tgz",
+      "integrity": "sha512-gE1eQNZ3R++kTzFUpdGlpmy8kDZD/MLyHqDwqjkVQI0JMdI1D51sy1H958PNXYkM2rAac7e5/CnIKZrHtPh3BQ==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
@@ -1028,6 +1187,8 @@
     },
     "node_modules/@humanfs/types": {
       "version": "0.15.0",
+      "resolved": "https://registry.npmjs.org/@humanfs/types/-/types-0.15.0.tgz",
+      "integrity": "sha512-ZZ1w0aoQkwuUuC7Yf+7sdeaNfqQiiLcSRbfI08oAxqLtpXQr9AIVX7Ay7HLDuiLYAaFPu8oBYNq/QIi9URHJ3Q==",
       "dev": true,
       "license": "Apache-2.0",
       "engines": {
@@ -1036,6 +1197,8 @@
     },
     "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,
       "license": "Apache-2.0",
       "engines": {
@@ -1048,6 +1211,8 @@
     },
     "node_modules/@humanwhocodes/retry": {
       "version": "0.4.3",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/retry/-/retry-0.4.3.tgz",
+      "integrity": "sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==",
       "dev": true,
       "license": "Apache-2.0",
       "engines": {
@@ -1060,6 +1225,8 @@
     },
     "node_modules/@jridgewell/gen-mapping": {
       "version": "0.3.13",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
       "license": "MIT",
       "dependencies": {
         "@jridgewell/sourcemap-codec": "^1.5.0",
@@ -1068,6 +1235,8 @@
     },
     "node_modules/@jridgewell/remapping": {
       "version": "2.3.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz",
+      "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -1077,6 +1246,8 @@
     },
     "node_modules/@jridgewell/resolve-uri": {
       "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
       "license": "MIT",
       "engines": {
         "node": ">=6.0.0"
@@ -1084,10 +1255,14 @@
     },
     "node_modules/@jridgewell/sourcemap-codec": {
       "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.6.0.tgz",
+      "integrity": "sha512-T7jf+5zgsZHwNJ4lvQ7/aezbyk0nNX+zJVWpmHA7VYsEx7a7qr5Rg5IbtJFqkgze5Y2sruq1RUY8Q837Od7iFw==",
       "license": "MIT"
     },
     "node_modules/@jridgewell/trace-mapping": {
       "version": "0.3.31",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
+      "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
       "license": "MIT",
       "dependencies": {
         "@jridgewell/resolve-uri": "^3.1.0",
@@ -1096,6 +1271,8 @@
     },
     "node_modules/@keyv/bigmap": {
       "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/@keyv/bigmap/-/bigmap-1.3.1.tgz",
+      "integrity": "sha512-WbzE9sdmQtKy8vrNPa9BRnwZh5UF4s1KTmSK0KUVLo3eff5BlQNNWDnFOouNpKfPKDnms9xynJjsMYjMaT/aFQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -1111,11 +1288,15 @@
     },
     "node_modules/@keyv/serialize": {
       "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@keyv/serialize/-/serialize-1.1.1.tgz",
+      "integrity": "sha512-dXn3FZhPv0US+7dtJsIi2R+c7qWYiReoEh5zUntWCf4oSpMNib8FDhSoed6m3QyZdx5hK7iLFkYk3rNxwt8vTA==",
       "dev": true,
       "license": "MIT"
     },
     "node_modules/@material/animation": {
       "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/@material/animation/-/animation-14.0.0.tgz",
+      "integrity": "sha512-VlYSfUaIj/BBVtRZI8Gv0VvzikFf+XgK0Zdgsok5c1v5DDnNz5tpB8mnGrveWz0rHbp1X4+CWLKrTwNmjrw3Xw==",
       "license": "MIT",
       "dependencies": {
         "tslib": "^2.1.0"
@@ -1123,6 +1304,8 @@
     },
     "node_modules/@material/base": {
       "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/@material/base/-/base-14.0.0.tgz",
+      "integrity": "sha512-Ou7vS7n1H4Y10MUZyYAbt6H0t67c6urxoCgeVT7M38aQlaNUwFMODp7KT/myjYz2YULfhu3PtfSV3Sltgac9mA==",
       "license": "MIT",
       "dependencies": {
         "tslib": "^2.1.0"
@@ -1130,6 +1313,8 @@
     },
     "node_modules/@material/card": {
       "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/@material/card/-/card-14.0.0.tgz",
+      "integrity": "sha512-SnpYWUrCb92meGYLXV7qa/k40gnHR6rPki6A1wz0OAyG2twY48f0HLscAqxBLvbbm1LuRaqjz0RLKGH3VzxZHw==",
       "license": "MIT",
       "dependencies": {
         "@material/dom": "^14.0.0",
@@ -1144,6 +1329,8 @@
     },
     "node_modules/@material/dom": {
       "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/@material/dom/-/dom-14.0.0.tgz",
+      "integrity": "sha512-8t88XyacclTj8qsIw9q0vEj4PI2KVncLoIsIMzwuMx49P2FZg6TsLjor262MI3Qs00UWAifuLMrhnOnfyrbe7Q==",
       "license": "MIT",
       "dependencies": {
         "@material/feature-targeting": "^14.0.0",
@@ -1152,6 +1339,8 @@
     },
     "node_modules/@material/elevation": {
       "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/@material/elevation/-/elevation-14.0.0.tgz",
+      "integrity": "sha512-Di3tkxTpXwvf1GJUmaC8rd+zVh5dB2SWMBGagL4+kT8UmjSISif/OPRGuGnXs3QhF6nmEjkdC0ijdZLcYQkepw==",
       "license": "MIT",
       "dependencies": {
         "@material/animation": "^14.0.0",
@@ -1164,6 +1353,8 @@
     },
     "node_modules/@material/feature-targeting": {
       "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0.tgz",
+      "integrity": "sha512-a5WGgHEq5lJeeNL5yevtgoZjBjXWy6+klfVWQEh8oyix/rMJygGgO7gEc52uv8fB8uAIoYEB3iBMOv8jRq8FeA==",
       "license": "MIT",
       "dependencies": {
         "tslib": "^2.1.0"
@@ -1171,6 +1362,8 @@
     },
     "node_modules/@material/ripple": {
       "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/@material/ripple/-/ripple-14.0.0.tgz",
+      "integrity": "sha512-9XoGBFd5JhFgELgW7pqtiLy+CnCIcV2s9cQ2BWbOQeA8faX9UZIDUx/g76nHLZ7UzKFtsULJxZTwORmsEt2zvw==",
       "license": "MIT",
       "dependencies": {
         "@material/animation": "^14.0.0",
@@ -1184,6 +1377,8 @@
     },
     "node_modules/@material/rtl": {
       "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/@material/rtl/-/rtl-14.0.0.tgz",
+      "integrity": "sha512-xl6OZYyRjuiW2hmbjV2omMV8sQtfmKAjeWnD1RMiAPLCTyOW9Lh/PYYnXjxUrNa0cRwIIbOn5J7OYXokja8puA==",
       "license": "MIT",
       "dependencies": {
         "@material/theme": "^14.0.0",
@@ -1192,6 +1387,8 @@
     },
     "node_modules/@material/shape": {
       "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/@material/shape/-/shape-14.0.0.tgz",
+      "integrity": "sha512-o0mJB0+feOv473KckI8gFnUo8IQAaEA6ynXzw3VIYFjPi48pJwrxa0mZcJP/OoTXrCbDzDeFJfDPXEmRioBb9A==",
       "license": "MIT",
       "dependencies": {
         "@material/feature-targeting": "^14.0.0",
@@ -1202,6 +1399,8 @@
     },
     "node_modules/@material/theme": {
       "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/@material/theme/-/theme-14.0.0.tgz",
+      "integrity": "sha512-6/SENWNIFuXzeHMPHrYwbsXKgkvCtWuzzQ3cUu4UEt3KcQ5YpViazIM6h8ByYKZP8A9d8QpkJ0WGX5btGDcVoA==",
       "license": "MIT",
       "dependencies": {
         "@material/feature-targeting": "^14.0.0",
@@ -1210,6 +1409,8 @@
     },
     "node_modules/@mui/core-downloads-tracker": {
       "version": "9.4.0",
+      "resolved": "https://registry.npmjs.org/@mui/core-downloads-tracker/-/core-downloads-tracker-9.4.0.tgz",
+      "integrity": "sha512-d+gIYM1raJP87yrVQcVg+Q3vycVMArMkgu/TjJLi2vTvO9FHKWNRR1xs9nnN4eLpM9nGxxm02UMvc9BrmcUKvQ==",
       "license": "MIT",
       "funding": {
         "type": "opencollective",
@@ -1218,6 +1419,8 @@
     },
     "node_modules/@mui/material": {
       "version": "9.4.0",
+      "resolved": "https://registry.npmjs.org/@mui/material/-/material-9.4.0.tgz",
+      "integrity": "sha512-6KKUIvkQ2r/s48s9VZV9JEZ1W2dRa7RndVsF+Ipx4CYxDOQeozeRsS5r9NiheFf8A5hpbqJJIGoX7hjg5X4XUw==",
       "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.29.7",
@@ -1265,10 +1468,14 @@
     },
     "node_modules/@mui/material/node_modules/react-is": {
       "version": "19.3.0",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-19.3.0.tgz",
+      "integrity": "sha512-UpMYezM4v5/18F28aC66AEsjXIgE02kyEMH6yLdgLXu/UTfa1Ntwck/nNLrbqJsEXW7gPb0coNO9FQse9WTovA==",
       "license": "MIT"
     },
     "node_modules/@mui/private-theming": {
       "version": "9.4.0",
+      "resolved": "https://registry.npmjs.org/@mui/private-theming/-/private-theming-9.4.0.tgz",
+      "integrity": "sha512-qQpX/2XPGDz5F2OIWzo4kkorURlDeXGKytRQudXCdLS5TuwKsMKaZyx77LZEVSB73c7o3UrLWwQ/goRuHBdtjw==",
       "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.29.7",
@@ -1294,6 +1501,8 @@
     },
     "node_modules/@mui/styled-engine": {
       "version": "9.4.0",
+      "resolved": "https://registry.npmjs.org/@mui/styled-engine/-/styled-engine-9.4.0.tgz",
+      "integrity": "sha512-SlqVEYqnyEgXMFW4JuIDMelyhKzoWBJ85v2mNCQd0XtU0uk7U9E1zaJZ06XqodhA8oJrb+4Q+3E/JlwBe4jWkw==",
       "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.29.7",
@@ -1326,6 +1535,8 @@
     },
     "node_modules/@mui/system": {
       "version": "9.4.0",
+      "resolved": "https://registry.npmjs.org/@mui/system/-/system-9.4.0.tgz",
+      "integrity": "sha512-AZz9z13oGS1J0BYeAFHTbV7PegCtPiE/uMEIi7TJ1kTx3Vkt+jUpLyXF/2uV8B6Y79iTh98kVeOH9fX3x3zXXg==",
       "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.29.7",
@@ -1364,6 +1575,8 @@
     },
     "node_modules/@mui/types": {
       "version": "9.4.0",
+      "resolved": "https://registry.npmjs.org/@mui/types/-/types-9.4.0.tgz",
+      "integrity": "sha512-13DH0Oniua4WmGqeYbQAZqmiN7r4nfd0zwIoGJ5QeJwyIHgEmf+LkRw/jV1HZb6AiUoHX8Oxf4xgalq3vYHcIw==",
       "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.29.7"
@@ -1379,6 +1592,8 @@
     },
     "node_modules/@mui/utils": {
       "version": "9.4.0",
+      "resolved": "https://registry.npmjs.org/@mui/utils/-/utils-9.4.0.tgz",
+      "integrity": "sha512-WkzY8uYtqUDyGKPShrRQRBomfMQHddlsyKu/gRRESYO24tDPD2z0xRE8CBoUsWqpBa+YrFs9KixiS7kQRjsPAQ==",
       "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.29.7",
@@ -1407,34 +1622,65 @@
     },
     "node_modules/@mui/utils/node_modules/react-is": {
       "version": "19.3.0",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-19.3.0.tgz",
+      "integrity": "sha512-UpMYezM4v5/18F28aC66AEsjXIgE02kyEMH6yLdgLXu/UTfa1Ntwck/nNLrbqJsEXW7gPb0coNO9FQse9WTovA==",
       "license": "MIT"
     },
     "node_modules/@oxc-project/types": {
       "version": "0.150.0",
+      "resolved": "https://registry.npmjs.org/@oxc-project/types/-/types-0.150.0.tgz",
+      "integrity": "sha512-rDS5/31E9HfPl/CIzGrn0DOlvBbXFseQ5URJ9sYMfstbKLD/c6Gm9vmRzRGDdAXyOIL4zmO37lc9RIwYqVruZw==",
       "dev": true,
       "license": "MIT",
       "funding": {
         "url": "https://github.com/sponsors/oxc-project"
       }
     },
+    "node_modules/@polka/url": {
+      "version": "1.0.0-next.29",
+      "resolved": "https://registry.npmjs.org/@polka/url/-/url-1.0.0-next.29.tgz",
+      "integrity": "sha512-wwQAWhWSuHaag8c4q/KN/vCoeOJYshAIvMQwD4GpSb3OiZklFfvAgmj0VCBBImRpuF/aFgIRzllXlVX93Jevww==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@popperjs/core": {
+      "version": "2.11.8",
+      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz",
+      "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==",
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/popperjs"
+      }
+    },
     "node_modules/@protobufjs/aspromise": {
       "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@protobufjs/aspromise/-/aspromise-1.1.2.tgz",
+      "integrity": "sha512-j+gKExEuLmKwvz3OgROXtrJ2UG2x8Ch2YZUxahh+s1F2HZ+wAceUNLkvy6zKCPVRkU++ZWQrdxsUeQXmcg4uoQ==",
       "license": "BSD-3-Clause"
     },
     "node_modules/@protobufjs/base64": {
       "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@protobufjs/base64/-/base64-1.1.2.tgz",
+      "integrity": "sha512-AZkcAA5vnN/v4PDqKyMR5lx7hZttPDgClv83E//FMNhR2TMcLUhfRUBHCmSl0oi9zMgDDqRUJkSxO3wm85+XLg==",
       "license": "BSD-3-Clause"
     },
     "node_modules/@protobufjs/codegen": {
       "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@protobufjs/codegen/-/codegen-2.0.5.tgz",
+      "integrity": "sha512-zgXFLzW3Ap33e6d0Wlj4MGIm6Ce8O89n/apUaGNB/jx+hw+ruWEp7EwGUshdLKVRCxZW12fp9r40E1mQrf/34g==",
       "license": "BSD-3-Clause"
     },
     "node_modules/@protobufjs/eventemitter": {
       "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@protobufjs/eventemitter/-/eventemitter-1.1.1.tgz",
+      "integrity": "sha512-vW1GmwMZNnL+gMRaovlh9yZX74kc+TTU3FObkkurpMaRtBfLP3ldjS9KQWlwZgraRE0+dheEEoAxdzcJQ8eXZg==",
       "license": "BSD-3-Clause"
     },
     "node_modules/@protobufjs/fetch": {
       "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@protobufjs/fetch/-/fetch-1.1.1.tgz",
+      "integrity": "sha512-GpptLrs57adMSuHi3VNj0mAF8dwh36LMaYF6XyJ6JMWlVsc+t42tm1HSEDmOs3A8fC9yyeisgLhsTVQokOZ0zw==",
       "license": "BSD-3-Clause",
       "dependencies": {
         "@protobufjs/aspromise": "^1.1.1"
@@ -1442,22 +1688,32 @@
     },
     "node_modules/@protobufjs/float": {
       "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@protobufjs/float/-/float-1.0.2.tgz",
+      "integrity": "sha512-Ddb+kVXlXst9d+R9PfTIxh1EdNkgoRe5tOX6t01f1lYWOvJnSPDBlG241QLzcyPdoNTsblLUdujGSE4RzrTZGQ==",
       "license": "BSD-3-Clause"
     },
     "node_modules/@protobufjs/inquire": {
       "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@protobufjs/inquire/-/inquire-1.1.2.tgz",
+      "integrity": "sha512-pa0vFRuws4wkvaXKK1uXZMAwAX4/t8ANaJo45iw/oQHNQ9q5xUzwgFmVJGXiga2BeN+zpX7Vf9vmsiIa2J+MUw==",
       "license": "BSD-3-Clause"
     },
     "node_modules/@protobufjs/path": {
       "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@protobufjs/path/-/path-1.1.2.tgz",
+      "integrity": "sha512-6JOcJ5Tm08dOHAbdR3GrvP+yUUfkjG5ePsHYczMFLq3ZmMkAD98cDgcT2iA1lJ9NVwFd4tH/iSSoe44YWkltEA==",
       "license": "BSD-3-Clause"
     },
     "node_modules/@protobufjs/pool": {
       "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@protobufjs/pool/-/pool-1.1.0.tgz",
+      "integrity": "sha512-0kELaGSIDBKvcgS4zkjz1PeddatrjYcmMWOlAuAPwAeccUrPHdUqo/J6LiymHHEiJT5NrF1UVwxY14f+fy4WQw==",
       "license": "BSD-3-Clause"
     },
     "node_modules/@protobufjs/utf8": {
       "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@protobufjs/utf8/-/utf8-1.1.2.tgz",
+      "integrity": "sha512-b1UQwcEZ4yCnMCD8DAL1VlbvBJE9/IX4FTIp7BG1xYpf29SLazLSrqUkj4w7Y5y7cCVP6E5tcqqcI0xemPkHug==",
       "license": "BSD-3-Clause"
     },
     "node_modules/@rolldown/binding-android-arm-eabi": {
@@ -1700,6 +1956,8 @@
     },
     "node_modules/@rolldown/binding-win32-x64-msvc": {
       "version": "1.2.9",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-x64-msvc/-/binding-win32-x64-msvc-1.2.9.tgz",
+      "integrity": "sha512-Ip2mXoU0hM0boq3Rf+ekuT653OROSo6aSYcPT1VHE4q52KvyxgFkQgrgb/IEsxOuvQ2fZZbs8khJAyCEPM24/g==",
       "cpu": [
         "x64"
       ],
@@ -1715,11 +1973,15 @@
     },
     "node_modules/@rolldown/pluginutils": {
       "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.1.tgz",
+      "integrity": "sha512-2j9bGt5Jh8hj+vPtgzPtl72j0yRxHAyumoo6TNfAjsLB04UtpSvPbPcDcBMxz7n+9CYB0c1GxQFxYRg2jimqGw==",
       "dev": true,
       "license": "MIT"
     },
     "node_modules/@testing-library/dom": {
       "version": "10.4.2",
+      "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-10.4.2.tgz",
+      "integrity": "sha512-yzr2S9HyAIdhz2/6qHgbs665Q7PKVcDF05vsOlHPxG1mo36gKVesdYVeDLnXgfjJ03CrKRk08knc6+E/9m8v2Q==",
       "dev": true,
       "license": "MIT",
       "peer": true,
@@ -1739,6 +2001,8 @@
     },
     "node_modules/@testing-library/jest-dom": {
       "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/@testing-library/jest-dom/-/jest-dom-7.0.1.tgz",
+      "integrity": "sha512-oMDTC3oA+6CXSO2JZnvOI7CA6oVub6kij5ggk9ohwye5slmkwxYDXcPOVxgMw/RQlticjtO0C1RZkR97HgrWMw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -1766,11 +2030,15 @@
     },
     "node_modules/@testing-library/jest-dom/node_modules/dom-accessibility-api": {
       "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.6.3.tgz",
+      "integrity": "sha512-7ZgogeTnjuHbo+ct10G9Ffp0mif17idi0IyWNVA/wcwcm7NPOD/WEHVP3n7n3MhXqxoIYm8d6MuZohYWIZ4T3w==",
       "dev": true,
       "license": "MIT"
     },
     "node_modules/@testing-library/react": {
       "version": "16.3.3",
+      "resolved": "https://registry.npmjs.org/@testing-library/react/-/react-16.3.3.tgz",
+      "integrity": "sha512-Uo193NgQbPMz6lrrhtRQQFcMC6Re/ELLFbbuVL30WDlZxlpZf9/lMHTAVxPRLw1q1iu9OJmR1c2BLiENRstdBg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -1797,6 +2065,8 @@
     },
     "node_modules/@testing-library/user-event": {
       "version": "14.6.7",
+      "resolved": "https://registry.npmjs.org/@testing-library/user-event/-/user-event-14.6.7.tgz",
+      "integrity": "sha512-MPCpX8bxe8zS+JmmTwLp8jd0dy1rAm60Te/SL8JrQM3qvQJcBOs1d7IefJMyZzqM3EWBrDn/LWDt1BCGu4ASfg==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -1809,11 +2079,15 @@
     },
     "node_modules/@types/aria-query": {
       "version": "5.0.4",
+      "resolved": "https://registry.npmjs.org/@types/aria-query/-/aria-query-5.0.4.tgz",
+      "integrity": "sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==",
       "dev": true,
       "license": "MIT"
     },
     "node_modules/@types/chai": {
       "version": "5.2.3",
+      "resolved": "https://registry.npmjs.org/@types/chai/-/chai-5.2.3.tgz",
+      "integrity": "sha512-Mw558oeA9fFbv65/y4mHtXDs9bPnFMZAL/jxdPFUpOHHIXX91mcgEHbS5Lahr+pwZFR8A7GQleRWeI6cGFC2UA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -1823,30 +2097,42 @@
     },
     "node_modules/@types/deep-eql": {
       "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/@types/deep-eql/-/deep-eql-4.0.2.tgz",
+      "integrity": "sha512-c9h9dVVMigMPc4bwTvC5dxqtqJZwQPePsWjPlpSOnojbor6pGqdk541lfA7AqFQr5pB1BRdq0juY9db81BwyFw==",
       "dev": true,
       "license": "MIT"
     },
     "node_modules/@types/esrecurse": {
       "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/@types/esrecurse/-/esrecurse-4.3.1.tgz",
+      "integrity": "sha512-xJBAbDifo5hpffDBuHl0Y8ywswbiAp/Wi7Y/GtAgSlZyIABppyurxVueOPE8LUQOxdlgi6Zqce7uoEpqNTeiUw==",
       "dev": true,
       "license": "MIT"
     },
     "node_modules/@types/estree": {
       "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.9.tgz",
+      "integrity": "sha512-GhdPgy1el4/ImP05X05Uw4cw2/M93BCUmnEvWZNStlCzEKME4Fkk+YpoA5OiHNQmoS7Cafb8Xa3Pya8m1Qrzeg==",
       "dev": true,
       "license": "MIT"
     },
     "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,
       "license": "MIT"
     },
     "node_modules/@types/long": {
       "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/@types/long/-/long-4.0.2.tgz",
+      "integrity": "sha512-MqTGEo5bj5t157U6fA/BiDynNkn0YknVdh48CMPkTSpFTVmvao5UQmm7uEF6xBEo7qIMAlY/JSleYaE6VOdpaA==",
       "license": "MIT"
     },
     "node_modules/@types/node": {
       "version": "24.13.6",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-24.13.6.tgz",
+      "integrity": "sha512-SGrw/h3KPFshy3OE6ZL53LMBG5vGQQ8/gIpiqz/kRZhPJ7HgwCEs8LBuNtWLa8dvGZVpSF7+Bf+c11HUrCb/yg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -1855,6 +2141,8 @@
     },
     "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==",
       "license": "MIT"
     },
     "node_modules/@types/pg": {
@@ -1871,10 +2159,14 @@
     },
     "node_modules/@types/prop-types": {
       "version": "15.7.15",
+      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.15.tgz",
+      "integrity": "sha512-F6bEyamV9jKGAFBEmlQnesRPGOQqS2+Uwi0Em15xenOxHaf2hv6L8YCVn3rPdPJOiJfPiCnLIRyvwVaqMY3MIw==",
       "license": "MIT"
     },
     "node_modules/@types/react": {
       "version": "19.3.0",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-19.3.0.tgz",
+      "integrity": "sha512-N0rFCuH9YoxG9/m61l9MfpJKfmLOVU0em7ipIz6TRgSSkvReLB9vL85GB+yr8Bs5leqpvg96JSwF4ZS1s4viQg==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -1883,6 +2175,8 @@
     },
     "node_modules/@types/react-dom": {
       "version": "19.3.0",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.3.0.tgz",
+      "integrity": "sha512-ZI7bU42mZXXKHn/qNLEw2IrbiINU7X5+vfgdixBHkCNpYWXjKgfQ/P+uyGb5CjOLB9UcnTeg3rylQtV2hym44Q==",
       "dev": true,
       "license": "MIT",
       "peer": true,
@@ -1892,6 +2186,8 @@
     },
     "node_modules/@types/react-transition-group": {
       "version": "4.4.12",
+      "resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.12.tgz",
+      "integrity": "sha512-8TV6R3h2j7a91c+1DXdJi3Syo69zzIZbz7Lg5tORM5LEJG7X/E6a1V3drRyBRZq7/utz7A+c4OgYLiLcYGHG6w==",
       "license": "MIT",
       "peerDependencies": {
         "@types/react": "*"
@@ -1899,6 +2195,8 @@
     },
     "node_modules/@typescript-eslint/eslint-plugin": {
       "version": "8.70.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.70.1.tgz",
+      "integrity": "sha512-nDNrUQ/4ruSNYbu749TRY7cfrzPtoLHEXSNBI8aaNY32LlZCajixqRf3FqcKC4p5Cam4VOHYx/t+i5+nKXvrqA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -1926,6 +2224,8 @@
     },
     "node_modules/@typescript-eslint/eslint-plugin/node_modules/ignore": {
       "version": "7.0.9",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-7.0.9.tgz",
+      "integrity": "sha512-brTTsvFRt5C1gGHtPst/281UjPD5t9fBqbgoMPlVWy11ZLTPfu7HxK4ZYqO9H7o/yC9rSTCI85EaQ4OoY12qYw==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -1934,6 +2234,8 @@
     },
     "node_modules/@typescript-eslint/parser": {
       "version": "8.70.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.70.1.tgz",
+      "integrity": "sha512-nO974WLllwhSFWQXnMLj6nDGa8f0khKEz1JzpPJ1u7Vm/4X1X6ZHajpoknU4bb41vJyMB0HHVyS2GqdhWfIXZw==",
       "dev": true,
       "license": "MIT",
       "peer": true,
@@ -1958,6 +2260,8 @@
     },
     "node_modules/@typescript-eslint/project-service": {
       "version": "8.70.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.70.1.tgz",
+      "integrity": "sha512-62xOgboPfwc3/IgPSX/W6oQR3ZbF04194FPGUGH8HL8iLFHbt/456/8Ph1wLNUgVF+s94FlHoipBsz+v7+LMnA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -1978,6 +2282,8 @@
     },
     "node_modules/@typescript-eslint/scope-manager": {
       "version": "8.70.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.70.1.tgz",
+      "integrity": "sha512-Pa0EeSeAusQc1WbjQMac+YfenewYTBu0KjgYvkUKwhXaHUKbFog23Dm/rp0DX/6tyYOQ3Xl1a+3EcFNZynGHCw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -1994,6 +2300,8 @@
     },
     "node_modules/@typescript-eslint/tsconfig-utils": {
       "version": "8.70.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.70.1.tgz",
+      "integrity": "sha512-jumze1fPI+sDOaM2TWGQdn39PDxTr7TZGeuyLkAbNyx2vtMT3uRnVKChN0hfht5V2TugphJzF6bYXvBcE09qqg==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -2009,6 +2317,8 @@
     },
     "node_modules/@typescript-eslint/type-utils": {
       "version": "8.70.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.70.1.tgz",
+      "integrity": "sha512-7zKTnyvaVWqzLZHPFQtX1hVHqgkMC+WebPWakNCSyrQVbIP1AM0L0TlBZtACldIRb6PptI8Odk+jyZ5kP3B1VA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -2032,6 +2342,8 @@
     },
     "node_modules/@typescript-eslint/types": {
       "version": "8.70.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.70.1.tgz",
+      "integrity": "sha512-Dm1ypdhhrGCTyyehxElhgJ6kgk8MVCv5qXdoOVqPr1uqk42jX8KjrZqhROvdShczA8qrDoYiOWn1ykWlx2k81Q==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -2044,6 +2356,8 @@
     },
     "node_modules/@typescript-eslint/typescript-estree": {
       "version": "8.70.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.70.1.tgz",
+      "integrity": "sha512-TU8PwyGN0PQJUcE96mw8eCQ44SmxGdQlJmlWakHaHQ15eIuuvye5yNtmh/i6oS88jzXVQB71xdNkbkB/fMwL0g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -2070,6 +2384,8 @@
     },
     "node_modules/@typescript-eslint/typescript-estree/node_modules/semver": {
       "version": "7.8.5",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.5.tgz",
+      "integrity": "sha512-Y7/KDsb8LjooZpwaqGyulO6DQlksgCncchHGk+sZIY4SBvUocMBEFH5Ur1fI4dV+Jvl0w6cjvucaIi40puRioA==",
       "dev": true,
       "license": "ISC",
       "bin": {
@@ -2081,6 +2397,8 @@
     },
     "node_modules/@typescript-eslint/utils": {
       "version": "8.70.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.70.1.tgz",
+      "integrity": "sha512-Esgul8MsnKnRLdYU2Eb2cRV9bS5HJYtKj1ByJnOzzG2M58DGdSUQ1jUuILxipqcpB2h9WLrbD5GijIWUjX/Tqw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -2103,6 +2421,8 @@
     },
     "node_modules/@typescript-eslint/visitor-keys": {
       "version": "8.70.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.70.1.tgz",
+      "integrity": "sha512-Vwj9lUIW5Xq3wQ9w6gv3R86g1hMK8f2zNOdGTAgeXUMMXFK78G9ruCjjqutHMNJc0+CH7LYRnHeUB9IT8wFmcw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -2119,6 +2439,8 @@
     },
     "node_modules/@vitejs/plugin-react": {
       "version": "6.1.1",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-6.1.1.tgz",
+      "integrity": "sha512-yxLaQV9gkhS8ezJqCM6+ndU7mDY6gqAg75NQ+0IjwEI8IYOmQCgkRwHKVSfWXW076DsqMo0Dk+0FK1U+M5RgFw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -2146,9 +2468,9 @@
       }
     },
     "node_modules/@vitest/coverage-v8": {
-      "version": "5.0.2",
-      "resolved": "https://registry.npmjs.org/@vitest/coverage-v8/-/coverage-v8-5.0.2.tgz",
-      "integrity": "sha512-3ffHBEi8DOOBLwIGBhOBZbRfYFYWjMUuxZicONdhuFEFEG5AVsMOSrVeuROskqnqpbOmEJwxM2eTVZ9N3a1t+A==",
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/@vitest/coverage-v8/-/coverage-v8-5.0.3.tgz",
+      "integrity": "sha512-+klsyz7BvT1vCU28Zkfzms1Ia78XD0V41U3FUtRaa3S+vOr/EXvK1O6BvVD7l1RzEjm6SONR2aybOvDDf9u0mQ==",
       "dev": true,
       "license": "MIT",
       "peer": true,
@@ -2177,6 +2499,8 @@
     },
     "node_modules/@vitest/istanbul-lib-coverage": {
       "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@vitest/istanbul-lib-coverage/-/istanbul-lib-coverage-1.0.2.tgz",
+      "integrity": "sha512-9J/JMwOf9AoJhAywhrn7ScKTL38hsWQP/qPG60OtaAFcQ5OXPwKsxZFlbnuCKmZ61m8/lGgHYnFpdyQZUvG/iA==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -2185,6 +2509,8 @@
     },
     "node_modules/@vitest/istanbul-lib-report": {
       "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@vitest/istanbul-lib-report/-/istanbul-lib-report-1.0.2.tgz",
+      "integrity": "sha512-gUsfXZJbzPamoIY5TvHFiMMoXESBrUMo+xqaj+rYrWI69+EnvRlYBlP96ZnHPY4vX8kyUpgAnFUCg5wZG/HkDQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -2195,9 +2521,9 @@
       }
     },
     "node_modules/@vitest/mocker": {
-      "version": "5.0.2",
-      "resolved": "https://registry.npmjs.org/@vitest/mocker/-/mocker-5.0.2.tgz",
-      "integrity": "sha512-Z5FS00Q1SJHkB35xATsmWGdQ5WA1/0MV3CDjqyv7GavHv1OfOj145MNfHOlHk7QLes21dKFDHr8EO2zvL+9WGA==",
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/@vitest/mocker/-/mocker-5.0.3.tgz",
+      "integrity": "sha512-T8sWAIbkSyAjkwTcaEc3Iu0o9A27X1/kdXrizhZkGuSKScRQtRzclfAMpOTcGdXCsqxeWlpGy3XjqaW8CpLORg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -2222,20 +2548,70 @@
         }
       }
     },
+    "node_modules/@vitest/pretty-format": {
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-5.0.3.tgz",
+      "integrity": "sha512-3hr5eV5z2ff0l2Q1vaKQbB4j3M3tElw8stDokEOTqXJB3Es5VrT8gBRIMY59gGuFp8Y61sWlWFK1aNUH5dHDYw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tinyrainbow": "^3.1.1"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
     "node_modules/@vitest/spy": {
-      "version": "5.0.2",
-      "resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-5.0.2.tgz",
-      "integrity": "sha512-Ijc7T1nT9efNb5LxvjaBrEqw3f/QwUv5EE0nKqZxgqsaV/FxAAZ8baGylA8X/Z2oS4Lp+K74Jr6dTJsDKxJDeg==",
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-5.0.3.tgz",
+      "integrity": "sha512-XhFysQTB8AZ+P4gMi+Lpo99vg2AZi0qKpaB9yXQl37+CaMEAPO3iH/wGVnSyL5MPERiLezpqTVtrR6UZH5GCXg==",
       "dev": true,
       "license": "MIT",
       "funding": {
         "url": "https://opencollective.com/vitest"
       }
     },
+    "node_modules/@vitest/ui": {
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/@vitest/ui/-/ui-5.0.3.tgz",
+      "integrity": "sha512-9dfvqDBvSbHM6y9YVXxAypkl2z7mrWozK/JFo237qI0cj/3M/kzDKiVZqzi3TE54Ler7Jditud7OMBZCyUvRHA==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@vitest/utils": "5.0.3",
+        "fflate": "^0.8.3",
+        "flatted": "^3.4.4",
+        "pathe": "^2.0.3",
+        "sirv": "^3.0.2",
+        "tinyrainbow": "^3.1.1"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      },
+      "peerDependencies": {
+        "vitest": "5.0.3"
+      }
+    },
+    "node_modules/@vitest/utils": {
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-5.0.3.tgz",
+      "integrity": "sha512-77fDTZv8eu1CzlIfgPU2yrl5MXSUaUAOvgdZEeVm3X3WIxUubIX2SforqS6176lT32HCF6uBVMYVqfHxw7o6eg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vitest/pretty-format": "5.0.3",
+        "convert-source-map": "^2.0.0",
+        "tinyrainbow": "^3.1.1"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
     "node_modules/@whatwg-node/promise-helpers": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/@whatwg-node/promise-helpers/-/promise-helpers-1.3.2.tgz",
-      "integrity": "sha512-Nst5JdK47VIl9UcGwtv2Rcgyn5lWtZ0/mhRQ4G8NN2isxpq2TO30iqHzmwoJycjWuyUfg3GFXqP/gFHXeV57IA==",
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@whatwg-node/promise-helpers/-/promise-helpers-2.0.0.tgz",
+      "integrity": "sha512-/i9CS0Z96o+cPwaYoAyVxAThDiUX1wV3tDmNWPJbn+vtdR+JftuCDg1NGCXBrzIYVDGkJ8uT6ctwmrBOUzOpKQ==",
       "license": "MIT",
       "dependencies": {
         "tslib": "^2.6.3"
@@ -2246,6 +2622,8 @@
     },
     "node_modules/acorn": {
       "version": "8.18.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.18.0.tgz",
+      "integrity": "sha512-lGq+9yr1/GuAWaVYIHRjvvySG5/4VfKIvC8EWxStPdcDh/Ka7FG3twP6v4d5BkravUilhIAsG4Qj83t02LWUPQ==",
       "dev": true,
       "license": "MIT",
       "peer": true,
@@ -2258,6 +2636,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,
       "license": "MIT",
       "peerDependencies": {
@@ -2266,6 +2646,8 @@
     },
     "node_modules/ajv": {
       "version": "6.15.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.15.0.tgz",
+      "integrity": "sha512-fgFx7Hfoq60ytK2c7DhnF8jIvzYgOMxfugjLOSMHjLIPgenqa7S7oaagATUq99mV6IYvN2tRmC0wnTYX6iPbMw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -2281,6 +2663,8 @@
     },
     "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,
       "license": "MIT",
       "engines": {
@@ -2289,6 +2673,8 @@
     },
     "node_modules/ansi-styles": {
       "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
+      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -2300,6 +2686,8 @@
     },
     "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,
       "license": "Apache-2.0",
       "dependencies": {
@@ -2308,6 +2696,8 @@
     },
     "node_modules/assertion-error": {
       "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/assertion-error/-/assertion-error-2.0.1.tgz",
+      "integrity": "sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -2318,25 +2708,6 @@
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/ast-v8-to-istanbul/-/ast-v8-to-istanbul-1.0.7.tgz",
       "integrity": "sha512-kFL68AG6ajd8fg248zwM9GQrUWEp79gsmjum34OEXjs4yHuUMZfYKwOLW9GMmB4oNvVrj+EAGxsP7ye2UR9UlA==",
-    "node_modules/babel-plugin-macros": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/babel-plugin-macros/-/babel-plugin-macros-3.1.0.tgz",
-      "integrity": "sha512-Cg7TFGpIr01vOQNODXOOaGz2NpCU5gl8x1qJFbb6hbZxR7XrcE2vtbAsTAbJ7/xwJtUuJEw8K8Zr/AE0LHlesg==",
-      "license": "MIT",
-      "dependencies": {
-        "@babel/runtime": "^7.12.5",
-        "cosmiconfig": "^7.0.0",
-        "resolve": "^1.19.0"
-      },
-      "engines": {
-        "node": ">=10",
-        "npm": ">=6"
-      }
-    },
-    "node_modules/balanced-match": {
-      "version": "4.0.4",
-      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-4.0.4.tgz",
-      "integrity": "sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -2347,11 +2718,15 @@
     },
     "node_modules/ast-v8-to-istanbul/node_modules/js-tokens": {
       "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-10.0.0.tgz",
+      "integrity": "sha512-lM/UBzQmfJRo9ABXbPWemivdCW8V2G8FHaHdypQaIy523snUjog0W71ayWXTjiR+ixeMyVHN2XcpnTd/liPg/Q==",
       "dev": true,
       "license": "MIT"
     },
     "node_modules/async-retry": {
       "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/async-retry/-/async-retry-1.3.3.tgz",
+      "integrity": "sha512-wfr/jstw9xNi/0teMHrRW7dsz3Lt5ARhYNZ2ewpadnhaIp5mbALhOAP+EAdsC7t4Z6wqsDVv9+W6gm1Dk9mEyw==",
       "license": "MIT",
       "dependencies": {
         "retry": "0.13.1"
@@ -2359,6 +2734,8 @@
     },
     "node_modules/available-typed-arrays": {
       "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz",
+      "integrity": "sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==",
       "license": "MIT",
       "dependencies": {
         "possible-typed-array-names": "^1.0.0"
@@ -2370,8 +2747,25 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/babel-plugin-macros": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/babel-plugin-macros/-/babel-plugin-macros-3.1.0.tgz",
+      "integrity": "sha512-Cg7TFGpIr01vOQNODXOOaGz2NpCU5gl8x1qJFbb6hbZxR7XrcE2vtbAsTAbJ7/xwJtUuJEw8K8Zr/AE0LHlesg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.12.5",
+        "cosmiconfig": "^7.0.0",
+        "resolve": "^1.19.0"
+      },
+      "engines": {
+        "node": ">=10",
+        "npm": ">=6"
+      }
+    },
     "node_modules/balanced-match": {
       "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-4.0.4.tgz",
+      "integrity": "sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -2380,6 +2774,8 @@
     },
     "node_modules/baseline-browser-mapping": {
       "version": "2.11.25",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.11.25.tgz",
+      "integrity": "sha512-gMmEShwwq7FJqMwvfRwvCl00v4kN+KOfJqXn+f4nrufak5gNHJOksd/60Dvjuz7sI8Y5WiSFBa8FEYr+zoyqCw==",
       "dev": true,
       "license": "Apache-2.0",
       "bin": {
@@ -2391,6 +2787,8 @@
     },
     "node_modules/bidi-js": {
       "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/bidi-js/-/bidi-js-1.1.0.tgz",
+      "integrity": "sha512-fX1Onk0tdVPC7obPWB5EbJ1z7NVhLq4m2xZLq2YXBkxzMXIGRpNMU88n0EPgWseKl12J7zXs7qrDxPK4sRs2fg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -2399,6 +2797,8 @@
     },
     "node_modules/body-parser": {
       "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-2.3.0.tgz",
+      "integrity": "sha512-2cGmJupaNgg+QUwVLAucDuWuoMZ6EX9iHDRswZ5lsNYEmwPaRknMPCLZz07yTzVq/83p4o/wzbDZbBrTvGGTIw==",
       "license": "MIT",
       "dependencies": {
         "bytes": "^3.1.2",
@@ -2421,6 +2821,8 @@
     },
     "node_modules/body-parser/node_modules/content-type": {
       "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/content-type/-/content-type-2.1.0.tgz",
+      "integrity": "sha512-mj7UPXE0jaqaOsukNZRUEfEi2AcL7C/vwmwcHV0O97eO1E1pxBZuyjlZrx5seTaNBg1U6+o35wpa35Qfcc+7ag==",
       "license": "MIT",
       "engines": {
         "node": ">=18"
@@ -2432,6 +2834,8 @@
     },
     "node_modules/brace-expansion": {
       "version": "5.0.12",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.12.tgz",
+      "integrity": "sha512-YovQ3rzhaLMIrDjNDMkNS01tea93qhEhG5xy8f6+R0l+dw3Ki+5sCoIoI942iuLZTHWogWktgwVDhU09iNEimQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -2443,6 +2847,8 @@
     },
     "node_modules/browserslist": {
       "version": "4.29.0",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.29.0.tgz",
+      "integrity": "sha512-3GSvyjvDI4Dur1Meg2BekJquu5uF+9R9a1+5M1Mde192eZoXbeXjzgOsgqPS2V8D5wrrip0gR5Hf/GhWQ9ZzaA==",
       "dev": true,
       "funding": [
         {
@@ -2476,6 +2882,8 @@
     },
     "node_modules/bytes": {
       "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
+      "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
       "license": "MIT",
       "engines": {
         "node": ">= 0.8"
@@ -2483,6 +2891,8 @@
     },
     "node_modules/cacheable": {
       "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/cacheable/-/cacheable-2.5.0.tgz",
+      "integrity": "sha512-60cyAOytib/OzBw1JNSoSV/boK1AtHryDIjvVBk7XbN4ugfkM3+Sry7fEjNgPMGgOjuaZPAp8ruZ0Cxafwyq9g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -2495,6 +2905,8 @@
     },
     "node_modules/call-bind": {
       "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.9.tgz",
+      "integrity": "sha512-a/hy+pNsFUTR+Iz8TCJvXudKVLAnz/DyeSUo10I5yvFDQJBFU2s9uqQpoSrJlroHUKoKqzg+epxyP9lqFdzfBQ==",
       "license": "MIT",
       "dependencies": {
         "call-bind-apply-helpers": "^1.0.2",
@@ -2511,6 +2923,8 @@
     },
     "node_modules/call-bind-apply-helpers": {
       "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
+      "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
       "license": "MIT",
       "dependencies": {
         "es-errors": "^1.3.0",
@@ -2522,6 +2936,8 @@
     },
     "node_modules/call-bound": {
       "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.4.tgz",
+      "integrity": "sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==",
       "license": "MIT",
       "dependencies": {
         "call-bind-apply-helpers": "^1.0.2",
@@ -2536,6 +2952,8 @@
     },
     "node_modules/callsites": {
       "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
+      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
       "license": "MIT",
       "engines": {
         "node": ">=6"
@@ -2543,6 +2961,8 @@
     },
     "node_modules/caniuse-lite": {
       "version": "1.0.30001810",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001810.tgz",
+      "integrity": "sha512-TITQPUkaz+aVk5GL6NhOdwk1aEaNTSDPsGFWrTuhKGtjTF70jL/Oht2W4c6rXUe5fu7Ie19VIahAXHIIiWWNeg==",
       "dev": true,
       "funding": [
         {
@@ -2562,6 +2982,8 @@
     },
     "node_modules/chai": {
       "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/chai/-/chai-6.2.2.tgz",
+      "integrity": "sha512-NUPRluOfOiTKBKvWPtSD4PhFvWCqOi0BGStNWs57X9js7XGTprSmFoz5F0tWhR4WPjNeR9jXqdC7/UpSJTnlRg==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -2570,18 +2992,33 @@
     },
     "node_modules/clsx": {
       "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
+      "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==",
       "license": "MIT",
       "engines": {
         "node": ">=6"
       }
     },
+    "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==",
+      "license": "MIT",
+      "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,
       "license": "MIT"
     },
     "node_modules/cookie": {
       "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-1.1.1.tgz",
+      "integrity": "sha512-ei8Aos7ja0weRpFzJnEA9UHJ/7XQmqglbRwnf2ATjcB9Wq874VKH9kfjjirM6UhU2/E5fFYadylyhFldcqSidQ==",
       "license": "MIT",
       "engines": {
         "node": ">=18"
@@ -2593,6 +3030,8 @@
     },
     "node_modules/cors": {
       "version": "2.8.6",
+      "resolved": "https://registry.npmjs.org/cors/-/cors-2.8.6.tgz",
+      "integrity": "sha512-tJtZBBHA6vjIAaF6EnIaq6laBBP9aq/Y3ouVJjEfoHbRBcHBAHYcMh/w8LDrk2PvIMMq8gmopa5D4V8RmbrxGw==",
       "license": "MIT",
       "dependencies": {
         "object-assign": "^4",
@@ -2608,6 +3047,8 @@
     },
     "node_modules/cosmiconfig": {
       "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.1.0.tgz",
+      "integrity": "sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==",
       "license": "MIT",
       "dependencies": {
         "@types/parse-json": "^4.0.0",
@@ -2622,13 +3063,29 @@
     },
     "node_modules/cosmiconfig/node_modules/yaml": {
       "version": "1.10.3",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.3.tgz",
+      "integrity": "sha512-vIYeF1u3CjlhAFekPPAk2h/Kv4T3mAkMox5OymRiJQB0spDP10LHvt+K7G9Ny6NuuMAb25/6n1qyUjAcGNf/AA==",
       "license": "ISC",
       "engines": {
         "node": ">= 6"
       }
     },
+    "node_modules/cross-inspect": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/cross-inspect/-/cross-inspect-1.0.1.tgz",
+      "integrity": "sha512-Pcw1JTvZLSJH83iiGWt6fRcT+BjZlCDRVwYLbUcHzv/CRpB7r0MlSrGbIyQvVSNyGnbt7G4AXuyCiDR3POvZ1A==",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.4.0"
+      },
+      "engines": {
+        "node": ">=16.0.0"
+      }
+    },
     "node_modules/cross-spawn": {
       "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -2642,6 +3099,8 @@
     },
     "node_modules/css-tree": {
       "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-3.2.1.tgz",
+      "integrity": "sha512-X7sjQzceUhu1u7Y/ylrRZFU2FS6LRiFVp6rKLPg23y3x3c3DOKAwuXGDp+PAGjh6CSnCjYeAul8pcT8bAl+lSA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -2654,15 +3113,21 @@
     },
     "node_modules/css.escape": {
       "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/css.escape/-/css.escape-1.5.1.tgz",
+      "integrity": "sha512-YUifsXXuknHlUsmlgyY0PKzgPOr7/FjCePfHNt0jxm83wHZi44VDMQ7/fGNkjY3/jV1MC+1CmZbaHzugyeRtpg==",
       "dev": true,
       "license": "MIT"
     },
     "node_modules/csstype": {
       "version": "3.2.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
+      "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
       "license": "MIT"
     },
     "node_modules/data-urls": {
       "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/data-urls/-/data-urls-7.0.0.tgz",
+      "integrity": "sha512-23XHcCF+coGYevirZceTVD7NdJOqVn+49IHyxgszm+JIiHLoB2TkmPtsYkNWT1pvRSGkc35L6NHs0yHkN2SumA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -2675,6 +3140,8 @@
     },
     "node_modules/debug": {
       "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
+      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
       "license": "MIT",
       "dependencies": {
         "ms": "^2.1.3"
@@ -2690,16 +3157,22 @@
     },
     "node_modules/decimal.js": {
       "version": "10.6.0",
+      "resolved": "https://registry.npmjs.org/decimal.js/-/decimal.js-10.6.0.tgz",
+      "integrity": "sha512-YpgQiITW3JXGntzdUmyUR1V812Hn8T1YVXhCu+wO3OpS4eU9l4YdD3qjyiKdV6mvV29zapkMeD390UVEf2lkUg==",
       "dev": true,
       "license": "MIT"
     },
     "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,
       "license": "MIT"
     },
     "node_modules/define-data-property": {
       "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
+      "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
       "license": "MIT",
       "dependencies": {
         "es-define-property": "^1.0.0",
@@ -2715,6 +3188,8 @@
     },
     "node_modules/depd": {
       "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
+      "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
       "license": "MIT",
       "engines": {
         "node": ">= 0.8"
@@ -2722,6 +3197,8 @@
     },
     "node_modules/dequal": {
       "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
+      "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -2730,6 +3207,8 @@
     },
     "node_modules/detect-libc": {
       "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz",
+      "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==",
       "dev": true,
       "license": "Apache-2.0",
       "engines": {
@@ -2738,10 +3217,11 @@
     },
     "node_modules/dom-accessibility-api": {
       "version": "0.5.16",
+      "resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.5.16.tgz",
+      "integrity": "sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==",
       "dev": true,
       "license": "MIT"
     },
-
     "node_modules/dom-helpers": {
       "version": "5.2.1",
       "resolved": "https://registry.npmjs.org/dom-helpers/-/dom-helpers-5.2.1.tgz",
@@ -2769,6 +3249,8 @@
     },
     "node_modules/dunder-proto": {
       "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
+      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
       "license": "MIT",
       "dependencies": {
         "call-bind-apply-helpers": "^1.0.1",
@@ -2781,15 +3263,21 @@
     },
     "node_modules/ee-first": {
       "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
+      "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==",
       "license": "MIT"
     },
     "node_modules/electron-to-chromium": {
       "version": "1.5.434",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.434.tgz",
+      "integrity": "sha512-7EeFW9OLf1NN9NKQP9xdOE/XKqjxv7JDPP6AEAkHli11+Fae1OaLoNuAf13hQv1PPNtuES0pLQSPk2+fS3s8ww==",
       "dev": true,
       "license": "ISC"
     },
     "node_modules/encodeurl": {
       "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz",
+      "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==",
       "license": "MIT",
       "engines": {
         "node": ">= 0.8"
@@ -2797,6 +3285,8 @@
     },
     "node_modules/entities": {
       "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-8.1.0.tgz",
+      "integrity": "sha512-kxL7msIffSuh9aaFAMD7rxAIuTRMAHMeBtgHW2yUdWw732ZNh4MehkF2gdjvtdmikkaIP9bFDDJOPlsvm7avrA==",
       "dev": true,
       "license": "BSD-2-Clause",
       "engines": {
@@ -2808,13 +3298,26 @@
     },
     "node_modules/error-ex": {
       "version": "1.3.4",
+      "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.4.tgz",
+      "integrity": "sha512-sqQamAnR14VgCr1A618A3sGrygcpK+HEbenA/HiEAkkUwcZIIB/tgWqHFxWgOyDh4nB4JCRimh79dR5Ywc9MDQ==",
       "license": "MIT",
       "dependencies": {
         "is-arrayish": "^0.2.1"
       }
     },
+    "node_modules/es-define-property": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
+      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/es-errors": {
       "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
       "license": "MIT",
       "engines": {
         "node": ">= 0.4"
@@ -2822,11 +3325,15 @@
     },
     "node_modules/es-module-lexer": {
       "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-2.3.2.tgz",
+      "integrity": "sha512-poHGpORABojJJucnV9KbOavETW8lBVnphkW77ER5/BQ5Fz7oXSoCNek7IH3vR5nRjdsEz926ibFYX8KtLQmdyw==",
       "dev": true,
       "license": "MIT"
     },
     "node_modules/es-object-atoms": {
       "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.2.tgz",
+      "integrity": "sha512-HWcBoN6NileqtSydK2FqHbS/LoDd2pqrnQHLyJzBj4kOp/ky2MWMN694xOfkK8/SnUsW2DH7EfyVlydKCsm1Zw==",
       "license": "MIT",
       "dependencies": {
         "es-errors": "^1.3.0"
@@ -2837,6 +3344,8 @@
     },
     "node_modules/escalade": {
       "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -2845,10 +3354,14 @@
     },
     "node_modules/escape-html": {
       "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
+      "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==",
       "license": "MIT"
     },
     "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==",
       "license": "MIT",
       "engines": {
         "node": ">=10"
@@ -2859,6 +3372,8 @@
     },
     "node_modules/eslint": {
       "version": "10.11.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-10.11.0.tgz",
+      "integrity": "sha512-P7a6UEEqb9G95MYAtqkmsTbVXIYyzIfl6NGOIJk162PaahFxFyeGcrlXYFSiagECg4sEm8IseJdZBKR3rx6MsQ==",
       "dev": true,
       "license": "MIT",
       "peer": true,
@@ -2917,6 +3432,8 @@
     },
     "node_modules/eslint-config-prettier": {
       "version": "10.1.8",
+      "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-10.1.8.tgz",
+      "integrity": "sha512-82GZUjRS0p/jganf6q1rEO25VSoHH0hKPCTrgillPjdI/3bgBhAE1QzHrHTizjpRvy6pGAvKjDJtk2pF9NDq8w==",
       "dev": true,
       "license": "MIT",
       "bin": {
@@ -2931,6 +3448,8 @@
     },
     "node_modules/eslint-plugin-react-hooks": {
       "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-7.1.1.tgz",
+      "integrity": "sha512-f2I7Gw6JbvCexzIInuSbZpfdQ44D7iqdWX01FKLvrPgqxoE7oMj8clOfto8U6vYiz4yd5oKu39rRSVOe1zRu0g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -2949,6 +3468,8 @@
     },
     "node_modules/eslint-plugin-react-refresh": {
       "version": "0.5.7",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react-refresh/-/eslint-plugin-react-refresh-0.5.7.tgz",
+      "integrity": "sha512-XhJSzLljuYD4UjNuFGJu2v7aD3sqNVK12w5/DCUfrNfHWegZo2+TsavNx8MuxMwEquuFAzNbNfXKU0WoZ+YUIg==",
       "dev": true,
       "license": "MIT",
       "peerDependencies": {
@@ -2957,6 +3478,8 @@
     },
     "node_modules/eslint-scope": {
       "version": "9.1.2",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-9.1.2.tgz",
+      "integrity": "sha512-xS90H51cKw0jltxmvmHy2Iai1LIqrfbw57b79w/J7MfvDfkIkFZ+kj6zC3BjtUwh150HsSSdxXZcsuv72miDFQ==",
       "dev": true,
       "license": "BSD-2-Clause",
       "dependencies": {
@@ -2974,6 +3497,8 @@
     },
     "node_modules/eslint-visitor-keys": {
       "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-5.0.1.tgz",
+      "integrity": "sha512-tD40eHxA35h0PEIZNeIjkHoDR4YjjJp34biM0mDvplBe//mB+IHCqHDGV7pxF+7MklTvighcCPPZC7ynWyjdTA==",
       "dev": true,
       "license": "Apache-2.0",
       "engines": {
@@ -2985,6 +3510,8 @@
     },
     "node_modules/espree": {
       "version": "11.2.0",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-11.2.0.tgz",
+      "integrity": "sha512-7p3DrVEIopW1B1avAGLuCSh1jubc01H2JHc8B4qqGblmg5gI9yumBgACjWo4JlIc04ufug4xJ3SQI8HkS/Rgzw==",
       "dev": true,
       "license": "BSD-2-Clause",
       "dependencies": {
@@ -3001,6 +3528,8 @@
     },
     "node_modules/esquery": {
       "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.7.0.tgz",
+      "integrity": "sha512-Ap6G0WQwcU/LHsvLwON1fAQX9Zp0A2Y6Y/cJBl9r/JbW90Zyg4/zbG6zzKa2OTALELarYHmKu0GhpM5EO+7T0g==",
       "dev": true,
       "license": "BSD-3-Clause",
       "dependencies": {
@@ -3012,6 +3541,8 @@
     },
     "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,
       "license": "BSD-2-Clause",
       "dependencies": {
@@ -3023,6 +3554,8 @@
     },
     "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,
       "license": "BSD-2-Clause",
       "engines": {
@@ -3031,6 +3564,8 @@
     },
     "node_modules/estree-walker": {
       "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz",
+      "integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -3039,6 +3574,8 @@
     },
     "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,
       "license": "BSD-2-Clause",
       "engines": {
@@ -3047,6 +3584,8 @@
     },
     "node_modules/expect-type": {
       "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/expect-type/-/expect-type-1.4.0.tgz",
+      "integrity": "sha512-KfYbmpRm0VbLjEvVa9yGwCi9GI34xvi7A/HXYWQO65CSD2u3MczUJSuwXKFIxlGsgBQizV9q5J9NHj4VG0n+pA==",
       "dev": true,
       "license": "Apache-2.0",
       "engines": {
@@ -3055,21 +3594,29 @@
     },
     "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,
       "license": "MIT"
     },
     "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,
       "license": "MIT"
     },
     "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,
       "license": "MIT"
     },
     "node_modules/fdir": {
       "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
+      "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -3084,8 +3631,17 @@
         }
       }
     },
+    "node_modules/fflate": {
+      "version": "0.8.3",
+      "resolved": "https://registry.npmjs.org/fflate/-/fflate-0.8.3.tgz",
+      "integrity": "sha512-tbZNuJrLwGUp3zshBtdy4W+ORxZuIh8a5ilyIEQDC5rY1f3U20JMry0Ll3WBzU58EZKsEuJFXhb5gwv8CsPvgA==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/file-entry-cache": {
       "version": "11.1.5",
+      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-11.1.5.tgz",
+      "integrity": "sha512-+PFTHITI08JIGhnNpGNI8T8inUpgZfk3GNEqfT9R2zZV2iFXg3CvqzSl/uEhs7TSGujYRELEANyDvS8Fj7+S7Q==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -3094,6 +3650,8 @@
     },
     "node_modules/finalhandler": {
       "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-2.1.1.tgz",
+      "integrity": "sha512-S8KoZgRZN+a5rNwqTxlZZePjT/4cnm0ROV70LedRHZ0p8u9fRID0hJUZQpkKLzro8LfmC8sx23bY6tVNxv8pQA==",
       "license": "MIT",
       "dependencies": {
         "debug": "^4.4.0",
@@ -3113,10 +3671,14 @@
     },
     "node_modules/find-root": {
       "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/find-root/-/find-root-1.1.0.tgz",
+      "integrity": "sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng==",
       "license": "MIT"
     },
     "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,
       "license": "MIT",
       "dependencies": {
@@ -3132,6 +3694,8 @@
     },
     "node_modules/flat-cache": {
       "version": "6.1.23",
+      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-6.1.23.tgz",
+      "integrity": "sha512-f++BY9pTk+983xK1FLzlLpmM0i0z+jHmx3QESGkURMXujQZz1k5wzwX6hjnQ8goaD0B+sYnDK1yZ6MTyZfUaqA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -3142,11 +3706,15 @@
     },
     "node_modules/flatted": {
       "version": "3.4.4",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.4.4.tgz",
+      "integrity": "sha512-5+ybhBZANEJxaH3X5evAFatUxLfEHSr7n6kYJ+1Qd0mUqr4eu9gIf6GDbWHf8RJijHrjjO8G+la14SlL2SeS1Q==",
       "dev": true,
       "license": "ISC"
     },
     "node_modules/for-each": {
       "version": "0.3.5",
+      "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.5.tgz",
+      "integrity": "sha512-dKx12eRCVIzqCxFGplyFKJMPvLEWgmNtUrpTiJIR5u97zEhRG8ySrtboPHZXx7daLxQVrl643cTzbab2tkQjxg==",
       "license": "MIT",
       "dependencies": {
         "is-callable": "^1.2.7"
@@ -3175,6 +3743,8 @@
     },
     "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==",
       "license": "MIT",
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
@@ -3182,6 +3752,8 @@
     },
     "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,
       "license": "MIT",
       "engines": {
@@ -3190,6 +3762,8 @@
     },
     "node_modules/get-intrinsic": {
       "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
+      "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
       "license": "MIT",
       "dependencies": {
         "call-bind-apply-helpers": "^1.0.2",
@@ -3212,6 +3786,8 @@
     },
     "node_modules/get-proto": {
       "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
+      "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
       "license": "MIT",
       "dependencies": {
         "dunder-proto": "^1.0.1",
@@ -3223,6 +3799,8 @@
     },
     "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,
       "license": "ISC",
       "dependencies": {
@@ -3234,6 +3812,8 @@
     },
     "node_modules/globals": {
       "version": "17.12.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-17.12.0.tgz",
+      "integrity": "sha512-cezEd/DTyyht9cvSSURyygXPfy04GtWO/5e6ZPvH7fCtjKz9PYOmuawphw1Ctd1f6C+5JypXfGD7ahNMXvevBA==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -3245,6 +3825,8 @@
     },
     "node_modules/gopd": {
       "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
+      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
       "license": "MIT",
       "engines": {
         "node": ">= 0.4"
@@ -3255,6 +3837,8 @@
     },
     "node_modules/graphql": {
       "version": "16.14.2",
+      "resolved": "https://registry.npmjs.org/graphql/-/graphql-16.14.2.tgz",
+      "integrity": "sha512-Chq1s4CY7jmh8gO2qvLIJyfCDIN+EHLFW/9iShnp1z8FjBQMoodWP1kDC36VAMXXIvAjj4ARa7ntfAV2BrjsbA==",
       "license": "MIT",
       "peer": true,
       "engines": {
@@ -3263,6 +3847,8 @@
     },
     "node_modules/has-property-descriptors": {
       "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
+      "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
       "license": "MIT",
       "dependencies": {
         "es-define-property": "^1.0.0"
@@ -3273,6 +3859,8 @@
     },
     "node_modules/has-symbols": {
       "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
+      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
       "license": "MIT",
       "engines": {
         "node": ">= 0.4"
@@ -3283,6 +3871,8 @@
     },
     "node_modules/has-tostringtag": {
       "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
+      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
       "license": "MIT",
       "dependencies": {
         "has-symbols": "^1.0.3"
@@ -3296,6 +3886,8 @@
     },
     "node_modules/hashery": {
       "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/hashery/-/hashery-1.5.1.tgz",
+      "integrity": "sha512-iZyKG96/JwPz1N55vj2Ie2vXbhu440zfUfJvSwEqEbeLluk7NnapfGqa7LH0mOsnDxTF85Mx8/dyR6HfqcbmbQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -3307,6 +3899,8 @@
     },
     "node_modules/hasown": {
       "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.4.tgz",
+      "integrity": "sha512-T2UbfbBEF32wiepXIsMlTW9+dDYC6wMh/t/vYA4tuOMKqWz/n3vr1NFSxQiyP+zk2mXsoMA/i/7qV6LKut1t1A==",
       "license": "MIT",
       "dependencies": {
         "function-bind": "^1.1.2"
@@ -3317,11 +3911,15 @@
     },
     "node_modules/hermes-estree": {
       "version": "0.25.1",
+      "resolved": "https://registry.npmjs.org/hermes-estree/-/hermes-estree-0.25.1.tgz",
+      "integrity": "sha512-0wUoCcLp+5Ev5pDW2OriHC2MJCbwLwuRx+gAqMTOkGKJJiBCLjtrvy4PWUGn6MIVefecRpzoOZ/UV6iGdOr+Cw==",
       "dev": true,
       "license": "MIT"
     },
     "node_modules/hermes-parser": {
       "version": "0.25.1",
+      "resolved": "https://registry.npmjs.org/hermes-parser/-/hermes-parser-0.25.1.tgz",
+      "integrity": "sha512-6pEjquH3rqaI6cYAXYPcz9MS4rY6R4ngRgrgfDshRptUZIc3lw0MCIJIGDj9++mfySOuPTHB4nrSW99BCvOPIA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -3330,6 +3928,8 @@
     },
     "node_modules/hoist-non-react-statics": {
       "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz",
+      "integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==",
       "license": "BSD-3-Clause",
       "dependencies": {
         "react-is": "^16.7.0"
@@ -3337,15 +3937,21 @@
     },
     "node_modules/hoist-non-react-statics/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==",
       "license": "MIT"
     },
     "node_modules/hookified": {
       "version": "1.15.1",
+      "resolved": "https://registry.npmjs.org/hookified/-/hookified-1.15.1.tgz",
+      "integrity": "sha512-MvG/clsADq1GPM2KGo2nyfaWVyn9naPiXrqIe4jYjXNZQt238kWyOGrsyc/DmRAQ+Re6yeo6yX/yoNCG5KAEVg==",
       "dev": true,
       "license": "MIT"
     },
     "node_modules/html-encoding-sniffer": {
       "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-6.0.0.tgz",
+      "integrity": "sha512-CV9TW3Y3f8/wT0BRFc1/KAVQ3TUHiXmaAb6VW9vtiMFf7SLoMd1PdAc4W3KFOFETBJUb90KatHqlsZMWV+R9Gg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -3357,6 +3963,8 @@
     },
     "node_modules/http-errors": {
       "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.1.tgz",
+      "integrity": "sha512-4FbRdAX+bSdmo4AUFuS0WNiPz8NgFt+r8ThgNWmlrjQjt1Q7ZR9+zTlce2859x4KSXrwIsaeTqDoKQmtP8pLmQ==",
       "license": "MIT",
       "dependencies": {
         "depd": "~2.0.0",
@@ -3375,6 +3983,8 @@
     },
     "node_modules/iconv-lite": {
       "version": "0.7.3",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.7.3.tgz",
+      "integrity": "sha512-IKXpvIzjnC9XTAUbVBcMfGS0EPaIXtW6v+zr+RRp+hqULEpo0owZax6wyRwPOJbWbzjYspQwusTsfVr0ifh4uQ==",
       "license": "MIT",
       "dependencies": {
         "safer-buffer": ">= 2.1.2 < 3.0.0"
@@ -3389,6 +3999,8 @@
     },
     "node_modules/ignore": {
       "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
+      "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -3397,6 +4009,8 @@
     },
     "node_modules/import-fresh": {
       "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz",
+      "integrity": "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==",
       "license": "MIT",
       "dependencies": {
         "parent-module": "^1.0.0",
@@ -3411,6 +4025,8 @@
     },
     "node_modules/imurmurhash": {
       "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
+      "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -3419,6 +4035,8 @@
     },
     "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,
       "license": "MIT",
       "engines": {
@@ -3427,14 +4045,32 @@
     },
     "node_modules/inherits": {
       "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
       "license": "ISC"
     },
     "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==",
       "license": "MIT"
     },
+    "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==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/is-core-module": {
       "version": "2.17.0",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.17.0.tgz",
+      "integrity": "sha512-J/vG0zBCbIKOQFfufSwyXdMrsohyJIUNkrnmo6WZGzoM7tr/lsbfW5b2BvisL6zsyMzK9UxV9L6c7AoFbyXHOA==",
       "license": "MIT",
       "dependencies": {
         "hasown": "^2.0.4"
@@ -3448,6 +4084,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,
       "license": "MIT",
       "engines": {
@@ -3456,6 +4094,8 @@
     },
     "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,
       "license": "MIT",
       "dependencies": {
@@ -3467,11 +4107,15 @@
     },
     "node_modules/is-potential-custom-element-name": {
       "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz",
+      "integrity": "sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==",
       "dev": true,
       "license": "MIT"
     },
     "node_modules/is-typed-array": {
       "version": "1.1.15",
+      "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.15.tgz",
+      "integrity": "sha512-p3EcsicXjit7SaskXHs1hA91QxgTw46Fv6EFKKGS5DRFLD8yKnohjF3hxoju94b/OcMZoQukzpPpBE9uLVKzgQ==",
       "license": "MIT",
       "dependencies": {
         "which-typed-array": "^1.1.16"
@@ -3485,19 +4129,27 @@
     },
     "node_modules/isarray": {
       "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
+      "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
       "license": "MIT"
     },
     "node_modules/isexe": {
       "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
       "dev": true,
       "license": "ISC"
     },
     "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==",
       "license": "MIT"
     },
     "node_modules/jsdom": {
       "version": "29.1.1",
+      "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-29.1.1.tgz",
+      "integrity": "sha512-ECi4Fi2f7BdJtUKTflYRTiaMxIB0O6zfR1fX0GXpUrf6flp8QIYn1UT20YQqdSOfk2dfkCwS8LAFoJDEppNK5Q==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -3537,6 +4189,8 @@
     },
     "node_modules/jsdom/node_modules/lru-cache": {
       "version": "11.5.3",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.5.3.tgz",
+      "integrity": "sha512-U4N8FgzmWxc8k1VH8Kr6lQg18U7Fjvby6wXHVRX/ZZ7IwWbRMgrRbP0Wrb5q5NVinryp4SQampHKdvtecItxUg==",
       "dev": true,
       "license": "BlueOak-1.0.0",
       "engines": {
@@ -3545,6 +4199,8 @@
     },
     "node_modules/jsesc": {
       "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
+      "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
       "license": "MIT",
       "bin": {
         "jsesc": "bin/jsesc"
@@ -3555,20 +4211,28 @@
     },
     "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==",
       "license": "MIT"
     },
     "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,
       "license": "MIT"
     },
     "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,
       "license": "MIT"
     },
     "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,
       "license": "MIT",
       "bin": {
@@ -3580,6 +4244,8 @@
     },
     "node_modules/keyv": {
       "version": "5.6.0",
+      "resolved": "https://registry.npmjs.org/keyv/-/keyv-5.6.0.tgz",
+      "integrity": "sha512-CYDD3SOtsHtyXeEORYRx2qBtpDJFjRTGXUtmNEMGyzYOKj1TE3tycdlho7kA1Ufx9OYWZzg52QFBGALTirzDSw==",
       "dev": true,
       "license": "MIT",
       "peer": true,
@@ -3589,6 +4255,8 @@
     },
     "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,
       "license": "MIT",
       "dependencies": {
@@ -3601,6 +4269,8 @@
     },
     "node_modules/lightningcss": {
       "version": "1.33.0",
+      "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.33.0.tgz",
+      "integrity": "sha512-WkUDrojuJs0xkgGf2udWxa3yGBRxPtxUkB79i6aCZLRgc7PM8fZe9TosfPDcvEpQZbuFASnHYmRLBLUbmLOIIA==",
       "dev": true,
       "license": "MPL-2.0",
       "dependencies": {
@@ -3839,6 +4509,8 @@
     },
     "node_modules/lightningcss-win32-x64-msvc": {
       "version": "1.33.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.33.0.tgz",
+      "integrity": "sha512-OlEICDx/Xl0FqSp4bry8zFnCvGpig3Gl4gCquvYwHuqJKEC1+n9NgDniFvqHGmMv1ZkqDJrDqKKSykTDX+ehuA==",
       "cpu": [
         "x64"
       ],
@@ -3858,10 +4530,14 @@
     },
     "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==",
       "license": "MIT"
     },
     "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,
       "license": "MIT",
       "dependencies": {
@@ -3876,10 +4552,14 @@
     },
     "node_modules/lodash.sortby": {
       "version": "4.7.0",
+      "resolved": "https://registry.npmjs.org/lodash.sortby/-/lodash.sortby-4.7.0.tgz",
+      "integrity": "sha512-HDWXG8isMntAyRF5vZ7xKuEvOhT4AhlRt/3czTSjvGUxjYCBVRQY48ViDHyfYz9VIoBkW4TMGQNapx+l3RUwdA==",
       "license": "MIT"
     },
     "node_modules/loglevel": {
       "version": "1.9.2",
+      "resolved": "https://registry.npmjs.org/loglevel/-/loglevel-1.9.2.tgz",
+      "integrity": "sha512-HgMmCqIJSAKqo68l0rS2AanEWfkxaZ5wNiEFb5ggm08lDs9Xl2KxBlX3PTcaD2chBM1gXAYf491/M2Rv8Jwayg==",
       "license": "MIT",
       "engines": {
         "node": ">= 0.6.0"
@@ -3891,10 +4571,14 @@
     },
     "node_modules/long": {
       "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/long/-/long-4.0.0.tgz",
+      "integrity": "sha512-XsP+KhQif4bjX1kbuSiySJFNAehNxgLb6hPRGJ9QsUr8ajHkuXGdrHmFUTUUXhDwVX2R5bY4JNZEwbUiMhV+MA==",
       "license": "Apache-2.0"
     },
     "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==",
       "license": "MIT",
       "dependencies": {
         "js-tokens": "^3.0.0 || ^4.0.0"
@@ -3905,6 +4589,8 @@
     },
     "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,
       "license": "ISC",
       "dependencies": {
@@ -3913,6 +4599,8 @@
     },
     "node_modules/lucide-react": {
       "version": "1.48.0",
+      "resolved": "https://registry.npmjs.org/lucide-react/-/lucide-react-1.48.0.tgz",
+      "integrity": "sha512-R0CIKY/fXiC6y9xRBADgsK+VW2p/pcTJOMhLZf1T+uG+vJUvyUR02nGOgmIIC7MPkiNK4Ox8QDnbqF8rJYWPZQ==",
       "license": "ISC",
       "peerDependencies": {
         "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0"
@@ -3920,6 +4608,8 @@
     },
     "node_modules/lz-string": {
       "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/lz-string/-/lz-string-1.5.0.tgz",
+      "integrity": "sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==",
       "dev": true,
       "license": "MIT",
       "bin": {
@@ -3928,6 +4618,8 @@
     },
     "node_modules/magic-string": {
       "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-1.4.2.tgz",
+      "integrity": "sha512-vG+rjFRj1PqdIBozIxAGMjPlOhaVe+GXpbttY/iSK7rGcJRMlwNJO7dcUwmUqkymsFLJiNGI06t4D7Fr7yRC9g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -3936,6 +4628,8 @@
     },
     "node_modules/magicast": {
       "version": "0.5.5",
+      "resolved": "https://registry.npmjs.org/magicast/-/magicast-0.5.5.tgz",
+      "integrity": "sha512-UicdXN8zQ3JHlxVq+28afMXPr1z7WNY6+7EJnzTdQWkTAlMLF5fNCCKxJHBQwGaNGR11581EiQmQzx73+MvszA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -3946,6 +4640,8 @@
     },
     "node_modules/math-intrinsics": {
       "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
       "license": "MIT",
       "engines": {
         "node": ">= 0.4"
@@ -3953,11 +4649,15 @@
     },
     "node_modules/mdn-data": {
       "version": "2.27.1",
+      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.27.1.tgz",
+      "integrity": "sha512-9Yubnt3e8A0OKwxYSXyhLymGW4sCufcLG6VdiDdUGVkPhpqLxlvP5vl1983gQjJl3tqbrM731mjaZaP68AgosQ==",
       "dev": true,
       "license": "CC0-1.0"
     },
     "node_modules/media-typer": {
       "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-1.1.1.tgz",
+      "integrity": "sha512-yz3xRaG20c6/BOzvYoDaGtPmGscs7YivItZEEqe6GbwNfHuxu9YNmvnEkMzKldAGY4/80pRcQRZSEnhquk9XuQ==",
       "license": "MIT",
       "engines": {
         "node": ">= 0.8"
@@ -3969,6 +4669,8 @@
     },
     "node_modules/mime-db": {
       "version": "1.54.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.54.0.tgz",
+      "integrity": "sha512-aU5EJuIN2WDemCcAp2vFBfp/m4EAhWJnUNSSw0ixs7/kXbd6Pg64EmwJkNdFhB8aWt1sH2CTXrLxo/iAGV3oPQ==",
       "license": "MIT",
       "engines": {
         "node": ">= 0.6"
@@ -3976,6 +4678,8 @@
     },
     "node_modules/mime-types": {
       "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-3.0.2.tgz",
+      "integrity": "sha512-Lbgzdk0h4juoQ9fCKXW4by0UJqj+nOOrI9MJ1sSj4nI8aI2eo1qmvQEie4VD1glsS250n15LsWsYtCugiStS5A==",
       "license": "MIT",
       "dependencies": {
         "mime-db": "^1.54.0"
@@ -3990,6 +4694,8 @@
     },
     "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,
       "license": "MIT",
       "engines": {
@@ -3998,6 +4704,8 @@
     },
     "node_modules/minimatch": {
       "version": "10.2.6",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.2.6.tgz",
+      "integrity": "sha512-vpLQEs+VLCr1nU0BXS07maYoFwlDAH0gngQuuttxIwutDFEMHq2blX+8vpgxDdK3J1PwjCJiep77OitTZ4Ll1A==",
       "dev": true,
       "license": "BlueOak-1.0.0",
       "dependencies": {
@@ -4010,12 +4718,26 @@
         "url": "https://github.com/sponsors/isaacs"
       }
     },
+    "node_modules/mrmime": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/mrmime/-/mrmime-2.0.1.tgz",
+      "integrity": "sha512-Y3wQdFg2Va6etvQ5I82yUhGdsKrcYox6p7FfL1LbK2J4V01F9TGlepTIhnK24t7koZibmg82KGglhA1XK5IsLQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/ms": {
       "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
       "license": "MIT"
     },
     "node_modules/nanoid": {
       "version": "3.3.19",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.19.tgz",
+      "integrity": "sha512-Y2tUNy4ouw6tq5oDSKeQYGOyhkUBhNOcGV/02KC+6kd9eDGqdZd++mjMiIDilrBYvjEnCYvVtsuHCuP+okSfug==",
       "dev": true,
       "funding": [
         {
@@ -4033,11 +4755,15 @@
     },
     "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,
       "license": "MIT"
     },
     "node_modules/negotiator": {
       "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-1.1.0.tgz",
+      "integrity": "sha512-NMPBRMJgiQHjbd8phG3Vebdx4kZ1H121rbl5IkMqeOsahptB9BKo/d7oJ3zTXqTgagn2bWlNSXkh0QUGM31RYg==",
       "license": "MIT",
       "dependencies": {
         "content-type": "^2.1.0"
@@ -4052,6 +4778,8 @@
     },
     "node_modules/negotiator/node_modules/content-type": {
       "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/content-type/-/content-type-2.1.0.tgz",
+      "integrity": "sha512-mj7UPXE0jaqaOsukNZRUEfEi2AcL7C/vwmwcHV0O97eO1E1pxBZuyjlZrx5seTaNBg1U6+o35wpa35Qfcc+7ag==",
       "license": "MIT",
       "engines": {
         "node": ">=18"
@@ -4063,6 +4791,8 @@
     },
     "node_modules/node-releases": {
       "version": "2.0.56",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.56.tgz",
+      "integrity": "sha512-x0InOIyzgdk+eyaWaRJFH5snEtiImgBgblZ2CyPrLmqqcuMQkEvcDPHbzqbD8eDsSeJbVOjn+crzyzHaM4D+/A==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -4071,6 +4801,8 @@
     },
     "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==",
       "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
@@ -4078,6 +4810,8 @@
     },
     "node_modules/object-inspect": {
       "version": "1.13.4",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz",
+      "integrity": "sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==",
       "license": "MIT",
       "engines": {
         "node": ">= 0.4"
@@ -4088,6 +4822,8 @@
     },
     "node_modules/obug": {
       "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/obug/-/obug-2.2.1.tgz",
+      "integrity": "sha512-XrsrhT5sybtKI6wakr2SPOlGZWWYbUXZ7a0jT8/QOeAPau+1X/bSegNe5YR75oJmEZQbKningirmGOEJCIk61Q==",
       "dev": true,
       "funding": [
         "https://github.com/sponsors/sxzz",
@@ -4100,6 +4836,8 @@
     },
     "node_modules/on-finished": {
       "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
+      "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
       "license": "MIT",
       "dependencies": {
         "ee-first": "1.1.1"
@@ -4110,6 +4848,8 @@
     },
     "node_modules/optionator": {
       "version": "0.9.4",
+      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
+      "integrity": "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -4126,6 +4866,8 @@
     },
     "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,
       "license": "MIT",
       "dependencies": {
@@ -4140,6 +4882,8 @@
     },
     "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,
       "license": "MIT",
       "dependencies": {
@@ -4154,6 +4898,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==",
       "license": "MIT",
       "dependencies": {
         "callsites": "^3.0.0"
@@ -4164,6 +4910,8 @@
     },
     "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==",
       "license": "MIT",
       "dependencies": {
         "@babel/code-frame": "^7.0.0",
@@ -4180,6 +4928,8 @@
     },
     "node_modules/parse5": {
       "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/parse5/-/parse5-8.0.1.tgz",
+      "integrity": "sha512-z1e/HMG90obSGeidlli3hj7cbocou0/wa5HacvI3ASx34PecNjNQeaHNo5WIZpWofN9kgkqV1q5YvXe3F0FoPw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -4191,6 +4941,8 @@
     },
     "node_modules/parseurl": {
       "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
+      "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==",
       "license": "MIT",
       "engines": {
         "node": ">= 0.8"
@@ -4198,6 +4950,8 @@
     },
     "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,
       "license": "MIT",
       "engines": {
@@ -4206,6 +4960,8 @@
     },
     "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,
       "license": "MIT",
       "engines": {
@@ -4214,15 +4970,26 @@
     },
     "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==",
       "license": "MIT"
     },
     "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==",
       "license": "MIT",
       "engines": {
         "node": ">=8"
       }
     },
+    "node_modules/pathe": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/pathe/-/pathe-2.0.3.tgz",
+      "integrity": "sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/pg": {
       "version": "8.23.1",
       "resolved": "https://registry.npmjs.org/pg/-/pg-8.23.1.tgz",
@@ -4315,10 +5082,14 @@
     },
     "node_modules/picocolors": {
       "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
       "license": "ISC"
     },
     "node_modules/picomatch": {
       "version": "4.0.7",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.7.tgz",
+      "integrity": "sha512-qcJu88Q2IWqJsDD529JKMdwGm/dvInW4HvQnRwiH9JtihJvzGOscDtHE3x1pBKeUOTysQ8kVmLnJ2kJu7yhcGA==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -4330,6 +5101,8 @@
     },
     "node_modules/possible-typed-array-names": {
       "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.1.0.tgz",
+      "integrity": "sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg==",
       "license": "MIT",
       "engines": {
         "node": ">= 0.4"
@@ -4337,6 +5110,8 @@
     },
     "node_modules/postcss": {
       "version": "8.5.28",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.28.tgz",
+      "integrity": "sha512-RRuzqDtt5Y9h3quz5hWhK+TPnsmVs6WwSU6LkJMeY4HstUEDuYTG8UJSdawMRzmzAtV+KEoG8N3Qg2qLy5vM/A==",
       "dev": true,
       "funding": [
         {
@@ -4403,6 +5178,8 @@
     },
     "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,
       "license": "MIT",
       "engines": {
@@ -4411,6 +5188,8 @@
     },
     "node_modules/prettier": {
       "version": "3.9.8",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.9.8.tgz",
+      "integrity": "sha512-WRFq3Wn3WId7LLROfMLdH7xaFr2jR62wU8nLO6rQUOLOxNZUviyJQs1M0iIhLexSFy+L+w0ch66wtoO2jRjG0A==",
       "dev": true,
       "license": "MIT",
       "bin": {
@@ -4425,6 +5204,8 @@
     },
     "node_modules/pretty-format": {
       "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-27.5.1.tgz",
+      "integrity": "sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -4438,6 +5219,8 @@
     },
     "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==",
       "license": "MIT",
       "dependencies": {
         "loose-envify": "^1.4.0",
@@ -4447,10 +5230,14 @@
     },
     "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==",
       "license": "MIT"
     },
     "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,
       "license": "MIT",
       "engines": {
@@ -4459,6 +5246,8 @@
     },
     "node_modules/qified": {
       "version": "0.10.1",
+      "resolved": "https://registry.npmjs.org/qified/-/qified-0.10.1.tgz",
+      "integrity": "sha512-+Owyggi9IxT1ePKGafcI87ubSmxol6smwJ+RAHDQlx9+9cPwFWDiKFFCPuWhr9ignlGpZ9vDQLw67N4dcTVFEA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -4470,11 +5259,15 @@
     },
     "node_modules/qified/node_modules/hookified": {
       "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/hookified/-/hookified-2.2.0.tgz",
+      "integrity": "sha512-p/LgFzRN5FeoD3DLS6bkUapeye6E4SI6yJs6KetENd18S+FBthqYq2amJUWpt5z0EQwwHemidjY5OqJGEKm5uA==",
       "dev": true,
       "license": "MIT"
     },
     "node_modules/qs": {
       "version": "6.16.0",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.16.0.tgz",
+      "integrity": "sha512-h6fhOIaRrID2CbEY2fqs+7t+UXZo+MLAnU5gRIq85uFtdiUPCdsApMlHhXogKVM4HM2DVbIjGNTTYH2OcmP1vA==",
       "license": "BSD-3-Clause",
       "dependencies": {
         "es-define-property": "^1.0.1",
@@ -4489,6 +5282,8 @@
     },
     "node_modules/raw-body": {
       "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-3.0.2.tgz",
+      "integrity": "sha512-K5zQjDllxWkf7Z5xJdV0/B0WTNqx6vxG70zJE4N0kBs4LovmEYWJzQGxC9bS9RAKu3bgM40lrd5zoLJ12MQ5BA==",
       "license": "MIT",
       "dependencies": {
         "bytes": "~3.1.2",
@@ -4502,6 +5297,8 @@
     },
     "node_modules/react": {
       "version": "19.3.0",
+      "resolved": "https://registry.npmjs.org/react/-/react-19.3.0.tgz",
+      "integrity": "sha512-E8LUcbtBWt20bbl2YoHfx4ZDBdxVTfOKtCZn9cDSJ4l6/nuoApcpIBcj47t2wZoVX8g2ZHuMHbiShgCR1T5Sog==",
       "license": "MIT",
       "peer": true,
       "engines": {
@@ -4510,6 +5307,8 @@
     },
     "node_modules/react-dom": {
       "version": "19.3.0",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.3.0.tgz",
+      "integrity": "sha512-JDk8dgif51OjFoDE70+OT9ICyYr+69HlmihNwp1+Nsfbna3t5sIiCa9ZJktDmQ4/1b/rn26hIAR2uYXDMr5r0Q==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -4521,11 +5320,15 @@
     },
     "node_modules/react-is": {
       "version": "17.0.2",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
+      "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==",
       "dev": true,
       "license": "MIT"
     },
     "node_modules/react-router": {
       "version": "7.18.4",
+      "resolved": "https://registry.npmjs.org/react-router/-/react-router-7.18.4.tgz",
+      "integrity": "sha512-PUPQcMhMGRAslLcvtlPz/kmzBEWPhLdgLFrL7pLNepBL6dX0lWj4WD2cUYVgYCuT3jxvghYFg81cDTj44DhetQ==",
       "license": "MIT",
       "dependencies": {
         "cookie": "^1.0.1",
@@ -4546,6 +5349,8 @@
     },
     "node_modules/react-router-dom": {
       "version": "7.18.4",
+      "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-7.18.4.tgz",
+      "integrity": "sha512-yrfmJHIpDG7taCpqKjT1G5B6q3O2K+RN8/fgNf0lTjCwiPbQ0ei6vXX9ZjQR+7ld8Tr7Z5xmyMnZ8YJrphWQUw==",
       "license": "MIT",
       "dependencies": {
         "react-router": "7.18.4"
@@ -4560,6 +5365,8 @@
     },
     "node_modules/react-transition-group": {
       "version": "4.4.5",
+      "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.5.tgz",
+      "integrity": "sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==",
       "license": "BSD-3-Clause",
       "dependencies": {
         "@babel/runtime": "^7.5.5",
@@ -4574,6 +5381,8 @@
     },
     "node_modules/redent": {
       "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/redent/-/redent-3.0.0.tgz",
+      "integrity": "sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -4586,6 +5395,8 @@
     },
     "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,
       "license": "MIT",
       "engines": {
@@ -4594,6 +5405,8 @@
     },
     "node_modules/resolve": {
       "version": "1.22.12",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.12.tgz",
+      "integrity": "sha512-TyeJ1zif53BPfHootBGwPRYT1RUt6oGWsaQr8UyZW/eAm9bKoijtvruSDEmZHm92CwS9nj7/fWttqPCgzep8CA==",
       "license": "MIT",
       "dependencies": {
         "es-errors": "^1.3.0",
@@ -4613,13 +5426,26 @@
     },
     "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==",
       "license": "MIT",
       "engines": {
         "node": ">=4"
       }
     },
+    "node_modules/retry": {
+      "version": "0.13.1",
+      "resolved": "https://registry.npmjs.org/retry/-/retry-0.13.1.tgz",
+      "integrity": "sha512-XQBQ3I8W1Cge0Seh+6gjj03LbmRFWuoszgK9ooCpwYIrhhoO80pfq4cUkU5DkknwfOfFteRwlZ56PYOGYyFWdg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
     "node_modules/rolldown": {
       "version": "1.2.9",
+      "resolved": "https://registry.npmjs.org/rolldown/-/rolldown-1.2.9.tgz",
+      "integrity": "sha512-hx/Pv0N1haXRb11qkfnK5MXB/iqr7i0yjWQqmO9uHqZpBgQSqzc8UsSnEpalsh+j1I8qQ2CkXAkJC8Br3dKSlg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -4652,6 +5478,8 @@
     },
     "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",
@@ -4670,10 +5498,14 @@
     },
     "node_modules/safer-buffer": {
       "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
       "license": "MIT"
     },
     "node_modules/saxes": {
       "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/saxes/-/saxes-6.0.0.tgz",
+      "integrity": "sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==",
       "dev": true,
       "license": "ISC",
       "dependencies": {
@@ -4685,10 +5517,14 @@
     },
     "node_modules/scheduler": {
       "version": "0.28.0",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.28.0.tgz",
+      "integrity": "sha512-juorfCmIkIw8tT+p5BXSm6PJjQF/ycEYmKyzURCIt/RaZIhL+PulbQ9Yu2z1HdOJDdqDTlxA1+xKBmHXJsczAw==",
       "license": "MIT"
     },
     "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,
       "license": "ISC",
       "bin": {
@@ -4697,10 +5533,14 @@
     },
     "node_modules/set-cookie-parser": {
       "version": "2.7.2",
+      "resolved": "https://registry.npmjs.org/set-cookie-parser/-/set-cookie-parser-2.7.2.tgz",
+      "integrity": "sha512-oeM1lpU/UvhTxw+g3cIfxXHyJRc/uidd3yK1P242gzHds0udQBYzs3y8j4gCCW+ZJ7ad0yctld8RYO+bdurlvw==",
       "license": "MIT"
     },
     "node_modules/set-function-length": {
       "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
+      "integrity": "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==",
       "license": "MIT",
       "dependencies": {
         "define-data-property": "^1.1.4",
@@ -4716,10 +5556,14 @@
     },
     "node_modules/setprototypeof": {
       "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
+      "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==",
       "license": "ISC"
     },
     "node_modules/sha.js": {
       "version": "2.4.12",
+      "resolved": "https://registry.npmjs.org/sha.js/-/sha.js-2.4.12.tgz",
+      "integrity": "sha512-8LzC5+bvI45BjpfXU8V5fdU2mfeKiQe1D1gIMn7XUlF3OTUrpdJpPPH4EMAnF0DsHHdSZqCdSss5qCmJKuiO3w==",
       "license": "(MIT AND BSD-3-Clause)",
       "dependencies": {
         "inherits": "^2.0.4",
@@ -4738,6 +5582,8 @@
     },
     "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,
       "license": "MIT",
       "dependencies": {
@@ -4749,6 +5595,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,
       "license": "MIT",
       "engines": {
@@ -4757,6 +5605,8 @@
     },
     "node_modules/side-channel": {
       "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.1.tgz",
+      "integrity": "sha512-6x6dK6zJdpTzF4sQeNYxwtvBzf6Eg4GtlesS94HOvTudUeyK2WXAaIfmDgsyslYrRBeFIlsi54AYsFGUuhmvrQ==",
       "license": "MIT",
       "dependencies": {
         "es-errors": "^1.3.0",
@@ -4774,6 +5624,8 @@
     },
     "node_modules/side-channel-list": {
       "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.1.tgz",
+      "integrity": "sha512-mjn/0bi/oUURjc5Xl7IaWi/OJJJumuoJFQJfDDyO46+hBWsfaVM65TBHq2eoZBhzl9EchxOijpkbRC8SVBQU0w==",
       "license": "MIT",
       "dependencies": {
         "es-errors": "^1.3.0",
@@ -4788,6 +5640,8 @@
     },
     "node_modules/side-channel-map": {
       "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/side-channel-map/-/side-channel-map-1.0.1.tgz",
+      "integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==",
       "license": "MIT",
       "dependencies": {
         "call-bound": "^1.0.2",
@@ -4804,6 +5658,8 @@
     },
     "node_modules/side-channel-weakmap": {
       "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz",
+      "integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==",
       "license": "MIT",
       "dependencies": {
         "call-bound": "^1.0.2",
@@ -4819,17 +5675,34 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/sirv": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/sirv/-/sirv-3.0.2.tgz",
+      "integrity": "sha512-2wcC/oGxHis/BoHkkPwldgiPSYcpZK3JU28WoMVv55yHJgcZ8rlXvuG9iZggz+sU1d4bRgIGASwyWqjxu3FM0g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@polka/url": "^1.0.0-next.24",
+        "mrmime": "^2.0.0",
+        "totalist": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
     "node_modules/source-map": {
       "version": "0.5.7",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+      "integrity": "sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==",
       "license": "BSD-3-Clause",
       "engines": {
         "node": ">=0.10.0"
       }
     },
     "node_modules/source-map-js": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
-      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.2.tgz",
+      "integrity": "sha512-KGj/8Y43x35aZVDtt+J4mK1hoLGHULMYfSkODJNQjNDC3oW1PqPoxMwo0pLUsWM/UEGzON/NxeHywEfNXNP3Vw==",
       "dev": true,
       "license": "BSD-3-Clause",
       "engines": {
@@ -4847,6 +5720,8 @@
     },
     "node_modules/statuses": {
       "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.2.tgz",
+      "integrity": "sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw==",
       "license": "MIT",
       "engines": {
         "node": ">= 0.8"
@@ -4854,11 +5729,15 @@
     },
     "node_modules/std-env": {
       "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/std-env/-/std-env-4.2.0.tgz",
+      "integrity": "sha512-oCUKSupKTHX53EyjDtuZQ64pjLJ6yYCtpmEw0goYxtjG9KpbRe8KAsl2tBUGU9DyMcJ0RwJ8GqJAFzMXcXW1Rw==",
       "dev": true,
       "license": "MIT"
     },
     "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,
       "license": "MIT",
       "dependencies": {
@@ -4870,10 +5749,14 @@
     },
     "node_modules/stylis": {
       "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.2.0.tgz",
+      "integrity": "sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw==",
       "license": "MIT"
     },
     "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==",
       "license": "MIT",
       "engines": {
         "node": ">= 0.4"
@@ -4884,11 +5767,15 @@
     },
     "node_modules/symbol-tree": {
       "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz",
+      "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==",
       "dev": true,
       "license": "MIT"
     },
     "node_modules/tinybench": {
       "version": "6.1.4",
+      "resolved": "https://registry.npmjs.org/tinybench/-/tinybench-6.1.4.tgz",
+      "integrity": "sha512-9APumHG7r4yOk4X4WlkmE71aZcv1gvin1czO3OQ1U9iJcFA5Ja/ygyb0vPOVHTthFozUYs8CLoLUlM8grb2lTQ==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -4897,6 +5784,8 @@
     },
     "node_modules/tinyexec": {
       "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/tinyexec/-/tinyexec-1.3.0.tgz",
+      "integrity": "sha512-QKAl9m8gWWGHV8jZcPeym6j+XULi6tOf1mT83WYJ4Lk2ytW/uwAWkrP0uFsdoYMdueVJ0qs26wZ+23xeB4ibNQ==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -4905,6 +5794,8 @@
     },
     "node_modules/tinyglobby": {
       "version": "0.2.17",
+      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.17.tgz",
+      "integrity": "sha512-wXR/dYpcqKmfWpEdZjiKJOwCNFndD0DMnrW/cYjVGttEkBfVgcLFHoNrlj47mjOVic9yyNu65alsgF4NQyTa2g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -4919,9 +5810,9 @@
       }
     },
     "node_modules/tinyrainbow": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/tinyrainbow/-/tinyrainbow-3.1.1.tgz",
-      "integrity": "sha512-yau8yJdTt989Mm0Bd/236QnzEiPf2xLLTqUZRUJOo/3CB078LSwzei343DgtJVmfJKJE3TMINY1u42SQsP6mXw==",
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/tinyrainbow/-/tinyrainbow-3.2.0.tgz",
+      "integrity": "sha512-LgO3D9yZJjApUiuUfl9iFAwrtaX4+lok3wJIqttGoKCHlWUqHqbQpnxCf82L8FjgKsh4iGo78hqJwgL8F6To2A==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -4930,6 +5821,8 @@
     },
     "node_modules/tldts": {
       "version": "7.4.14",
+      "resolved": "https://registry.npmjs.org/tldts/-/tldts-7.4.14.tgz",
+      "integrity": "sha512-EahQoi+Q5oqmG3yxRHx+bwn36OaLbtw6jnTFcGjc8fcmktzTgk45xRnzAx8Ch87PFEiqRhoc3FWBmY+LBrvEGQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -4941,11 +5834,15 @@
     },
     "node_modules/tldts-core": {
       "version": "7.4.14",
+      "resolved": "https://registry.npmjs.org/tldts-core/-/tldts-core-7.4.14.tgz",
+      "integrity": "sha512-KYkjfJHnIC5t+Gy7hPrMHgJmWc/N9FfmS+fggRPSlpFckidpB9HD6OzPsSTkfDH+MpZgcu2tJPGgLfHl979N1Q==",
       "dev": true,
       "license": "MIT"
     },
     "node_modules/to-buffer": {
       "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/to-buffer/-/to-buffer-1.2.2.tgz",
+      "integrity": "sha512-db0E3UJjcFhpDhAF4tLo03oli3pwl3dbnzXOUIlRKrp+ldk/VUxzpWYZENsw2SZiuBjHAk7DfB0VU7NKdpb6sw==",
       "license": "MIT",
       "dependencies": {
         "isarray": "^2.0.5",
@@ -4958,13 +5855,27 @@
     },
     "node_modules/toidentifier": {
       "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
+      "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==",
       "license": "MIT",
       "engines": {
         "node": ">=0.6"
       }
     },
+    "node_modules/totalist": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/totalist/-/totalist-3.0.1.tgz",
+      "integrity": "sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/tough-cookie": {
       "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-6.0.2.tgz",
+      "integrity": "sha512-exgYmnmL/sJpR3upZfXG5PoatXQii55xAiXGXzY+sROLZ/Y+SLcp9PgJNI9Vz37HpQ74WvDcLT8eqm+kV3FzrA==",
       "dev": true,
       "license": "BSD-3-Clause",
       "dependencies": {
@@ -4976,6 +5887,8 @@
     },
     "node_modules/tr46": {
       "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/tr46/-/tr46-6.0.0.tgz",
+      "integrity": "sha512-bLVMLPtstlZ4iMQHpFHTR7GAGj2jxi8Dg0s2h2MafAE4uSWF98FC/3MomU51iQAMf8/qDUbKWf5GxuvvVcXEhw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -4987,6 +5900,8 @@
     },
     "node_modules/ts-api-utils": {
       "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-2.5.0.tgz",
+      "integrity": "sha512-OJ/ibxhPlqrMM0UiNHJ/0CKQkoKF243/AEmplt3qpRgkW8VG7IfOS41h7V8TjITqdByHzrjcS/2si+y4lIh8NA==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -4998,10 +5913,14 @@
     },
     "node_modules/tslib": {
       "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
       "license": "0BSD"
     },
     "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,
       "license": "MIT",
       "dependencies": {
@@ -5013,6 +5932,8 @@
     },
     "node_modules/type-is": {
       "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/type-is/-/type-is-2.1.0.tgz",
+      "integrity": "sha512-faYHw0anBbc/kWF3zFTEnxSFOAGUX9GFbOBthvDdLsIlEoWOFOtS0zgCiQYwIskL9iGXZL3kAXD8OoZ4GmMATA==",
       "license": "MIT",
       "dependencies": {
         "content-type": "^2.0.0",
@@ -5029,6 +5950,8 @@
     },
     "node_modules/type-is/node_modules/content-type": {
       "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/content-type/-/content-type-2.1.0.tgz",
+      "integrity": "sha512-mj7UPXE0jaqaOsukNZRUEfEi2AcL7C/vwmwcHV0O97eO1E1pxBZuyjlZrx5seTaNBg1U6+o35wpa35Qfcc+7ag==",
       "license": "MIT",
       "engines": {
         "node": ">=18"
@@ -5040,6 +5963,8 @@
     },
     "node_modules/typed-array-buffer": {
       "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.3.tgz",
+      "integrity": "sha512-nAYYwfY3qnzX30IkA6AQZjVbtK6duGontcQm1WSG1MD94YLqK0515GNApXkoxKOWMusVssAHWLh9SeaoefYFGw==",
       "license": "MIT",
       "dependencies": {
         "call-bound": "^1.0.3",
@@ -5052,6 +5977,8 @@
     },
     "node_modules/typescript": {
       "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-6.0.3.tgz",
+      "integrity": "sha512-y2TvuxSZPDyQakkFRPZHKFm+KKVqIisdg9/CZwm9ftvKXLP8NRWj38/ODjNbr43SsoXqNuAisEf1GdCxqWcdBw==",
       "dev": true,
       "license": "Apache-2.0",
       "peer": true,
@@ -5065,6 +5992,8 @@
     },
     "node_modules/typescript-eslint": {
       "version": "8.70.1",
+      "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.70.1.tgz",
+      "integrity": "sha512-AcWG7KDjZ2THNXsgwttMaGmzVi0VFRlFYfqFHYQRbDpF3owuYbuiL8c7UUrd2k8s3PoSfIQrWfrGXfcElrWLYA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -5087,6 +6016,8 @@
     },
     "node_modules/undici": {
       "version": "7.29.1",
+      "resolved": "https://registry.npmjs.org/undici/-/undici-7.29.1.tgz",
+      "integrity": "sha512-RYONW2MeafgYlkVOKYKkA/Ag7BmXqgIWCa8t1m0JcxrQg9pI9lEqRhAOruOBCbAohOa/gkCF+iPi9hrgvTzu6Q==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -5095,11 +6026,15 @@
     },
     "node_modules/undici-types": {
       "version": "7.18.2",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.18.2.tgz",
+      "integrity": "sha512-AsuCzffGHJybSaRrmr5eHr81mwJU3kjw6M+uprWvCXiNeN9SOGwQ3Jn8jb8m3Z6izVgknn1R0FTCEAP2QrLY/w==",
       "dev": true,
       "license": "MIT"
     },
     "node_modules/unpipe": {
       "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
+      "integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==",
       "license": "MIT",
       "engines": {
         "node": ">= 0.8"
@@ -5107,6 +6042,8 @@
     },
     "node_modules/update-browserslist-db": {
       "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.3.3.tgz",
+      "integrity": "sha512-pJ2sYawQS0R/WI928Gj5GlPhTGzbMelq0+4INtSYNDV9ErKJcX6xjGWkoG/VnB3dpUm00zALaqkrUD77pO5TDQ==",
       "dev": true,
       "funding": [
         {
@@ -5136,6 +6073,8 @@
     },
     "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,
       "license": "BSD-2-Clause",
       "dependencies": {
@@ -5144,6 +6083,8 @@
     },
     "node_modules/vary": {
       "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
+      "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==",
       "license": "MIT",
       "engines": {
         "node": ">= 0.8"
@@ -5151,6 +6092,8 @@
     },
     "node_modules/vite": {
       "version": "8.3.0",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-8.3.0.tgz",
+      "integrity": "sha512-lhZBVvEHefgE+HQZC9O7EBJgCU/nVzFNl7vkS4RE0APtWLP02/8QVIkQtzBxPquh7lq5/78NHipTj7ODQ6XuyQ==",
       "dev": true,
       "license": "MIT",
       "peer": true,
@@ -5227,9 +6170,9 @@
       }
     },
     "node_modules/vitest": {
-      "version": "5.0.2",
-      "resolved": "https://registry.npmjs.org/vitest/-/vitest-5.0.2.tgz",
-      "integrity": "sha512-7MQrx9pDv5aHiUcovIb/70Ys3tgtkUVgCtledvKdCmEO+/1Dicq5ZqoSxOW034m03oqC+oHOKui2dM6qtMLoJg==",
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/vitest/-/vitest-5.0.3.tgz",
+      "integrity": "sha512-xMw97S3rjdtj5dkVat7jCsqWBpvchs3RlpQctUqwJD0KkERk40vz2fJ77lDwW/Vzh/pk18eItYAzkodhSes3jQ==",
       "dev": true,
       "license": "MIT",
       "peer": true,
@@ -5312,6 +6255,8 @@
     },
     "node_modules/w3c-xmlserializer": {
       "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-5.0.0.tgz",
+      "integrity": "sha512-o8qghlI8NZHU1lLPrpi2+Uq7abh4GGPpYANlalzWxyWteJOCsr/P+oPBA49TOLu5FTZO4d3F9MnWJfiMo4BkmA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -5323,6 +6268,8 @@
     },
     "node_modules/webidl-conversions": {
       "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-8.0.1.tgz",
+      "integrity": "sha512-BMhLD/Sw+GbJC21C/UgyaZX41nPt8bUTg+jWyDeg7e7YN4xOM05YPSIXceACnXVtqyEw/LMClUQMtMZ+PGGpqQ==",
       "dev": true,
       "license": "BSD-2-Clause",
       "engines": {
@@ -5331,6 +6278,8 @@
     },
     "node_modules/whatwg-mimetype": {
       "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-5.0.0.tgz",
+      "integrity": "sha512-sXcNcHOC51uPGF0P/D4NVtrkjSU2fNsm9iog4ZvZJsL3rjoDAzXZhkm2MWt1y+PUdggKAYVoMAIYcs78wJ51Cw==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -5339,6 +6288,8 @@
     },
     "node_modules/whatwg-url": {
       "version": "16.0.1",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-16.0.1.tgz",
+      "integrity": "sha512-1to4zXBxmXHV3IiSSEInrreIlu02vUOvrhxJJH5vcxYTBDAx51cqZiKdyTxlecdKNSjj8EcxGBxNf6Vg+945gw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -5352,6 +6303,8 @@
     },
     "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,
       "license": "ISC",
       "dependencies": {
@@ -5366,6 +6319,8 @@
     },
     "node_modules/which-typed-array": {
       "version": "1.1.24",
+      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.24.tgz",
+      "integrity": "sha512-wk4Mf4pR5mRP7eYuuTBCIQ9d0ud2Fv2jRLQpfgnRjbOxAFHmjKFValgTpitVKzJJS8ajnYQV2Du1SZ8j6b/EUQ==",
       "license": "MIT",
       "dependencies": {
         "available-typed-arrays": "^1.0.7",
@@ -5384,9 +6339,9 @@
       }
     },
     "node_modules/why-is-node-running": {
-      "version": "3.2.2",
-      "resolved": "https://registry.npmjs.org/why-is-node-running/-/why-is-node-running-3.2.2.tgz",
-      "integrity": "sha512-NKUzAelcoCXhXL4dJzKIwXeR8iEVqsA0Lq6Vnd0UXvgaKbzVo4ZTHROF2Jidrv+SgxOQ03fMinnNhzZATxOD3A==",
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/why-is-node-running/-/why-is-node-running-3.2.1.tgz",
+      "integrity": "sha512-Tb2FUhB4vUsGQlfSquQLYkApkuPAFQXGFzxWKHHumVz2dK+X1RUm/HnID4+TfIGYJ1kTcwOaCk/buYCEJr6YjQ==",
       "dev": true,
       "license": "MIT",
       "bin": {
@@ -5398,6 +6353,8 @@
     },
     "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,
       "license": "MIT",
       "engines": {
@@ -5406,6 +6363,8 @@
     },
     "node_modules/xml-name-validator": {
       "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-5.0.0.tgz",
+      "integrity": "sha512-EvGK8EJ3DhaHfbRlETOWAS5pO9MZITeauHKJyb8wyajUfQUenkIg2MvLDTZ4T/TgIcm3HU0TFBgWWboAZ30UHg==",
       "dev": true,
       "license": "Apache-2.0",
       "engines": {
@@ -5414,6 +6373,8 @@
     },
     "node_modules/xmlchars": {
       "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/xmlchars/-/xmlchars-2.2.0.tgz",
+      "integrity": "sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==",
       "dev": true,
       "license": "MIT"
     },
@@ -5428,11 +6389,15 @@
     },
     "node_modules/yallist": {
       "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+      "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
       "dev": true,
       "license": "ISC"
     },
     "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,
       "license": "MIT",
       "engines": {
@@ -5444,6 +6409,8 @@
     },
     "node_modules/zod": {
       "version": "4.6.5",
+      "resolved": "https://registry.npmjs.org/zod/-/zod-4.6.5.tgz",
+      "integrity": "sha512-v5l/aFXZQeai4awLbOpSoHecE9UiMrnfx75tEXLjNonXVARxQ5mOeipTjROUchszUNCqnE+hqAMujRsRHsut2Q==",
       "dev": true,
       "license": "MIT",
       "peer": true,
@@ -5453,6 +6420,8 @@
     },
     "node_modules/zod-validation-error": {
       "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/zod-validation-error/-/zod-validation-error-4.0.2.tgz",
+      "integrity": "sha512-Q6/nZLe6jxuU80qb/4uJ4t5v2VEZ44lzQjPDhYJNztRQ4wyWc6VF3D3Kb/fAuPetZQnhS3hnajCf9CsWesghLQ==",
       "dev": true,
       "license": "MIT",
       "engines": {
diff --git a/package.json b/package.json
index d9b5d14..8481ee4 100644
--- a/package.json
+++ b/package.json
@@ -40,6 +40,7 @@
     "@types/react-dom": "^19.2.7",
     "@vitejs/plugin-react": "^6.1.1",
     "@vitest/coverage-v8": "^5.0.2",
+    "@vitest/ui": "^5.0.3",
     "eslint": "^10.10.0",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-react-hooks": "^7.1.1",
diff --git a/src/api/searchpageLogicFrontend.ts b/src/api/searchpageLogicFrontend.ts
index f94386b..4cd0c51 100644
--- a/src/api/searchpageLogicFrontend.ts
+++ b/src/api/searchpageLogicFrontend.ts
@@ -79,7 +79,7 @@ export function savePageSearchpage(pageNumber: number) {
 
 export function getPageSearchpage(): number {
   try {
-		const parsed = JSON.parse(sessionStorage.getItem("GameStop:pageSearchpage") ?? "1");
+		const parsed = JSON.parse(sessionStorage.getItem("GameStart:pageSearchpage") ?? "1");
     	return Number.isInteger(parsed) && parsed >= 1 ? parsed : 1;
 	} catch {
 		return 1;
diff --git a/src/tests/searchpage.test.tsx b/src/tests/searchpage.test.tsx
index 1a75134..ab9b1d2 100644
--- a/src/tests/searchpage.test.tsx
+++ b/src/tests/searchpage.test.tsx
@@ -4,15 +4,23 @@ import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
 import { MemoryRouter } from 'react-router-dom'
 import type { Game } from '../backend/steam'
 
-const { getGames } = vi.hoisted(() => ({
+const { getGames, fetchGenres } = vi.hoisted(() => ({
     getGames: vi.fn<() => Promise<Game[]>>(),
+    fetchGenres: vi.fn<() => Promise<string[]>>(),
 }))
 
 vi.mock('../api/gameClient', () => ({ getGames }))
 
+vi.mock('../api/searchpageLogicFrontend', async () => {
+    const actual = await vi.importActual<typeof import('../api/searchpageLogicFrontend')>(
+        '../api/searchpageLogicFrontend',
+    )
+    return { ...actual, fetchGenres }
+})
+
 import { SearchPage } from '../pages/searchpage'
 
-function makeGame(appid: number): Game {
+function makeGame(appid: number, overrides: Partial<Game> = {}): Game {
     return {
         appid,
         name: `Game ${appid}`,
@@ -22,9 +30,15 @@ function makeGame(appid: number): Game {
         img: `https://example.com/game-${appid}.jpg`,
         genre: 'Action',
         description: `Description for game ${appid}`,
+        ...overrides,
     }
 }
 
+const doom = makeGame(1, { name: 'Doom', price: '30', discount: '50', genre: 'Action, Indie' })
+const celeste = makeGame(2, { name: 'Celeste', price: '20', discount: '10', genre: 'Indie, Adventure' })
+const anno = makeGame(3, { name: 'Anno', price: '40', discount: '0', genre: 'Strategy' })
+const namedGames = [doom, celeste, anno]
+
 function renderSearchPage() {
     return render(
         <MemoryRouter>
@@ -33,71 +47,282 @@ function renderSearchPage() {
     )
 }
 
+function shownTitles(known: Game[] = namedGames): string[] {
+    const names = known.map((game) => game.name)
+    return screen
+        .queryAllByRole('heading', { hidden: true })
+        .map((heading) => heading.textContent ?? '')
+        .filter((text) => names.includes(text))
+}
+
+async function renderWithNamedGames() {
+    getGames.mockResolvedValue(namedGames)
+    renderSearchPage()
+    await screen.findByRole('heading', { name: 'Doom' })
+}
+
+function openFilters() {
+    fireEvent.click(screen.getByRole('button', { name: 'Toggle filters' }))
+}
+
+function search(text: string) {
+    const input = screen.getByPlaceholderText('Search here or use filter')
+    fireEvent.change(input, { target: { value: text } })
+    fireEvent.submit(input.closest('form') as HTMLFormElement)
+}
+
+function chooseSort(optionName: string) {
+    openFilters()
+    fireEvent.mouseDown(screen.getByRole('combobox', { name: 'Sort by' }))
+    fireEvent.click(screen.getByRole('option', { name: optionName }))
+}
+
 describe('SearchPage', () => {
     beforeEach(() => {
         getGames.mockReset()
+        fetchGenres.mockReset()
+        fetchGenres.mockResolvedValue(['Action', 'Adventure', 'Indie', 'Strategy'])
+        sessionStorage.clear()
     })
 
     afterEach(() => {
         cleanup()
     })
 
-    it('shows a loading message while the games are being fetched', () => {
-        getGames.mockReturnValue(new Promise(() => {}))
+    describe('loading and rendering', () => {
+        it('shows a loading message while the games are being fetched', () => {
+            getGames.mockReturnValue(new Promise(() => {}))
+
+            renderSearchPage()
+
+            expect(screen.getByText('Loading games...')).toBeTruthy()
+            expect(getGames).toHaveBeenCalledOnce()
+        })
 
-        renderSearchPage()
+        it('renders the fetched games and paginates the results', async () => {
+            getGames.mockResolvedValue(Array.from({ length: 13 }, (_, index) => makeGame(index + 1)))
 
-        expect(screen.getByText('Loading games...')).toBeTruthy()
-        expect(getGames).toHaveBeenCalledOnce()
+            renderSearchPage()
+
+            expect(await screen.findByRole('heading', { name: 'Game 1' })).toBeTruthy()
+            expect(screen.getByRole('heading', { name: 'Game 12' })).toBeTruthy()
+            expect(screen.queryByRole('heading', { name: 'Game 13' })).toBeNull()
+            expect(screen.getAllByText('9.99')).toHaveLength(12)
+
+            fireEvent.click(screen.getAllByRole('button', { name: 'Go to page 2' })[0])
+
+            expect(await screen.findByRole('heading', { name: 'Game 13' })).toBeTruthy()
+            expect(screen.queryByRole('heading', { name: 'Game 1' })).toBeNull()
+        })
+
+        it('shows an empty state when no games are returned', async () => {
+            getGames.mockResolvedValue([])
+
+            renderSearchPage()
+
+            expect(await screen.findByText('No games found.')).toBeTruthy()
+        })
+
+        it('shows an error when loading games fails', async () => {
+            getGames.mockRejectedValue(new Error('Database unavailable'))
+
+            renderSearchPage()
+
+            const alert = await screen.findByRole('alert')
+            expect(alert.textContent).toBe('Could not load games: Database unavailable')
+            await waitFor(() => expect(screen.queryByText('Loading games...')).toBeNull())
+        })
+
+        it('toggles the filter controls', async () => {
+            getGames.mockResolvedValue([])
+
+            renderSearchPage()
+
+            const filterToggle = screen.getByRole('button', { name: 'Toggle filters' })
+            expect(filterToggle.getAttribute('aria-pressed')).toBe('false')
+            expect(screen.queryByText('Sort by:')).toBeNull()
+
+            fireEvent.click(filterToggle)
+
+            expect(filterToggle.getAttribute('aria-pressed')).toBe('true')
+            expect(screen.getByRole('combobox', { name: 'Sort by' })).toBeTruthy()
+            expect(screen.getByRole('combobox', { name: 'Filter by genre' })).toBeTruthy()
+        })
     })
 
-    it('renders the fetched games and paginates the results', async () => {
-        getGames.mockResolvedValue(Array.from({ length: 13 }, (_, index) => makeGame(index + 1)))
+    describe('search', () => {
+        it('filters by name on submit, ignoring case', async () => {
+            await renderWithNamedGames()
+
+            search('DOO')
+
+            expect(shownTitles()).toEqual(['Doom'])
+        })
 
-        renderSearchPage()
+        it('does not filter until the search is submitted', async () => {
+            await renderWithNamedGames()
 
-        expect(await screen.findByRole('heading', { name: 'Game 1' })).toBeTruthy()
-        expect(screen.getByRole('heading', { name: 'Game 12' })).toBeTruthy()
-        expect(screen.queryByRole('heading', { name: 'Game 13' })).toBeNull()
-        expect(screen.getAllByText('9.99')).toHaveLength(12)
+            fireEvent.change(screen.getByPlaceholderText('Search here or use filter'), {
+                target: { value: 'doom' },
+            })
 
-        fireEvent.click(screen.getAllByRole('button', { name: 'Go to page 2' })[0])
+            expect(shownTitles()).toHaveLength(3)
+        })
 
-        expect(await screen.findByRole('heading', { name: 'Game 13' })).toBeTruthy()
-        expect(screen.queryByRole('heading', { name: 'Game 1' })).toBeNull()
+        it('works with the search button', async () => {
+            await renderWithNamedGames()
+
+            fireEvent.change(screen.getByPlaceholderText('Search here or use filter'), {
+                target: { value: 'celeste' },
+            })
+            fireEvent.click(screen.getByRole('button', { name: 'search' }))
+
+            expect(shownTitles()).toEqual(['Celeste'])
+        })
+
+        it('shows an empty state when nothing matches', async () => {
+            await renderWithNamedGames()
+
+            search('zzz')
+
+            expect(screen.getByText('No games found.')).toBeTruthy()
+            expect(shownTitles()).toHaveLength(0)
+        })
+
+        it('shows all games again when the search is cleared', async () => {
+            await renderWithNamedGames()
+
+            search('doom')
+            search('')
+
+            expect(shownTitles()).toHaveLength(3)
+        })
     })
 
-    it('shows an empty state when no games are returned', async () => {
-        getGames.mockResolvedValue([])
+    describe('sorting', () => {
+        it('sorts by price, low to high', async () => {
+            await renderWithNamedGames()
+            chooseSort('Price: low to high')
+            expect(shownTitles()).toEqual(['Celeste', 'Doom', 'Anno'])
+        })
 
-        renderSearchPage()
+        it('sorts by price, high to low', async () => {
+            await renderWithNamedGames()
+            chooseSort('Price: high to low')
+            expect(shownTitles()).toEqual(['Anno', 'Doom', 'Celeste'])
+        })
 
-        expect(await screen.findByText('No games found.')).toBeTruthy()
+        it('sorts by discount, high to low', async () => {
+            await renderWithNamedGames()
+            chooseSort('Discount: high to low')
+            expect(shownTitles()).toEqual(['Doom', 'Celeste', 'Anno'])
+        })
+
+        it('sorts by title, A to Z', async () => {
+            await renderWithNamedGames()
+            chooseSort('Title: A to Z')
+            expect(shownTitles()).toEqual(['Anno', 'Celeste', 'Doom'])
+        })
     })
 
-    it('shows an error when loading games fails', async () => {
-        getGames.mockRejectedValue(new Error('Database unavailable'))
+    describe('genre filter', () => {
+        async function openGenreList() {
+            openFilters()
+            fireEvent.mouseDown(screen.getByRole('combobox', { name: 'Filter by genre' }))
+            await screen.findByRole('option', { name: 'Indie' })
+        }
+
+        it('lists the genres returned by the backend', async () => {
+            await renderWithNamedGames()
+            await openGenreList()
+
+            const options = screen.getAllByRole('option').map((option) => option.textContent)
+            expect(options).toEqual(['Action', 'Adventure', 'Indie', 'Strategy'])
+        })
+
+        it('keeps games that contain the selected genre', async () => {
+            await renderWithNamedGames()
+            await openGenreList()
+
+            fireEvent.click(screen.getByRole('option', { name: 'Indie' }))
+
+            expect(shownTitles()).toEqual(['Doom', 'Celeste'])
+        })
+
+        it('requires all selected genres', async () => {
+            await renderWithNamedGames()
+            await openGenreList()
+
+            fireEvent.click(screen.getByRole('option', { name: 'Action' }))
+            fireEvent.click(screen.getByRole('option', { name: 'Indie' }))
 
-        renderSearchPage()
+            expect(shownTitles()).toEqual(['Doom'])
+        })
 
-        const alert = await screen.findByRole('alert')
-        expect(alert.textContent).toBe('Could not load games: Database unavailable')
-        await waitFor(() => expect(screen.queryByText('Loading games...')).toBeNull())
+        it('combines the genre filter with the search', async () => {
+            await renderWithNamedGames()
+            await openGenreList()
+            fireEvent.click(screen.getByRole('option', { name: 'Indie' }))
+
+            search('celeste')
+
+            expect(shownTitles()).toEqual(['Celeste'])
+        })
+    })
+
+    describe('pagination and search', () => {
+        it('goes back to page 1 when the search changes', async () => {
+            getGames.mockResolvedValue(Array.from({ length: 15 }, (_, index) => makeGame(index + 1)))
+            renderSearchPage()
+            await screen.findByRole('heading', { name: 'Game 1' })
+
+            fireEvent.click(screen.getAllByRole('button', { name: 'Go to page 2' })[0])
+            await screen.findByRole('heading', { name: 'Game 13' })
+
+            search('Game 1')
+
+            expect(await screen.findByRole('heading', { name: 'Game 1' })).toBeTruthy()
+            expect(screen.getByRole('heading', { name: 'Game 15' })).toBeTruthy()
+        })
     })
 
-    it('toggles the filter controls', async () => {
-        getGames.mockResolvedValue([])
+    describe('sessionStorage', () => {
+        it('saves the submitted search', async () => {
+            await renderWithNamedGames()
+
+            search('doom')
 
-        renderSearchPage()
+            await waitFor(() =>
+                expect(sessionStorage.getItem('GameStart:querySearchpage')).toBe('"doom"'),
+            )
+        })
 
-        const filterToggle = screen.getByRole('button', { name: 'Toggle filters' })
-        expect(filterToggle.getAttribute('aria-pressed')).toBe('false')
-        expect(screen.queryByText('Sort by:')).toBeNull()
+        it('restores a saved search and opens the filter controls for a saved sort', async () => {
+            sessionStorage.setItem('GameStart:querySearchpage', JSON.stringify('o'))
+            sessionStorage.setItem('GameStart:sortOptionSearchpage', JSON.stringify('price-desc'))
 
-        fireEvent.click(filterToggle)
+            await renderWithNamedGames()
+            expect(shownTitles()).toEqual(['Anno', 'Doom'])
 
-        expect(filterToggle.getAttribute('aria-pressed')).toBe('true')
-        expect(screen.getByRole('combobox', { name: 'Sort by' })).toBeTruthy()
-        expect(screen.getByRole('combobox', { name: 'Filter by genre' })).toBeTruthy()
+            const input = screen.getByPlaceholderText('Search here or use filter') as HTMLInputElement
+            expect(input.value).toBe('o')
+            expect(screen.getByRole('combobox', { name: 'Sort by' })).toBeTruthy()
+        })
+
+        it('ignores an invalid saved sort option', async () => {
+            sessionStorage.setItem('GameStart:sortOptionSearchpage', JSON.stringify('nonsense'))
+
+            await renderWithNamedGames()
+
+            expect(shownTitles()).toEqual(['Doom', 'Celeste', 'Anno'])
+        })
+
+        it('survives corrupted storage', async () => {
+            sessionStorage.setItem('GameStart:filtersSearchpage', '{not json')
+
+            await renderWithNamedGames()
+
+            expect(shownTitles()).toHaveLength(3)
+        })
     })
-})
+})
\ No newline at end of file

From 58314e3c6645de6e8d8fbf5dd47f8e73da37e5f1 Mon Sep 17 00:00:00 2001
From: carmennt <carmennt@stud.ntnu.no>
Date: Thu, 15 Oct 2026 22:09:39 +0200
Subject: [PATCH 29/29] test: backend test for genre function

---
 src/tests/genres.test.ts | 60 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 60 insertions(+)
 create mode 100644 src/tests/genres.test.ts

diff --git a/src/tests/genres.test.ts b/src/tests/genres.test.ts
new file mode 100644
index 0000000..e9157ce
--- /dev/null
+++ b/src/tests/genres.test.ts
@@ -0,0 +1,60 @@
+// @vitest-environment node
+import { beforeEach, describe, expect, it, vi } from 'vitest'
+
+const { query } = vi.hoisted(() => ({ query: vi.fn() }))
+
+// Replace the real Postgres pool, so no database (or .env file) is needed
+vi.mock('../backend/db_connection.ts', () => ({ pool: { query } }))
+
+import { fetchGenres } from '../backend/genres.ts'
+
+describe('fetchGenres (backend)', () => {
+    beforeEach(() => {
+        query.mockReset()
+    })
+
+    it('returns the genre strings from the rows as a plain string[]', async () => {
+        query.mockResolvedValue({
+            rows: [{ genre: 'Action' }, { genre: 'Adventure' }, { genre: 'Indie' }],
+        })
+
+        const result = await fetchGenres()
+
+        expect(result).toEqual(['Action', 'Adventure', 'Indie'])
+    })
+
+    it('returns an empty list when there are no genres', async () => {
+        query.mockResolvedValue({ rows: [] })
+
+        expect(await fetchGenres()).toEqual([])
+    })
+
+    it('queries once, splitting the comma separated genres in SQL', async () => {
+        query.mockResolvedValue({ rows: [] })
+
+        await fetchGenres()
+
+        expect(query).toHaveBeenCalledOnce()
+        const sql = String(query.mock.calls[0][0])
+        expect(sql).toContain('string_to_array(genre')
+        expect(sql).toContain('unnest')
+        expect(sql).toContain('DISTINCT')
+        expect(sql).toContain('TRIM')
+        expect(sql).toContain('ORDER BY')
+    })
+
+    it('does not wrap the result (the GraphQL schema expects [String!]!)', async () => {
+        query.mockResolvedValue({ rows: [{ genre: 'Action' }] })
+
+        const result = await fetchGenres()
+
+        expect(Array.isArray(result)).toBe(true)
+        expect(typeof result[0]).toBe('string')
+    })
+
+    it('passes database errors on to the caller', async () => {
+        query.mockRejectedValue(new Error('connection refused'))
+
+        await expect(fetchGenres()).rejects.toThrow('connection refused')
+    })
+})
\ No newline at end of file