[Admin Tools] - Edit Featured Projects

Description

We need a way to edit an organization's featured projects. We want an admin to have the ability to update the featured projects of an organization to give guests an idea of the cool projects being worked on. On the admin tools page, under the Guest View Tab, we want a list of project labels that display all the featured projects with a button to update them. When the button is clicked, a modal is opened with a text box that shows the current featured projects and a place to search up another project in the organization.

To be able to update an organization’s featured projects from the frontend, we need to create a hook that makes an api call to the backend endpoint for returning the organization’s featured projects (/organization/featured-projects/)

Make sure you are signed in as Thomas Emrax (app admin) when working on development mode to access the admin tools page.

Acceptance Criteria

• Featured Projects section is added to admin tools that displays project labels of all featured projects
• Modal with section to search and select projects on organization
• Calls hook to update organization's featured projects on submit

Proposed Solution

Use the autocomplete component from mui material (https://mui.com/material-ui/react-autocomplete/) where the options are all projects within an organization, which can be fetched by calling the hook useAllProjects to set up the project selection in the modal. Call the hook to update an organization's featured projects on submit.

Mocks

blocked by #2766
blocked by #2767
blocked by #2796

Start in the admin tools page under the Guest View tab and review the existing useAllProjects hook and the /organization/featured-projects/ endpoint. Use the MUI Autocomplete approach described in the issue; done means featured project labels are shown, projects can be searched and selected in a modal, and submission updates the organization’s featured projects.