[UI Enhancement] Organization Dropdown Lacks Search Functionality

[hinakhadim]

Description:

Currently, the organization dropdown in the course creation form displays a long list of organizations without a search or filtering option, as in the zoomed-out image below. As a result, users must manually scroll through the entire list to find the desired organization, which becomes increasingly inconvenient when dealing with a large number of organizations.

I found this behavior when testing this PR: #1689

How to reproduce:

• ENABLE_CREATOR_GROUP should be true and settings.ORGANIZATIONS_AUTOCREATE should be set to False
• Go to Studio > Home Page (Where courses are listed)
• Click on Create New Course button
• You can see the Organization input with 'No Option' written
• Observe the long list and the lack of a search/filter feature.
• Try to find a specific organization, requiring extensive scrolling.

Additional Context

A zoomed-out screenshot is attached, highlighting the scrolling issue. Adding search functionality will significantly enhance the user experience.

[bradenmacdonald]

It is searchable when ORGANIZATIONS_AUTOCREATE is True, so perhaps we should just use the same UI in either case.

[hinakhadim]

Yes, I agree with you. Setting ORGANIZATIONS_AUTOCREATE = False means that new organizations will not be automatically created when users attempt to add them. However, this is restricting search functionality. As a user, I shouldn't have to go through the list of x number of organizations to select the one I created earlier.