feat: Settings page

[liweitian]

Description

This Pr implements the botProjects' settings.

Note about some important issues:

1. if active language is deleted, we will set default language as the new active language
2. With the latest SDK runtime, Microsoft AppId and Microsoft App Password are not required to call skills anymore.
3. Data flow about the bots' settings

For some property like luis/qna key, these sensitive properties are stored in root bot's localStorage. The structure is like
rootBotId: {
luis:
authoringKey: {
root: rootKey,
skillBot1: '',
skillBot2: skillKey,
}
}

For settingsState, it represents the settings that a bot is using, for example, in the above case, the skillBot1 does not have a custom luis key, so it is using rootKey. if we try to get useRecoil(settingState(skillBot1Id)), the luis key of it is rootKey rather than empty string.
When set skill bot's settings, we need to provide the "merged" settings rather than the settings that a bot is using. Like:
const settings = useRecoilValue(settingsState(projectId));
const mergedSettings = mergePropertiesManagedByRootBot(projectId, rootBotProjectId, settings);
setSettings(projectId, {
...mergedSettings,
MicrosoftAppId: localMicrosoftAppId,
});

The setSettings dispatcher will save the "correct" one in localStorage and generate the one for use in settingsState.
For root bot, the settings and the mergedSettings are the same, so there is no need to do so.

Task Item

Closes #3962

Screenshots

[hatpick]

Early feedback

solved