Use GraphQL for boards selector

What does this MR do?

FE part for #36756 (closed)

1. Fetch allBoards endpoint with GraphQL. recentBoards still uses axios.

Fetch action happens in the component. This isn't ideal but we are trying to get rid of boards_store so this didn't seem like too terrible of an idea

Doing .query rather than using ApolloProvider for a few reasons:

1. The apollo config on this component was not ideal due to the project/group differences. See !25480 (diffs) for this
2. We are still manually handling loading prop due to recentBoards endpoint
3. We don't want to make the graphQL request until dropdown is opened, and using skip was kinda messy

Screenshots

No visible change

Does this MR meet the acceptance criteria?

Conformity

• Code review guidelines
• Merge request performance guidelines
• Style guides
• Database guides