Increase the gap spacing in settings items and ensure the model provider list refreshes after API key changes

Author: robertpiosik

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

@@ -2,7 +2,7 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-  gap: var(--padding-8px);
+  gap: var(--padding-16px);
   padding: var(--padding-12px);
 
   &--below {

packages/vscode/src/views/settings/backend/message-handlers/handle-edit-model-provider-key.ts

@@ -6,6 +6,7 @@ import {
 } from '@/services/model-providers-manager'
 import { dictionary } from '@shared/constants/dictionary'
 import { ChangeModelProviderKeyMessage } from '@/views/settings/types/messages'
+import { handle_get_model_providers } from './handle-get-model-providers'
 
 export const handle_change_model_provider_key = async (
   provider: SettingsProvider,
@@ -62,4 +63,5 @@ export const handle_change_model_provider_key = async (
     p.name == provider_name ? updated_provider : p
   )
   await providers_manager.save_providers(updated_providers)
+  await handle_get_model_providers(provider)
 }