Remove the group property from the Section component and its usages in the settings view

- sometimes not all english words are capitalized, e.g. [Fragment]
- remove the 'api tool:' prefix from sections (and the ability to set such prefixes)

Author: robertpiosik

apps/editor/src/views/settings/frontend/Home/Home.tsx

@@ -595,7 +595,6 @@ export const Home: React.FC<Props> = (props) => {
 
         <UiSection
           ref={(el) => (section_refs.current['edit-context'] = el)}
-          group={t('section.api-tool')}
           title={t('sidebar.edit-context')}
           subtitle={t('edit-context.subtitle')}
           on_stuck_change={edit_context_on_stuck_change}
@@ -628,7 +627,6 @@ export const Home: React.FC<Props> = (props) => {
 
         <UiSection
           ref={(el) => (section_refs.current['code-at-cursor'] = el)}
-          group={t('section.api-tool')}
           title={t('sidebar.code-at-cursor')}
           subtitle={t('code-at-cursor.subtitle')}
           on_stuck_change={code_at_cursor_on_stuck_change}
@@ -653,7 +651,6 @@ export const Home: React.FC<Props> = (props) => {
 
         <UiSection
           ref={(el) => (section_refs.current['commit-messages'] = el)}
-          group={t('section.api-tool')}
           title={t('sidebar.commit-messages')}
           subtitle={t('commit-messages.subtitle')}
           on_stuck_change={commit_messages_on_stuck_change}
@@ -696,7 +693,6 @@ export const Home: React.FC<Props> = (props) => {
 
         <UiSection
           ref={(el) => (section_refs.current['voice-input'] = el)}
-          group={t('section.api-tool')}
           title={t('sidebar.voice-input')}
           subtitle={t('voice-input.subtitle')}
           on_stuck_change={voice_input_on_stuck_change}

apps/editor/src/views/settings/frontend/i18n/translations/actions.ts

@@ -341,24 +341,6 @@ export const actions = {
     hu: 'Hiányzó konfiguráció.',
     bg: 'Липсваща конфигурация.'
   },
-  'section.api-tool': {
-    en: 'API Tool',
-    pl: 'Narzędzie API',
-    'zh-cn': 'API 工具',
-    ja: 'API ツール',
-    'zh-tw': 'API 工具',
-    de: 'API-Tool',
-    es: 'Herramienta API',
-    fr: 'Outil API',
-    'pt-br': 'Ferramenta API',
-    ru: 'Инструмент API',
-    ko: 'API 도구',
-    it: 'Strumento API',
-    tr: 'API Aracı',
-    cs: 'Nástroj API',
-    hu: 'API Eszköz',
-    bg: 'API Инструмент'
-  },
   'action.default-configuration': {
     en: 'Default Configuration',
     pl: 'Domyślna konfiguracja',

apps/editor/src/views/settings/frontend/i18n/translations/general.ts

@@ -73,7 +73,7 @@ export const general = {
     bg: 'Отваряне на настройки на редактора'
   },
   'general.ignore-patterns.title': {
-    en: 'Ignore patterns',
+    en: 'Ignore Patterns',
     pl: 'Wzorce ignorowania',
     'zh-cn': '忽略模式',
     ja: '除外パターン',
@@ -127,7 +127,7 @@ export const general = {
     bg: 'Отваряне на файла с настройки'
   },
   'general.allow-patterns.title': {
-    en: 'Allow patterns',
+    en: 'Allow Patterns',
     pl: 'Wzorce zezwalania',
     'zh-cn': '允许模式',
     ja: '許可パターン',

apps/editor/src/views/settings/frontend/i18n/translations/intelligent-update.ts

@@ -37,7 +37,7 @@ export const intelligent_update = {
     bg: 'Заявката включва оригиналния файл и грешния код.'
   },
   'intelligent-update.auto-run-intelligent-update.title': {
-    en: 'Auto-run Intelligent Update',
+    en: 'Auto-Run Intelligent Update',
     pl: 'Automatycznie uruchom inteligentną integrację',
     'zh-cn': '自动运行智能更新',
     ja: 'インテリジェントアップデートを自動実行',

packages/ui/src/components/editor/settings/Section/Section.module.scss

@@ -56,11 +56,6 @@
     overflow: hidden;
   }
 
-  &__group {
-    font-weight: 400;
-    color: var(--vscode-textLink-foreground);
-  }
-
   &__title {
     margin: 0;
     font-size: 20px;

packages/ui/src/components/editor/settings/Section/Section.tsx

@@ -7,7 +7,6 @@ type Props = {
   subtitle: React.ReactNode
   children: React.ReactNode
   on_stuck_change: (is_stuck: boolean) => void
-  group?: string
   actions?: React.ReactNode
 }
 
@@ -97,9 +96,6 @@ export const Section = forwardRef<HTMLDivElement, Props>((props, ref) => {
             title={`${props.title}—${props.subtitle}`}
           >
             <div className={styles.header__title}>
-              {props.group && (
-                <span className={styles.header__group}>{props.group}: </span>
-              )}
               {props.title}
             </div>
             <div className={styles.header__subtitle}>{props.subtitle}</div>