CHAL-33 #done - implement select component (#22)

* implemented Select component

* added TSDoc comments

* completed documentation for Select component and corresponding subcomponents, utils, hooks, etc.

* finished TSDoc comments

* added tests for Combobox and WidthSetter

* minor update to combobox

* added tsx extension to format script

* added tests for Select component

* added descriptions for menu tests

* added tests for Select component

* added tests for scroll utils

* added more tests for Select component and tests for touchscreen menu utils

* added tests for Button and MoreInfo

* added tests for select menu

package.json

@@ -13,7 +13,7 @@
     "test": "jest --no-watch --runInBand",
     "test:ci": "jest --ci --runInBand -u",
     "lint": "next lint",
-    "format": "prettier --write \"**/*.+(js|ts|json)\"",
+    "format": "prettier --write \"**/*.+(js|ts|tsx|json)\"",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build"
   },
@@ -30,6 +30,7 @@
     "react-turnstile": "^1.1.3",
     "server-only": "^0.0.1",
     "undecorated-di": "^2.0.0",
+    "zip-state": "^1.0.3",
     "zod": "^3.23.8"
   },
   "devDependencies": {
@@ -63,7 +64,7 @@
     "prettier": "^3.2.5",
     "sass": "^1.72.0",
     "storybook": "^8.1.9",
-    "supabase": "^1.183.5",
+    "supabase": "^1.187.10",
     "typescript": "^5",
     "uuid": "^10.0.0"
   }

src/__tests__/unit/app/__snapshots__/page.snapshot.tsx.snap

@@ -4,7 +4,6 @@ exports[`Home renders homepage unchanged 1`] = `
 <div>
   <div
     class="outer_container"
-    data-testid="page-container"
   >
     <div
       class="inner_container"

src/__tests__/unit/app/challengerwelcome/__snapshots__/challengerwelcome.snapshot.tsx.snap

@@ -4,7 +4,6 @@ exports[`ChallengerWelcome renders challenger-welcome page unchanged 1`] = `
 <div>
   <div
     class="outer_container"
-    data-testid="page-container"
   >
     <div
       class="inner_container"

src/__tests__/unit/app/progress/__snapshots__/page.snapshot.tsx.snap

@@ -4,7 +4,6 @@ exports[`Progress renders progress page unchanged 1`] = `
 <div>
   <div
     class="outer_container"
-    data-testid="page-container"
   >
     <div
       class="inner_container"

src/__tests__/unit/app/why8by8/__snapshots__/page.snapshot.tsx.snap

@@ -4,7 +4,6 @@ exports[`Why8by8 renders why8by8 page unchanged 1`] = `
 <div>
   <div
     class="outer_container"
-    data-testid="page-container"
   >
     <div
       class="inner_container"