Add selected title for plans + sets

Inspired by the stock Files app in Android.

App.tsx

@@ -54,7 +54,6 @@ const App = () => {
     const init = async () => {
       if (!AppDataSource.isInitialized) await AppDataSource.initialize()
       const settings = await settingsRepo.findOne({where: {}})
-      console.log(`${App.name}.useEffect:`, {gotSettings: settings})
       setTheme(settings.theme)
       if (settings.lightColor) setLightColor(settings.lightColor)
       if (settings.darkColor) setDarkColor(settings.darkColor)

DrawerHeader.tsx

@@ -8,7 +8,7 @@ export default function DrawerHeader({
   name,
   children,
 }: {
-  name: keyof DrawerParamList
+  name: string
   children?: JSX.Element | JSX.Element[]
 }) {
   const navigation = useNavigation<DrawerNavigationProp<DrawerParamList>>()

PlanList.tsx

@@ -84,7 +84,7 @@ export default function PlanList() {
 
   return (
     <>
-      <DrawerHeader name="Plans">
+      <DrawerHeader name={ids.length > 0 ? `${ids.length} selected` : 'Plans'}>
         <ListMenu
           onClear={clear}
           onCopy={copy}

SetList.tsx

@@ -126,7 +126,7 @@ export default function SetList() {
 
   return (
     <>
-      <DrawerHeader name="Home">
+      <DrawerHeader name={ids.length > 0 ? `${ids.length} selected` : 'Home'}>
         <ListMenu
           onClear={clear}
           onCopy={copy}