refactor(web): centralize buttons (#2200)

web/src/lib/components/user-settings-page/user-profile-settings.svelte

@@ -9,6 +9,7 @@
 	import SettingInputField, {
 		SettingInputFieldType
 	} from '../admin-page/settings/setting-input-field.svelte';
+	import Button from '../elements/buttons/button.svelte';
 
 	export let user: UserResponseDto;
 
@@ -65,12 +66,7 @@
 				/>
 
 				<div class="flex justify-end">
-					<button
-						type="submit"
-						on:click={() => handleSaveProfile()}
-						class="text-sm bg-immich-primary dark:bg-immich-dark-primary hover:bg-immich-primary/75 dark:hover:bg-immich-dark-primary/80 px-4 py-2 text-white dark:text-immich-dark-gray rounded-full shadow-md font-medium disabled:opacity-50 disabled:cursor-not-allowed"
-						>Save
-					</button>
+					<Button type="submit" size="sm" on:click={() => handleSaveProfile()}>Save</Button>
 				</div>
 			</div>
 		</form>