fix: update GroupedInsetListCard styles

Author: lawvs

apps/mobile/src/components/ui/grouped/GroupedList.tsx

@@ -58,7 +58,7 @@ export const GroupedInsetListCard: FC<
       {...props}
       style={[{ marginHorizontal: GROUPED_LIST_MARGIN }, props.style]}
       className={cn(
-        "bg-secondary-system-grouped-background flex-1 overflow-hidden rounded-[10px]",
+        "bg-secondary-system-grouped-background flex overflow-hidden rounded-[10px]",
         className,
       )}
     >
@@ -82,7 +82,7 @@ export const GroupedInsetListCard: FC<
               : NextSeparatorComponent
 
             return (
-              <Fragment key={index}>
+              <Fragment key={typeof child === "object" && "key" in child ? child.key : index}>
                 {child}
                 {!isLast &&
                   (NextSeparatorElement ?? (

apps/mobile/src/screens/(modal)/DiscoverSettingsScreen.tsx

@@ -23,7 +23,7 @@ export const DiscoverSettingsScreen = () => {
       Header={<NavigationBlurEffectHeaderView title={t("discoverFilters.title")} />}
     >
       <GroupedInsetListSectionHeader label={t("discoverFilters.filters")} marginSize="small" />
-      <GroupedInsetListCard>
+      <GroupedInsetListCard className="flex-row">
         <GroupedInsetListCell label={t("discoverFilters.language")}>
           <View className="w-[100px]">
             <Select