feat: save user ui settings in service layer

apps/app/src/client/services/user-ui-settings.ts

@@ -25,3 +25,9 @@ export const scheduleToPut = (settings: Partial<IUserUISettings>): void => {
 
   _putUserUISettingsInBulkDebounced();
 };
+
+export const updateUserUISettings = async(settings: Partial<IUserUISettings>): Promise<AxiosResponse<IUserUISettings>> => {
+  const result = await apiv3Put<IUserUISettings>('/user-ui-settings', { settings });
+
+  return result;
+};

apps/app/src/components/Me/UISettings.tsx

@@ -3,9 +3,8 @@ import { useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
 import { UncontrolledTooltip } from 'reactstrap';
 
-import { apiv3Put } from '~/client/util/apiv3-client';
+import { updateUserUISettings } from '~/client/services/user-ui-settings';
 import { toastError, toastSuccess } from '~/client/util/toastr';
-import { IUserUISettings } from '~/interfaces/user-ui-settings';
 import { useCollapsedContentsOpened, usePreferCollapsedMode, useSidebarMode } from '~/stores/ui';
 
 import SidebarCollapsedIcon from './SidebarCollapsedIcon';
@@ -42,7 +41,7 @@ export const UISettings = (): JSX.Element => {
 
   const updateButtonHandler = useCallback(async() => {
     try {
-      await apiv3Put<IUserUISettings>('/user-ui-settings', { settings: { preferCollapsedModeByUser: isCollapsedMode() } });
+      await updateUserUISettings({ preferCollapsedModeByUser: isCollapsedMode() });
       toastSuccess(t('toaster.update_successed', { target: t('ui_settings.side_bar_mode.settings'), ns: 'commons' }));
     }
     catch (err) {