Merged in fix/profile-parallell-routes (pull request #114)

fix: parallell routes needs a page.tsx in root not just in catchAll route

Approved-by: Michael Zetterberg

app/[lang]/(live)/(protected)/my-pages/page.tsx

@@ -6,5 +6,4 @@ import type { LangParams, PageArgs } from "@/types/params"
 
 export default function MyPages({ params }: PageArgs<LangParams>) {
   redirect(overview[params.lang])
-  return null
 }

app/[lang]/(live)/(protected)/my-pages/profile/@communication/page.tsx

@@ -0,0 +1,5 @@
+import CommunicationPreferences from "@/components/MyProfile/CommunicationPreferences"
+
+export default function Communication() {
+  return <CommunicationPreferences />
+}

app/[lang]/(live)/(protected)/my-pages/profile/@creditCards/page.tsx

@@ -0,0 +1,5 @@
+import CreditCards from "@/components/MyProfile/CreditCards"
+
+export default function CreditCardSlot() {
+  return <CreditCards />
+}

app/[lang]/(live)/(protected)/my-pages/profile/@membershipCard/page.tsx

@@ -0,0 +1,5 @@
+import MembershipCard from "@/components/MyProfile/MembershipCard"
+
+export default function MembershipCardSlot() {
+  return <MembershipCard />
+}

app/[lang]/(live)/(protected)/my-pages/profile/@password/page.tsx

@@ -0,0 +1,5 @@
+import Password from "@/components/MyProfile/Password"
+
+export default function PasswordSlot() {
+  return <Password />
+}

app/[lang]/(live)/(protected)/my-pages/profile/@wishes/page.tsx

@@ -0,0 +1,5 @@
+import Wishes from "@/components/MyProfile/Wishes"
+
+export default function WishesSlot() {
+  return <Wishes />
+}

app/[lang]/(live)/(protected)/my-pages/profile/edit/page.tsx

@@ -1,3 +0,0 @@
-export default function EditPage() {
-  return null
-}

components/TempDesignSystem/Form/Country/index.tsx

@@ -91,9 +91,10 @@ export default function CountrySelect({
            */
           UNSTABLE_portalContainer={divElement ?? undefined}
         >
-          <ListBox>
+          <ListBox aria-label="Country of residence">
             {countries.map((country, idx) => (
               <ListBoxItem
+                aria-label={country.name}
                 className={styles.listBoxItem}
                 id={country.name}
                 key={`${country.code}-${idx}`}

components/TempDesignSystem/Form/Date/Select/index.tsx

@@ -63,12 +63,13 @@ export default function Select({
            */
           UNSTABLE_portalContainer={divElement ?? undefined}
         >
-          <ListBox className={styles.listBox}>
+          <ListBox aria-label={name} className={styles.listBox}>
             {items.map((item) => (
               <ListBoxItem
-                key={item}
+                aria-label={String(item)}
                 className={styles.listBoxItem}
                 id={item}
+                key={item}
                 textValue={String(item)}
               >
                 {item}