refactor: replace error handling functions with useCallback for performance optimization

apps/web/src/components/Common/Layout.tsx

···
 import { BANNER_IDS } from "@hey/data/constants";
 import { useMeQuery } from "@hey/indexer";
 import { useIsClient } from "@uidotdev/usehooks";
-import { memo, useEffect } from "react";
+import { memo, useCallback, useEffect } from "react";
 import { Outlet, useLocation } from "react-router";
 import { Toaster, type ToasterProps } from "sonner";
 import FullPageLoader from "@/components/Shared/FullPageLoader";
···
     window.scrollTo(0, 0);
   }, [pathname]);
 
-  const onError = () => {
+  const onError = useCallback(() => {
     resetPreferences();
     signOut();
     reloadAllTabs();
-  };
+  }, []);
 
   const { loading } = useMeQuery({
     onCompleted: ({ me, proBanner }) => {

apps/web/src/components/Composer/NewPublication.tsx

···
 import type { PostFragment } from "@hey/indexer";
 import type { IGif } from "@hey/types/giphy";
 import type { NewAttachment } from "@hey/types/misc";
-import { useEffect, useState } from "react";
+import { useCallback, useEffect, useState } from "react";
 import { useHotkeys } from "react-hotkeys-hook";
 import { toast } from "sonner";
 import Attachment from "@/components/Composer/Actions/Attachment";
···
     reset();
   };
 
-  const onError = (error?: any) => {
+  const onError = useCallback((error?: unknown) => {
     setIsSubmitting(false);
     errorToast(error);
-  };
+  }, []);
 
   const { createPost } = useCreatePost({
     commentOn: post,

apps/web/src/components/Group/Settings/Monetize/SuperJoin.tsx

···
   useUpdateGroupRulesMutation
 } from "@hey/indexer";
 import type { ApolloClientError } from "@hey/types/errors";
-import { type RefObject, useEffect, useRef, useState } from "react";
+import {
+  type RefObject,
+  useCallback,
+  useEffect,
+  useRef,
+  useState
+} from "react";
 import BackButton from "@/components/Shared/BackButton";
 import {
   Button,
···
     location.reload();
   };
 
-  const onError = (error: ApolloClientError) => {
+  const onError = useCallback((error: ApolloClientError) => {
     setIsSubmitting(false);
     errorToast(error);
-  };
+  }, []);
 
   const [updateGroupRules] = useUpdateGroupRulesMutation({
     onCompleted: async ({ updateGroupRules }) => {

apps/web/src/components/Group/Settings/Personalize/Form.tsx

···
 import { type GroupFragment, useSetGroupMetadataMutation } from "@hey/indexer";
 import type { ApolloClientError } from "@hey/types/errors";
 import { group as groupMetadata } from "@lens-protocol/metadata";
-import { useState } from "react";
+import { useCallback, useState } from "react";
 import { toast } from "sonner";
 import { z } from "zod";
 import AvatarUpload from "@/components/Shared/AvatarUpload";
···
     toast.success("Group updated");
   };
 
-  const onError = (error: ApolloClientError) => {
+  const onError = useCallback((error: ApolloClientError) => {
     setIsSubmitting(false);
     errorToast(error);
-  };
+  }, []);
 
   const [setGroupMetadata] = useSetGroupMetadataMutation({
     onCompleted: async ({ setGroupMetadata }) => {

apps/web/src/components/Group/Settings/Rules/ApprovalRule.tsx

···
   useUpdateGroupRulesMutation
 } from "@hey/indexer";
 import type { ApolloClientError } from "@hey/types/errors";
-import { useState } from "react";
+import { useCallback, useState } from "react";
 import { toast } from "sonner";
 import ToggleWithHelper from "@/components/Shared/ToggleWithHelper";
 import errorToast from "@/helpers/errorToast";
···
     toast.success("Approval rule updated");
   };
 
-  const onError = (error: ApolloClientError) => {
+  const onError = useCallback((error: ApolloClientError) => {
     setIsSubmitting(false);
     errorToast(error);
-  };
+  }, []);
 
   const [updateGroupRules] = useUpdateGroupRulesMutation({
     onCompleted: async ({ updateGroupRules }) => {

apps/web/src/components/Groups/Sidebar/Create/CreateGroupModal.tsx

···
 import { useCreateGroupMutation } from "@hey/indexer";
 import type { ApolloClientError } from "@hey/types/errors";
 import { group } from "@lens-protocol/metadata";
-import { useState } from "react";
+import { useCallback, useState } from "react";
 import { z } from "zod";
 import AvatarUpload from "@/components/Shared/AvatarUpload";
 import {
···
     setScreen("minting");
   };
 
-  const onError = (error: ApolloClientError) => {
+  const onError = useCallback((error: ApolloClientError) => {
     setIsSubmitting(false);
     errorToast(error);
-  };
+  }, []);
 
   const [createGroup] = useCreateGroupMutation({
     onCompleted: async ({ createGroup }) => {

apps/web/src/components/Post/Actions/Like.tsx

···
 import type { ApolloClientError } from "@hey/types/errors";
 import { useCounter, useToggle } from "@uidotdev/usehooks";
 import { AnimateNumber } from "motion-plus-react";
+import { useCallback } from "react";
 import { toast } from "sonner";
 import { Tooltip } from "@/components/Shared/UI";
 import cn from "@/helpers/cn";
···
     });
   };
 
-  const onError = (error: ApolloClientError) => {
+  const onError = useCallback((error: ApolloClientError) => {
     errorToast(error);
-  };
+  }, []);
 
   const [addReaction] = useAddReactionMutation({
     onError: (error) => {

apps/web/src/components/Post/Actions/Menu/Bookmark.tsx

···
   useUndoBookmarkPostMutation
 } from "@hey/indexer";
 import type { ApolloClientError } from "@hey/types/errors";
+import { useCallback } from "react";
 import { useLocation } from "react-router";
 import { toast } from "sonner";
 import cn from "@/helpers/cn";
···
     }
   };
 
-  const onError = (error: ApolloClientError) => {
+  const onError = useCallback((error: ApolloClientError) => {
     errorToast(error);
-  };
+  }, []);
 
   const [bookmarkPost] = useBookmarkPostMutation({
     onCompleted: () => toast.success("Post bookmarked!"),

apps/web/src/components/Post/Actions/Menu/HideComment.tsx

···
   useUnhideReplyMutation
 } from "@hey/indexer";
 import type { ApolloClientError } from "@hey/types/errors";
+import { useCallback } from "react";
 import { toast } from "sonner";
 import { useHiddenCommentFeedStore } from "@/components/Post";
 import cn from "@/helpers/cn";
···
     cache.evict({ id: cache.identify(post) });
   };
 
-  const onError = (error: ApolloClientError) => {
+  const onError = useCallback((error: ApolloClientError) => {
     errorToast(error);
-  };
+  }, []);
 
   const [hideComment] = useHideReplyMutation({
     onCompleted: () => toast.success("Comment hidden"),

apps/web/src/components/Post/Actions/Menu/NotInterested.tsx

···
   useUndoPostNotInterestedMutation
 } from "@hey/indexer";
 import type { ApolloClientError } from "@hey/types/errors";
+import { useCallback } from "react";
 import { toast } from "sonner";
 import cn from "@/helpers/cn";
 import errorToast from "@/helpers/errorToast";
···
     });
   };
 
-  const onError = (error: ApolloClientError) => {
+  const onError = useCallback((error: ApolloClientError) => {
     errorToast(error);
-  };
+  }, []);
 
   const [addPostNotInterested] = useAddPostNotInterestedMutation({
     onCompleted: () => toast.success("Marked as not Interested"),

apps/web/src/components/Post/Actions/Share/Repost.tsx

···
 import { type PostFragment, useRepostMutation } from "@hey/indexer";
 import type { ApolloClientError } from "@hey/types/errors";
 import { useCounter } from "@uidotdev/usehooks";
-import type { Dispatch, SetStateAction } from "react";
+import { type Dispatch, type SetStateAction, useCallback } from "react";
 import { toast } from "sonner";
 import cn from "@/helpers/cn";
 import errorToast from "@/helpers/errorToast";
···
     toast.success("Post has been reposted!");
   };
 
-  const onError = (error: ApolloClientError) => {
+  const onError = useCallback((error: ApolloClientError) => {
     setIsSubmitting(false);
     errorToast(error);
-  };
+  }, []);
 
   const [repost] = useRepostMutation({
     onCompleted: async ({ repost }) => {

apps/web/src/components/Post/Actions/Share/UndoRepost.tsx

···
 import { ERRORS } from "@hey/data/errors";
 import { isRepost } from "@hey/helpers/postHelpers";
 import { type AnyPostFragment, useDeletePostMutation } from "@hey/indexer";
-import type { Dispatch, SetStateAction } from "react";
+import { type Dispatch, type SetStateAction, useCallback } from "react";
 import { toast } from "sonner";
 import cn from "@/helpers/cn";
 import errorToast from "@/helpers/errorToast";
···
     toast.success("Undone repost");
   };
 
-  const onError = (error?: any) => {
+  const onError = useCallback((error?: unknown) => {
     setIsSubmitting(false);
     errorToast(error);
-  };
+  }, []);
 
   const [undoRepost] = useDeletePostMutation({
     onCompleted: async ({ deletePost }) => {

apps/web/src/components/Shared/Account/SwitchAccounts.tsx

···
   useAccountsAvailableQuery,
   useSwitchAccountMutation
 } from "@hey/indexer";
-import { useState } from "react";
+import { useCallback, useState } from "react";
 import { useAccount } from "wagmi";
 import Loader from "@/components/Shared/Loader";
 import { ErrorMessage, Spinner, WarningMessage } from "@/components/Shared/UI";
···
   );
   const { address } = useAccount();
 
-  const onError = (error?: any) => {
+  const onError = useCallback((error?: unknown) => {
     setIsSubmitting(false);
     setLoggingInAccountId(null);
     errorToast(error);
-  };
+  }, []);
 
   const { data, error, loading } = useAccountsAvailableQuery({
     skip: !address,