Updated course_creation_settings_form.jsx with latest react Rules

[abhay-dev2901]

##What this PR does
This PR updates the CourseCreationSettingsForm.jsx component to comply with the latest React rules and best practices.

##The main changes include:

1. Refactoring the component to use React hooks (useState and useEffect) for managing state and side effects.
2. Ensuring the form state is correctly synchronized with the incoming settings prop.
3. Adding PropTypes to enforce the expected types for the component props.

##Issue Addressed
This PR addresses issue by ensuring the CourseCreationSettingsForm component is up-to-date with the latest React standards, improving maintainability and readability.

Screenshots
Before:

After:

##Open questions and concerns
Is there any specific validation required for the form inputs that should be added?
Are there additional fields that need to be included in the form based on recent changes or requirements?
Are there any performance implications of using hooks in this particular component that should be considered?

[ragesoss]

These screenshots are not showing the updated component. It is part of the /settings view.

[abhay-dev2901]

@ragesoss Please look at to this PR once

[ragesoss]

See my comment above.