feat: user's features preferences (#12099)

* feat: metadata in UserPreference

* feat: web metadata settings

* feat: web metadata settings

* fix: typo

* patch openapi

* fix: missing translation key

* new organization of preference strucutre

* feature settings on web

* localization

* added and used feature settings

* add default value to response dto

* patch openapi

* format en.json file

* implement helper method

* use tags preference logic

* Fix logic bug and add tests

* fix preference can be null in detail panel

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

@@ -11,7 +11,6 @@
     loopVideo,
     playVideoThumbnailOnHover,
     showDeleteModal,
-    sidebarSettings,
   } from '$lib/stores/preferences.store';
   import { findLocale } from '$lib/utils';
   import { getClosestAvailableLocale, langCodes } from '$lib/utils/i18n';
@@ -19,13 +18,6 @@
   import { locale as i18nLocale, t } from 'svelte-i18n';
   import { fade } from 'svelte/transition';
   import { invalidateAll } from '$app/navigation';
-  import { preferences } from '$lib/stores/user.store';
-  import { updateMyPreferences } from '@immich/sdk';
-  import { handleError } from '../../utils/handle-error';
-  import {
-    notificationController,
-    NotificationType,
-  } from '$lib/components/shared-components/notification/notification';
 
   let time = new Date();
 
@@ -46,7 +38,6 @@
     label: findLocale(editedLocale).name || fallbackLocale.name,
   };
   $: closestLanguage = getClosestAvailableLocale([$lang], langCodes);
-  $: ratingEnabled = $preferences?.rating?.enabled;
 
   onMount(() => {
     const interval = setInterval(() => {
@@ -98,17 +89,6 @@
       $locale = newLocale;
     }
   };
-
-  const handleRatingChange = async (enabled: boolean) => {
-    try {
-      const data = await updateMyPreferences({ userPreferencesUpdateDto: { rating: { enabled } } });
-      $preferences.rating.enabled = data.rating.enabled;
-
-      notificationController.show({ message: $t('saved_settings'), type: NotificationType.Info });
-    } catch (error) {
-      handleError(error, $t('errors.unable_to_update_settings'));
-    }
-  };
 </script>
 
 <section class="my-4">
@@ -189,29 +169,6 @@
           bind:checked={$showDeleteModal}
         />
       </div>
-
-      <div class="ml-4">
-        <SettingSwitch
-          title={$t('people')}
-          subtitle={$t('people_sidebar_description')}
-          bind:checked={$sidebarSettings.people}
-        />
-      </div>
-      <div class="ml-4">
-        <SettingSwitch
-          title={$t('sharing')}
-          subtitle={$t('sharing_sidebar_description')}
-          bind:checked={$sidebarSettings.sharing}
-        />
-      </div>
-      <div class="ml-4">
-        <SettingSwitch
-          title={$t('rating')}
-          subtitle={$t('rating_description')}
-          bind:checked={ratingEnabled}
-          on:toggle={({ detail: enabled }) => handleRatingChange(enabled)}
-        />
-      </div>
     </div>
   </div>
 </section>