fix(projects): "fields" selector uses same default display list as my projects route DEV-292 (#5801)

### 📣 Summary
Fixes issue where the "fields" selector would show "Countries" checked
but the columns don't display it. Now the "fields" selector leaves
"Countries" unchecked by default (to match the columns).

### 👀 Preview steps
1. ℹ️ have an account and multiple projects
2. navigate to the homepage (my projects)
3. reset the "fields" selector and refresh
4. 🟢 [on main] notice that the "countries" column is not present
5. click on "fields" selector
6. 🔴 [on main] notice that "countries" is checked
7. 🟢 [on PR] notice "countries" is not checked

---------

Co-authored-by: Leszek Pietrzak <[email protected]>
Co-authored-by: Leszek <[email protected]>

Author: duvld

jsapp/js/projects/projectViews/projectsFieldsSelector.tsx

@@ -8,10 +8,11 @@ import KoboModalContent from '#/components/modals/koboModalContent'
 import KoboModalFooter from '#/components/modals/koboModalFooter'
 import KoboModalHeader from '#/components/modals/koboModalHeader'
 import type { ProjectFieldName } from './constants'
-import { DEFAULT_VISIBLE_FIELDS, PROJECT_FIELDS } from './constants'
+import { PROJECT_FIELDS } from './constants'
 import styles from './projectsFieldsSelector.module.scss'
 
 interface ProjectsFieldsSelectorProps {
+  defaultVisibleFields: ProjectFieldName[]
   /** Selected fields. If the settings don't exist yet, we accept undefined. */
   selectedFields: ProjectFieldName[] | undefined
   /**
@@ -28,7 +29,7 @@ export default function ProjectsFieldsSelector(props: ProjectsFieldsSelectorProp
   const getInitialSelectedFields = () => {
     let outcome: ProjectFieldName[] = []
     if (!props.selectedFields || props.selectedFields.length === 0) {
-      outcome = DEFAULT_VISIBLE_FIELDS
+      outcome = props.defaultVisibleFields
     } else {
       outcome = Array.from(props.selectedFields)
     }

jsapp/js/projects/universalProjectsRoute.tsx

@@ -136,6 +136,7 @@ function UniversalProjectsRoute(props: UniversalProjectsRouteProps) {
 
           <ProjectsFieldsSelector
             onFieldsChange={customView.setFields.bind(customView)}
+            defaultVisibleFields={props.defaultVisibleFields}
             selectedFields={toJS(customView.fields)}
             excludedFields={props.defaultExcludedFields}
           />