refactor: streamline async logic and notification handling across various settings and integration components

frontend/src/pages/user/PersonalSettingsPage/components/APIKeySection/APIKeyTable.tsx

@@ -22,19 +22,11 @@ export const APIKeyTable = () => {
   const { mutateAsync } = useDeleteAPIKey();
 
   const handleDeleteAPIKeyDataClick = async (apiKeyDataId: string) => {
-    try {
-      await mutateAsync(apiKeyDataId);
-      createNotification({
-        text: "Successfully deleted API key",
-        type: "success"
-      });
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: "Failed to delete API key",
-        type: "error"
-      });
-    }
+    await mutateAsync(apiKeyDataId);
+    createNotification({
+      text: "Successfully deleted API key",
+      type: "success"
+    });
   };
 
   return (

frontend/src/pages/user/PersonalSettingsPage/components/APIKeySection/AddAPIKeyModal.tsx

@@ -76,27 +76,19 @@ export const AddAPIKeyModal = ({ popUp, handlePopUpToggle }: Props) => {
   };
 
   const onFormSubmit = async ({ name, expiresIn }: FormData) => {
-    try {
-      const { apiKey } = await mutateAsync({
-        name,
-        expiresIn: expirationMapping[expiresIn]
-      });
+    const { apiKey } = await mutateAsync({
+      name,
+      expiresIn: expirationMapping[expiresIn]
+    });
 
-      setNewAPIKey(apiKey);
+    setNewAPIKey(apiKey);
 
-      createNotification({
-        text: "Successfully created API key",
-        type: "success"
-      });
+    createNotification({
+      text: "Successfully created API key",
+      type: "success"
+    });
 
-      reset();
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: "Failed to create API key",
-        type: "error"
-      });
-    }
+    reset();
   };
 
   const hasAPIKey = Boolean(newAPIKey);