Next.js Supabase V3 (#463)

Version 3 of the kit:
- Radix UI replaced with Base UI (using the Shadcn UI patterns)
- next-intl replaces react-i18next
- enhanceAction deprecated; usage moved to next-safe-action
- main layout now wrapped with [locale] path segment
- Teams only mode
- Layout updates
- Zod v4
- Next.js 16.2
- Typescript 6
- All other dependencies updated
- Removed deprecated Edge CSRF
- Dynamic Github Action runner

packages/features/team-accounts/src/components/members/membership-role-selector.tsx

@@ -19,7 +19,7 @@ export function MembershipRoleSelector({
   roles: Role[];
   value: Role;
   currentUserRole?: Role;
-  onChange: (role: Role) => unknown;
+  onChange: (role: Role | null) => unknown;
   triggerClassName?: string;
 }) {
   return (
@@ -28,7 +28,15 @@ export function MembershipRoleSelector({
         className={triggerClassName}
         data-test={'role-selector-trigger'}
       >
-        <SelectValue />
+        <SelectValue>
+          {(value) =>
+            value ? (
+              <Trans i18nKey={`common.roles.${value}.label`} defaults={value} />
+            ) : (
+              ''
+            )
+          }
+        </SelectValue>
       </SelectTrigger>
 
       <SelectContent>
@@ -41,7 +49,7 @@ export function MembershipRoleSelector({
               value={role}
             >
               <span className={'text-sm capitalize'}>
-                <Trans i18nKey={`common:roles.${role}.label`} defaults={role} />
+                <Trans i18nKey={`common.roles.${role}.label`} defaults={role} />
               </span>
             </SelectItem>
           );