Replace uses of "dropdown" with respective ViewComponent

What type(s) of user does this feature affect?

Description

This application uses ViewComponent. While we have made multiple components we haven't replaced old code in all the place where those view components could be used.

Find the places that implement dropdowns but don't use the dropdown component (https://github.com/rubyforgood/casa/blob/main/app/components/dropdown_menu_component.rb). Replace them.

This should be a good place to start with replacements: https://github.com/search?q=repo%3Arubyforgood%2Fcasa+AND+path%3A*.html.erb+AND+%2Fdropdown%5B%22%7C+%5D%2F&type=code

How to access the QA site

Login Details:
Link to QA site

Login Emails:

• volunteer1@example.com view site as a volunteer
• supervisor1@example.com view site as a supervisor
• casa_admin1@example.com view site as an admin
• all_casa_admin1@example.com view site as an all casa admin
  • go to /all_casa_admins/sign_in

password for all users: 12345678

Questions? Join Slack!

We highly recommend that you join us in slack #casa channel to ask questions quickly. And discord for office hours (currently Tuesday 5-7pm Pacific), stakeholder news, and upcoming new issues.

Start with app/components/dropdown_menu_component.rb, then review the linked repository search results for dropdown implementations in *.html.erb files. Compare each result with the existing ViewComponent and replace the applicable uses. Done means the identified dropdowns use the respective component without changing their intended behavior.