refactor(web): use new open api client (#7097)

* refactor(web): use new open api client

* refactor: remove activity api

* refactor: trash, oauth, and partner apis

* refactor: job api

* refactor: face, library, system config

* refactor: user api

* refactor: album api

web/src/lib/components/forms/login-form.svelte

@@ -4,7 +4,8 @@
   import { AppRoute } from '$lib/constants';
   import { featureFlags, serverConfig } from '$lib/stores/server-config.store';
   import { getServerErrorMessage, handleError } from '$lib/utils/handle-error';
-  import { api, oauth } from '@api';
+  import { oauth } from '@api';
+  import { getServerConfig, login } from '@immich/sdk';
   import { createEventDispatcher, onMount } from 'svelte';
   import { fade } from 'svelte/transition';
   import Button from '../elements/buttons/button.svelte';
@@ -53,19 +54,13 @@
     oauthLoading = false;
   });
 
-  const login = async () => {
+  const handleLogin = async () => {
     try {
       errorMessage = '';
       loading = true;
 
-      const { data: user } = await api.authenticationApi.login({
-        loginCredentialDto: {
-          email,
-          password,
-        },
-      });
-
-      const { data: serverConfig } = await api.serverInfoApi.getServerConfig();
+      const user = await login({ loginCredentialDto: { email, password } });
+      const serverConfig = await getServerConfig();
 
       if (user.isAdmin && !serverConfig.isOnboarded) {
         dispatch('onboarding');
@@ -97,7 +92,7 @@
 </script>
 
 {#if !oauthLoading && $featureFlags.passwordLogin}
-  <form on:submit|preventDefault={login} class="mt-5 flex flex-col gap-5">
+  <form on:submit|preventDefault={handleLogin} class="mt-5 flex flex-col gap-5">
     {#if errorMessage}
       <p class="text-red-400" transition:fade>
         {errorMessage}