Add axios post util (#2153)

## Description

This replaces boilerplate that checks whether we've successfully sent
the request, whether there was an error, etc.

closes #2151

## Meta

Merge checklist:
- [x] Pull Request title is [short, imperative
summary](https://cbea.ms/git-commit/) of proposed changes
- [x] The description documents the _what_ and _why_
- [ ] If this PR changes behavior or adds a feature, user documentation
is updated
- [ ] If this PR touches photon-serde, all messages have been
regenerated and hashes have not changed unexpectedly
- [ ] If this PR touches configuration, this is backwards compatible
with settings back to v2025.3.2
- [ ] If this PR touches pipeline settings or anything related to data
exchange, the frontend typing is updated
- [ ] If this PR addresses a bug, a regression test for it is added

photon-client/src/lib/PhotonUtils.ts

@@ -1,4 +1,6 @@
+import { useStateStore } from "@/stores/StateStore";
 import type { Resolution } from "@/types/SettingTypes";
+import axios from "axios";
 
 export const resolutionsAreEqual = (a: Resolution, b: Resolution) => {
   return a.height === b.height && a.width === b.width;
@@ -18,3 +20,41 @@ export const parseJsonFile = async <T extends Record<string, any>>(file: File):
     fileReader.readAsText(file);
   });
 };
+
+/**
+ * A helper function to make POST requests using axios with standardized success and error handling.
+ *
+ * @param url The endpoint URL to which the POST request is sent
+ * @param description A brief description of the request for users, e.g., "import object detection models".
+ * @param data Payload to be sent in the POST request
+ * @param config Optional axios request configuration
+ * @returns A promise that resolves when the POST request is complete
+ */
+export const axiosPost = (url: string, description: string, data?: any, config?: any): Promise<void> => {
+  return axios
+    .post(url, data, config)
+    .then(() => {
+      useStateStore().showSnackbarMessage({
+        message: "Successfully dispatched the request to " + description + ". Waiting for backend to respond",
+        color: "success"
+      });
+    })
+    .catch((error) => {
+      if (error.response) {
+        useStateStore().showSnackbarMessage({
+          message: "The backend is unable to fulfill the request to " + description + ".",
+          color: "error"
+        });
+      } else if (error.request) {
+        useStateStore().showSnackbarMessage({
+          message: "Error while trying to process the request to " + description + "! The backend didn't respond.",
+          color: "error"
+        });
+      } else {
+        useStateStore().showSnackbarMessage({
+          message: "An error occurred while trying to process the request to " + description + ".",
+          color: "error"
+        });
+      }
+    });
+};