feat: update user details on settings account tab

src/renderer/src/pages/settings/settings-account.tsx

@@ -1,5 +1,5 @@
 import { Button, SelectField } from "@renderer/components";
-import { SPACING_UNIT, vars } from "@renderer/theme.css";
+import { SPACING_UNIT } from "@renderer/theme.css";
 import { Controller, useForm } from "react-hook-form";
 import { useTranslation } from "react-i18next";
 
@@ -36,9 +36,13 @@ export function SettingsAccount() {
     handleSubmit,
   } = useForm<FormValues>();
 
-  const { patchUser, userDetails } = useUserDetails();
-
-  const { unblockUser } = useUserDetails();
+  const {
+    userDetails,
+    patchUser,
+    fetchUserDetails,
+    updateUserDetails,
+    unblockUser,
+  } = useUserDetails();
 
   useEffect(() => {
     if (userDetails?.profileVisibility) {
@@ -46,6 +50,14 @@ export function SettingsAccount() {
     }
   }, [userDetails, setValue]);
 
+  useEffect(() => {
+    fetchUserDetails().then((response) => {
+      if (response) {
+        updateUserDetails(response);
+      }
+    });
+  }, []);
+
   const visibilityOptions = [
     { value: "PUBLIC", label: t("public") },
     { value: "FRIENDS", label: t("friends_only") },